:root { --navy:#071d2c; --navy-2:#0b2a3d; --ink:#132833; --teal:#00aeb8; --cyan:#65d6dd; --paper:#f4f7f6; --line:#d9e2e2; --muted:#647680; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:#fff; color:var(--ink); font-family:Arial,"Noto Sans TC","Microsoft JhengHei",sans-serif; }
a { color:inherit; text-decoration:none; }
button,input,select,textarea { font:inherit; }
.shell { width:min(1180px,calc(100% - 48px)); margin:0 auto; }
.topbar { height:35px; background:#061824; color:#a9bec8; font:600 10px/1 var(--font-geist-mono),monospace; letter-spacing:.11em; }
.topbar-inner { height:100%; display:flex; align-items:center; justify-content:space-between; }
.topbar p { margin:0; text-transform:uppercase; }
.topbar a { color:#d8e7ec; }
.status-dot { display:inline-block; width:6px; height:6px; margin-right:9px; border-radius:50%; background:#47e0d2; box-shadow:0 0 10px #47e0d2; }
.site-header { height:85px; position:sticky; top:0; z-index:50; border-bottom:1px solid rgba(13,45,58,.1); background:rgba(255,255,255,.94); backdrop-filter:blur(16px); }
.nav-wrap { height:100%; display:flex; align-items:center; justify-content:space-between; }
.brand { display:flex; align-items:center; gap:12px; }
.brand-logo-img { width:78px; height:32px; object-fit:contain; display:block; image-rendering:auto; }
.brand-name { display:flex; flex-direction:column; }
.brand-mark { width:36px; height:36px; display:flex; align-items:center; justify-content:center; gap:3px; background:var(--teal); transform:skew(-8deg); }
.brand-mark i { display:block; width:4px; background:white; transform:skew(8deg); }
.brand-mark i:nth-child(1) { height:13px; }.brand-mark i:nth-child(2) { height:21px; }.brand-mark i:nth-child(3) { height:16px; }
.brand > span:last-child { display:flex; flex-direction:column; }
.brand strong { font:800 20px/1 var(--font-geist-sans),sans-serif; letter-spacing:.15em; }
.brand small { margin-top:5px; color:#667b84; font:600 7px/1 var(--font-geist-mono),monospace; letter-spacing:.17em; }
.main-nav { height:100%; display:flex; align-items:center; gap:22px; color:#334954; font-size:13px; font-weight:700; }
.main-nav > a,.nav-dropdown > a { height:100%; display:flex; align-items:center; gap:6px; position:relative; }
.main-nav > a:not(.nav-cta)::after,.nav-dropdown > a::after { content:""; position:absolute; left:0; right:100%; bottom:0; height:2px; background:var(--teal); transition:.25s ease; }
.main-nav > a:hover::after,.nav-dropdown:hover > a::after { right:0; }
.main-nav b { font-size:12px; font-weight:400; }
.nav-cta { height:42px!important; padding:0 19px; color:white; background:var(--navy); }
.nav-cta span { color:#54dde0; margin-left:8px; }
.lang-switch { height:34px; display:flex; align-items:center; gap:7px; padding:0 9px; border:1px solid #d6e0df; background:#f8faf9; }
.lang-switch button { padding:0; border:0; color:#85959b; background:none; font:800 9px var(--font-geist-mono),monospace; cursor:pointer; }
.lang-switch button.active { color:#078b92; }
.lang-switch button:hover { color:#072a3a; }
.lang-switch i { width:1px; height:12px; background:#cbd7d7; }
.nav-dropdown { height:100%; position:relative; }
.dropdown-panel { visibility:hidden; opacity:0; transform:translateY(8px); position:absolute; top:78px; left:-24px; width:300px; padding:10px; background:white; border:1px solid #dce5e5; box-shadow:0 18px 45px rgba(7,29,44,.13); transition:.2s ease; }
.dropdown-panel.product-menu { width:345px; }.dropdown-panel.service-menu { width:340px; }
.dropdown-panel.compact { width:270px; }
.nav-dropdown:hover .dropdown-panel,.nav-dropdown:focus-within .dropdown-panel { visibility:visible; opacity:1; transform:none; }
.dropdown-panel a { display:flex; align-items:center; gap:13px; padding:13px; }
.dropdown-panel a:hover { background:#eef7f6; }
.dropdown-panel a > span { display:grid; place-items:center; width:30px; height:30px; color:#087b83; background:#daf1f1; font:700 9px var(--font-geist-mono),monospace; }
.dropdown-panel a div { display:flex; flex-direction:column; gap:4px; }
.dropdown-panel strong { font-size:12px; }.dropdown-panel small { color:#82939a; font-size:9px; letter-spacing:.05em; }
.menu-button { display:none; border:0; background:none; padding:10px; }
.menu-button span { display:block; width:24px; height:2px; margin:6px; background:var(--navy); }
.nav-dropdown.current > a { color:#087e85; }.nav-dropdown.current > a::after { right:0; }

.hero { min-height:710px; position:relative; overflow:hidden; color:white; background:#071d2c; }
.hero-bg { position:absolute; inset:0; background:linear-gradient(90deg,rgba(7,29,44,.98) 0%,rgba(7,29,44,.91) 38%,rgba(7,29,44,.18) 73%,rgba(7,29,44,.12) 100%),url('../assets/images/hero-electronics.png') center right/cover no-repeat; }
.hero::after { content:""; position:absolute; inset:0; opacity:.25; background-image:linear-gradient(rgba(126,210,216,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(126,210,216,.08) 1px,transparent 1px); background-size:52px 52px; mask-image:linear-gradient(90deg,#000,transparent 75%); }
.hero-grid { min-height:710px; position:relative; z-index:2; display:grid; grid-template-columns:53% 47%; }
.hero-copy { align-self:center; padding:75px 0 64px; }
.eyebrow { display:flex; align-items:center; gap:14px; margin:0 0 23px; color:#6fd9dd; font:700 10px var(--font-geist-mono),monospace; letter-spacing:.24em; }
.eyebrow i { width:65px; height:1px; background:#2b7279; }
.hero h1 { margin:0; font:600 clamp(57px,6.3vw,91px)/.93 var(--font-geist-sans),sans-serif; letter-spacing:-.055em; }
.hero h1 em { color:#74dce0; font-style:normal; font-weight:300; }
.hero-cn { margin:28px 0 0; color:#fff; font-size:22px; font-weight:700; letter-spacing:.06em; }
.hero-lead { max-width:560px; margin:14px 0 30px; color:#b3c5cd; font-size:15px; line-height:1.9; }
.hero-actions { display:flex; gap:12px; }
.button { min-height:50px; display:inline-flex; align-items:center; justify-content:center; gap:23px; padding:0 24px; border:0; font-size:12px; font-weight:800; letter-spacing:.05em; cursor:pointer; }
.button.primary { background:#2fc2c9; color:#062331; }.button.primary:hover { background:#78e1e4; }
.button.secondary { border:1px solid rgba(255,255,255,.25); color:white; background:rgba(255,255,255,.03); }.button.secondary i { width:6px; height:6px; border-radius:50%; background:#48d8d4; }
.hero-proof { display:flex; gap:0; margin-top:48px; }
.hero-proof div { min-width:118px; padding-right:24px; margin-right:24px; border-right:1px solid rgba(255,255,255,.17); display:flex; flex-direction:column; gap:4px; }
.hero-proof div:last-child { border:0; }
.hero-proof strong { color:white; font:600 18px var(--font-geist-sans),sans-serif; }.hero-proof span { color:#829da9; font-size:10px; }
.hero-visual { position:relative; }
.hero-campaign-card { position:absolute; right:0; bottom:150px; width:min(390px,88%); padding:24px 26px; border-left:3px solid #5ed9dc; color:white; background:linear-gradient(105deg,rgba(5,28,41,.88),rgba(7,42,56,.58)); box-shadow:0 18px 55px rgba(0,0,0,.28); backdrop-filter:blur(8px); }
.hero-campaign-card span,.hero-campaign-card small { display:block; color:#75dfe1; font:800 8px var(--font-geist-mono),monospace; letter-spacing:.15em; }
.hero-campaign-card strong { display:block; margin:10px 0 12px; font:600 21px/1.35 var(--font-geist-sans),sans-serif; letter-spacing:.02em; }
.hero-campaign-card small { color:#9cb5bf; font-size:7px; }
.visual-label { position:absolute; display:flex; align-items:center; gap:10px; color:#d7e5e8; font:700 8px/1.5 var(--font-geist-mono),monospace; letter-spacing:.13em; text-shadow:0 1px 8px #000; }
.visual-label p { margin:0; }.visual-label.top { top:90px; right:18px; }.visual-label.bottom { right:5px; bottom:86px; }
.visual-label span { display:grid; place-items:center; width:31px; height:31px; border:1px solid rgba(255,255,255,.45); color:#62e0df; }.visual-label i { width:8px; height:8px; border-radius:50%; background:#67e1dd; box-shadow:0 0 12px #67e1dd; }
.scroll-cue { position:absolute; bottom:26px; left:-5px; display:flex; align-items:center; gap:11px; transform:rotate(90deg); transform-origin:left center; color:#76919d; font:700 7px var(--font-geist-mono),monospace; letter-spacing:.2em; }.scroll-cue i { width:46px; height:1px; background:#41606c; }
.hero-orbit { position:absolute; z-index:1; border:1px solid rgba(94,213,217,.12); border-radius:50%; }.orbit-one { width:430px; height:430px; right:-180px; top:80px; }.orbit-two { width:610px; height:610px; right:-240px; top:-5px; }

.trust-strip { border-bottom:1px solid var(--line); background:#f8faf9; }
.trust-grid { min-height:96px; display:grid; grid-template-columns:1.15fr repeat(3,1fr); align-items:center; }
.trust-grid > p { margin:0; color:#87979e; font:700 9px/1.6 var(--font-geist-mono),monospace; letter-spacing:.16em; }
.trust-grid > p strong { color:#1c3945; }
.trust-grid > div { height:45px; display:flex; align-items:center; gap:12px; padding-left:31px; border-left:1px solid #d9e2e2; }
.trust-grid > div > span { width:31px; height:31px; display:grid; place-items:center; border:1px solid #b5c7c9; color:#087e84; font:800 9px var(--font-geist-mono),monospace; }
.trust-grid p { display:flex; flex-direction:column; gap:3px; }.trust-grid div strong { font-size:11px; letter-spacing:.03em; }.trust-grid small { color:#86969c; font-size:9px; }
.section { padding:118px 0; }
.section-kicker { margin:0 0 22px; color:#008d95; font:800 9px var(--font-geist-mono),monospace; letter-spacing:.2em; }
.section-kicker.light { color:#64dfe0; }
.section-heading h2,.about-story h2,.finder-intro h2,.quality-copy h2,.contact-copy h2 { margin:0; color:var(--navy); font:600 clamp(34px,4.3vw,57px)/1.15 var(--font-geist-sans),sans-serif; letter-spacing:-.035em; }
.split-heading { display:grid; grid-template-columns:1.5fr .7fr; align-items:end; gap:70px; margin-bottom:55px; }
.split-heading > div:last-child { padding-bottom:6px; }.split-heading > div:last-child p { margin:0 0 16px; color:var(--muted); font-size:13px; line-height:1.8; }.split-heading a { color:#078e95; font-size:11px; font-weight:800; letter-spacing:.05em; }
.products-section { background:#fff; }
.product-grid { display:grid; grid-template-columns:repeat(4,1fr); border-top:1px solid var(--line); border-left:1px solid var(--line); }
.product-card { min-height:510px; position:relative; padding:24px; overflow:hidden; border-right:1px solid var(--line); border-bottom:1px solid var(--line); background:#fff; transition:.3s ease; }
.product-card:hover { z-index:2; transform:translateY(-6px); box-shadow:0 22px 50px rgba(17,55,65,.12); }
.card-number { color:#9aabb0; font:700 9px var(--font-geist-mono),monospace; }
.product-art { height:190px; position:relative; display:grid; place-items:center; }
.breadboard { width:165px; height:83px; position:relative; border-radius:6px; transform:rotate(-8deg); box-shadow:0 17px 26px rgba(15,48,61,.15),inset 0 0 0 1px #dbe3e3; background-color:#fcfdfd; background-image:radial-gradient(#70848c 1.25px,transparent 1.6px); background-size:8px 8px; }
.breadboard::after { content:""; position:absolute; left:50%; top:7px; bottom:7px; width:7px; transform:translateX(-50%); background:#eef3f2; box-shadow:inset 1px 0 #dfe6e5,inset -1px 0 #dfe6e5; }
.breadboard i { position:absolute; left:12px; right:12px; height:2px; background:#bfd1d3; }.breadboard i:nth-child(1){top:15px}.breadboard i:nth-child(2){top:24px}.breadboard i:nth-child(3){bottom:24px}.breadboard i:nth-child(4){bottom:15px}.breadboard i:nth-child(5){display:none}
.wire { position:absolute; height:3px; border-radius:4px; transform:rotate(-28deg); }.wire::before,.wire::after { content:""; position:absolute; top:-2px; width:6px; height:6px; border-radius:50%; background:inherit; }.wire::before{left:-3px}.wire::after{right:-3px}.wire-a { width:90px; top:61px; right:20px; background:#ef7258; }.wire-b { width:75px; bottom:47px; left:23px; transform:rotate(28deg); background:#35bfc4; }
.product-card.purple .wire-a { background:#8b7ee5; }.product-card.orange .wire-b{background:#eda84c}.product-card.blue .breadboard{transform:rotate(7deg)}
.product-code { margin:2px 0 15px; color:#0799a0; font:800 8px var(--font-geist-mono),monospace; letter-spacing:.16em; }
.product-card h3 { margin:0; color:#0a2635; font-size:21px; }.product-card h4 { margin:6px 0 15px; color:#72868e; font-size:10px; letter-spacing:.06em; }.product-desc { min-height:63px; margin:0; color:#657881; font-size:12px; line-height:1.75; }.models { min-height:36px; padding-top:14px; border-top:1px solid #edf1f0; color:#87979d; font:600 8px/1.5 var(--font-geist-mono),monospace; }.product-card > a { position:absolute; left:24px; bottom:23px; display:flex; align-items:center; justify-content:space-between; width:calc(100% - 48px); color:#0d6970; font-size:11px; font-weight:800; }.product-card > a span { width:28px; height:28px; display:grid; place-items:center; color:white; background:#083343; }

.catalog-section { padding-top:105px; background:#eef3f2; border-top:1px solid #dce5e4; }
.catalog-heading { display:grid; grid-template-columns:1.2fr .8fr; align-items:end; gap:90px; margin-bottom:42px; }
.catalog-heading h2 { margin:0; color:var(--navy); font:600 clamp(34px,4.1vw,55px)/1.15 var(--font-geist-sans),sans-serif; letter-spacing:-.035em; }
.catalog-heading > p { margin:0 0 7px; color:#647980; font-size:13px; line-height:1.85; }
.catalog-toolbar { display:flex; flex-wrap:wrap; gap:8px; padding:12px; margin-bottom:22px; border:1px solid #d3dfde; background:white; }
.catalog-toolbar button { min-height:40px; display:flex; align-items:center; gap:12px; padding:0 16px; border:1px solid transparent; color:#657981; background:#f3f6f5; font-size:10px; font-weight:800; cursor:pointer; transition:.2s ease; }
.catalog-toolbar button b { min-width:20px; height:20px; display:grid; place-items:center; border-radius:20px; color:#7b8e94; background:white; font:700 8px var(--font-geist-mono),monospace; }
.catalog-toolbar button:hover,.catalog-toolbar button.active { color:white; background:#082f40; }
.catalog-toolbar button.active b,.catalog-toolbar button:hover b { color:#087d84; }
.catalog-grid { display:grid; grid-template-columns:1fr 1fr; gap:14px; }
.catalog-card { min-height:470px; position:relative; display:flex; flex-direction:column; padding:30px; border:1px solid #d4e0df; background:white; transition:.25s ease; }
.catalog-card:hover { border-color:#7cc5c8; box-shadow:0 18px 40px rgba(18,57,67,.09); transform:translateY(-3px); }
.catalog-card-top { display:flex; align-items:center; justify-content:space-between; padding-bottom:18px; margin-bottom:24px; border-bottom:1px solid #e2e9e8; }
.catalog-card-top span { color:#09949b; font:800 9px var(--font-geist-mono),monospace; }.catalog-card-top p { margin:0; color:#91a0a5; font:700 8px var(--font-geist-mono),monospace; text-transform:uppercase; letter-spacing:.12em; }
.catalog-series { display:inline-flex; min-height:28px; align-items:center; padding:0 10px; margin-bottom:14px; color:#087e85; background:#e1f2f1; font:800 9px var(--font-geist-mono),monospace; letter-spacing:.08em; }
.catalog-card h3 { margin:0; color:#0b2b3a; font-size:21px; line-height:1.35; }.catalog-card h4 { margin:7px 0 16px; color:#7e9096; font-size:10px; letter-spacing:.04em; }
.catalog-description { min-height:54px; margin:0 0 20px; color:#657a82; font-size:12px; line-height:1.75; }
.catalog-card dl { margin:0; }.catalog-card dl > div { display:grid; grid-template-columns:105px 1fr; gap:15px; padding:11px 0; border-top:1px solid #e8eeee; }
.catalog-card dt { color:#829399; font:800 8px/1.55 var(--font-geist-mono),monospace; text-transform:uppercase; letter-spacing:.06em; }.catalog-card dd { margin:0; color:#36515c; font-size:10px; line-height:1.65; }
.catalog-card > a { display:flex; align-items:center; justify-content:space-between; padding-top:15px; margin-top:auto; border-top:1px solid #dce5e4; color:#087f86; font-size:10px; font-weight:800; }.catalog-card > a span { width:28px; height:28px; display:grid; place-items:center; color:white; background:#082f40; }
.catalog-card:has(.model-directory[open]) { grid-column:1 / -1; }
.model-directory { margin:24px 0; border:1px solid #d7e3e2; background:#f7faf9; }
.model-directory summary { min-height:56px; display:flex; align-items:center; gap:14px; padding:0 15px 0 18px; color:#0b3948; cursor:pointer; list-style:none; font-size:11px; font-weight:800; }
.model-directory summary::-webkit-details-marker { display:none; }
.model-directory summary span { flex:1; }.model-directory summary b { color:#71868c; font:700 9px var(--font-geist-mono),monospace; }.model-directory summary i { width:28px; height:28px; display:grid; place-items:center; color:white; background:#087f86; font-style:normal; transition:.2s ease; }
.model-directory[open] summary { border-bottom:1px solid #d7e3e2; }.model-directory[open] summary i { transform:rotate(45deg); }
.model-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1px; padding:1px; background:#dfe8e7; }
.model-card { min-width:0; display:grid; grid-template-columns:150px 1fr; background:white; }
.model-photo { min-height:190px; display:grid; place-items:center; padding:14px; border-right:1px solid #e6eceb; background:#f4f7f6; }
.model-photo img { width:100%; height:155px; object-fit:contain; mix-blend-mode:multiply; }
.model-copy { min-width:0; padding:18px; }.model-name { display:flex; align-items:center; justify-content:space-between; gap:12px; padding-bottom:11px; margin-bottom:12px; border-bottom:1px solid #e7edec; }.model-name h5 { margin:0; color:#082f40; font:800 17px/1 var(--font-geist-mono),monospace; }.model-name span { color:#93a3a7; font:700 7px var(--font-geist-mono),monospace; letter-spacing:.1em; }
.model-copy > p { margin:0 0 12px; color:#536b73; font-size:10px; line-height:1.65; }.model-copy > p strong { display:block; margin-bottom:3px; color:#07858c; font:800 7px var(--font-geist-mono),monospace; text-transform:uppercase; letter-spacing:.08em; }
.model-copy ul { margin:0; padding:0; list-style:none; }.model-copy li { display:grid; grid-template-columns:90px 1fr; gap:10px; padding:6px 0; border-top:1px solid #edf1f0; }.model-copy li small { color:#8a9b9f; font:700 7px/1.45 var(--font-geist-mono),monospace; text-transform:uppercase; }.model-copy li b { color:#314e58; font-size:9px; line-height:1.45; }

.finder-section { padding:0; color:white; background:#0a293a; }
.finder-grid { display:grid; grid-template-columns:.8fr 1.2fr; min-height:530px; }
.finder-intro { padding:80px 70px 75px 0; display:flex; flex-direction:column; align-items:flex-start; justify-content:center; border-right:1px solid rgba(255,255,255,.1); }
.finder-intro h2 { color:white; }.finder-intro > p:not(.section-kicker) { margin:22px 0 30px; color:#a9bec7; font-size:13px; line-height:1.9; }.button.white { color:#072433; background:white; }.button.white:hover { background:#65dcdf; }
.finder-specs { padding:70px 0 70px 70px; display:flex; flex-direction:column; justify-content:center; }
.spec-row { min-height:90px; display:grid; grid-template-columns:55px 1fr 1.1fr; align-items:center; border-bottom:1px solid rgba(255,255,255,.11); }.spec-row > span { color:#55d6da; font:700 9px var(--font-geist-mono),monospace; }.spec-row p { display:flex; flex-direction:column; gap:6px; }.spec-row strong { font-size:15px; }.spec-row small { color:#74929f; font:600 8px var(--font-geist-mono),monospace; letter-spacing:.05em; }.spec-row > b { color:#a9bec7; font-size:11px; font-weight:400; line-height:1.6; }

.about-section { background:#f3f6f5; }
.about-grid { display:grid; grid-template-columns:1fr .85fr; gap:105px; }
.about-story .large-copy { margin:31px 0 14px; color:#2f4751; font-size:16px; font-weight:600; line-height:1.9; }.about-story > p:not(.section-kicker):not(.large-copy) { color:#687b83; font-size:13px; line-height:1.9; }.text-link { display:inline-flex; gap:40px; padding-bottom:7px; margin-top:20px; border-bottom:1px solid #54bfc3; color:#087c82; font-size:11px; font-weight:800; }
.about-numbers { display:grid; grid-template-columns:1fr 1fr; grid-template-rows:240px 150px; gap:14px; }.year-card { grid-row:span 2; padding:33px; display:flex; flex-direction:column; justify-content:space-between; color:white; background:#082c3d; }.year-card span { color:#61d8da; font:700 9px var(--font-geist-mono),monospace; letter-spacing:.15em; }.year-card strong { writing-mode:vertical-rl; transform:rotate(180deg); font:300 69px/1 var(--font-geist-sans),sans-serif; letter-spacing:-.06em; }.year-card p { margin:0; color:#829da8; font:700 8px var(--font-geist-mono),monospace; letter-spacing:.11em; }.number-row { grid-column:2; display:grid; grid-template-columns:1fr 1fr; gap:14px; }.number-row > div { padding:24px 17px; display:flex; flex-direction:column; justify-content:space-between; background:white; }.number-row strong { color:#069aa1; font:600 35px var(--font-geist-sans),sans-serif; }.number-row span { color:#788b92; font:700 7px/1.5 var(--font-geist-mono),monospace; letter-spacing:.11em; }.quote-card { grid-column:2; padding:24px; color:white; background:#20aeb6; }.quote-card p { margin:0 0 20px; font-size:13px; line-height:1.7; }.quote-card span { opacity:.7; font:700 6px var(--font-geist-mono),monospace; letter-spacing:.1em; }

.capability-section { background:white; }
.capability-section .split-heading h2 {
  font-size:clamp(24px,3.1vw,42px);
  white-space:nowrap;
  letter-spacing:-.045em;
}

/* 2026-08-23 mobile menu fix: keep the highlighted service label together. */
@media (max-width:760px) {
  body.language-zh .main-nav .service-menu > a:nth-child(2) strong {
    white-space:nowrap !important;
    font-size:12px !important;
    letter-spacing:-.04em;
  }
}
.process-grid { display:grid; grid-template-columns:repeat(4,1fr); border-top:1px solid var(--line); }.process-grid article { position:relative; min-height:220px; padding:30px 25px 20px 0; border-bottom:1px solid var(--line); }.process-grid article:not(:last-child)::after { content:""; position:absolute; right:0; top:29px; width:1px; height:150px; background:#e2e8e7; }.process-grid span { color:#0a979f; font:800 9px var(--font-geist-mono),monospace; }.process-grid i { display:block; width:8px; height:8px; margin:28px 0 27px; border:2px solid #25b5bc; border-radius:50%; box-shadow:0 0 0 7px #e5f6f5; }.process-grid h3 { margin:0 0 11px; font-size:17px; }.process-grid p { max-width:200px; margin:0; color:#75868d; font-size:11px; line-height:1.7; }

.quality-section { display:grid; grid-template-columns:1.05fr .95fr; min-height:670px; background:#082737; }
.quality-image { min-height:580px; background:linear-gradient(90deg,rgba(8,39,55,.04),rgba(8,39,55,.45)),url('../assets/images/oem-quality.png') center/cover no-repeat; }
.quality-copy { padding:88px max(40px,calc((100vw - 1180px)/2)) 80px 75px; color:white; }.quality-copy h2 { color:white; }.quality-copy > p:not(.section-kicker) { max-width:510px; margin:25px 0 33px; color:#a6bbc4; font-size:13px; line-height:1.9; }.quality-copy ul { margin:0; padding:0; list-style:none; }.quality-copy li { display:flex; align-items:center; gap:20px; padding:19px 0; border-top:1px solid rgba(255,255,255,.12); }.quality-copy li > span { color:#4ed1d4; font:700 8px var(--font-geist-mono),monospace; }.quality-copy li div { display:flex; flex-direction:column; gap:6px; }.quality-copy li strong { font-size:13px; }.quality-copy li small { color:#7f9aa6; font-size:10px; }

.applications-section { background:#f5f7f6; }.centered { max-width:730px; margin:0 auto 55px; text-align:center; }.centered > p:last-child { color:#788991; font-size:13px; }.application-grid { display:grid; grid-template-columns:1fr 1fr; gap:1px; background:#dce5e4; border:1px solid #dce5e4; }.application-grid article { min-height:150px; display:grid; grid-template-columns:74px 1fr 30px; align-items:center; gap:23px; padding:30px; background:white; transition:.25s ease; }.application-grid article:hover { background:#0a3041; color:white; }.application-grid article > span { width:70px; height:70px; display:grid; place-items:center; border:1px solid #c8d7d8; color:#0a979f; font:800 13px var(--font-geist-mono),monospace; background-image:linear-gradient(45deg,#f2f7f6 25%,transparent 25%,transparent 75%,#f2f7f6 75%),linear-gradient(45deg,#f2f7f6 25%,transparent 25%,transparent 75%,#f2f7f6 75%); background-size:9px 9px; background-position:0 0,4px 4px; }.application-grid h3 { margin:0 0 9px; font-size:17px; }.application-grid p { margin:0; color:#768991; font-size:11px; line-height:1.7; }.application-grid article:hover p { color:#a8bec6; }.application-grid b { color:#19aab1; }

.insights-section { background:white; }.insights-heading { display:flex; align-items:end; justify-content:space-between; margin-bottom:45px; }.insights-heading a { padding-bottom:7px; border-bottom:1px solid #62bdc1; color:#097c83; font-size:11px; font-weight:800; }.insight-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:24px; }.insight-grid article { border-bottom:1px solid #cad6d6; }.insight-art { height:220px; position:relative; overflow:hidden; background:#0a3042; }.insight-art::before { content:""; position:absolute; width:190px; height:190px; right:20px; top:25px; border:1px solid rgba(103,224,226,.4); border-radius:50%; }.insight-art::after { content:""; position:absolute; width:100px; height:100px; right:64px; top:70px; border:15px dotted rgba(255,255,255,.15); border-radius:50%; }.insight-art i { position:absolute; width:160px; height:60px; left:20%; top:42%; transform:rotate(-15deg); border:10px solid #f2f7f6; border-radius:8px; box-shadow:0 15px 20px rgba(0,0,0,.2); background-image:radial-gradient(#8aa1a8 1px,transparent 1.5px); background-size:8px 8px; }.insight-art span { position:absolute; z-index:2; top:17px; left:18px; color:#5edadd; font:800 9px var(--font-geist-mono),monospace; }.art-2 { background:#177e86; }.art-2 i { transform:rotate(18deg); border-color:#e8f1ef; }.art-3 { background:#172b3c; }.art-3::before { border-radius:0; transform:rotate(25deg); }.insight-grid article > p { margin:21px 0 9px; color:#09969e; font:800 8px var(--font-geist-mono),monospace; letter-spacing:.12em; }.insight-grid h3 { min-height:48px; margin:0; font-size:18px; line-height:1.45; }.insight-bottom { min-height:80px; display:flex; justify-content:space-between; align-items:center; color:#788a91; font-size:11px; line-height:1.6; }.insight-bottom span { max-width:82%; }.insight-bottom b { display:grid; place-items:center; width:29px; height:29px; color:#087f86; border:1px solid #b7c9c9; }

.contact-section { padding:112px 0; color:white; background:#071f2d; }.contact-grid { display:grid; grid-template-columns:.8fr 1.2fr; gap:110px; }.contact-copy h2 { color:white; }.contact-copy > p:not(.section-kicker) { max-width:460px; margin:25px 0 38px; color:#9fb4bd; font-size:13px; line-height:1.9; }.contact-detail { padding:17px 0; border-top:1px solid rgba(255,255,255,.12); display:grid; grid-template-columns:75px 1fr; }.contact-detail small { color:#4fcfd3; font:700 7px var(--font-geist-mono),monospace; letter-spacing:.15em; }.contact-detail a,.contact-detail span { color:#d9e4e7; font-size:12px; line-height:1.7; }
.contact-form { padding:40px; color:var(--ink); background:white; box-shadow:18px 18px 0 #0c3445; }.contact-form label { display:flex; flex-direction:column; gap:9px; margin-bottom:20px; color:#56707a; font-size:10px; font-weight:700; letter-spacing:.04em; }.form-row { display:grid; grid-template-columns:1fr 1fr; gap:18px; }.contact-form input,.contact-form select,.contact-form textarea { width:100%; border:0; border-bottom:1px solid #c9d7d7; border-radius:0; outline:0; padding:9px 1px 12px; color:#17303b; background:white; font-size:12px; resize:vertical; }.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus { border-color:#11aab1; box-shadow:0 1px #11aab1; }.submit-button { width:100%; color:white; background:#0b8f96; }.submit-button:hover { background:#08747b; }.form-note { margin:11px 0 0; color:#94a3a8; font-size:9px; text-align:center; }.form-success { margin:10px 0 0; color:#087f7e; font-size:10px; text-align:center; }

footer { color:#91a5ad; background:#04141e; }.footer-top { min-height:175px; display:grid; grid-template-columns:1fr 1fr 1fr; align-items:center; border-bottom:1px solid rgba(255,255,255,.1); }.brand-light strong { color:white; }.brand-light small { color:#7b929c; }.footer-top > p { margin:0; font:500 16px/1.6 var(--font-geist-sans),sans-serif; }.footer-top > div:last-child { display:grid; grid-template-columns:1fr 1fr; gap:16px; color:#bdcbd0; font-size:10px; }.footer-bottom { min-height:68px; display:flex; justify-content:space-between; align-items:center; font:600 7px var(--font-geist-mono),monospace; letter-spacing:.1em; }.footer-bottom span { color:#3ccad0; }
.floating-contact { position:fixed; z-index:45; right:0; bottom:25%; width:46px; height:135px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:17px; color:white; background:#0a9ca3; box-shadow:0 10px 25px rgba(6,38,50,.2); }.floating-contact span { writing-mode:vertical-rl; font:800 8px var(--font-geist-mono),monospace; letter-spacing:.16em; }.floating-contact b { font-size:12px; }
.language-en .hero h1 { font-size:clamp(49px,5.35vw,78px); }
.language-en .hero-lead { max-width:610px; }
.language-en .product-card { min-height:545px; }
.language-en .product-desc { min-height:88px; }
.language-en .insight-grid h3 { min-height:58px; }
.language-en .about-story .large-copy { font-size:15px; }
.language-de .hero h1 { font-size:clamp(43px,4.75vw,69px); }
.language-de .hero-lead { max-width:610px; }
.language-de .main-nav { gap:15px; font-size:11px; }
.language-de .product-card { min-height:575px; }
.language-de .product-desc { min-height:110px; }
.language-de .insight-grid h3 { min-height:65px; }

/* Product and manufacturing directory pages */
.inner-page { min-height:100vh; background:#f3f6f5; }
.subpage-hero { min-height:620px; position:relative; overflow:hidden; color:white; background:#071f2f; }
.subpage-hero::after { content:""; position:absolute; width:520px; height:520px; right:-160px; top:-130px; border:1px solid rgba(98,219,222,.16); border-radius:50%; box-shadow:0 0 0 70px rgba(98,219,222,.025),0 0 0 150px rgba(98,219,222,.018); }
.subpage-grid { position:absolute; inset:0; opacity:.32; background-image:linear-gradient(rgba(119,213,218,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(119,213,218,.08) 1px,transparent 1px); background-size:54px 54px; mask-image:linear-gradient(90deg,#000,transparent 88%); }
.subpage-hero-inner { min-height:620px; position:relative; z-index:2; display:grid; grid-template-columns:1.08fr .92fr; align-items:center; gap:62px; }
.subpage-hero-inner > div:first-child { padding:62px 0; }
.breadcrumb { display:inline-flex; margin-bottom:38px; color:#7f9aa6; font:700 8px var(--font-geist-mono),monospace; letter-spacing:.13em; text-transform:uppercase; }
.subpage-hero .eyebrow { margin-bottom:18px; }.subpage-hero h1 { max-width:760px; margin:0; font:600 clamp(43px,5vw,69px)/1.08 var(--font-geist-sans),sans-serif; letter-spacing:-.045em; }
.subpage-hero-inner > div:first-child > p:not(.eyebrow) { max-width:690px; margin:24px 0 0; color:#c0d0d6; font-size:14px; line-height:1.9; }
.product-page-hero { background:linear-gradient(90deg,rgba(4,26,39,.98) 0%,rgba(4,31,44,.90) 48%,rgba(4,31,44,.48) 100%),url('../assets/images/products/wisher-wb1.jpg') center/cover no-repeat; }
.service-page-hero { background:linear-gradient(90deg,rgba(4,26,39,.98) 0%,rgba(4,31,44,.91) 48%,rgba(4,31,44,.38) 100%),url('../assets/images/oem-quality.png') center/cover no-repeat; }
.campaign-tags { display:flex; flex-wrap:wrap; gap:8px; margin-top:27px; }
.campaign-tags span { padding:9px 11px; border:1px solid rgba(107,220,222,.30); color:#77dcde; background:rgba(5,34,46,.42); font:800 7px var(--font-geist-mono),monospace; letter-spacing:.12em; }
.campaign-visual { height:420px; position:relative; overflow:hidden; border:1px solid rgba(255,255,255,.2); background:rgba(239,245,244,.94); box-shadow:20px 22px 0 rgba(0,0,0,.18); }
.campaign-visual::before { content:""; position:absolute; z-index:2; inset:12px; border:1px solid rgba(7,47,61,.16); pointer-events:none; }
.campaign-visual img { width:100%; height:100%; display:block; object-fit:contain; mix-blend-mode:multiply; }
.campaign-visual > div { position:absolute; z-index:3; left:0; right:0; bottom:0; padding:22px 24px; color:white; background:linear-gradient(90deg,rgba(5,31,43,.96),rgba(6,48,61,.82)); }
.campaign-visual span,.campaign-visual small { display:block; color:#64dadd; font:800 7px var(--font-geist-mono),monospace; letter-spacing:.14em; }
.campaign-visual strong { display:block; margin:7px 0 10px; font:600 16px/1.35 var(--font-geist-sans),sans-serif; letter-spacing:.02em; }
.campaign-visual small { color:#a4bcc4; font-size:6px; }
.service-campaign img { object-fit:cover; mix-blend-mode:normal; filter:saturate(.72) contrast(1.05); }
.subpage-visual { min-height:320px; position:relative; display:grid; place-items:center; border:1px solid rgba(255,255,255,.11); background:rgba(255,255,255,.035); }
.subpage-visual::before,.subpage-visual::after { content:""; position:absolute; background:#51d4d6; }.subpage-visual::before { width:7px; height:7px; top:-4px; left:-4px; }.subpage-visual::after { width:35px; height:1px; right:-18px; bottom:34px; }
.product-visual .breadboard.large { width:240px; height:122px; transform:rotate(-9deg); background-size:10px 10px; box-shadow:0 28px 45px rgba(0,0,0,.27),inset 0 0 0 1px #dbe3e3; }
.product-visual .wire-a { width:125px; top:77px; right:28px; }.product-visual .wire-b { width:110px; bottom:78px; left:24px; }
.product-visual > b { position:absolute; left:22px; bottom:20px; color:#6edfe0; font:700 8px var(--font-geist-mono),monospace; letter-spacing:.16em; }
.category-jumpbar { position:sticky; top:85px; z-index:20; border-bottom:1px solid #dce5e4; background:rgba(255,255,255,.96); backdrop-filter:blur(14px); }
.category-jumpbar-inner { min-height:88px; display:grid; grid-template-columns:190px 1fr; align-items:center; gap:25px; }
.category-jumpbar-inner > p { display:flex; flex-direction:column; gap:5px; margin:0; }.category-jumpbar-inner > p strong { font-size:12px; }.category-jumpbar-inner > p span { color:#8b9a9f; font:700 8px var(--font-geist-mono),monospace; letter-spacing:.08em; }
.product-page-toolbar { padding:0; margin:0; border:0; background:none; }.product-page-toolbar button { min-height:42px; }
.product-catalog-page { padding-top:90px; }.product-catalog-page .catalog-card { scroll-margin-top:190px; }
.service-page-hero { background-color:#071f2f; }
.service-hero-flow { min-height:260px; display:grid; grid-template-columns:1fr 20px 1fr 20px 1fr 20px 1fr; align-items:center; gap:6px; padding:22px; border:1px solid rgba(255,255,255,.11); background:rgba(255,255,255,.035); }
.service-hero-flow span { width:76px; height:86px; justify-self:center; display:flex; flex-direction:column; align-items:center; justify-content:center; border:1px solid rgba(91,218,220,.4); color:#65dfe0; font:500 21px var(--font-geist-sans),sans-serif; }
.service-hero-flow i { height:1px; background:linear-gradient(90deg,#32b8bd,transparent); }
.service-hero-flow span small { margin-top:7px; color:#a7bdc5; font:700 7px var(--font-geist-mono),monospace; letter-spacing:.13em; }
.services-directory { background:#eef3f2; }.service-directory-heading { margin-bottom:48px; }
.service-card-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; }
.service-card { min-height:455px; scroll-margin-top:110px; position:relative; padding:30px 29px 75px; border:1px solid #d5e0df; background:white; transition:.25s ease; }
.service-card:hover { border-color:#63c8cc; transform:translateY(-4px); box-shadow:0 20px 42px rgba(12,50,61,.09); }
.service-code { display:flex; align-items:center; justify-content:space-between; padding-bottom:18px; margin-bottom:25px; border-bottom:1px solid #e2e9e8; }.service-code span { color:#0b969d; font:800 10px var(--font-geist-mono),monospace; }.service-code b { color:#96a3a7; font:700 7px var(--font-geist-mono),monospace; letter-spacing:.13em; }
.service-card h3 { margin:0; color:#0a2a39; font-size:21px; line-height:1.4; }.service-card h4 { margin:8px 0 18px; color:#0a9299; font:800 8px var(--font-geist-mono),monospace; letter-spacing:.12em; }.service-card > p { min-height:68px; margin:0 0 22px; color:#667a82; font-size:12px; line-height:1.8; }
.service-scope { padding:17px 0; border-top:1px solid #e5eceb; }.service-scope small { color:#94a3a8; font:800 7px var(--font-geist-mono),monospace; letter-spacing:.13em; }.service-scope ul { display:grid; gap:10px; margin:14px 0 0; padding:0; list-style:none; }.service-scope li { display:flex; align-items:center; gap:10px; color:#38525d; font-size:10px; }.service-scope li i { width:5px; height:5px; border-radius:50%; background:#21afb5; box-shadow:0 0 0 4px #e2f5f4; }
.service-card > a { position:absolute; left:29px; right:29px; bottom:25px; display:flex; justify-content:space-between; padding-top:15px; border-top:1px solid #dfe7e7; color:#087f86; font-size:10px; font-weight:800; }
.service-process { background:white; }.service-quality { scroll-margin-top:85px; }
.inner-cta { padding:75px 0; color:white; background:#0a8790; }.inner-cta-grid { display:flex; align-items:center; justify-content:space-between; gap:60px; }.inner-cta h2 { margin:0; font:600 clamp(30px,3.5vw,48px)/1.15 var(--font-geist-sans),sans-serif; letter-spacing:-.035em; }.inner-cta p:not(.section-kicker) { max-width:740px; margin:15px 0 0; color:#c3e8e8; font-size:13px; line-height:1.8; }.inner-cta .button { flex:0 0 auto; }

/* Independent product category pages */
.category-hero { min-height:690px; position:relative; overflow:hidden; color:white; background-color:#071e2d; background-position:center; background-size:cover; }
.category-hero-breadboard { background-image:linear-gradient(90deg,rgba(4,26,39,.98) 0%,rgba(5,35,48,.90) 48%,rgba(5,35,48,.38) 100%),url('../assets/images/products/wisher-wb1.jpg'); }
.category-hero-wire { background-image:linear-gradient(90deg,rgba(4,26,39,.98) 0%,rgba(5,35,48,.90) 48%,rgba(5,35,48,.38) 100%),url('../assets/images/products/wisher-wire.jpg'); }
.category-hero-enclosure { background-image:linear-gradient(90deg,rgba(4,26,39,.98) 0%,rgba(5,35,48,.88) 48%,rgba(5,35,48,.34) 100%),url('../assets/images/products/wisher-speedybox.jpg'); }
.category-hero-connectivity { background-image:linear-gradient(90deg,rgba(4,26,39,.98) 0%,rgba(5,35,48,.90) 48%,rgba(5,35,48,.38) 100%),url('../assets/images/products/wisher-header.jpg'); }
.category-hero::after { content:""; position:absolute; width:620px; height:620px; right:-240px; top:-160px; border:1px solid rgba(97,218,221,.14); border-radius:50%; box-shadow:0 0 0 80px rgba(97,218,221,.025),0 0 0 170px rgba(97,218,221,.015); }
.category-hero-grid { min-height:690px; position:relative; z-index:2; display:grid; grid-template-columns:1.05fr .95fr; align-items:center; gap:62px; }
.category-hero-copy { padding:68px 0; }.category-hero-copy .breadcrumb { margin-bottom:30px; }.category-hero-copy h1 { max-width:720px; margin:0; font:600 clamp(52px,5.6vw,78px)/.98 var(--font-geist-sans),sans-serif; letter-spacing:-.055em; }.category-hero-copy > p:not(.eyebrow) { max-width:650px; margin:24px 0 28px; color:#c1d1d7; font-size:14px; line-height:1.9; }
.category-hero-copy .hero-actions { margin-bottom:30px; }
.campaign-facts { display:grid; grid-template-columns:repeat(3,1fr); max-width:650px; border-top:1px solid rgba(255,255,255,.18); border-bottom:1px solid rgba(255,255,255,.18); }
.campaign-facts div { min-height:75px; display:flex; flex-direction:column; justify-content:center; gap:7px; padding:0 17px; border-right:1px solid rgba(255,255,255,.15); }
.campaign-facts div:first-child { padding-left:0; }.campaign-facts div:last-child { border:0; }
.campaign-facts small { color:#65d8db; font:800 7px var(--font-geist-mono),monospace; letter-spacing:.1em; }
.campaign-facts strong { color:white; font-size:10px; line-height:1.45; }
.category-hero-photo { height:470px; position:relative; display:grid; place-items:center; padding:28px 26px 70px; border:1px solid rgba(255,255,255,.22); background:rgba(238,244,243,.94); box-shadow:22px 24px 0 rgba(0,0,0,.18); backdrop-filter:blur(8px); }
.category-hero-photo::before { content:""; position:absolute; inset:12px; border:1px solid rgba(8,49,63,.15); pointer-events:none; }.category-hero-photo img { width:100%; height:100%; display:block; object-fit:contain; mix-blend-mode:multiply; }.category-hero-photo > b { position:absolute; z-index:2; left:25px; right:25px; bottom:24px; padding-top:13px; border-top:1px solid #cbd9d8; color:#527078; font:800 7px var(--font-geist-mono),monospace; letter-spacing:.12em; }
.product-stage-label { position:absolute; z-index:3; top:24px; left:-22px; width:190px; padding:15px 17px; color:white; background:#073142; box-shadow:8px 8px 0 rgba(25,183,188,.72); }
.product-stage-label span,.product-stage-label small { display:block; color:#5bd5d8; font:800 6px var(--font-geist-mono),monospace; letter-spacing:.13em; }.product-stage-label strong { display:block; margin:7px 0 5px; font:700 15px var(--font-geist-sans),sans-serif; }.product-stage-label small { color:#98b1ba; font-size:6px; }
.product-category-nav { position:sticky; top:85px; z-index:24; border-bottom:1px solid #d8e3e2; background:rgba(255,255,255,.97); backdrop-filter:blur(14px); }.product-category-nav .shell { min-height:86px; display:grid; grid-template-columns:repeat(4,1fr); }.product-category-nav a { position:relative; display:flex; align-items:center; gap:13px; padding:0 22px; border-left:1px solid #e3e9e8; color:#536a74; font-size:11px; font-weight:800; }.product-category-nav a:last-child { border-right:1px solid #e3e9e8; }.product-category-nav a::after { content:""; position:absolute; left:0; right:100%; bottom:0; height:3px; background:#18abb2; transition:.2s ease; }.product-category-nav a:hover,.product-category-nav a.active { color:#082d3d; background:#f2f8f7; }.product-category-nav a:hover::after,.product-category-nav a.active::after { right:0; }.product-category-nav a span { color:#0b9aa1; font:800 8px var(--font-geist-mono),monospace; }
.original-product-gallery { background:white; }.photo-product-grid { display:grid; grid-template-columns:1fr 1fr; gap:18px; }.photo-product-grid.photo-count-1 { grid-template-columns:minmax(0,840px); justify-content:center; }.photo-product-card { margin:0; border:1px solid #d8e2e1; background:#f3f6f5; transition:.25s ease; }.photo-product-card:hover { border-color:#68c8cc; box-shadow:0 20px 45px rgba(11,47,59,.09); transform:translateY(-4px); }
.photo-frame { height:440px; display:grid; place-items:center; padding:24px; overflow:hidden; background:white; }.photo-frame img { width:100%; height:100%; display:block; object-fit:contain; object-position:center; }
.photo-product-card figcaption { min-height:86px; display:grid; grid-template-columns:45px 1fr; align-items:center; padding:0 25px; border-top:1px solid #dce5e4; }.photo-product-card figcaption > span { color:#0b969d; font:800 9px var(--font-geist-mono),monospace; }.photo-product-card figcaption div { display:flex; flex-direction:column; gap:6px; }.photo-product-card figcaption strong { color:#0a2b3a; font-size:13px; }.photo-product-card figcaption small { color:#7d8f96; font:700 8px var(--font-geist-mono),monospace; letter-spacing:.05em; }
.category-spec-section { background:#eef3f2; }.category-spec-heading { display:flex; align-items:end; justify-content:space-between; gap:50px; margin-bottom:45px; }.category-spec-heading h2 { margin:0; color:var(--navy); font:600 clamp(34px,4.1vw,55px)/1.15 var(--font-geist-sans),sans-serif; letter-spacing:-.035em; }.category-spec-heading .text-link { flex:0 0 auto; }.single-catalog { max-width:720px; grid-template-columns:1fr; }

/* Product directory: category context + always-visible model specifications */
.product-level-bar { position:sticky; top:85px; z-index:23; border-bottom:1px solid #d8e3e2; background:rgba(255,255,255,.97); backdrop-filter:blur(14px); }
.product-level-bar .shell { min-height:68px; display:flex; align-items:center; gap:18px; }
.product-level-bar span,.product-level-bar a { color:#7a8e95; font:800 9px var(--font-geist-mono),monospace; letter-spacing:.06em; }
.product-level-bar a:hover,.product-level-bar .active { color:#087f86; }
.product-level-bar i { color:#b4c2c4; font-style:normal; }
.category-landing-section { background:#edf3f2; }
.category-landing-grid { display:grid; gap:22px; }
.category-landing-card { min-height:350px; display:grid; grid-template-columns:.92fr 1.08fr; overflow:hidden; border:1px solid #d2dfde; background:white; transition:.25s ease; }
.category-landing-card:hover { transform:translateY(-4px); border-color:#64c6ca; box-shadow:0 22px 48px rgba(12,50,61,.10); }
.category-landing-image { min-height:350px; position:relative; display:grid; place-items:center; padding:30px; overflow:hidden; background:#f3f6f5; }
.category-landing-image::after { content:""; position:absolute; inset:16px; border:1px solid #dbe5e4; pointer-events:none; }
.category-landing-image img { width:100%; height:100%; max-height:300px; object-fit:contain; mix-blend-mode:multiply; transition:.35s ease; }
.category-landing-card:hover .category-landing-image img { transform:scale(1.035); }
.category-landing-image span { position:absolute; z-index:2; top:26px; left:27px; width:38px; height:38px; display:grid; place-items:center; color:white; background:#0a3444; font:800 9px var(--font-geist-mono),monospace; }
.category-landing-copy { display:flex; flex-direction:column; justify-content:center; padding:44px 48px; }
.category-landing-copy > p { margin:0 0 15px; color:#08949b; font:800 9px var(--font-geist-mono),monospace; letter-spacing:.14em; }
.category-landing-copy h2 { margin:0 0 16px; color:#092f40; font:600 clamp(28px,3.2vw,43px)/1.1 var(--font-geist-sans),sans-serif; letter-spacing:-.035em; }
.category-landing-copy > span { color:#637981; font-size:12px; line-height:1.85; }
.category-landing-copy > div { display:flex; align-items:center; justify-content:space-between; gap:20px; padding-top:22px; margin-top:25px; border-top:1px solid #dfe8e7; }
.category-landing-copy small { color:#84969b; font:700 8px var(--font-geist-mono),monospace; }
.category-landing-copy b { color:#087f86; font-size:10px; white-space:nowrap; }
.series-choice-grid .catalog-card { min-height:500px; }
.series-detail-section { background:#edf3f2; }
.product-directory-layout { display:grid; grid-template-columns:245px minmax(0,1fr); align-items:start; gap:28px; }
.product-sidebar { position:sticky; top:190px; overflow:hidden; border:1px solid #d3dfde; background:white; box-shadow:0 16px 36px rgba(10,43,55,.06); }
.sidebar-title { display:flex; flex-direction:column; gap:7px; padding:24px; color:white; background:#092f40; }
.sidebar-title span { color:#5bd0d3; font:800 8px var(--font-geist-mono),monospace; letter-spacing:.16em; }
.sidebar-title strong { font-size:17px; }
.product-sidebar nav { display:flex; flex-direction:column; }
.product-sidebar nav a { display:flex; align-items:center; gap:13px; min-height:52px; padding:0 18px; border-bottom:1px solid #e6eceb; color:#3d5963; font:800 10px var(--font-geist-mono),monospace; }
.product-sidebar nav a:hover { color:#087f86; background:#f1f8f7; }
.product-sidebar nav a span { color:#0b989f; font-size:8px; }
.category-facts { padding:8px 18px 18px; background:#f4f8f7; }
.category-facts div { display:flex; flex-direction:column; gap:4px; padding:12px 0; border-bottom:1px solid #dfe8e7; }
.category-facts div:last-child { border-bottom:0; }
.category-facts small { color:#829399; font:700 7px var(--font-geist-mono),monospace; letter-spacing:.06em; }
.category-facts b { color:#294853; font-size:10px; line-height:1.55; }
.series-results { min-width:0; display:grid; gap:32px; }
.series-panel { scroll-margin-top:190px; overflow:hidden; border:1px solid #cedcdb; background:white; box-shadow:0 18px 40px rgba(18,57,67,.07); }
.series-overview { padding:30px; background:linear-gradient(135deg,#fff 0%,#f5f9f8 100%); }
.series-overview h3 { margin:0; color:#0b2b3a; font-size:24px; line-height:1.35; }
.series-overview h4 { margin:7px 0 17px; color:#0a9299; font:800 9px var(--font-geist-mono),monospace; letter-spacing:.08em; }
.series-overview > p { max-width:780px; margin:0 0 22px; color:#5d737b; font-size:12px; line-height:1.85; }
.series-overview dl { display:grid; grid-template-columns:1fr 1fr; gap:1px; margin:0; border:1px solid #dce6e5; background:#dce6e5; }
.series-overview dl > div { display:grid; grid-template-columns:100px 1fr; gap:14px; padding:14px 16px; background:white; }
.series-overview dt { color:#809298; font:800 7px/1.5 var(--font-geist-mono),monospace; text-transform:uppercase; }
.series-overview dd { margin:0; color:#35525c; font-size:10px; line-height:1.6; }
.model-directory { margin:0; border:0; border-top:1px solid #d7e3e2; background:#f7faf9; }
.model-directory-heading { min-height:62px; display:flex; align-items:center; justify-content:space-between; padding:0 22px; color:#0b3948; background:#eaf2f1; font-size:11px; font-weight:800; }
.model-directory-heading b { color:#70858b; font:700 9px var(--font-geist-mono),monospace; }
.model-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
.model-card { grid-template-columns:145px minmax(0,1fr); align-items:stretch; }
.model-copy { display:flex; flex-direction:column; }
.model-select { display:flex; align-items:center; gap:9px; margin-top:auto; padding-top:13px; color:#087f86; font-size:9px; font-weight:800; cursor:pointer; }
.model-select input { width:17px; height:17px; accent-color:#0a969d; }
.family-photo-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1px; padding:1px; border-top:1px solid #d7e3e2; background:#dfe8e7; }
.family-photo-grid article { min-width:0; padding:18px; background:white; }
.family-photo-grid article > div { height:230px; display:grid; place-items:center; margin-bottom:15px; background:#f3f6f5; }
.family-photo-grid img { width:100%; height:100%; object-fit:contain; }
.family-photo-grid span { color:#0b969d; font:800 8px var(--font-geist-mono),monospace; }
.family-photo-grid h5 { margin:7px 0 5px; color:#092f40; font-size:16px; }
.family-photo-grid p { margin:0 0 15px; color:#768990; font-size:10px; }
.family-photo-grid a { display:flex; justify-content:space-between; padding-top:12px; border-top:1px solid #e2e9e8; color:#087f86; font-size:9px; font-weight:800; }
.inquiry-tray { position:fixed; z-index:60; right:24px; bottom:24px; min-width:350px; display:flex; align-items:center; justify-content:space-between; gap:26px; padding:15px 17px; color:white; background:#082f40; box-shadow:0 18px 45px rgba(5,32,44,.28); }
.inquiry-tray[hidden] { display:none; }
.inquiry-tray p { display:flex; align-items:center; gap:10px; margin:0; }
.inquiry-tray p strong { width:28px; height:28px; display:grid; place-items:center; color:#062c3c; border-radius:50%; background:#58d1d4; font-size:11px; }
.inquiry-tray p span { font-size:10px; font-weight:800; }
.inquiry-tray a { display:flex; align-items:center; gap:18px; color:white; font-size:9px; font-weight:800; }
.inquiry-tray a b { color:#5bd4d7; }

/* Bright campaign heroes */
.hero { color:#062f43; background:#edfaff; }
.hero-bg { background:linear-gradient(90deg,rgba(255,255,255,.99) 0%,rgba(255,255,255,.96) 36%,rgba(244,253,255,.72) 53%,rgba(235,250,255,.08) 78%),url('../assets/images/campaign/hero-prototyping.png') center/cover no-repeat; }
.hero::after { opacity:.48; background-image:linear-gradient(rgba(5,151,166,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(5,151,166,.09) 1px,transparent 1px); mask-image:linear-gradient(90deg,#000,transparent 62%); }
.hero h1 { color:#052f43; text-shadow:0 2px 0 rgba(255,255,255,.75); }.hero h1 em { color:#009eae; font-weight:400; }
.hero-cn { color:#0a4054; }.hero-lead { color:#4c6e79; }
.hero .eyebrow,.subpage-hero .eyebrow,.category-hero .eyebrow { color:#008e9c; }.hero .eyebrow i,.subpage-hero .eyebrow i,.category-hero .eyebrow i { background:#52bfc8; }
.hero .button.secondary,.subpage-hero .button.secondary,.category-hero .button.secondary { color:#083b50; border-color:#8ebbc3; background:rgba(255,255,255,.72); backdrop-filter:blur(8px); }
.hero .button.secondary i { background:#00a8b5; }
.hero-proof div { border-color:#b7d1d6; }.hero-proof strong { color:#07384c; }.hero-proof span { color:#66838c; }
.hero-campaign-card { color:#07384c; border-left-color:#00afbb; background:rgba(255,255,255,.88); box-shadow:0 18px 55px rgba(23,108,125,.15); }
.hero-campaign-card span,.hero-campaign-card small { color:#008f9c; }.hero-campaign-card small { color:#6b8790; }.hero-campaign-card strong { color:#06394c; }
.visual-label { color:#164c5d; text-shadow:0 1px 8px white; }.visual-label span { color:#008e9b; border-color:#75b7c0; background:rgba(255,255,255,.78); }.visual-label i { background:#00a8b4; box-shadow:0 0 12px #37cfd4; }.scroll-cue { color:#4e7a86; }.scroll-cue i { background:#80aeb7; }
.hero-orbit { border-color:rgba(0,150,166,.18); }

.subpage-hero,.category-hero { color:#062f43; background-color:#effbfe; }
.product-page-hero { background:linear-gradient(90deg,rgba(255,255,255,.99) 0%,rgba(255,255,255,.95) 40%,rgba(239,251,254,.62) 57%,rgba(232,249,252,.06) 80%),url('../assets/images/campaign/hero-prototyping.png') center/cover no-repeat; }
.service-page-hero { background:linear-gradient(90deg,rgba(255,255,255,.99) 0%,rgba(255,255,255,.95) 40%,rgba(239,251,254,.62) 57%,rgba(232,249,252,.06) 80%),url('../assets/images/campaign/hero-manufacturing.png') center/cover no-repeat; }
.subpage-hero-inner { grid-template-columns:58% 42%; gap:0; }.campaign-visual { display:none; }
.subpage-hero h1,.category-hero h1 { color:#052f43; text-shadow:0 2px 0 rgba(255,255,255,.78); }
.subpage-hero-inner > div:first-child > p:not(.eyebrow),.category-hero-copy > p:not(.eyebrow) { color:#476975; }
.breadcrumb { color:#597b86; }
.campaign-tags span { color:#007f8d; border-color:#8bc8ce; background:rgba(255,255,255,.78); box-shadow:0 6px 18px rgba(32,116,132,.06); }
.subpage-grid { opacity:.55; background-image:linear-gradient(rgba(0,143,157,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(0,143,157,.09) 1px,transparent 1px); mask-image:linear-gradient(90deg,#000,transparent 64%); }
.subpage-hero::after,.category-hero::after { border-color:rgba(0,157,170,.16); box-shadow:0 0 0 70px rgba(0,161,172,.025),0 0 0 150px rgba(0,161,172,.018); }

.category-hero-breadboard { background-image:linear-gradient(90deg,rgba(255,255,255,.99) 0%,rgba(255,255,255,.95) 40%,rgba(239,251,254,.60) 57%,rgba(232,249,252,.04) 80%),url('../assets/images/campaign/hero-prototyping.png'); }
.category-hero-wire { background-image:linear-gradient(90deg,rgba(255,255,255,.99) 0%,rgba(255,255,255,.95) 40%,rgba(239,251,254,.60) 57%,rgba(232,249,252,.04) 80%),url('../assets/images/campaign/hero-wiring.png'); }
.category-hero-enclosure { background-image:linear-gradient(90deg,rgba(255,255,255,.99) 0%,rgba(255,255,255,.95) 40%,rgba(239,251,254,.60) 57%,rgba(232,249,252,.04) 80%),url('../assets/images/campaign/hero-enclosures.png'); }
.category-hero-connectivity { background-image:linear-gradient(90deg,rgba(255,255,255,.99) 0%,rgba(255,255,255,.95) 40%,rgba(239,251,254,.60) 57%,rgba(232,249,252,.04) 80%),url('../assets/images/campaign/hero-connectivity.png'); }
.category-hero-grid { grid-template-columns:58% 42%; gap:0; }.category-hero-photo { display:none; }
.category-hero-copy .button.primary,.subpage-hero .button.primary,.hero .button.primary { color:white; background:linear-gradient(135deg,#00aebb,#087fd4); box-shadow:0 12px 28px rgba(0,144,174,.22); }.category-hero-copy .button.primary:hover,.subpage-hero .button.primary:hover,.hero .button.primary:hover { background:linear-gradient(135deg,#15bdc8,#2190dc); }
.campaign-facts { border-color:#b6d7dc; background:rgba(255,255,255,.54); backdrop-filter:blur(7px); }.campaign-facts div { border-color:#c6dde1; }.campaign-facts small { color:#008894; }.campaign-facts strong { color:#163f4e; }
.series-detail-hero .category-hero-copy > p:not(.eyebrow) { color:#476975; }

section[id],article[id] { scroll-margin-top:100px; }
@media (max-width:1000px) {
  .main-nav { gap:13px; }.main-nav > a,.nav-dropdown > a { font-size:10px; }.brand-logo-img { width:64px; height:26px; }.brand strong { font-size:17px; }.lang-switch { padding:0 6px; gap:5px; }
  .hero-grid { grid-template-columns:60% 40%; }.product-grid { grid-template-columns:1fr 1fr; }
  .quality-copy { padding-left:45px; }.about-grid { gap:55px; }.contact-grid { gap:55px; }.catalog-heading { gap:45px; }
  .language-de .brand-name { display:none; }
  .subpage-hero-inner { grid-template-columns:1fr .55fr; gap:35px; }.service-card-grid { grid-template-columns:1fr 1fr; }
  .category-hero-grid { grid-template-columns:1fr .7fr; gap:40px; }.category-hero-photo { height:330px; }.photo-frame { height:370px; }
  .product-directory-layout { grid-template-columns:205px minmax(0,1fr); gap:18px; }.model-grid { grid-template-columns:1fr; }
  .category-landing-card { grid-template-columns:.82fr 1.18fr; }.category-landing-copy { padding:36px; }
}
@media (max-width:760px) {
  .shell { width:min(100% - 34px,1180px); }.topbar { display:none; }.site-header { height:72px; }.menu-button { display:block; }
  .main-nav { display:none; position:absolute; top:72px; left:0; right:0; max-height:calc(100vh - 72px); overflow:auto; height:auto; padding:14px 22px 22px; flex-direction:column; align-items:stretch; gap:0; background:white; border-bottom:1px solid var(--line); box-shadow:0 20px 40px rgba(7,29,44,.12); }.main-nav.is-open { display:flex; }.main-nav > a,.nav-dropdown > a { height:46px; border-bottom:1px solid #edf1f0; }.nav-cta { justify-content:center; margin-top:13px; }.nav-dropdown { height:auto; }.dropdown-panel,.dropdown-panel.product-menu,.dropdown-panel.service-menu { width:100%; display:grid; grid-template-columns:1fr 1fr; visibility:visible; opacity:1; position:static; transform:none; padding:6px 0 10px; border:0; box-shadow:none; }.dropdown-panel a { min-width:0; padding:9px 7px; }.dropdown-panel a > span { flex:0 0 27px; width:27px; height:27px; }.dropdown-panel strong { font-size:10px; }.dropdown-panel small { display:none; }.lang-switch { width:100%; height:42px; margin-top:10px; justify-content:center; }
  .hero,.hero-grid { min-height:760px; }.hero-bg { background:linear-gradient(180deg,rgba(255,255,255,.98) 0%,rgba(255,255,255,.94) 58%,rgba(238,251,254,.42) 100%),url('../assets/images/campaign/hero-prototyping.png') 64% center/cover no-repeat; }.hero-grid { grid-template-columns:1fr; }.hero-copy { padding:85px 0 50px; align-self:start; }.hero h1,.language-en .hero h1,.language-de .hero h1 { font-size:45px; }.hero-cn { font-size:18px; }.hero-lead { font-size:13px; }.hero-actions { flex-direction:column; align-items:stretch; max-width:330px; }.hero-proof { gap:0; margin-top:37px; }.hero-proof div { min-width:0; flex:1; padding-right:10px; margin-right:10px; }.hero-proof strong { font-size:14px; }.hero-proof span { font-size:8px; }.hero-visual { display:none; }
  .trust-grid { grid-template-columns:1fr 1fr; padding:18px 0; gap:15px; }.trust-grid > p { display:none; }.trust-grid > div { padding-left:0; border:0; }.trust-grid > div:last-child { grid-column:span 2; }
  .section { padding:78px 0; }.split-heading { grid-template-columns:1fr; gap:24px; margin-bottom:35px; }.section-heading h2,.about-story h2,.finder-intro h2,.quality-copy h2,.contact-copy h2 { font-size:38px; }
  .product-grid { grid-template-columns:1fr; }.product-card,.language-en .product-card,.language-de .product-card { min-height:530px; }.product-art { height:160px; }.language-en .product-desc,.language-de .product-desc { min-height:auto; }
  .catalog-heading { grid-template-columns:1fr; gap:22px; }.catalog-grid { grid-template-columns:1fr; }.catalog-toolbar { overflow-x:auto; flex-wrap:nowrap; }.catalog-toolbar button { flex:0 0 auto; }.catalog-card { min-height:520px; padding:25px 22px; }.catalog-card dl > div { grid-template-columns:90px 1fr; }.model-grid { grid-template-columns:1fr; }.model-card { grid-template-columns:125px 1fr; }.model-photo { min-height:170px; }.model-photo img { height:130px; }
  .finder-grid { grid-template-columns:1fr; }.finder-intro { padding:65px 0; border:0; }.finder-specs { padding:0 0 60px; }.spec-row { grid-template-columns:40px 1fr; }.spec-row > b { display:none; }
  .about-grid { grid-template-columns:1fr; gap:45px; }.about-numbers { grid-template-columns:1fr 1fr; grid-template-rows:210px 135px; }.year-card { padding:22px; }.year-card strong { font-size:52px; }
  .process-grid { grid-template-columns:1fr 1fr; }.process-grid article:nth-child(2)::after { display:none; }
  .quality-section { grid-template-columns:1fr; }.quality-image { min-height:390px; }.quality-copy { padding:65px 25px; }
  .application-grid { grid-template-columns:1fr; }.application-grid article { grid-template-columns:62px 1fr 20px; padding:22px; }.application-grid article > span { width:58px; height:58px; }
  .insights-heading { align-items:start; gap:30px; flex-direction:column; }.insight-grid { grid-template-columns:1fr; gap:48px; }.insight-art { height:245px; }
  .contact-grid { grid-template-columns:1fr; gap:50px; }.contact-form { padding:28px 22px; box-shadow:9px 9px 0 #0c3445; }.form-row { grid-template-columns:1fr; gap:0; }
  .footer-top { grid-template-columns:1fr; gap:25px; padding:45px 0; }.footer-top > div:last-child { max-width:300px; }.footer-bottom { align-items:start; flex-direction:column; justify-content:center; gap:8px; }.floating-contact { display:none; }
  .subpage-hero,.subpage-hero-inner { min-height:610px; }.subpage-hero-inner { grid-template-columns:1fr; gap:0; }.subpage-hero-inner > div:first-child { padding:70px 0 35px; }.subpage-hero h1 { font-size:40px; }.subpage-hero-inner > div:first-child > p:last-child { font-size:13px; }.subpage-visual { min-height:190px; margin-bottom:45px; }.product-visual .breadboard.large { width:185px; height:94px; }.product-visual .wire-a { top:45px; }.product-visual .wire-b { bottom:45px; }
  .category-jumpbar { top:72px; }.category-jumpbar-inner { min-height:108px; grid-template-columns:1fr; gap:8px; padding:12px 0; }.category-jumpbar-inner > p { display:none; }.product-page-toolbar { overflow-x:auto; flex-wrap:nowrap; }.product-catalog-page { padding-top:65px; }
  .model-card { grid-template-columns:1fr; }.model-photo { min-height:150px; border-right:0; border-bottom:1px solid #e6eceb; }.model-photo img { height:125px; }.model-copy li { grid-template-columns:78px 1fr; }
  .service-hero-flow { min-height:175px; grid-template-columns:repeat(4,1fr); gap:7px; margin-bottom:44px; padding:12px; }.service-hero-flow span,.service-hero-flow span:nth-of-type(4) { grid-column:auto; width:100%; height:75px; font-size:18px; }.service-hero-flow i { display:none; }.service-hero-flow span small { font-size:5px; }
  .service-card-grid { grid-template-columns:1fr; }.service-card { min-height:430px; padding:25px 22px 70px; }.service-card > a { left:22px; right:22px; }.service-card > p { min-height:auto; }.inner-cta { padding:65px 0; }.inner-cta-grid { align-items:flex-start; flex-direction:column; gap:28px; }
  .category-hero,.category-hero-grid { min-height:700px; }.category-hero { background-position:68% center; }.category-hero-grid { grid-template-columns:1fr; gap:0; }.category-hero-copy { padding:65px 0 48px; }.category-hero-copy h1 { font-size:43px; }.category-hero-copy > p:not(.eyebrow) { font-size:13px; }.category-hero-photo { height:285px; margin-bottom:50px; padding:16px; box-shadow:10px 10px 0 rgba(0,0,0,.12); }.product-category-nav { top:72px; overflow-x:auto; }.product-category-nav .shell { width:max-content; min-width:760px; min-height:70px; margin:0; }.product-category-nav a { min-width:190px; padding:0 16px; }.photo-product-grid,.photo-product-grid.photo-count-1 { grid-template-columns:1fr; }.photo-frame { height:300px; padding:14px; }.photo-product-card figcaption { padding:0 18px; }.category-spec-heading { align-items:flex-start; flex-direction:column; gap:20px; }.category-spec-heading .text-link { margin-top:0; }
  .product-directory-layout { grid-template-columns:1fr; }.product-sidebar { position:static; }.product-sidebar nav { display:grid; grid-template-columns:1fr 1fr; }.product-sidebar nav a:nth-child(odd) { border-right:1px solid #e6eceb; }.category-facts { display:grid; grid-template-columns:1fr 1fr; gap:0 16px; }.series-panel { scroll-margin-top:150px; }.series-overview { padding:23px 20px; }.series-overview dl { grid-template-columns:1fr; }.model-card { grid-template-columns:125px minmax(0,1fr); }.family-photo-grid { grid-template-columns:1fr; }.inquiry-tray { left:17px; right:17px; bottom:17px; min-width:0; }
  .product-level-bar { top:72px; overflow-x:auto; }.product-level-bar .shell { width:max-content; min-height:60px; margin-left:17px; }.category-landing-card { grid-template-columns:1fr; }.category-landing-image { min-height:270px; }.category-landing-copy { padding:28px 23px 31px; }.category-landing-copy > div { align-items:flex-start; flex-direction:column; gap:13px; }
}

/* 2026-08 readability and layout refinement */
.brand-name-zh {
  margin-top:4px;
  color:#42616c;
  font-family:var(--font-geist-sans),sans-serif;
  font-size:10px;
  font-weight:700;
  letter-spacing:.08em;
}
.brand-light .brand-name-zh { color:#607b85; }

h1,h2,h3,h4,h5,h6 { text-wrap:balance; }
p,li,dd,figcaption,.category-landing-copy > span { text-wrap:pretty; }

.section { padding:72px 0; }
.split-heading,.catalog-heading { gap:54px; margin-bottom:34px; }
.split-heading > div:last-child p,.catalog-heading > p,.centered > p:last-child,
.inner-cta p:not(.section-kicker),.quality-copy > p:not(.section-kicker),
.contact-copy > p:not(.section-kicker) { font-size:17px; line-height:1.8; }
.product-desc,.catalog-description,.series-overview > p,.category-landing-copy > span,
.about-story > p:not(.section-kicker),.process-grid p,.application-grid p,
.family-photo-grid p,.connector-product-card > p { font-size:16px; line-height:1.75; }
.catalog-card dd,.series-overview dd,.model-copy > p,.model-copy li b { font-size:14px; }
.catalog-card dt,.series-overview dt,.model-copy li small,.model-copy > p strong,
.category-facts small,.model-name span { font-size:11px; }
.category-facts b,.family-photo-grid a,.model-select { font-size:13px; }

.catalog-card { min-height:0; }
.catalog-card-top { justify-content:flex-end; padding-bottom:12px; margin-bottom:16px; }
.series-overview { padding:22px; }
.series-overview > p { max-width:none; }
.series-overview dl > div { grid-template-columns:120px 1fr; }
.category-spec-heading.compact { justify-content:flex-end; margin-bottom:22px; }
.category-spec-heading.compact .text-link { margin-top:0; }
.product-sidebar nav a { justify-content:flex-start; padding-left:18px; font-size:14px; }

.process-grid article { min-height:0; padding:26px 28px 28px 0; }
.process-grid article:not(:last-child)::after { top:22px; height:calc(100% - 44px); }
.process-grid h3 { margin-top:0; font-size:21px; }
.application-grid article { min-height:130px; grid-template-columns:1fr 30px; }

.service-card-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }
.service-card {
  min-height:0;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(220px,.9fr);
  grid-template-areas:"code code" "summary scope" "link link";
  align-items:start;
  column-gap:30px;
  padding:26px 28px 24px;
}
.service-code { grid-area:code; justify-content:flex-end; margin-bottom:22px; }
.service-code b { font-size:10px; }
.service-summary { grid-area:summary; }
.service-summary h3 { font-size:25px; }
.language-zh .service-summary h3 { white-space:nowrap; font-size:clamp(18px,2vw,25px); letter-spacing:-.035em; }
.service-summary h4 { font-size:13px; }
.service-summary > p { margin:0; color:#516c75; font-size:16px; line-height:1.75; }
.service-scope { grid-area:scope; padding:0 0 0 24px; border-top:0; border-left:1px solid #e5eceb; }
.service-scope small { font-size:12px; }
.service-scope ul { gap:12px; margin-top:14px; }
.service-scope li { display:block; color:#284b56; font-size:16px; line-height:1.55; }
.service-card > a { grid-area:link; position:static; margin-top:24px; font-size:14px; }

.finder-grid { grid-template-columns:.9fr 1.1fr; }
.spec-row { grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr); padding:14px 0; }
.spec-row strong { font-size:17px; }
.spec-row small { font-size:11px; }
.spec-row > b { font-size:14px; }

@media (max-width:1000px) {
  .brand-name-zh { font-size:9px; }
  .service-card { grid-template-columns:1fr; grid-template-areas:"code" "summary" "scope" "link"; }
  .service-scope { margin-top:20px; padding:18px 0 0; border-top:1px solid #e5eceb; border-left:0; }
}

@media (max-width:760px) {
  .shell { width:min(100% - 28px,1180px); }
  .brand-logo-img { width:58px; height:24px; }
  .brand { gap:8px; }
  .brand strong { font-size:16px; }
  .brand small { margin-top:3px; font-size:6px; }
  .brand .brand-name-zh { margin-top:3px; font-size:8px; letter-spacing:.04em; }
  .section { padding:50px 0; }
  .hero,.hero-grid { min-height:650px; }
  .subpage-hero,.subpage-hero-inner { min-height:520px; }
  .category-hero,.category-hero-grid { min-height:560px; }
  .hero-copy { padding:52px 0 36px; }
  .subpage-hero-inner > div:first-child,.category-hero-copy { padding:46px 0 34px; }
  .hero h1,.language-en .hero h1,.language-de .hero h1 { font-size:40px; }
  .subpage-hero h1,.category-hero-copy h1 { font-size:38px; }
  .split-heading,.catalog-heading { gap:18px; margin-bottom:28px; }
  .section-heading h2,.about-story h2,.finder-intro h2,.quality-copy h2,.contact-copy h2 { font-size:34px; }
  .split-heading > div:last-child p,.catalog-heading > p,.centered > p:last-child,
  .inner-cta p:not(.section-kicker),.quality-copy > p:not(.section-kicker),
  .contact-copy > p:not(.section-kicker),.product-desc,.catalog-description,
  .series-overview > p,.category-landing-copy > span,.about-story > p:not(.section-kicker),
  .process-grid p,.application-grid p,.service-summary > p,.service-scope li,
  .family-photo-grid p,.connector-product-card > p { font-size:15px; }
  .category-landing-image { min-height:210px; }
  .category-landing-card { min-height:0; }
  .category-landing-copy { padding:22px 19px 24px; }
  .category-spec-heading.compact { margin-bottom:16px; }
  .product-level-bar .shell { margin-left:14px; }
  .process-grid { grid-template-columns:1fr; }
  .process-grid article { padding:22px 0; }
  .process-grid article::after { display:none; }
  .application-grid article { grid-template-columns:1fr 20px; padding:20px; }
  .service-card-grid { grid-template-columns:1fr; }
  .service-card { padding:22px 20px; }
  .service-summary h3 { font-size:23px; }
  .service-scope { margin-top:18px; }
  .finder-grid { grid-template-columns:1fr; }
  .spec-row { grid-template-columns:1fr; gap:8px; min-height:0; padding:18px 0; }
  .spec-row > b { display:block; }
  .model-copy li { grid-template-columns:92px 1fr; }
  .connector-family > header p { font-size:15px; }
}
@media (prefers-reduced-motion:reduce) { html{scroll-behavior:auto}.product-card,.dropdown-panel{transition:none} }

/* Readability, spacing and complete catalog-image pass */
body { font-size:16px; }
.main-nav,.language-de .main-nav { font-size:14px; }.main-nav > a,.nav-dropdown > a { font-size:13px; }.main-nav b { font-size:13px; }.dropdown-panel strong { font-size:13px; }.dropdown-panel small { font-size:11px; }
.eyebrow { font-size:12px; }.section-kicker { font-size:11px; }.button { font-size:13px; }
.hero-lead,.subpage-hero-inner > div:first-child > p:not(.eyebrow),.category-hero-copy > p:not(.eyebrow) { font-size:16px; line-height:1.75; }
.hero-proof span { font-size:12px; }.hero-campaign-card span,.hero-campaign-card small,.campaign-tags span { font-size:10px; }
.trust-grid > p { font-size:11px; }.trust-grid div strong { font-size:13px; }.trust-grid small { font-size:11px; }
.split-heading > div:last-child p,.catalog-heading > p,.centered > p:last-child,.inner-cta p:not(.section-kicker) { font-size:15px; }
.split-heading a,.text-link,.insights-heading a { font-size:13px; }
.product-card h3,.catalog-card h3,.service-card h3 { font-size:23px; }.product-card h4,.catalog-card h4,.service-card h4 { font-size:12px; }
.product-desc,.catalog-description,.service-card > p,.series-overview > p { font-size:14px; line-height:1.7; }
.models,.catalog-card-top p,.catalog-card dt,.series-overview dt { font-size:10px; }
.product-card > a,.catalog-card > a,.service-card > a { font-size:12px; }
.catalog-card dd,.series-overview dd { font-size:12px; }.catalog-toolbar button { font-size:12px; }
.process-grid span { font-size:11px; }.process-grid h3,.application-grid h3 { font-size:19px; }.process-grid p,.application-grid p { font-size:13px; }
.quality-copy > p:not(.section-kicker),.centered > p:last-child,.contact-copy > p:not(.section-kicker) { font-size:15px; }
.quality-copy li > span { font-size:10px; }.quality-copy li strong { font-size:15px; }.quality-copy li small { font-size:12px; }
.insight-grid article > p { font-size:10px; }.insight-grid h3 { font-size:20px; }.insight-bottom { font-size:13px; }
.contact-detail small { font-size:9px; }.contact-detail a,.contact-detail span { font-size:14px; }.contact-form label { font-size:12px; }.contact-form input,.contact-form select,.contact-form textarea { font-size:14px; }.form-note { font-size:11px; }
.product-level-bar span,.product-level-bar a { font-size:11px; }.category-landing-copy > p { font-size:11px; }.category-landing-copy > span { font-size:14px; }.category-landing-copy small { font-size:10px; }.category-landing-copy b { font-size:12px; }
.sidebar-title span { font-size:10px; }.product-sidebar nav a { font-size:12px; }.product-sidebar nav a span { font-size:10px; }.category-facts small { font-size:9px; }.category-facts b { font-size:12px; }
.model-directory-heading { font-size:13px; }.model-directory-heading b { font-size:11px; }.model-name span { font-size:9px; }.model-copy > p { font-size:12px; }.model-copy > p strong { font-size:9px; }.model-copy li small { font-size:9px; }.model-copy li b { font-size:11px; }.model-select { font-size:11px; }
.family-photo-grid h5 { font-size:18px; }.family-photo-grid p { font-size:12px; }.family-photo-grid a { font-size:11px; }
.inquiry-tray p span { font-size:12px; }.inquiry-tray a { font-size:11px; }

.section { padding:88px 0; }.catalog-heading,.category-spec-heading { margin-bottom:34px; }.split-heading { margin-bottom:42px; }
.category-landing-grid { gap:16px; }.category-landing-card { min-height:315px; }.category-landing-image { min-height:315px; padding:22px; }.category-landing-copy { padding:32px 38px; }.category-landing-copy > div { padding-top:16px; margin-top:18px; }
.catalog-grid { gap:10px; }.catalog-card { min-height:430px; padding:24px; }.catalog-card-top { margin-bottom:18px; }.catalog-description { margin-bottom:15px; }
.product-directory-layout { gap:20px; }.series-results { gap:22px; }.series-overview { padding:24px; }.series-overview > p { margin-bottom:16px; }.series-overview dl > div { padding:12px 14px; }
.model-directory-heading { min-height:56px; }.model-photo { min-height:170px; }.model-copy { padding:15px; }.model-copy li { padding:5px 0; }
.inner-cta { padding:56px 0; }.contact-section { padding:84px 0; }.contact-grid { gap:72px; }.contact-form { padding:32px; }
.footer-top { min-height:145px; }.footer-bottom { min-height:56px; }

footer { color:#526f79; background:#f4f8f8; border-top:1px solid #d5e2e1; }.footer-top { border-bottom:1px solid #d5e2e1; }.footer-top > div:last-child { color:#385963; font-size:12px; }.footer-top > p { color:#254b59; }.footer-bottom { font-size:9px; }.footer-top .brand-logo-img { width:78px; height:32px; }

.connectivity-directory-layout { grid-template-columns:1fr; }
.connectivity-directory-layout > .product-sidebar { display:none; }
.connector-family-directory { display:grid; gap:34px; padding:28px; background:#edf5f4; border-top:1px solid #d3e2e0; }
.connector-family { overflow:hidden; background:#fff; border:1px solid #cbdcda; box-shadow:0 16px 36px rgba(17,67,76,.07); }
.connector-family > header { display:grid; grid-template-columns:150px minmax(240px,.7fr) 1fr; align-items:center; gap:26px; padding:25px 28px; background:linear-gradient(105deg,#e7f7f6 0%,#f8fbfb 68%,#fff 100%); border-bottom:1px solid #d3e2e0; }
.connector-family > header > div { display:flex; align-items:center; gap:13px; }
.connector-family > header span { color:#087884; font:800 13px/1 Arial,sans-serif; letter-spacing:.15em; }
.connector-family > header small { color:#476a72; font:800 12px/1.2 Arial,sans-serif; letter-spacing:.08em; }
.connector-family > header h3 { margin:0; color:#133f4c; font-size:27px; line-height:1.2; }
.connector-family > header p { margin:0; color:#547179; font-size:15px; line-height:1.65; }
.connector-family-body { display:grid; grid-template-columns:330px minmax(0,1fr); align-items:start; }
.connector-family.is-reversed .connector-family-body { grid-template-columns:minmax(0,1fr) 330px; }
.connector-family.is-reversed figure { order:2; border-right:0; border-left:1px solid #d6e3e1; }
.connector-family figure { position:sticky; top:112px; display:flex; flex-direction:column; justify-content:center; min-width:0; margin:0; padding:18px; background:#f6f9f9; border-right:1px solid #d6e3e1; }
.connector-family figure img { display:block; width:100%; height:auto; max-height:none; margin:auto; object-fit:contain; background:#fff; }
.connector-family figcaption a { display:flex; justify-content:space-between; align-items:center; margin-top:12px; padding:12px 13px; color:#096b76; font-size:13px; font-weight:800; background:#fff; border:1px solid #d3e2e0; }
.connector-family figcaption span { font-size:17px; }
.connector-product-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; padding:18px; }
.connector-product-card { display:flex; flex-direction:column; min-width:0; min-height:250px; padding:22px 20px 18px; background:#fff; border:1px solid #d6e3e1; transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease; }
.connector-product-card:hover { transform:translateY(-3px); border-color:#8fc4c2; box-shadow:0 12px 25px rgba(16,82,91,.09); }
.connector-product-code { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:18px; }
.connector-product-code span { color:#0c8791; font:800 11px/1 Arial,sans-serif; }
.connector-product-code small { overflow-wrap:anywhere; color:#55747b; font:800 11px/1.2 Arial,sans-serif; letter-spacing:.06em; }
.connector-product-card h4 { margin:0 0 10px; color:#163f4b; font-size:21px; line-height:1.3; }
.connector-product-card > p { flex:1; margin:0 0 18px; color:#5a737a; font-size:14px; line-height:1.7; }
.connector-product-tags { display:flex; flex-wrap:wrap; gap:6px; margin-bottom:18px; }
.connector-product-tags span { padding:6px 8px; color:#25636b; font:700 10px/1 Arial,sans-serif; background:#eaf5f4; border:1px solid #d4e8e6; }
.connector-product-card > a { display:flex; align-items:center; justify-content:space-between; padding-top:13px; color:#08727d; font-size:13px; font-weight:800; border-top:1px solid #dce7e5; }
.connector-product-card > a b { font-size:17px; }

@media (max-width:760px) {
  body { font-size:16px; }
  .section { padding:58px 0; }.hero,.hero-grid { min-height:700px; }.subpage-hero,.subpage-hero-inner { min-height:560px; }.category-hero,.category-hero-grid { min-height:620px; }
  .hero-copy { padding-top:68px; }.subpage-hero-inner > div:first-child,.category-hero-copy { padding:54px 0 42px; }
  .hero-lead,.subpage-hero-inner > div:first-child > p:not(.eyebrow),.category-hero-copy > p:not(.eyebrow) { font-size:15px; }
  .category-landing-image { min-height:235px; }.category-landing-copy { padding:24px 20px 26px; }
  .catalog-card { min-height:0; padding:22px 20px; }.series-overview { padding:20px; }.product-directory-layout { gap:16px; }
  .model-card { grid-template-columns:1fr; }.model-photo { min-height:190px; }.model-photo img { height:155px; }
  .connector-family-directory { gap:20px; padding:12px; }.connector-family > header { grid-template-columns:1fr; gap:12px; padding:21px 18px; }.connector-family > header h3 { font-size:24px; }.connector-family > header p { font-size:14px; }
  .connector-family-body,.connector-family.is-reversed .connector-family-body { grid-template-columns:1fr; }.connector-family.is-reversed figure { order:0; border-left:0; }.connector-family figure { position:static; padding:10px; border-right:0; border-bottom:1px solid #d6e3e1; }.connector-product-grid { grid-template-columns:1fr; padding:10px; gap:10px; }.connector-product-card { min-height:0; padding:20px 17px 16px; }.connector-product-card h4 { font-size:20px; }
  .contact-section { padding:62px 0; }.contact-grid { gap:38px; }.footer-top { padding:32px 0; gap:20px; }
}

/* Final cascade: compact spacing and larger reading text on every page */
.section { padding:72px 0; }
.split-heading,.catalog-heading { margin-bottom:34px; }
.split-heading > div:last-child p,.catalog-heading > p,.centered > p:last-child,
.inner-cta p:not(.section-kicker),.quality-copy > p:not(.section-kicker),
.contact-copy > p:not(.section-kicker) { font-size:17px; line-height:1.8; }
.product-desc,.catalog-description,.series-overview > p,.category-landing-copy > span,
.about-story > p:not(.section-kicker),.process-grid p,.application-grid p,
.family-photo-grid p,.connector-product-card > p { font-size:16px; line-height:1.75; }
.catalog-card { min-height:0; }
.catalog-card dd,.series-overview dd,.model-copy > p,.model-copy li b { font-size:14px; }
.catalog-card dt,.series-overview dt,.model-copy li small,.model-copy > p strong,
.category-facts small,.model-name span { font-size:11px; }
.category-facts b,.family-photo-grid a,.model-select { font-size:13px; }
.service-summary h3 { font-size:25px; }
.service-summary h4 { font-size:13px; }
.service-summary > p,.service-scope li { font-size:16px; }
.service-scope small { font-size:12px; }
.service-card > a { font-size:14px; }
.process-grid h3,.application-grid h3 { font-size:21px; }
.process-grid p,.application-grid p { font-size:16px; }
.category-spec-heading.compact { justify-content:flex-end; margin-bottom:22px; }
.category-spec-heading.compact .text-link { margin-top:0; }
.connector-family > header p,.connector-product-card > p { font-size:16px; }

@media (max-width:760px) {
  .section { padding:50px 0; }
  .hero,.hero-grid { min-height:650px; }
  .subpage-hero,.subpage-hero-inner { min-height:520px; }
  .category-hero,.category-hero-grid { min-height:560px; }
  .hero-copy { padding:52px 0 36px; }
  .subpage-hero-inner > div:first-child,.category-hero-copy { padding:46px 0 34px; }
  .category-landing-image { min-height:210px; }
  .category-landing-card { min-height:0; }
  .service-card { min-height:0; padding:22px 20px; }
  .capability-section .split-heading h2 { font-size:clamp(15px,5.1vw,24px); }
  .service-card > a { left:auto; right:auto; }
  .process-grid p,.application-grid p,.service-summary > p,.service-scope li,
  .catalog-description,.series-overview > p,.category-landing-copy > span,
  .connector-family > header p,.connector-product-card > p { font-size:15px; }
  .language-zh .main-nav .service-menu > a:nth-child(2) strong {
    white-space:nowrap;
    font-size:12px;
    letter-spacing:-.04em;
  }
}

/* 2026-08 follow-up: stronger section hierarchy and product labels */
.trust-grid { min-height:112px; }
.trust-grid > p {
  color:#294a55;
  font-family:var(--font-geist-sans),sans-serif;
  font-size:15px;
  font-weight:800;
  line-height:1.55;
  letter-spacing:.04em;
}
.trust-grid div strong { color:#183d49; font-size:16px; }
.trust-grid small { color:#425f69; font-size:14px; line-height:1.45; }

.products-section .section-kicker,
.about-section .section-kicker,
.capability-section .section-kicker,
.applications-section .section-kicker,
.insights-section .section-kicker,
.contact-section .section-kicker,
.finder-section .section-kicker {
  font-family:var(--font-geist-sans),sans-serif;
  font-size:19px;
  font-weight:800;
  line-height:1.35;
  letter-spacing:.04em;
}
.products-section .split-heading h2,
.about-section .about-story h2,
.insights-section .insights-heading h2 {
  white-space:nowrap;
  font-size:clamp(30px,3.6vw,48px);
  letter-spacing:-.04em;
}

.about-section { padding:52px 0; }
.about-grid { grid-template-columns:1fr; gap:28px; }
.about-story .large-copy { max-width:none; margin:24px 0 12px; font-size:18px; line-height:1.75; }
.about-story > p:not(.section-kicker):not(.large-copy) { max-width:none; font-size:16px; line-height:1.75; }
.about-numbers { display:block; }
.quote-card { padding:22px 26px; }
.quote-card p { margin-bottom:10px; font-size:17px; }
.quote-card span { font-size:10px; }

.insight-grid article > p { color:#087782; font-size:18px; line-height:1.35; }
.contact-section .section-kicker { color:#77e2e3; }
.finder-section .section-kicker { color:#77e2e3; }

.product-category-nav a {
  color:#385d68;
  font-size:16px;
  letter-spacing:.01em;
  white-space:nowrap;
}
.product-level-bar span,.product-level-bar a {
  color:#526f78;
  font-size:15px;
  letter-spacing:.02em;
  white-space:nowrap;
}
.catalog-card dt,.series-overview dt {
  color:#087b87;
  font-family:var(--font-geist-sans),sans-serif;
  font-size:14px;
  font-weight:800;
  letter-spacing:.02em;
  white-space:nowrap;
}
.catalog-card dd,.series-overview dd { color:#173f4b; font-size:16px; line-height:1.6; }
.campaign-facts small {
  color:#007d89;
  font-family:var(--font-geist-sans),sans-serif;
  font-size:15px;
  font-weight:800;
  letter-spacing:.02em;
  white-space:nowrap;
}
.campaign-facts strong { color:#153e4a; font-size:16px; line-height:1.45; }
.category-facts small {
  color:#087985;
  font-family:var(--font-geist-sans),sans-serif;
  font-size:14px;
  font-weight:800;
  letter-spacing:.01em;
  white-space:nowrap;
}
.category-facts b { color:#163f4b; font-size:16px; line-height:1.55; }

@media (max-width:760px) {
  .trust-grid { display:grid; grid-template-columns:1fr; gap:13px; padding:20px 0; }
  .trust-grid > p { display:block; font-size:16px; }
  .trust-grid > div,.trust-grid > div:last-child { grid-column:auto; height:auto; min-height:48px; }
  .trust-grid div strong { font-size:15px; }
  .trust-grid small { font-size:13px; }
  .products-section .section-kicker,.about-section .section-kicker,
  .capability-section .section-kicker,.applications-section .section-kicker,
  .insights-section .section-kicker,.contact-section .section-kicker,
  .finder-section .section-kicker { font-size:17px; white-space:nowrap; }
  .products-section .split-heading h2,
  .about-section .about-story h2,
  .insights-section .insights-heading h2 {
    font-size:clamp(15px,4.15vw,18px);
    line-height:1.45;
    white-space:nowrap;
    letter-spacing:-.035em;
  }
  .about-section { padding:38px 0; }
  .about-grid { gap:22px; }
  .about-story .large-copy { font-size:16px; }
  .about-story > p:not(.section-kicker):not(.large-copy) { font-size:15px; }
  .quote-card { padding:20px; }
  .quote-card p { font-size:15px; }
  .insight-grid article > p { font-size:17px; }
  .product-category-nav .shell { min-width:680px; min-height:64px; }
  .product-category-nav a { min-width:170px; padding:0 14px; font-size:15px; }
  .product-level-bar .shell { gap:11px; min-height:56px; }
  .product-level-bar span,.product-level-bar a { font-size:13px; }
  .catalog-card dt,.series-overview dt,.category-facts small,.campaign-facts small { font-size:14px; }
  .catalog-card dd,.series-overview dd,.category-facts b,.campaign-facts strong { font-size:15px; }
  .campaign-facts { grid-template-columns:1fr; }
  .campaign-facts div { min-height:56px; padding:8px 0; border-right:0; border-bottom:1px solid #c6dde1; }
  .campaign-facts div:last-child { border-bottom:0; }
}

/* 2026-08 final text alignment refinements */
.hero .eyebrow { font-size:18px; letter-spacing:.08em; }
.language-zh .hero h1 {
  max-width:none;
  font-size:clamp(30px,3.5vw,46px);
  white-space:nowrap;
  letter-spacing:-.045em;
}
.language-zh .hero h1 em { display:inline; margin-left:.18em; }
.products-section .split-heading h2,
.about-section .about-story h2,
.insights-section .insights-heading h2 {
  font-size:19px;
  line-height:1.35;
  letter-spacing:.01em;
}
.campaign-facts strong,.category-facts b { white-space:nowrap; }
.product-directory-layout { grid-template-columns:245px minmax(0,1fr); }

@media (max-width:1000px) and (min-width:761px) {
  .product-directory-layout { grid-template-columns:230px minmax(0,1fr); }
}

@media (max-width:760px) {
  .hero .eyebrow { font-size:16px; letter-spacing:.035em; white-space:nowrap; }
  .language-zh .hero h1 { font-size:clamp(20px,5.5vw,23px); line-height:1.35; }
  .products-section .split-heading h2,
  .about-section .about-story h2,
  .insights-section .insights-heading h2 { font-size:17px; }
  .product-directory-layout { grid-template-columns:1fr; }
  .category-facts { grid-template-columns:1fr; }
  .category-facts b { font-size:15px; }
}

/* Restore a natural product-card layout on narrow phones */
@media (max-width:480px) {
  .series-overview { padding:18px 16px; }
  .series-overview dl,
  .catalog-card dl { width:100%; min-width:0; }
  .series-overview dl > div,
  .catalog-card dl > div {
    min-width:0;
    grid-template-columns:minmax(0,1fr);
    gap:7px;
    padding:13px 12px;
  }
  .series-overview dt,.catalog-card dt { white-space:nowrap; }
  .series-overview dd,.catalog-card dd {
    min-width:0;
    white-space:normal;
    overflow-wrap:anywhere;
  }
  .connector-family-directory { min-width:0; padding:10px; }
  .connector-family,.connector-family-body,.connector-product-grid { min-width:0; }
}

@media (max-width:300px) {
  .series-overview { padding:14px 10px; }
  .series-overview dl > div { padding:11px 8px; }
  body[data-series="CONNECTIVITY"] .series-overview dl > div:first-child dd {
    font-size:14px;
    white-space:nowrap;
    overflow-wrap:normal;
  }
}

/* Layout accommodations for complete, unbroken translated words. */
body:is(.language-en,.language-de) .service-card {
  grid-template-columns:minmax(0,1fr);
  grid-template-areas:"code" "summary" "scope" "link";
}

body:is(.language-en,.language-de) .service-scope {
  margin-top:20px;
  padding:18px 0 0;
  border-top:1px solid #e5eceb;
  border-left:0;
}

@media (max-width:1100px) {
  body:is(.language-en,.language-de) .connector-product-grid {
    grid-template-columns:minmax(0,1fr);
  }
}

@media (max-width:1000px) {
  body:is(.language-en,.language-de) .product-directory-layout {
    grid-template-columns:minmax(0,1fr);
  }

  body:is(.language-en,.language-de) .product-sidebar { position:static; }

  body:is(.language-en,.language-de) .product-sidebar nav {
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  body:is(.language-en,.language-de) .campaign-facts {
    grid-template-columns:minmax(0,1fr);
  }

  body:is(.language-en,.language-de) .campaign-facts div {
    min-height:56px;
    padding:10px 0;
    border-right:0;
    border-bottom:1px solid #c6dde1;
  }

  body:is(.language-en,.language-de) .campaign-facts div:last-child { border-bottom:0; }

  body:is(.language-en,.language-de) .category-hero-copy .hero-actions {
    max-width:390px;
    flex-direction:column;
    align-items:stretch;
  }

  body:is(.language-en,.language-de) .product-category-nav {
    overflow-x:auto;
  }

  body:is(.language-en,.language-de) .product-category-nav .shell {
    width:max-content;
    min-width:880px;
    margin-left:0;
  }

  body:is(.language-en,.language-de) .product-category-nav a {
    min-width:220px;
  }
}

@media (min-width:761px) and (max-width:900px) {
  body.language-de .trust-grid > p {
    font-size:14px;
    letter-spacing:.02em;
  }

  body.language-de .quote-card p {
    font-size:12px;
    letter-spacing:0;
  }
}

@media (max-width:380px) {
  body.language-de .subpage-hero h1,
  body.language-de .category-hero-copy h1 {
    font-size:27px;
  }

  body.language-de .service-summary h3 {
    font-size:20px;
  }

  body.language-de :where(
    .finder-intro h2,
    .quality-copy h2,
    .contact-copy h2,
    .inner-cta h2
  ) {
    font-size:28px;
  }

  body.language-de .series-overview h3 {
    font-size:20px;
  }
}

/* Connectivity detail uses the full content width; never inherit the product sidebar column. */
.product-directory-layout.connectivity-directory-layout {
  grid-template-columns:minmax(0,1fr);
}
.connectivity-directory-layout > .series-results {
  min-width:0;
  grid-column:1;
}

/* Compact the three heading areas highlighted in review. */
.applications-section { padding:42px 0 50px; }
.applications-section .centered { margin-bottom:30px; }
.applications-section .centered h2,
.service-directory-heading h2 {
  font-size:24px;
  line-height:1.35;
  letter-spacing:.01em;
  white-space:nowrap;
}
.category-spec-section:not(.series-detail-section) { padding:28px 0 48px; }
.category-spec-section:not(.series-detail-section) .category-spec-heading.compact { margin-bottom:18px; }
.services-directory { padding:44px 0 54px; }
.services-directory .service-directory-heading { margin-bottom:30px; }

@media (max-width:760px) {
  .applications-section { padding:34px 0 40px; }
  .applications-section .centered { margin-bottom:24px; }
  .applications-section .centered h2,
  .service-directory-heading h2 { font-size:16px; }
  .category-spec-section:not(.series-detail-section) { padding:22px 0 38px; }
  .category-spec-section:not(.series-detail-section) .category-spec-heading.compact { margin-bottom:14px; }
  .services-directory { padding:34px 0 42px; }
  .services-directory .service-directory-heading { margin-bottom:24px; }
}

/* 2026-08 mobile article typesetting: balanced gutters, justified CJK copy,
   and safer wrapping so short orphan characters do not fall onto a line alone. */
@media (max-width:760px) {
  .hero-orbit { display:none; }

  .shell {
    width:calc(100% - 32px);
    max-width:1180px;
    margin-inline:auto;
  }

  body.language-zh :where(section p,section li,section dd,article p,article li,article dd,figcaption) {
    text-align:justify;
    text-align-last:left;
    text-justify:inter-character;
    text-wrap:pretty;
    line-break:strict;
    word-break:normal;
    overflow-wrap:break-word;
    hanging-punctuation:first last;
  }

  body.language-zh :where(
    .hero-lead,
    .subpage-hero-inner > div:first-child > p:not(.eyebrow),
    .category-hero-copy > p:not(.eyebrow),
    .split-heading > div:last-child p,
    .catalog-heading > p,
    .centered > p:last-child,
    .inner-cta p:not(.section-kicker),
    .quality-copy > p:not(.section-kicker),
    .contact-copy > p:not(.section-kicker),
    .product-desc,
    .catalog-description,
    .series-overview > p,
    .category-landing-copy > span,
    .about-story > p:not(.section-kicker),
    .service-summary > p,
    .process-grid p,
    .application-grid p,
    .family-photo-grid p,
    .connector-family > header p,
    .connector-product-card > p,
    .model-copy > p
  ) {
    width:100%;
    max-width:none;
    margin-inline:0;
  }

  body.language-zh .products-section .split-heading h2,
  body.language-zh .about-section .about-story h2,
  body.language-zh .insights-section .insights-heading h2,
  body.language-zh .applications-section .centered h2,
  body.language-zh .service-directory-heading h2 {
    white-space:normal;
    text-wrap:balance;
  }

  body.language-zh :where(.campaign-facts strong,.category-facts b) {
    min-width:0;
    white-space:normal;
    overflow-wrap:break-word;
  }

  .product-card,
  .catalog-card,
  .service-card,
  .series-overview,
  .model-copy,
  .connector-product-card,
  .category-landing-copy {
    padding-inline:20px;
  }
}

@media (max-width:360px) {
  .shell { width:calc(100% - 28px); }

  .product-card,
  .catalog-card,
  .service-card,
  .series-overview,
  .model-copy,
  .connector-product-card,
  .category-landing-copy {
    padding-inline:16px;
  }
}

/* 2026-08 English and German responsive typography pass.
   Long translated labels must wrap inside their own column instead of
   widening the page, while article copy keeps a readable final line. */
body:is(.language-en,.language-de) :where(
  p,li,dd,figcaption,h1,h2,h3,h4,h5,h6,
  .section-kicker,.eyebrow,.breadcrumb,.button,
  .product-category-nav a,.product-level-bar a,.product-level-bar span,
  .campaign-facts small,.campaign-facts strong,
  .category-facts small,.category-facts b,
  .model-copy small,.model-copy b
) {
  min-width:0;
  max-width:100%;
  white-space:normal;
  word-break:normal;
  overflow-wrap:break-word;
  hyphens:auto;
}

body:is(.language-en,.language-de) :where(
  p,li,dd,figcaption,
  .category-landing-copy > span,
  .service-summary > p,
  .connector-product-card > p
) {
  text-wrap:pretty;
}

body:is(.language-en,.language-de) :where(h1,h2,h3,h4,h5,h6) {
  text-wrap:balance;
}

body:is(.language-en,.language-de) :where(
  .hero-copy,.subpage-hero-inner > div,.category-hero-copy,
  .split-heading > div,.catalog-heading > div,
  .inner-cta-grid > div,.contact-grid > div,.contact-grid > form,
  .series-overview,.model-copy,.service-summary,.service-scope,
  .campaign-facts,.campaign-facts > div,.category-facts,.category-facts > div
) {
  min-width:0;
}

body:is(.language-en,.language-de) .campaign-facts strong,
body:is(.language-en,.language-de) .category-facts b {
  white-space:normal;
}

body:is(.language-en,.language-de) .series-overview dl > div {
  grid-template-columns:minmax(130px,.4fr) minmax(0,1fr);
}

body:is(.language-en,.language-de) .series-overview dt,
body:is(.language-en,.language-de) .catalog-card dt {
  white-space:normal;
  overflow-wrap:anywhere;
}

body:is(.language-en,.language-de) .model-copy li {
  grid-template-columns:minmax(88px,.38fr) minmax(0,1fr);
}

body:is(.language-en,.language-de) .model-copy li small {
  overflow-wrap:anywhere;
}

.language-de .main-nav {
  gap:12px;
  font-size:12px;
}

.language-de .main-nav > a,
.language-de .nav-dropdown > a {
  font-size:12px;
}

.language-de .nav-cta { padding-inline:14px; }

@media (max-width:760px) {
  body:is(.language-en,.language-de) .hero .eyebrow,
  body:is(.language-en,.language-de) :where(
    .products-section .section-kicker,
    .about-section .section-kicker,
    .capability-section .section-kicker,
    .applications-section .section-kicker,
    .insights-section .section-kicker,
    .contact-section .section-kicker,
    .finder-section .section-kicker
  ) {
    white-space:normal;
    line-height:1.45;
  }

  body:is(.language-en,.language-de) :where(
    .products-section .split-heading h2,
    .about-section .about-story h2,
    .insights-section .insights-heading h2,
    .applications-section .centered h2,
    .service-directory-heading h2
  ) {
    font-size:clamp(22px,7.1vw,30px);
    line-height:1.25;
    white-space:normal;
  }

  body:is(.language-en,.language-de) .hero-proof {
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
  }

  body:is(.language-en,.language-de) .hero-proof div {
    min-width:0;
    margin-right:0;
    padding:0 9px;
  }

  body:is(.language-en,.language-de) .hero-proof div:first-child { padding-left:0; }
  body:is(.language-en,.language-de) .hero-proof div:last-child { padding-right:0; }
  body:is(.language-en,.language-de) .hero-proof span { overflow-wrap:anywhere; }

  body:is(.language-en,.language-de) .campaign-facts div {
    padding-inline:0;
  }

  body:is(.language-en,.language-de) .series-overview dl > div,
  body:is(.language-en,.language-de) .catalog-card dl > div {
    grid-template-columns:minmax(0,1fr);
  }

  body:is(.language-en,.language-de) .model-copy li {
    grid-template-columns:minmax(76px,.36fr) minmax(0,1fr);
    gap:8px;
  }

  body:is(.language-en,.language-de) .contact-form {
    max-width:100%;
    box-shadow:6px 6px 0 #0c3445;
  }
}

@media (max-width:380px) {
  body:is(.language-en,.language-de) .hero h1,
  body:is(.language-en,.language-de) .subpage-hero h1,
  body:is(.language-en,.language-de) .category-hero-copy h1 {
    font-size:clamp(32px,10.5vw,38px);
    line-height:1.06;
  }

  body:is(.language-en,.language-de) .hero-actions { max-width:100%; }

  body:is(.language-en,.language-de) .model-copy li {
    grid-template-columns:minmax(0,1fr);
  }
}

@media (max-width:760px) {
  body:is(.language-en,.language-de) .section-kicker {
    white-space:normal !important;
    overflow-wrap:anywhere;
  }
}

/* Use the compact navigation before translated desktop labels run out of room. */
@media (min-width:761px) and (max-width:900px) {
  .topbar { display:none; }
  .site-header { height:72px; }
  .menu-button { display:block; }
  .main-nav {
    display:none;
    position:absolute;
    top:72px;
    left:0;
    right:0;
    width:100%;
    max-height:calc(100vh - 72px);
    height:auto;
    padding:14px 22px 22px;
    overflow:auto;
    flex-direction:column;
    align-items:stretch;
    gap:0;
    background:white;
    border-bottom:1px solid var(--line);
    box-shadow:0 20px 40px rgba(7,29,44,.12);
  }
  .main-nav.is-open { display:flex; }
  .main-nav > a,.nav-dropdown > a { height:46px; border-bottom:1px solid #edf1f0; }
  .nav-cta { justify-content:center; margin-top:13px; }
  .nav-dropdown { height:auto; }
  .dropdown-panel,.dropdown-panel.product-menu,.dropdown-panel.service-menu {
    width:100%;
    display:grid;
    grid-template-columns:1fr 1fr;
    visibility:visible;
    opacity:1;
    position:static;
    transform:none;
    padding:6px 0 10px;
    border:0;
    box-shadow:none;
  }
  .dropdown-panel a { min-width:0; padding:9px 7px; }
  .dropdown-panel a > span { flex:0 0 27px; width:27px; height:27px; }
  .dropdown-panel strong { font-size:11px; }
  .dropdown-panel small { display:none; }
  .lang-switch { width:100%; height:42px; margin-top:10px; justify-content:center; }
  .product-category-nav,.product-level-bar { top:72px; }
}

/* 2026-08 complete-word pass: translated Latin words may wrap only at
   real word boundaries. Technical labels receive enough room for the
   longest English label, including SPECIFICATION. */
body:is(.language-en,.language-de) :where(
  p,li,dd,dt,figcaption,h1,h2,h3,h4,h5,h6,
  small,strong,span,a,button
) {
  word-break:normal;
  overflow-wrap:normal;
  hyphens:none;
}

/* 2026-08 final Chinese heading fit: keep the requested labels on one line. */
body.language-zh .service-summary h3 {
  display:block;
  width:max-content;
  max-width:none;
  white-space:nowrap !important;
  text-wrap:nowrap;
}
body.language-zh .finder-intro h2 {
  font-size:clamp(16px,2.6vw,32px);
  white-space:nowrap !important;
  text-wrap:nowrap;
  letter-spacing:-.04em;
}

/* Mobile homepage headings: preserve readable type and balance long copy. */
@media (max-width:760px) {
  body.language-zh .trust-grid > p,
  body.language-zh .products-section .split-heading h2,
  body.language-zh .quality-copy h2,
  body.language-zh .insight-grid h3,
  body.language-zh .contact-copy h2 {
    white-space:normal;
    text-wrap:balance;
    overflow-wrap:normal;
    word-break:keep-all;
    text-align:center;
  }
  body.language-zh .trust-grid > p { font-size:16px; line-height:1.55; }
  body.language-zh .products-section .split-heading h2 {
    font-size:17px;
    line-height:1.5;
  }
  body.language-zh .quality-copy h2,
  body.language-zh .contact-copy h2 {
    font-size:clamp(25px,7.2vw,30px);
    line-height:1.35;
    letter-spacing:-.04em;
  }
  body.language-zh .insight-grid h3 {
    min-height:0;
    font-size:17px;
    line-height:1.5;
    letter-spacing:-.02em;
  }
  body.language-zh .insight-grid article > p {
    text-align:center;
  }
  body.language-zh .insight-bottom {
    justify-content:center;
    text-align:center;
  }
}

@media (max-width:760px) {
  body.language-zh .finder-intro h2 { font-size:clamp(14px,4.6vw,20px); }
}

body:is(.language-en,.language-de) :where(
  .catalog-card dt,
  .series-overview dt,
  .model-copy li small,
  .model-copy > p strong,
  .campaign-facts small,
  .category-facts small,
  .section-kicker,
  .eyebrow
) {
  min-width:0;
  white-space:normal !important;
  word-break:keep-all !important;
  overflow-wrap:normal !important;
  hyphens:none !important;
}

body:is(.language-en,.language-de) .catalog-card dl > div,
body:is(.language-en,.language-de) .series-overview dl > div {
  grid-template-columns:minmax(165px,.48fr) minmax(0,1fr);
}

body:is(.language-en,.language-de) .model-copy li {
  grid-template-columns:minmax(128px,.44fr) minmax(0,1fr);
}

body:is(.language-en,.language-de) :where(
  .contact-detail a,
  .connector-product-code small,
  .models,
  .model-name h5
) {
  overflow-wrap:anywhere;
}

@media (max-width:1000px) and (min-width:761px) {
  body:is(.language-en,.language-de) .series-overview dl,
  body:is(.language-en,.language-de) .catalog-grid {
    grid-template-columns:minmax(0,1fr);
  }
}

@media (max-width:760px) {
  body:is(.language-en,.language-de) .catalog-card dl > div,
  body:is(.language-en,.language-de) .series-overview dl > div,
  body:is(.language-en,.language-de) .model-copy li {
    grid-template-columns:minmax(0,1fr);
  }
}

/* Final complete-word sizing guards. These intentionally sit last in the
   cascade so no older responsive rule can re-enable a clipped word. */
.application-grid article,
.application-grid article > div {
  min-width:0;
  max-width:100%;
}

@media (min-width:761px) and (max-width:900px) {
  body.language-de .quote-card p {
    font-size:8px !important;
    letter-spacing:0 !important;
  }
}

@media (max-width:380px) {
  body.language-de h2 {
    font-size:26px !important;
    max-width:100%;
    white-space:normal !important;
  }

  body.language-de .subpage-hero h1,
  body.language-de .category-hero-copy h1 {
    font-size:24px !important;
    line-height:1.12;
  }

  body.language-de .inner-cta h2,
  body.language-de .finder-intro h2,
  body.language-de .quality-copy h2,
  body.language-de .contact-copy h2 {
    font-size:27px !important;
  }

  body.language-de .series-overview h3 {
    font-size:18px !important;
  }

  body.language-de .connector-product-card h4 {
    font-size:18px !important;
  }

  body.language-de .application-grid h3 {
    font-size:16px !important;
  }
}

/* Final mobile overflow guard for the complete homepage canvas. */
@media (max-width:760px) {
  html,
  body {
    width:100%;
    max-width:100%;
    overflow-x:clip;
  }
  body > *,
  .shell,
  .hero-grid,
  .contact-grid,
  .footer-top,
  .footer-bottom {
    min-width:0;
    max-width:100%;
  }
  img,
  svg,
  video,
  canvas {
    max-width:100%;
  }
  .hero,
  .trust-strip,
  .section,
  .finder-section,
  .quality-section,
  .contact-section,
  footer {
    max-width:100%;
    overflow-x:clip;
  }
}

/* 2026-08-23 final mobile fit pass: keep every navigation and heading inside
   the phone canvas.  Mobile category navigation is intentionally wrapped
   into two rows instead of forcing a desktop-width horizontal strip. */
@media (max-width:760px) {
  html,
  body {
    overflow-x:hidden;
  }

  .product-category-nav {
    overflow:visible;
  }

  .product-category-nav .shell {
    width:calc(100% - 28px);
    min-width:0;
    min-height:0;
    margin-inline:auto;
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .product-category-nav a {
    min-width:0;
    min-height:58px;
    padding:10px 11px;
    white-space:normal;
    overflow-wrap:break-word;
    line-height:1.3;
  }

  .product-level-bar {
    overflow:visible;
  }

  .product-level-bar .shell {
    width:calc(100% - 28px);
    min-width:0;
    min-height:0;
    margin-inline:auto;
    display:grid;
    grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr);
    gap:6px;
    padding-block:12px;
  }

  .product-level-bar span,
  .product-level-bar a,
  .product-level-bar i {
    min-width:0;
    white-space:normal;
    overflow-wrap:break-word;
    line-height:1.35;
  }

  body :where(
    .hero .eyebrow,
    .products-section .section-kicker,
    .about-section .section-kicker,
    .capability-section .section-kicker,
    .applications-section .section-kicker,
    .insights-section .section-kicker,
    .contact-section .section-kicker,
    .finder-section .section-kicker,
    .products-section .split-heading h2,
    .about-section .about-story h2,
    .insights-section .insights-heading h2,
    .applications-section .centered h2,
    .service-directory-heading h2,
    .language-zh .service-summary h3,
    .language-zh .finder-intro h2,
    .language-zh .hero h1,
    .catalog-card dt,
    .series-overview dt,
    .campaign-facts small,
    .category-facts small
  ) {
    width:auto;
    max-width:100%;
    white-space:normal !important;
    overflow-wrap:break-word;
    text-wrap:balance;
  }

  body.language-zh .service-summary h3,
  body.language-zh .finder-intro h2 {
    display:block;
  }

  body :where(.campaign-facts strong,.category-facts b) {
    min-width:0;
    white-space:normal;
    overflow-wrap:break-word;
  }
}

@media (max-width:760px) {
  body:is(.language-en,.language-de) .product-category-nav {
    overflow:visible;
  }

  body:is(.language-en,.language-de) .product-category-nav .shell {
    width:calc(100% - 28px);
    min-width:0;
    min-height:0;
    margin-inline:auto;
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  body:is(.language-en,.language-de) .product-category-nav a {
    min-width:0;
    min-height:58px;
    padding:10px 11px;
    white-space:normal;
    overflow-wrap:break-word;
    line-height:1.3;
  }

  .product-category-nav a,
  .product-category-nav a * {
    min-width:0;
    max-width:100%;
    font-size:12px;
    white-space:normal !important;
    overflow-wrap:anywhere;
    letter-spacing:0;
  }
}

/* 2026-08-23 hard text boundary: no mobile text node may depend on a
   desktop-sized intrinsic width.  This is deliberately last in the cascade
   so generated content and translated labels receive the same protection. */
@media (max-width:760px) {
  body {
    overflow-x:hidden !important;
  }

  body :where(
    h1,h2,h3,h4,h5,h6,p,li,dt,dd,small,strong,span,a,button,label,
    figcaption,input,select,textarea
  ) {
    min-width:0 !important;
    max-width:100% !important;
    white-space:normal !important;
    overflow-wrap:anywhere !important;
    word-break:break-word;
    hyphens:auto;
  }

  body :where(
    .brand strong,.brand small,.brand-name-zh,
    .product-code,.model-name h5,.connector-product-code small
  ) {
    overflow-wrap:anywhere !important;
    word-break:break-all;
  }

  body :where(
    .shell,.hero-grid,.subpage-hero-inner,.category-hero-grid,
    .contact-grid,.footer-top,.footer-bottom,.product-card,.catalog-card,
    .service-card,.series-overview,.model-copy,.connector-product-card,
    .category-landing-copy,.campaign-facts,.category-facts
  ) {
    min-width:0 !important;
    max-width:100% !important;
  }

  body :where(input,select,textarea,button) {
    max-width:100% !important;
    box-sizing:border-box;
  }

  body :where(
    .button span,.product-card > a span,.catalog-card > a span,
    .service-card > a span,.insight-bottom span,.product-level-bar i
  ) {
    flex:0 0 auto;
    max-width:none !important;
    white-space:nowrap !important;
    overflow-wrap:normal !important;
    word-break:normal;
  }
}

/* 2026-08-23 mobile guide cards: prevent long card copy from becoming the
   grid's intrinsic width and pushing the lower two text rows off-screen. */
@media (max-width:760px) {
  .insight-grid {
    width:100%;
    min-width:0 !important;
    max-width:100% !important;
    grid-template-columns:minmax(0,1fr) !important;
    gap:34px;
  }

  .insight-grid article {
    width:100%;
    min-width:0 !important;
    max-width:100% !important;
    overflow:hidden;
  }

  .insight-grid article > p,
  .insight-grid article > h3,
  .insight-grid .insight-bottom {
    width:100%;
    min-width:0 !important;
    max-width:100% !important;
    box-sizing:border-box;
    text-align:left !important;
  }

  .insight-grid article > p {
    margin-inline:0;
  }

  .insight-grid article > h3 {
    min-height:0 !important;
    margin-inline:0;
  }

  .insight-grid .insight-bottom {
    display:flex;
    align-items:center;
    justify-content:flex-start;
    gap:12px;
  }

  .insight-grid .insight-bottom span {
    flex:1 1 auto;
    min-width:0 !important;
    max-width:none !important;
    text-align:left !important;
    white-space:normal !important;
    overflow-wrap:anywhere !important;
    word-break:break-word;
  }

  .insight-grid .insight-bottom b {
    flex:0 0 29px;
  }
}