:root{--ink:#0b1d35;--muted:#5c6c80;--blue:#1c62e8;--blue-dark:#164bbc;--line:#dfe6ee;--soft:#f3f6fa;--white:#fff;--navy:#07182e;--cyan:#6fe1ea;--radius:16px;--shadow:0 18px 50px rgba(8,34,68,.09)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font-family:Inter,"PingFang SC","Microsoft YaHei",Arial,sans-serif;font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased}img{max-width:100%;height:auto}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.18;letter-spacing:-.035em}h1{font-size:clamp(2.8rem,5.8vw,5.8rem)}h2{font-size:clamp(2rem,3.6vw,3.55rem)}h3{font-size:1.3rem}.container{width:min(100% - 48px,1240px);margin-inline:auto}.narrow{max-width:900px}.screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;top:-100px;left:16px;z-index:1000;background:#fff;padding:12px}.skip-link:focus{top:16px}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #77dcf4;outline-offset:3px}.eyebrow{display:block;color:#3765a1;font-size:.72rem;font-weight:800;letter-spacing:.2em;text-transform:uppercase;margin-bottom:18px}.button{display:inline-flex;align-items:center;justify-content:center;gap:18px;min-height:48px;padding:12px 22px;border:1px solid transparent;border-radius:7px;font-size:.92rem;font-weight:700;transition:background .2s,transform .2s,border-color .2s}.button:hover{transform:translateY(-2px)}.button-primary{background:var(--blue);color:#fff}.button-primary:hover{background:var(--blue-dark);color:#fff}.button-outline{background:#fff;border-color:#b8c7d9;color:var(--ink)}.button-outline:hover{border-color:var(--blue);color:var(--blue)}.text-link{display:inline-flex;gap:12px;align-items:center;color:var(--blue);font-weight:700;font-size:.94rem}.text-link:hover{color:var(--blue-dark)}
.utility-bar{background:#08192f;color:#aabbd0;font-size:.72rem;letter-spacing:.04em}.utility-inner{min-height:34px;display:flex;justify-content:space-between;align-items:center;gap:16px}.utility-right{display:flex;align-items:center;gap:28px}.utility-right>a:hover{color:#fff}.lang-switch{display:flex;gap:0;align-items:center}.lang-switch a{padding:0 9px;color:#95a8bd;border-left:1px solid #50647d;line-height:1}.lang-switch a:first-child{border:0}.lang-switch a.active,.lang-switch a:hover{color:#fff}.site-header{position:relative;z-index:20;background:#fff;border-bottom:1px solid #e9eef4}.header-inner{min-height:84px;display:flex;align-items:center;gap:32px}.site-brand{display:inline-flex;align-items:center;gap:12px;flex:none}.brand-mark{position:relative;width:45px;height:45px;display:grid;place-items:center;background:#0c2850;color:#fff;font-size:1.8rem;font-weight:800;line-height:1;border-radius:7px;overflow:hidden}.brand-mark span{position:relative;z-index:2}.brand-mark i{position:absolute;width:24px;height:24px;background:var(--blue);right:-7px;bottom:-7px;transform:rotate(45deg)}.brand-wordmark{display:flex;flex-direction:column;line-height:1.1}.brand-wordmark strong{font-size:1.22rem;letter-spacing:.025em;white-space:nowrap}.brand-wordmark small{font-size:.53rem;letter-spacing:.14em;color:#607188;margin-top:6px;font-weight:700}.custom-logo{display:block;max-height:62px;width:auto}.site-nav{margin-left:auto}.nav-list{display:flex;align-items:center;gap:30px;list-style:none;padding:0;margin:0}.nav-list a{font-size:.88rem;font-weight:650;color:#31445d;white-space:nowrap}.nav-list a:hover,.nav-list .current-menu-item a{color:var(--blue)}.header-cta{display:inline-flex;align-items:center;gap:18px;background:var(--blue);color:#fff;padding:11px 18px;border-radius:6px;font-size:.86rem;font-weight:700;white-space:nowrap;transition:background .2s}.header-cta:hover{background:var(--blue-dark)}.menu-toggle{display:none}
.hero{background:radial-gradient(circle at 88% 24%,#173962 0,#0a2140 33%,#07182e 70%);color:#fff;overflow:hidden}.hero-grid{min-height:610px;display:grid;grid-template-columns:1.04fr .96fr;align-items:center;gap:28px;padding-top:56px;padding-bottom:56px}.hero-copy{position:relative;z-index:2}.hero-kicker{display:inline-flex;align-items:center;gap:11px;color:#9ec3e5;font-size:.78rem;font-weight:700;letter-spacing:.07em;margin-bottom:26px}.pulse-dot{width:7px;height:7px;border-radius:50%;background:#64e6d5;box-shadow:0 0 0 5px rgba(100,230,213,.12)}.hero h1{font-size:clamp(3rem,5.2vw,5.4rem);line-height:1.09;letter-spacing:-.07em;margin:0 0 24px}.hero h1 em{font-style:normal;color:#7fe0ed}.hero-copy>p{max-width:610px;color:#b9c9da;font-size:1.01rem;line-height:1.85;margin-bottom:32px}.hero-search{display:flex;align-items:center;background:#fff;border:1px solid rgba(255,255,255,.2);box-shadow:0 20px 50px rgba(0,0,0,.18);padding:6px 6px 6px 18px;border-radius:9px;max-width:610px}.hero-search svg{width:22px;height:22px;stroke:#607890;stroke-width:1.8;fill:none;flex:none}.hero-search input{min-width:0;flex:1;border:0;outline:0;padding:12px 15px;color:var(--ink);font-size:.9rem}.hero-search input::placeholder{color:#8b9aae}.hero-search button{border:0;background:var(--blue);color:#fff;border-radius:5px;font-weight:700;font-size:.87rem;padding:15px 20px;white-space:nowrap}.hero-search button:hover{background:var(--blue-dark)}.hero-links{display:flex;gap:28px;flex-wrap:wrap;margin-top:24px}.hero-links a{font-size:.83rem;font-weight:700;color:#c4d4e5;display:flex;gap:12px}.hero-links a:hover{color:#fff}.hero-visual{height:490px;position:relative;display:grid;place-items:center;isolation:isolate}.circuit-grid{position:absolute;inset:-80px -120px;background-image:linear-gradient(rgba(79,141,203,.085) 1px,transparent 1px),linear-gradient(90deg,rgba(79,141,203,.085) 1px,transparent 1px);background-size:34px 34px;mask-image:radial-gradient(circle,black 24%,transparent 72%)}.orbit{position:absolute;width:360px;height:360px;border:1px dashed rgba(128,186,239,.24);border-radius:50%}.orbit-two{width:460px;height:460px;border-style:solid;opacity:.38}.central-chip{position:relative;width:250px;height:250px;background:linear-gradient(135deg,#103e72,#0a2b52 50%,#081f3e);border:1px solid #4e8bc4;box-shadow:0 32px 85px #020d20,inset 0 0 0 12px #0b2d54,inset 0 0 0 13px #2f648f;display:flex;flex-direction:column;justify-content:center;align-items:center;transform:rotate(-8deg);border-radius:18px;z-index:2}.central-chip:before,.central-chip:after{content:"";position:absolute;left:-21px;right:-21px;height:100%;background:repeating-linear-gradient(180deg,transparent 0 14px,#3f80bc 14px 21px,transparent 21px 31px);z-index:-1;opacity:.6}.central-chip:before{transform:rotate(90deg)}.central-chip:after{transform:rotate(0)}.central-chip strong{font-size:4rem;letter-spacing:-.09em;color:#fff;line-height:1}.central-chip strong span{color:#80dce9}.chip-top,.chip-bottom{position:absolute;font-size:.52rem;letter-spacing:.15em;color:#8fc3ea}.chip-top{top:40px}.chip-bottom{bottom:39px}.visual-tag{position:absolute;z-index:3;background:#fff;color:#173b62;min-width:137px;padding:11px 13px;display:flex;align-items:center;gap:9px;border:1px solid #cce8f6;box-shadow:0 15px 35px rgba(0,0,0,.2);border-radius:8px;font-size:.57rem;line-height:1.2;letter-spacing:.11em}.visual-tag i{width:21px;height:21px;flex:none;background:linear-gradient(135deg,#50b9e9,#1761ca);border-radius:5px}.visual-tag b{font-size:.67rem;letter-spacing:.1em}.tag-one{top:61px;left:22px}.tag-two{top:102px;right:-8px}.tag-three{bottom:70px;right:5px}
.path-strip{background:#fff;border-bottom:1px solid var(--line)}.path-grid{display:grid;grid-template-columns:repeat(3,1fr)}.path-grid a{display:flex;align-items:center;gap:17px;padding:22px 26px;border-right:1px solid var(--line);transition:background .2s}.path-grid a:first-child{border-left:1px solid var(--line)}.path-grid a:hover{background:#f3f8ff}.path-grid a span:first-child{color:#2a71d8;font-weight:800;font-size:.68rem}.path-grid strong{font-size:.91rem}.path-grid a span:last-child{margin-left:auto;color:var(--blue)}
.section{padding:104px 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:38px}.section-head h2{margin:0 0 12px}.section-head p{color:var(--muted);margin:0;max-width:620px}.section-head>.text-link{margin-bottom:8px;white-space:nowrap}.brand-section{background:#f8fafc}.brand-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.brand-card{position:relative;background:#fff;min-height:158px;border:1px solid #e4eaf1;border-radius:10px;padding:18px 15px 13px;display:flex;flex-direction:column;justify-content:space-between;transition:border-color .2s,box-shadow .2s,transform .2s}.brand-card:hover{border-color:#9dc0f6;box-shadow:var(--shadow);transform:translateY(-3px)}.brand-logo{height:87px;display:flex;align-items:center;justify-content:center;color:#1b4577;text-align:center;font-weight:800}.brand-logo img{width:100%;height:75px;object-fit:contain}.brand-name{font-size:.76rem;color:#51657a;line-height:1.3;padding-right:18px}.brand-arrow{position:absolute;bottom:11px;right:14px;color:#8cb8ef}.empty-state{background:#f6f9fd;border:1px solid var(--line);padding:44px;border-radius:var(--radius);color:var(--muted)}.empty-state h2{font-size:1.5rem;color:var(--ink)}.empty-state .button{margin-top:12px}
.value-section{background:#fff}.value-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.value-grid article{position:relative;border:1px solid var(--line);border-radius:12px;padding:30px;min-height:279px;background:linear-gradient(145deg,#fff,#f8fbff);overflow:hidden}.value-grid article:after{content:"";position:absolute;width:160px;height:160px;right:-90px;top:-80px;background:#e4f1ff;border-radius:50%}.value-number{font-size:.62rem;letter-spacing:.17em;color:#6d8bb2;font-weight:800}.value-icon{width:42px;height:42px;display:grid;place-items:center;background:#e7f1ff;color:var(--blue);font-size:1.8rem;margin:30px 0 22px;border-radius:8px;line-height:1}.value-grid h3{font-size:1.3rem;margin-bottom:10px}.value-grid p{font-size:.88rem;color:var(--muted);margin:0;line-height:1.8}
.products-section{background:#f8fafc}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.product-card{background:#fff;border:1px solid var(--line);border-radius:11px;overflow:hidden;transition:box-shadow .2s,transform .2s}.product-card:hover{box-shadow:var(--shadow);transform:translateY(-3px)}.product-card-image{display:grid;place-items:center;height:220px;background:#eff4fa;overflow:hidden}.product-card-image img{width:100%;height:100%;object-fit:cover}.product-placeholder{width:90px;height:90px;display:grid;place-items:center;border:1px solid #c8d8e9;border-radius:12px;font-weight:800;font-size:3rem;color:#99b7d8}.product-card-body{padding:24px}.product-card-body .eyebrow{font-size:.62rem;margin-bottom:10px}.product-card h3{font-size:1.25rem;margin:0 0 10px}.product-card h3 a:hover{color:var(--blue)}.product-card .model{font-size:.77rem;color:#708196;margin-bottom:19px}.product-card .text-link{font-size:.82rem}
.solutions-section{background:#fff}.solution-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.solution-card{border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#fff;min-height:290px;transition:box-shadow .2s}.solution-card:hover{box-shadow:var(--shadow)}.solution-card>a{display:block;padding:25px}.solution-card img{width:calc(100% + 50px);max-width:none;height:210px;object-fit:cover;margin:-25px -25px 25px}.solution-card .eyebrow{font-size:.62rem;margin-bottom:12px}.solution-card h3,.solution-card h2{font-size:1.32rem;line-height:1.34;margin-bottom:12px}.solution-card p{font-size:.85rem;color:var(--muted);line-height:1.75}.solution-card .text-link{font-size:.82rem}
.inquiry-section{background:#0b2548;color:#fff}.inquiry-grid{display:grid;grid-template-columns:.86fr 1.14fr;gap:85px;align-items:start}.inquiry-copy{padding-top:30px}.inquiry-copy .eyebrow{color:#7cbce9}.inquiry-copy h2{margin-bottom:22px}.inquiry-copy>p{color:#bfd0e3;font-size:1rem;line-height:1.9;max-width:440px}.inquiry-points{border-top:1px solid rgba(255,255,255,.16);margin-top:40px;padding-top:24px;display:grid;gap:13px}.inquiry-points span{font-size:.7rem;color:#66b6e6;letter-spacing:.06em}.inquiry-points b{font-size:.92rem;color:#e0eaf4;margin-left:15px;letter-spacing:0}.inquiry-panel{background:#fff;color:var(--ink);border-radius:12px;padding:34px;box-shadow:0 20px 60px rgba(0,0,0,.12)}.kaic-inquiry-form{display:grid;gap:17px}.kaic-inquiry-form .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.kaic-inquiry-form label{display:block;font-size:.79rem;font-weight:700;color:#334965}.kaic-inquiry-form input:not([type=hidden]):not([type=checkbox]),.kaic-inquiry-form textarea{display:block;width:100%;margin-top:6px;padding:11px 12px;border:1px solid #d8e1eb;border-radius:6px;background:#fff;color:var(--ink);font-size:.89rem}.kaic-inquiry-form input:focus,.kaic-inquiry-form textarea:focus{border-color:#7db1ee}.kaic-inquiry-form textarea{resize:vertical}.kaic-inquiry-form .form-help{font-size:.73rem;color:#79889a;margin:-8px 0 0}.kaic-inquiry-form .form-consent{display:flex;align-items:flex-start;gap:7px;font-size:.72rem;line-height:1.5;color:#65758a;font-weight:400}.form-consent input{margin:3px 0 0}.form-consent a{color:var(--blue);text-decoration:underline}.kaic-trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.form-notice{padding:10px 12px;border-radius:6px;font-size:.85rem;margin:0}.form-notice.success{background:#e8f7ef;color:#167045}.form-notice.error{background:#fff0ed;color:#ae3b2f}
.page-banner{background:linear-gradient(125deg,#0a2140,#123c6e);color:#fff;padding:84px 0 80px;overflow:hidden}.page-banner .eyebrow{color:#80c8ec}.page-banner h1{font-size:clamp(2.5rem,4.3vw,4.5rem);max-width:960px;margin:0 0 17px}.page-banner p{color:#bcd2e7;margin:0;max-width:750px}.archive-section{background:#f8fafc;min-height:330px}.catalogue-filter{display:flex;gap:13px;align-items:end;background:#fff;border:1px solid var(--line);border-radius:10px;padding:21px;margin-bottom:28px;box-shadow:0 8px 30px rgba(13,50,89,.04)}.catalogue-filter label{display:grid;gap:5px;flex:1;font-size:.72rem;color:#586c84;font-weight:700}.catalogue-filter input,.catalogue-filter select{height:44px;border:1px solid #cbd8e6;border-radius:6px;padding:0 11px;color:var(--ink);background:#fff}.catalogue-filter .button{height:44px;min-height:44px}.pagination{display:flex;justify-content:center;margin-top:40px}.pagination .nav-links{display:flex;gap:7px}.pagination .page-numbers{padding:7px 14px;border:1px solid #c9d8e9;border-radius:4px;background:#fff}.pagination .page-numbers.current{background:var(--blue);color:#fff;border-color:var(--blue)}.brand-banner-inner{display:flex;align-items:center;justify-content:space-between;gap:25px}.brand-banner-logo{background:#fff;min-width:240px;min-height:145px;display:grid;place-items:center;padding:20px;border-radius:12px}.brand-banner-logo img{max-height:105px;object-fit:contain}.compact-inquiry{background:#0b2548;color:#fff}.breadcrumb{font-size:.77rem;color:#9dbbd9;margin-bottom:25px}.breadcrumb a:hover{color:#fff}.part-number{font-size:.97rem!important}.detail-grid{display:grid;grid-template-columns:minmax(0,1fr) 390px;gap:60px}.detail-image{border:1px solid var(--line);background:#f6f9fc;border-radius:12px;padding:25px;margin-bottom:30px;text-align:center}.detail-image img{max-height:500px;width:auto;object-fit:contain}.lead-text{font-size:1.12rem;line-height:1.8;color:#354b64}.detail-section{padding:34px 0;border-top:1px solid var(--line)}.detail-section h2{font-size:1.75rem;margin-bottom:25px}.spec-table{border:1px solid var(--line);border-radius:8px;overflow:hidden}.spec-table>div{display:grid;grid-template-columns:35% 65%;border-bottom:1px solid var(--line)}.spec-table>div:last-child{border-bottom:0}.spec-table dt,.spec-table dd{margin:0;padding:11px 16px;font-size:.88rem}.spec-table dt{background:#f5f8fc;color:#536a83;font-weight:700}.spec-table dd{color:#233951}.content-area{color:#354962;line-height:1.9}.content-area h2,.content-area h3{color:var(--ink);margin-top:1.6em}.content-area a{color:var(--blue);text-decoration:underline}.detail-aside .aside-panel{position:sticky;top:20px}.aside-panel{background:#fff;border:1px solid var(--line);border-radius:12px;padding:26px;box-shadow:var(--shadow)}.aside-panel h2{font-size:1.55rem;margin-bottom:9px}.aside-panel>p{font-size:.84rem;color:var(--muted);margin-bottom:20px}.detail-aside .kaic-inquiry-form .form-grid{grid-template-columns:1fr}.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:70px}.article-body{line-height:1.9;color:#334962}.article-body h2,.article-body h3{color:var(--ink);margin-top:1.5em}.article-body a{color:var(--blue);text-decoration:underline}.article-cover img{width:100%;height:auto;border-radius:10px}.article-side{align-self:start;background:#f3f7fc;padding:28px;border-radius:10px}.article-side h2{font-size:1.45rem}.article-side p{font-size:.85rem;color:var(--muted)}.page-layout{display:grid;grid-template-columns:minmax(0,1fr) 430px;gap:70px}.article-list{max-width:840px}.article-list article{padding:30px 0;border-bottom:1px solid var(--line)}.article-list h2{font-size:1.7rem}.article-list h2 a:hover{color:var(--blue)}.article-list p{color:var(--muted)}.not-found{text-align:center;min-height:60vh;display:grid;place-items:center}.not-found h1{font-size:clamp(2.5rem,5vw,4.5rem)}.not-found p{color:var(--muted)}
.site-footer{background:#07182e;color:#9eb2c9;padding-top:72px}.footer-grid{display:grid;grid-template-columns:1.65fr .7fr 1fr;gap:85px;padding-bottom:70px}.footer-mark{color:#fff;font-weight:800;font-size:1.7rem;letter-spacing:-.07em;margin-bottom:18px}.footer-mark span{color:#62d0e6}.footer-about h2{font-size:1.15rem;color:#fff;margin-bottom:14px;letter-spacing:0}.footer-about p{font-size:.84rem;max-width:380px;line-height:1.8}.footer-grid h3{font-size:.83rem;color:#fff;letter-spacing:.05em;margin-bottom:18px}.footer-grid ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}.footer-grid li{font-size:.82rem;line-height:1.5}.footer-grid a:hover{color:#fff}.footer-bottom{min-height:66px;display:flex;align-items:center;justify-content:space-between;gap:15px;border-top:1px solid rgba(255,255,255,.12);font-size:.71rem}.filings{display:flex;gap:15px;flex-wrap:wrap}
@media(max-width:1140px){.nav-list{gap:18px}.header-inner{gap:18px}.brand-grid{grid-template-columns:repeat(4,1fr)}.hero-grid{min-height:560px}.visual-tag{display:none}.inquiry-grid{gap:45px}.detail-grid{grid-template-columns:minmax(0,1fr) 350px;gap:30px}}
@media(max-width:900px){.utility-inner{min-height:31px}.header-inner{min-height:72px}.menu-toggle{display:grid;gap:4px;border:0;background:transparent;padding:10px;margin-left:auto}.menu-toggle span{width:25px;height:2px;background:var(--ink);display:block}.site-nav{display:none;position:absolute;left:0;right:0;top:100%;background:#fff;border-bottom:1px solid var(--line);padding:10px 24px 20px;box-shadow:0 20px 25px rgba(0,0,0,.08)}.site-nav.open{display:block}.nav-list{display:grid;gap:0}.nav-list li{border-bottom:1px solid var(--line)}.nav-list a{display:block;padding:12px 0}.header-cta{display:none}.hero-grid{grid-template-columns:1fr;min-height:auto;padding-top:65px;padding-bottom:60px}.hero-copy{max-width:650px}.hero-visual{display:none}.brand-grid{grid-template-columns:repeat(3,1fr)}.value-grid,.product-grid,.solution-grid{grid-template-columns:repeat(2,1fr)}.inquiry-grid{grid-template-columns:1fr;gap:30px}.inquiry-copy{padding-top:0}.inquiry-points{display:flex;gap:20px;flex-wrap:wrap}.detail-grid,.article-layout,.page-layout{grid-template-columns:1fr}.detail-aside .aside-panel{position:static}.footer-grid{gap:45px}}
.contact-facts{border-top:1px solid var(--line);margin-top:36px;padding-top:18px}.contact-facts p{display:grid;grid-template-columns:76px minmax(0,1fr);gap:12px;margin:12px 0;overflow-wrap:anywhere}.contact-facts strong{color:var(--ink)}
@media(max-width:640px){.container{width:min(100% - 32px,1240px)}.utility-bar{font-size:.65rem}.utility-right{gap:10px}.utility-right>a{display:none}.header-inner{min-height:65px}.brand-mark{width:39px;height:39px;font-size:1.6rem}.brand-wordmark strong{font-size:1rem}.brand-wordmark small{font-size:.46rem}.hero-grid{padding:53px 0 57px}.hero h1{font-size:clamp(2.7rem,10vw,4rem)}.hero-copy>p{font-size:.91rem}.hero-search{padding-left:12px}.hero-search input{font-size:.78rem;padding:10px}.hero-search button{padding:12px 13px;font-size:.74rem}.hero-links{gap:18px}.path-grid{grid-template-columns:1fr}.path-grid a,.path-grid a:first-child{border:0;border-bottom:1px solid var(--line);padding:15px 3px}.section{padding:68px 0}.section-head{display:block;margin-bottom:27px}.section-head h2{font-size:2.1rem}.section-head>.text-link{margin-top:15px}.brand-grid{grid-template-columns:repeat(2,1fr);gap:8px}.brand-card{min-height:142px;padding:12px}.brand-logo{height:82px}.brand-logo img{height:70px}.brand-name{font-size:.69rem}.value-grid,.product-grid,.solution-grid{grid-template-columns:1fr}.value-grid article{min-height:0}.inquiry-panel{padding:22px}.kaic-inquiry-form .form-grid{grid-template-columns:1fr}.inquiry-points{display:grid}.page-banner{padding:58px 0}.page-banner h1{font-size:2.6rem}.catalogue-filter{display:grid}.brand-banner-inner{display:block}.brand-banner-logo{margin-top:25px;width:220px;min-width:0}.footer-grid{grid-template-columns:1fr 1fr;gap:36px}.footer-about{grid-column:1/-1}.footer-bottom{padding:18px 0;display:grid}.spec-table>div{grid-template-columns:1fr}.spec-table dt{padding-bottom:3px}.spec-table dd{padding-top:3px}.detail-section h2{font-size:1.5rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
.faq-section{background:#f4f7fb;border-top:1px solid var(--line)}.faq-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:95px;align-items:start}.faq-intro h2{max-width:470px}.faq-intro p{color:var(--muted);max-width:440px}.faq-list{border-top:1px solid #d9e3ee}.faq-list details{border-bottom:1px solid #d9e3ee;padding:0 4px}.faq-list summary{list-style:none;cursor:pointer;position:relative;padding:24px 34px 24px 0;font-size:1.05rem;font-weight:750;color:var(--ink)}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:'+';position:absolute;right:2px;top:22px;color:var(--blue);font-size:1.5rem;font-weight:400;line-height:1}.faq-list details[open] summary:after{content:'−'}.faq-list p{color:var(--muted);font-size:.91rem;line-height:1.8;margin:0 34px 25px 0}@media(max-width:900px){.faq-grid{grid-template-columns:1fr;gap:30px}}
.wechat-card{display:inline-grid;gap:10px;margin-top:28px;padding:13px;background:#fff;border-radius:8px;color:#223c5d;text-align:center;font-size:.75rem;font-weight:700}.wechat-card img{display:block;width:112px;height:112px;object-fit:contain}

/* Homepage image carousel: text stays in HTML, images are decorative. */
.brand-mark{background:#0b2b52;overflow:hidden}.brand-mark img{width:100%;height:100%;object-fit:cover;display:block}.footer-mark img{display:block;width:48px;height:45px;object-fit:cover;border-radius:4px}
.hero-carousel{position:relative;background:#07182e}.hero-slide{position:relative;isolation:isolate}.hero-slide[hidden]{display:none!important}.hero-media,.hero-shade{position:absolute;inset:0;display:block}.hero-media{z-index:-2}.hero-media img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.hero-shade{z-index:-1;background:linear-gradient(90deg,rgba(4,18,36,.90) 0%,rgba(5,22,43,.76) 36%,rgba(5,22,43,.30) 72%,rgba(5,22,43,.16) 100%)}.hero-slide-inner{position:relative;min-height:630px;display:flex;align-items:center;padding-top:74px;padding-bottom:115px}.hero-carousel .hero-copy{max-width:690px}.hero-carousel h1,.hero-carousel h2{font-size:clamp(3rem,5.2vw,5.1rem);line-height:1.11;letter-spacing:-.06em;margin:0 0 22px;color:#fff}.hero-carousel h1 em,.hero-carousel h2 em{font-style:normal;color:#83e0ed}.hero-carousel .hero-copy>p{max-width:610px;color:#d0deea;font-size:1.02rem;line-height:1.85;margin-bottom:28px}.hero-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.hero-actions .button{min-height:49px}.button-ghost{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.42);color:#fff}.button-ghost:hover{background:rgba(255,255,255,.18);color:#fff}.hero-carousel .hero-search{margin-top:29px;max-width:565px}.hero-controls{display:none;position:absolute;z-index:3;left:0;right:0;bottom:22px;align-items:center;justify-content:space-between;pointer-events:none}.hero-carousel.is-ready .hero-controls{display:flex}.hero-controls button{pointer-events:auto}.hero-dots{display:flex;gap:9px;align-items:center}.hero-dot{width:31px;height:5px;padding:0;border:0;background:rgba(255,255,255,.42);border-radius:99px;transition:width .2s,background .2s}.hero-dot.is-active{width:50px;background:#81e4ef}.hero-control-buttons{display:flex;gap:7px}.hero-control-buttons button{width:39px;height:39px;border:1px solid rgba(255,255,255,.48);border-radius:6px;background:rgba(4,19,40,.5);color:#fff;font-size:1.1rem;line-height:1}.hero-control-buttons button:hover{background:rgba(255,255,255,.18)}
.about-section{background:#fff}.about-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:85px;align-items:center}.about-copy h2{max-width:590px}.about-copy p{max-width:620px;color:#4f6279;font-size:1.02rem;line-height:1.95;margin-bottom:30px}.about-capabilities{display:grid;gap:11px}.about-capabilities article{display:grid;grid-template-columns:50px 1fr;column-gap:16px;align-items:start;padding:22px 24px;border:1px solid var(--line);background:#f8fbfe;border-radius:10px}.about-capabilities article>span{grid-row:1/3;color:#2a72d6;font-weight:800;font-size:.75rem;letter-spacing:.08em;padding-top:3px}.about-capabilities h3{font-size:1.15rem;margin:0 0 7px}.about-capabilities p{font-size:.84rem;color:var(--muted);line-height:1.7;margin:0}
@media(max-width:900px){.hero-slide-inner{min-height:580px;padding-top:70px;padding-bottom:100px}.about-grid{grid-template-columns:1fr;gap:40px}.about-copy h2{max-width:none}}
@media(max-width:640px){.hero-slide-inner{min-height:590px;padding-top:61px;padding-bottom:92px}.hero-carousel h1,.hero-carousel h2{font-size:clamp(2.65rem,10.5vw,4rem)}.hero-carousel .hero-copy>p{font-size:.91rem;line-height:1.75}.hero-media img{object-position:64% center}.hero-shade{background:linear-gradient(90deg,rgba(4,18,36,.92),rgba(5,22,43,.74)),linear-gradient(0deg,rgba(4,18,36,.4),transparent)}.hero-actions .button{font-size:.82rem;padding:10px 14px}.hero-carousel .hero-search{margin-top:20px}.hero-controls{bottom:18px}.hero-control-buttons button{width:34px;height:34px}.hero-dot{width:20px}.hero-dot.is-active{width:33px}.about-capabilities article{grid-template-columns:34px 1fr;padding:18px}}

/* Procurement-first homepage layout. */
.site-search-band{position:relative;z-index:5;background:#f2f6fa;border-bottom:1px solid #d7e1ec}
.site-search-inner{display:flex;align-items:center;gap:28px;min-height:87px}
.site-search-form{display:flex;align-items:center;flex:1;min-width:0;background:#fff;border:1px solid #bacbdc;box-shadow:0 2px 8px rgba(12,39,70,.04)}
.site-search-form:focus-within{border-color:#397acf;box-shadow:0 0 0 3px rgba(41,111,203,.13)}
.site-search-form label{flex:none;padding:0 19px;border-right:1px solid #dae3ed;color:#365470;font-size:.76rem;font-weight:800;letter-spacing:.04em;white-space:nowrap}
.site-search-form input{flex:1;min-width:0;height:48px;padding:0 17px;border:0;outline:0;color:#17304c;background:#fff;font-size:.89rem}
.site-search-form input::placeholder{color:#8394a7}
.site-search-form button{align-self:stretch;flex:none;border:0;background:#164b82;color:#fff;padding:0 22px;font-size:.82rem;font-weight:750;white-space:nowrap}
.site-search-form button:hover{background:#0c365f}
.site-search-form button span{margin-left:9px}
.site-search-links{display:flex;align-items:center;gap:18px;flex:none}
.site-search-links a{color:#37536f;font-size:.8rem;font-weight:700;white-space:nowrap}
.site-search-links a:hover{color:#1262ba}
.site-search-links a+a{padding-left:18px;border-left:1px solid #c5d1df}
.hero-carousel{border-bottom:1px solid #dae3ed}
.hero-carousel .hero-slide-inner{min-height:430px;padding-top:48px;padding-bottom:75px}
.hero-carousel .hero-copy{max-width:650px}
.hero-carousel .hero-kicker{margin-bottom:18px;color:#b7d1e7;font-size:.72rem}
.hero-carousel h1,.hero-carousel h2{font-size:clamp(2.4rem,4vw,3.7rem);line-height:1.16;letter-spacing:-.045em;margin-bottom:18px}
.hero-carousel h1 em,.hero-carousel h2 em{color:#a5d8e8}
.hero-carousel .hero-copy>p{max-width:540px;margin-bottom:23px;color:#e1e9f1;font-size:.93rem;line-height:1.7}
.hero-carousel .hero-shade{background:linear-gradient(90deg,rgba(3,20,39,.94) 0%,rgba(4,23,44,.88) 35%,rgba(4,23,44,.46) 72%,rgba(4,23,44,.13) 100%)}
.hero-carousel .hero-actions .button{min-height:43px;padding:9px 17px;font-size:.8rem}
.hero-carousel .hero-controls{bottom:16px}
.hero-carousel .hero-control-buttons button{width:32px;height:32px;font-size:.88rem}
.hero-carousel .hero-dot{height:4px}
.path-grid a{padding:17px 24px}
.path-grid strong{font-size:.85rem}
.section{padding-top:78px;padding-bottom:78px}
.section-head{margin-bottom:28px}
.section-head h2{font-size:clamp(1.9rem,2.7vw,2.8rem);letter-spacing:-.04em}
.section-head p{font-size:.9rem}
.eyebrow{font-size:.67rem;letter-spacing:.15em;margin-bottom:13px}
.category-section{background:#fff}
.category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.category-card{min-height:168px;display:flex;flex-direction:column;align-items:flex-start;padding:23px 25px 20px;background:#fff;border:1px solid #dce5ee;transition:border-color .2s,background .2s}
.category-card:hover{border-color:#7aabd7;background:#f8fbfe}
.category-code{color:#3879ae;font-size:.64rem;font-weight:800;letter-spacing:.14em;margin-bottom:17px}
.category-card h3{font-size:1.12rem;letter-spacing:-.02em;margin-bottom:5px}
.category-card p{font-size:.78rem;line-height:1.5;color:#60748a;margin:0 0 15px}
.category-card a{margin-top:auto;color:#1c619b;font-size:.78rem;font-weight:750}
.category-card a:hover{color:#12436f}
.category-card a span{margin-left:8px}
.brand-card{min-height:130px;border-radius:3px;padding:13px 13px 11px;box-shadow:none}
.brand-card:hover{transform:none;box-shadow:0 8px 20px rgba(14,48,84,.07)}
.brand-logo{height:71px}
.brand-logo img{height:62px}
.brand-name{font-size:.69rem}
.about-capabilities article{border-radius:3px;background:#fff}
@media(max-width:1050px){.site-search-inner{gap:18px}.site-search-links{gap:11px}.site-search-links a+a{padding-left:11px}.site-search-form label{padding:0 11px}.site-search-form button{padding:0 14px}}
@media(max-width:900px){.site-search-inner{gap:12px}.site-search-links{display:none}.category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-carousel .hero-slide-inner{min-height:400px;padding-top:40px;padding-bottom:70px}}
@media(max-width:640px){.site-search-inner{min-height:75px}.site-search-form label{display:none}.site-search-form input{height:44px;padding:0 11px;font-size:.76rem}.site-search-form button{padding:0 12px;font-size:.75rem}.site-search-form button span{display:none}.hero-carousel .hero-slide-inner{min-height:385px;padding-top:39px;padding-bottom:75px}.hero-carousel h1,.hero-carousel h2{font-size:clamp(2rem,8.3vw,2.8rem);margin-bottom:14px}.hero-carousel .hero-kicker{font-size:.63rem;margin-bottom:13px}.hero-carousel .hero-copy>p{font-size:.79rem;line-height:1.62;margin-bottom:18px}.hero-carousel .hero-shade{background:linear-gradient(90deg,rgba(3,20,39,.95),rgba(4,23,44,.75))}.hero-carousel .hero-actions .button{min-height:39px;padding:8px 11px;font-size:.72rem;gap:6px}.hero-carousel .hero-control-buttons button{width:30px;height:30px}.path-grid a,.path-grid a:first-child{padding:12px 3px}.section{padding-top:59px;padding-bottom:59px}.section-head h2{font-size:1.95rem}.category-grid{gap:8px}.category-card{min-height:154px;padding:17px 14px}.category-code{font-size:.58rem;margin-bottom:14px}.category-card h3{font-size:.96rem}.category-card p{font-size:.7rem;margin-bottom:12px}.category-card a{font-size:.7rem}.brand-card{min-height:121px}.brand-logo{height:65px}.brand-logo img{height:58px}}

/* Company profile */
.mobile-call{display:none}
.about-page-hero{background:#081d36;color:#fff;overflow:hidden}.about-page-hero-grid{display:grid;grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);min-height:520px;align-items:stretch}.about-page-hero-copy{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:74px 52px 74px 0;z-index:1}.about-page-hero-copy:before{content:"";position:absolute;width:300px;height:300px;border:1px solid rgba(135,183,222,.12);border-radius:50%;left:-170px;top:-130px;pointer-events:none}.about-page-hero .eyebrow{color:#83b9d9}.about-page-hero h1{font-size:clamp(3.2rem,5vw,5.6rem);line-height:1.07;letter-spacing:-.07em;margin:0 0 24px}.about-page-hero-copy>p{max-width:525px;color:#c5d7e7;font-size:1.12rem;line-height:1.78;margin-bottom:30px}.about-page-hero-actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap}.about-page-hero-actions>span{font-size:.77rem;letter-spacing:.08em;color:#84a4bf}.about-page-hero-image{position:relative;min-height:520px;margin-right:calc((min(100vw,1240px) - 100vw)/2);overflow:hidden}.about-page-hero-image:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#081d36 0,rgba(8,29,54,.12) 35%,rgba(8,29,54,0) 100%)}.about-page-hero-image img{width:100%;height:100%;display:block;object-fit:cover;object-position:center}
.about-page-profile{background:#fff}.about-page-profile-grid{display:grid;grid-template-columns:270px minmax(0,1fr);gap:75px}.about-page-side-label{display:flex;flex-direction:column;align-items:flex-start;padding-top:10px}.about-page-side-label strong{font-size:1.48rem;line-height:1.3;color:var(--ink)}.about-page-rule{display:block;width:57px;height:3px;background:#3e95c8;margin-top:26px}.about-page-prose{max-width:780px}.about-page-prose h2{font-size:clamp(1.7rem,2.6vw,2.45rem);letter-spacing:-.035em;line-height:1.25;margin:0 0 16px}.about-page-prose h2:not(:first-child){margin-top:36px}.about-page-prose p{font-size:1.01rem;line-height:1.9;color:#455b72;max-width:780px;margin-bottom:18px}
.about-page-services{background:#f3f7fb}.about-page-services .section-head{display:block;max-width:820px}.about-page-services .section-head h2{max-width:none;margin-bottom:14px}.about-page-services .section-head p{max-width:670px}.about-page-service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.about-page-service{min-height:260px;background:#fff;border:1px solid #dde7f0;padding:32px 31px 28px;display:flex;flex-direction:column;align-items:flex-start}.about-page-number{font-size:.78rem;font-weight:800;letter-spacing:.15em;color:#4386b9;margin-bottom:36px}.about-page-service h3{font-size:1.42rem;letter-spacing:-.025em;color:#102c4e;margin:0 0 12px}.about-page-service p{font-size:.91rem;line-height:1.75;color:#5d7288;margin:0}
.about-page-team{background:#fff}.about-page-team-grid{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(0,.82fr);gap:74px;align-items:center}.about-page-office{margin:0}.about-page-office img{display:block;width:100%;height:430px;object-fit:cover;object-position:center;border-radius:3px}.about-page-office figcaption{font-size:.75rem;color:#72859a;margin-top:11px}.about-page-team-copy h2{font-size:clamp(2rem,3vw,3.1rem);max-width:470px;margin-bottom:24px}.about-page-team-copy p{font-size:1rem;line-height:1.9;color:#435a70;margin-bottom:26px}.about-page-cta{background:linear-gradient(120deg,#09233f,#0c3962);color:#fff;padding:76px 0}.about-page-cta-inner{display:flex;justify-content:space-between;align-items:center;gap:35px}.about-page-cta .eyebrow{color:#9dcbe3}.about-page-cta h2{font-size:clamp(2rem,3.2vw,3.2rem);margin:0 0 12px}.about-page-cta p{color:#c7d8e6;max-width:670px;margin:0}.about-page-cta .button{flex:none}
@media(max-width:900px){.about-page-hero-grid{grid-template-columns:1fr 1fr;min-height:420px}.about-page-hero-copy{padding:48px 22px 48px 0}.about-page-hero-image{min-height:420px}.about-page-profile-grid{grid-template-columns:190px minmax(0,1fr);gap:35px}.about-page-team-grid{gap:35px}.about-page-office img{height:360px}}
@media(max-width:700px){.about-page-hero-grid{display:flex;flex-direction:column-reverse}.about-page-hero-image{height:225px;min-height:0;margin:0 -24px}.about-page-hero-image:after{background:linear-gradient(0deg,#081d36,rgba(8,29,54,0) 40%)}.about-page-hero-copy{padding:21px 0 58px}.about-page-hero h1{font-size:2.7rem;margin-bottom:16px}.about-page-hero-copy>p{font-size:.98rem;margin-bottom:23px}.about-page-profile-grid,.about-page-team-grid{grid-template-columns:1fr;gap:28px}.about-page-side-label{padding:0}.about-page-side-label strong{font-size:1.3rem}.about-page-rule{margin-top:16px}.about-page-prose h2{font-size:1.7rem}.about-page-prose p{font-size:.93rem}.about-page-service-grid{grid-template-columns:1fr;gap:9px}.about-page-service{min-height:0;padding:23px}.about-page-number{margin-bottom:19px}.about-page-service h3{font-size:1.2rem}.about-page-office img{height:280px}.about-page-cta{padding:58px 0}.about-page-cta-inner{align-items:flex-start;flex-direction:column;gap:24px}.about-page-cta h2{font-size:2rem}}
@media(max-width:900px){.mobile-call{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:6px 10px;margin-left:auto;color:#0d4f83;border:1px solid #bdd3e5;border-radius:4px;font-size:.72rem;font-weight:800;white-space:nowrap}.menu-toggle{margin-left:0}}

/* Warm industrial visual system: clear product hierarchy, restrained gold accents. */
:root{--ink:#1c2527;--muted:#626c6c;--line:#e2e5e2;--soft:#f5f6f2;--navy:#192427;--gold:#f8bf24;--gold-hover:#e8aa08;--shadow:0 18px 48px rgba(20,31,31,.08)}
.eyebrow{color:#76621e}
.button-primary,.header-cta{background:var(--gold);color:#1d2525;border-color:var(--gold)}
.button-primary:hover,.header-cta:hover{background:var(--gold-hover);color:#1d2525;border-color:var(--gold-hover)}
.nav-list a{color:#273032}.nav-list a:hover,.nav-list .current-menu-item a{color:#9b7200}
.site-search-band{background:#f6f6f2;border-color:#e1e3dd}
.site-search-form{border-color:#d1d5d0;box-shadow:none}
.site-search-form:focus-within{border-color:#bd8b08;box-shadow:0 0 0 3px rgba(248,191,36,.18)}
.site-search-form button{background:#242d2d;color:#fff}
.site-search-form button:hover{background:#111a1a}
.site-search-links a{color:#303b3b}.site-search-links a:hover{color:#936b00}
.hero-carousel .hero-shade{background:linear-gradient(90deg,rgba(13,21,22,.95) 0%,rgba(13,21,22,.86) 37%,rgba(13,21,22,.45) 72%,rgba(13,21,22,.16) 100%)}
.hero-carousel .hero-kicker{color:#f3cb65}
.hero-carousel .pulse-dot{background:var(--gold);box-shadow:0 0 0 5px rgba(248,191,36,.14)}
.hero-carousel h1 em,.hero-carousel h2 em{color:var(--gold)}
.hero-carousel .hero-dot.is-active{background:var(--gold)}
.hero-carousel .button-ghost{background:rgba(15,23,23,.3);border-color:rgba(255,255,255,.66)}
.hero-carousel .button-ghost:hover{background:rgba(255,255,255,.17)}
.path-grid a:hover{background:#fff9e8}
.section-head h2,.about-copy h2{color:#1c2527}
.category-section{background:#fff}
.category-grid{gap:0;border-top:1px solid #e2e4df;border-left:1px solid #e2e4df}
.category-card{border:0;border-right:1px solid #e2e4df;border-bottom:1px solid #e2e4df;background:#f7f7f3;min-height:188px;padding:26px 28px}
.category-card:hover{background:#fff9e8}
.category-code{color:#92710d;margin-bottom:20px}
.category-card p{color:#646d6b}
.category-card a{color:#292f2f;text-decoration:underline;text-decoration-color:#d0a529;text-underline-offset:5px}
.category-card a:hover{color:#7c5b00}
.brand-section,.faq-section{background:#f5f6f2}
.brand-card{border-color:#e1e4df;background:#fff}
.brand-card:hover{border-color:#d7ac34}
.text-link{color:#303a3a;text-decoration:underline;text-decoration-color:#d7ae31;text-underline-offset:5px}
.text-link:hover{color:#805d00}
.about-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:42px 64px;align-items:center}
.about-copy{padding:12px 0}
.about-copy p{color:#505e5d}
.about-home-photo{margin:0;min-width:0;background:#202928}
.about-home-photo img{display:block;width:100%;height:365px;object-fit:cover;object-position:center}
.about-home-photo figcaption{display:flex;align-items:center;justify-content:space-between;gap:16px;background:#202928;color:#fff;border-bottom:3px solid var(--gold);padding:15px 18px;font-size:.78rem;font-weight:650}
.about-home-photo figcaption a{color:var(--gold);white-space:nowrap}
.about-capabilities{grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.about-capabilities article{display:block;padding:24px 25px;background:#f6f7f3;border-color:#e2e5e0;min-height:180px}
.about-capabilities article>span{display:block;color:#9a7100;margin-bottom:17px;padding:0}
.about-capabilities h3{margin-bottom:9px}
.page-banner{background:linear-gradient(115deg,#182422,#293533)}
.page-banner .eyebrow{color:#f4c848}
.about-page-hero{background:#192524}
.about-page-hero .eyebrow,.about-page-cta .eyebrow{color:#f2c758}
.about-page-hero-image:after{background:linear-gradient(90deg,#192524 0,rgba(25,37,36,.1) 40%,transparent 100%)}
.about-page-hero-copy>p{color:#d6ddda}
.about-page-services{background:#f5f6f2}
.about-page-number{color:#a37900}.about-page-rule{background:#d5a91e}
.about-page-service h3{color:#1c2527}
.about-page-cta,.inquiry-section{background:#1d2a29}
.inquiry-copy .eyebrow{color:#e7c357}
.inquiry-points span{color:#edc75e}
.inquiry-panel{border-radius:3px}
.site-footer{background:#15211f}
@media(max-width:900px){.about-grid{grid-template-columns:1fr 1fr;gap:30px}.about-home-photo img{height:300px}.about-capabilities{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){.about-grid{grid-template-columns:1fr;gap:24px}.about-home-photo img{height:260px}.about-capabilities{grid-column:auto;grid-template-columns:1fr;gap:8px}.about-capabilities article{min-height:0}.about-page-hero-image:after{background:linear-gradient(0deg,#192524,transparent 40%)}}
@media(max-width:640px){.hero-carousel .hero-shade{background:linear-gradient(90deg,rgba(13,21,22,.95),rgba(13,21,22,.72))}.category-card{min-height:164px;padding:18px 15px}.category-code{margin-bottom:15px}}

/* Mobile browsing and direct inquiry access. */
.brand-more,.mobile-action-bar{display:none}
.brand-more[hidden]{display:none}
#contact-inquiry{scroll-margin-top:18px}
@media(max-width:700px){
  body{padding-bottom:calc(64px + env(safe-area-inset-bottom))}
  .brand-grid.is-collapsed .brand-card:nth-child(n+9){display:none}
  .brand-more:not([hidden]){display:flex;align-items:center;justify-content:center;gap:7px;width:100%;min-height:46px;margin-top:12px;padding:10px 14px;background:#fff;border:1px solid #d6d9d3;color:#273130;font-size:.82rem;font-weight:750}
  .brand-more span{color:#9e770b}
  .mobile-action-bar{position:fixed;z-index:40;left:0;right:0;bottom:0;display:flex;align-items:stretch;gap:8px;padding:8px 12px calc(8px + env(safe-area-inset-bottom));background:#fff;border-top:1px solid #dfe2dc;box-shadow:0 -8px 24px rgba(17,30,28,.1)}
  .mobile-action-bar a{display:flex;align-items:center;justify-content:center;min-height:47px;padding:8px 13px;font-size:.84rem;font-weight:800;white-space:nowrap}
  .mobile-action-call{flex:0 0 34%;color:#1d2928;border:1px solid #c6cdc7}
  .mobile-action-inquiry{flex:1;background:var(--gold);color:#1d2525}
  .mobile-action-inquiry span{margin-left:9px}
}
@media(max-width:360px){.mobile-action-bar{gap:6px;padding-inline:8px}.mobile-action-bar a{font-size:.76rem;padding-inline:8px}.mobile-action-call{flex-basis:31%}}
@media(max-width:360px){.header-inner{gap:6px}.site-brand{gap:5px;min-width:0}.brand-mark{width:35px;height:35px}.brand-wordmark strong{font-size:.8rem}.brand-wordmark small{font-size:.38rem;letter-spacing:.07em}.custom-logo{max-width:155px}.mobile-call{padding:5px 6px;font-size:.64rem;min-height:32px}.menu-toggle{padding:6px}.menu-toggle span{width:22px}}

/* Contact icons and a readable footer inspired by industrial B2B directories. */
.ui-icon{display:block;flex:none}
.utility-right>a{display:inline-flex;align-items:center;gap:6px}
.utility-right .ui-icon{width:13px;height:13px}
.mobile-call{gap:5px}
.mobile-call .ui-icon{width:15px;height:15px}
.mobile-action-call{gap:7px}
.mobile-action-call .ui-icon{width:17px;height:17px}
.site-footer{background:#f3f4ef;color:#45504b}
.footer-grid{grid-template-columns:minmax(0,1.2fr) minmax(0,1.15fr) minmax(0,.7fr);gap:64px}
.footer-about{order:1}
.footer-contact{order:2}
.footer-grid>div:not(.footer-about):not(.footer-contact){order:3}
.footer-identity{display:flex;align-items:center;gap:13px;margin-bottom:22px}
.footer-mark{margin:0;flex:none}
.footer-mark img{display:block;width:58px;height:auto}
.footer-about h2{margin:0;color:#182421;font-size:1.26rem;line-height:1.3}
.footer-about p{color:#59645f;font-size:.9rem;line-height:1.85}
.footer-grid h3{color:#182421;font-size:1.1rem;letter-spacing:0;margin-bottom:24px}
.footer-grid li{color:#45504b}
.footer-grid a:hover{color:#9d7100}
.footer-contact ul{gap:19px}
.footer-contact-item{display:grid;grid-template-columns:25px minmax(0,1fr);align-items:start;gap:13px;line-height:1.6;overflow-wrap:anywhere}
.footer-contact-icon{color:#26332f;padding-top:4px}
.footer-contact-icon .ui-icon{width:23px;height:23px}
.footer-contact-item>div{display:grid;gap:4px}
.footer-contact-label{font-size:.7rem;color:#6b746d;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.footer-contact-item a{color:#1c2925;text-decoration:underline;text-decoration-color:#b69a43;text-underline-offset:4px}
.footer-contact-cta{padding-left:38px;font-weight:750}
.footer-contact-cta a{color:#2e3933}
.footer-bottom{border-color:#d7dbd3;color:#68716b}
.footer-bottom a:hover{color:#765600}
.footer-bottom{font-size:.9rem;line-height:1.65}.filings{gap:18px}.filings a{color:#293c35;font-size:1rem;font-weight:700;text-decoration:underline;text-decoration-color:#c39b2b;text-underline-offset:4px}
.contact-facts{display:grid;gap:13px;padding-top:25px}
.contact-fact{display:grid;grid-template-columns:43px minmax(0,1fr);gap:15px;align-items:start;padding:12px 0;overflow-wrap:anywhere}
.contact-fact-icon{width:42px;height:42px;display:grid;place-items:center;background:#fbf3d9;color:#6e570e;border-radius:50%}
.contact-fact-icon .ui-icon{width:21px;height:21px}
.contact-fact>div{display:grid;gap:4px}
.contact-fact strong{font-size:.77rem;color:#5b675f;letter-spacing:.03em}
.contact-fact a{color:#1e2b27;text-decoration:underline;text-decoration-color:#d3ac35;text-underline-offset:4px}
.contact-fact span:not(.contact-fact-icon){color:#33413b}
@media(max-width:900px){.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:38px}.footer-about{grid-column:1/-1}.footer-contact{grid-column:1}}
@media(max-width:640px){.footer-grid{grid-template-columns:1fr;gap:35px}.footer-about,.footer-contact{grid-column:auto}.footer-grid h3{margin-bottom:16px}.footer-identity{margin-bottom:17px}.footer-contact ul{gap:16px}}
@media(max-width:360px){.mobile-call .ui-icon{display:none}.mobile-action-call{gap:5px}.mobile-action-call .ui-icon{width:15px;height:15px}}

/* Customer-service channels are configured in Website Settings and only appear when filled. */
.contact-rail{position:fixed;z-index:35;right:15px;top:42%;display:grid;gap:2px;width:68px;filter:drop-shadow(0 6px 18px rgba(20,35,35,.14))}
.contact-rail-item,.contact-rail-link{position:relative;background:#183e38;color:#fff;text-align:center}
.contact-rail-item:first-child,.contact-rail-link:first-child{border-radius:6px 6px 0 0}
.contact-rail-item:last-child,.contact-rail-link:last-child{border-radius:0 0 6px 6px}
.contact-rail-item summary,.contact-rail-link{min-height:62px;display:grid;align-content:center;justify-items:center;gap:4px;padding:7px 4px;cursor:pointer;font-size:.66rem;font-weight:700;line-height:1.2;text-decoration:none;list-style:none}
.contact-rail-item summary::-webkit-details-marker{display:none}
.contact-rail-item summary:hover,.contact-rail-item[open] summary,.contact-rail-link:hover{background:#23544b;color:#fff}
.contact-rail .ui-icon{width:21px;height:21px}
.contact-rail-popover{position:absolute;right:76px;top:0;min-width:178px;max-width:220px;padding:14px;border:1px solid #e5e8df;border-radius:6px;background:#fff;color:#24332e;box-shadow:0 10px 28px rgba(20,35,35,.16);text-align:center;overflow-wrap:anywhere}
.contact-rail-popover img{display:block;width:150px;height:150px;object-fit:contain;margin:0 auto 8px}
.contact-rail-popover strong{display:block;font-size:.8rem}
.contact-rail-item summary:focus-visible,.contact-rail-link:focus-visible{outline:3px solid #d6a72b;outline-offset:2px}
.contact-qr{display:block;width:132px;height:132px;object-fit:contain;margin-top:7px;border:1px solid #e4e8df;background:#fff}
@media(max-width:900px){.contact-rail{display:none}}
.reference-model-list{display:flex;flex-wrap:wrap;gap:9px;list-style:none;padding:0;margin:22px 0 0}.reference-model-list li{border:1px solid #ccdae8;border-radius:5px;background:#f6f9fc;color:#143453;padding:8px 11px;font-size:.86rem;font-weight:700;letter-spacing:.01em}.detail-section>.reference-model-list+p{margin-top:16px}
.reference-model-list li{padding:0}.reference-model-list a{display:block;padding:8px 11px;color:inherit;text-decoration:none}.reference-model-list a:hover,.reference-model-list a:focus-visible{background:#e9f2fb;outline:2px solid #2b6caa;outline-offset:2px}
.solution-art{--art:#173a44;--art-light:#315d62;position:relative;display:flex;align-items:flex-end;min-height:210px;overflow:hidden;margin:-25px -25px 25px;padding:26px;background:linear-gradient(130deg,var(--art),var(--art-light));color:#fff}
.solution-art::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 39px,rgba(255,255,255,.1) 40px),repeating-linear-gradient(90deg,transparent 0 39px,rgba(255,255,255,.1) 40px);opacity:.42}
.solution-art::after{content:"";position:absolute;width:190px;height:190px;border:1px solid rgba(255,255,255,.32);border-radius:50%;right:-32px;bottom:-65px;box-shadow:0 0 0 28px rgba(255,255,255,.035),0 0 0 63px rgba(255,255,255,.025)}
.solution-art-index{position:absolute;z-index:2;top:24px;left:26px;font-size:.66rem;letter-spacing:.16em;font-weight:800;color:#f8d366}
.solution-art strong{position:relative;z-index:2;font-size:clamp(1.55rem,2vw,2.15rem);letter-spacing:.02em;line-height:1.1}
.solution-art img{position:absolute;inset:0;width:100%!important;max-width:none!important;height:100%!important;object-fit:cover!important;margin:0!important}
.solution-art:has(img)::before{z-index:1;background:linear-gradient(180deg,rgba(5,26,32,.55),transparent 42%,rgba(5,26,32,.22));opacity:1}
.area-automotive-electronics{--art:#173d49;--art-light:#476b75}.area-industrial-control-communications{--art:#193f34;--art-light:#517261}.area-medical-device-electronics{--art:#244455;--art-light:#6e8795}.area-consumer-smart-devices{--art:#4a3c56;--art-light:#766883}.area-network-communications-equipment{--art:#233e62;--art-light:#59789d}
.solution-card .eyebrow{font-size:.7rem}.solution-card .text-link{display:inline-block;margin-top:10px}.article-side .text-link{display:inline-block;margin-top:18px}
@media(max-width:1100px) and (min-width:901px){.menu-toggle{display:grid;gap:4px;border:0;background:transparent;padding:10px;margin-left:auto}.menu-toggle span{width:25px;height:2px;background:var(--ink);display:block}.site-nav{display:none;position:absolute;left:0;right:0;top:100%;background:#fff;border-bottom:1px solid var(--line);padding:10px 24px 20px;box-shadow:0 20px 25px rgba(0,0,0,.08)}.site-nav.open{display:block}.nav-list{display:grid;gap:0}.nav-list li{border-bottom:1px solid var(--line)}.nav-list a{display:block;padding:12px 0}.header-cta{display:none}}

/* Application images are small reference assets: retain their native proportions. */
.solution-art:has(img){background:#f3f5f2}
.solution-art:has(img)::before,.solution-art:has(img)::after{display:none}
.solution-art img{z-index:1;object-fit:contain!important;padding:12px;background:#fff}
.solution-art:has(img) .solution-art-index{top:14px;left:15px;padding:6px 9px;border-radius:3px;background:#1c3734;color:#fff;font-size:.58rem}
.article-cover{display:grid;justify-items:center;margin:0 0 35px;padding:28px;border:1px solid #e2e7e1;border-radius:6px;background:#fff}
.article-cover img{display:block;width:min(100%,366px);height:auto;object-fit:contain}
.article-cover figcaption{margin-top:9px;color:#687673;font-size:.72rem}
.scene-gallery-section{background:#f5f6f2;border-top:1px solid #e4e8e1}
.scene-gallery-section .section-head p{max-width:790px;color:#5b6967}
.scene-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}
.scene-card{overflow:hidden;border:1px solid #e1e6e2;border-radius:6px;background:#fff;transition:border-color .2s,transform .2s,box-shadow .2s}
.scene-card:hover{border-color:#bd9840;transform:translateY(-3px);box-shadow:0 12px 26px rgba(21,44,39,.09)}
.scene-card a{display:block;color:inherit;text-decoration:none}
.scene-card-image{display:grid;place-items:center;height:205px;padding:13px;background:#fff;border-bottom:1px solid #eef0ec}
.scene-card-image img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}
.scene-card-body{position:relative;min-height:91px;padding:14px 35px 16px 17px}
.scene-card-body>span:first-child{color:#92711e;font-size:.62rem;font-weight:750;letter-spacing:.06em}
.scene-card-body h3{margin:6px 0 0;font-size:1.02rem;line-height:1.35}
.scene-card-arrow{position:absolute;right:15px;bottom:15px;color:#a17a21;font-size:1.2rem}

/* Desktop contact tabs open on pointer hover and close when the pointer leaves. */
.contact-rail-popover{right:calc(100% - 1px);min-width:190px}
.contact-rail-popover small{display:block;margin-top:6px;color:#64736e;font-size:.68rem}
.contact-rail-qq{display:grid;gap:5px;text-align:left}
.contact-rail-qq>span{font-size:.69rem;color:#62716c}
.contact-rail-qq a{font-size:1.05rem;font-weight:800;color:#183e38;text-decoration:underline;text-underline-offset:4px}
.contact-rail-qq a:focus-visible{outline:2px solid #d6a72b;outline-offset:2px}

/* A practical pre-inquiry checklist, with the first answer visible by default. */
.faq-grid{grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);gap:clamp(40px,6vw,92px);align-items:center}
.faq-intro h2{max-width:520px;margin:14px 0 20px;font-size:clamp(2.1rem,3.2vw,3.45rem);line-height:1.16;letter-spacing:-.03em}
.faq-intro>p{max-width:480px;line-height:1.8}
.faq-checklist{display:flex;flex-wrap:wrap;gap:8px;margin:25px 0 29px}
.faq-checklist span{padding:8px 12px;border:1px solid #d7ded5;border-radius:3px;background:#fff;color:#344640;font-size:.71rem;font-weight:700}
.faq-cta{display:inline-flex}
.faq-list{border-top:1px solid #d2dad1}
.faq-list details{border-bottom:1px solid #d2dad1;padding:0}
.faq-list summary{display:grid;grid-template-columns:35px minmax(0,1fr);gap:11px;align-items:center;padding:23px 40px 23px 0;font-size:1rem;line-height:1.45}
.faq-number{color:#9c7b28;font-size:.68rem;letter-spacing:.1em}
.faq-list summary:after{right:3px;top:20px;color:#1b4a41}
.faq-list details[open] summary{color:#183e38}
.faq-list p{margin:0 34px 24px 46px;font-size:.85rem;line-height:1.78}
@media(max-width:900px){.scene-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.faq-grid{grid-template-columns:1fr;gap:30px;align-items:start}.faq-intro h2{max-width:650px}}
@media(max-width:640px){.scene-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.scene-card-image{height:150px;padding:8px}.scene-card-body{min-height:83px;padding:11px 25px 12px 12px}.scene-card-body h3{font-size:.82rem}.scene-card-body>span:first-child{font-size:.55rem}.scene-card-arrow{right:9px;bottom:10px;font-size:1rem}.faq-intro h2{font-size:2.15rem}.faq-list summary{font-size:.88rem;padding:19px 30px 19px 0;grid-template-columns:25px 1fr;gap:7px}.faq-list summary:after{top:16px}.faq-list p{margin-left:32px;margin-right:10px;font-size:.79rem}}

/* Buyers should see the search, product information and inquiry within the first screen. */
.catalogue-banner{padding:43px 0 46px}
.catalogue-banner .eyebrow{margin-bottom:10px}
.catalogue-banner h1{font-size:clamp(2.1rem,3.2vw,3.2rem);margin-bottom:10px}
.catalogue-section{padding-top:38px}
.product-banner{padding:36px 0 40px}
.product-banner .breadcrumb{margin-bottom:15px}
.product-banner .eyebrow{margin-bottom:9px}
.product-banner h1{font-size:clamp(2.1rem,3.2vw,3.2rem);margin-bottom:0}
.product-detail{padding-top:43px}
.product-detail .detail-image img{max-height:390px}
@media(max-width:640px){.catalogue-banner,.product-banner{padding:31px 0 34px}.catalogue-section,.product-detail{padding-top:29px}.catalogue-banner h1,.product-banner h1{font-size:2.2rem}}

/* Editable cooperation steps answer what a purchasing team can expect next. */
.process-section{background:#edf1eb;border-top:1px solid #dce4dc}
.process-section .section-head{align-items:end}
.process-section .section-head h2{max-width:720px}
.process-section .section-head p{max-width:750px}
.process-section .text-link{color:#245146}
.process-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.process-card{min-height:216px;padding:24px 22px 20px;background:#fff;border:1px solid #dae3d8;border-top:3px solid #cda526}
.process-number{display:block;margin-bottom:22px;color:#a07812;font-size:.76rem;letter-spacing:.15em;font-weight:800}
.process-card h3{margin-bottom:11px;font-size:1.18rem;color:#1b3029}
.process-card p{margin:0;color:#53665c;font-size:.84rem;line-height:1.74}
@media(max-width:900px){.process-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.process-card{min-height:185px}}
@media(max-width:640px){.process-grid{grid-template-columns:1fr;gap:8px}.process-card{min-height:0;padding:18px}.process-number{margin-bottom:12px}.process-card h3{margin-bottom:6px}}
@media(min-width:901px) and (max-width:1400px){.container{width:min(100% - 108px,1240px)}.contact-rail{right:0;width:48px}.contact-rail-item summary,.contact-rail-link{min-height:55px;font-size:.57rem}.contact-rail .ui-icon{width:18px;height:18px}}
.about-page-gallery{background:#f5f6f2}.about-page-gallery .section-head,.about-page-authorizations .section-head{display:block;max-width:830px}.about-page-gallery .section-head h2,.about-page-authorizations .section-head h2{max-width:none}.about-page-gallery .section-head p,.about-page-authorizations .section-head p{max-width:740px}.about-page-gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.about-page-gallery-grid a{display:block;overflow:hidden;background:#dfe8e2;aspect-ratio:1.48}.about-page-gallery-grid img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .25s ease}.about-page-gallery-grid a:hover img{transform:scale(1.035)}.about-page-authorizations{background:#fff}.about-page-authorization-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.about-page-authorization-card{border:1px solid #dfe6e1;background:#fff}.about-page-authorization-image{display:flex;align-items:center;justify-content:center;height:215px;padding:14px;background:#f7f8f6}.about-page-authorization-image img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}.about-page-authorization-info{padding:16px 17px 18px;border-top:1px solid #e7ebe7}.about-page-authorization-info h3{font-size:1.06rem;line-height:1.35;margin:0 0 7px;color:#1b3029}.about-page-authorization-info span{font-size:.79rem;color:#617267}
.about-proof-link{margin-left:22px}
@media(max-width:900px){.about-page-authorization-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.about-page-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.about-proof-link{display:block;margin:15px 0 0}.about-page-gallery-grid{gap:8px}.about-page-authorization-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.about-page-authorization-image{height:170px;padding:8px}.about-page-authorization-info{padding:11px}.about-page-authorization-info h3{font-size:.94rem}.about-page-authorization-info span{font-size:.7rem}}