{"id":1057,"date":"2026-04-08T01:03:43","date_gmt":"2026-04-08T01:03:43","guid":{"rendered":"https:\/\/hxcnc.com\/?page_id=1057"},"modified":"2026-05-14T06:25:34","modified_gmt":"2026-05-14T06:25:34","slug":"differential-housing-parts","status":"publish","type":"page","link":"https:\/\/hxcnc.com\/fr\/product\/differential-housing-parts\/","title":{"rendered":"Pi\u00e8ces de bo\u00eetier diff\u00e9rentiel"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1057\" class=\"elementor elementor-1057\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ebce617 e-con-full e-flex e-con e-parent\" data-id=\"ebce617\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-086614d elementor-widget elementor-widget-html\" data-id=\"086614d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Roboto:wght@300;400;500;700;900&family=Roboto+Condensed:wght@400;700;900&family=Roboto+Mono:wght@400;500&display=swap\" rel=\"stylesheet\">\n\n<style>\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   FAQ button \u2014 strip default browser styles\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.hxc-faq-q,\n.hxc-faq-q:hover,\n.hxc-faq-q:focus,\n.hxc-faq-q:active,\n.hxc-faq-q:focus-visible {\n  background: transparent !important;\n  box-shadow: none !important;\n  outline: none !important;\n}\n.hxc-faq-q:hover,\n.hxc-faq-q.open {\n  color: var(--primary);\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   DESIGN TOKENS\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.hxc-wrap {\n  --bg: #F7F9FC;\n  --card: #FFFFFF;\n  --surface: #EEF3F8;\n  --text: #1F2937;\n  --muted: #5B6777;\n  --mute2: #9CA8B4;\n  --border: #D7E0EA;\n\n  --primary: #2563EB;\n  --hover: #1D4ED8;\n  --pa: rgba(37, 99, 235, .08);\n  --pb: rgba(37, 99, 235, .15);\n  --pc: rgba(37, 99, 235, .22);\n\n  --accent: #0F766E;\n  --aa: rgba(15, 118, 110, .08);\n  --ac: rgba(15, 118, 110, .22);\n\n  --amb: #B45309;\n  --amA: rgba(180, 83, 9, .1);\n  --amC: rgba(180, 83, 9, .25);\n\n  --r: 8px;\n  --rl: 12px;\n  --rx: 16px;\n\n  --hd: 'Roboto Condensed', sans-serif;\n  --bd: 'Roboto', sans-serif;\n  --mn: 'Roboto Mono', monospace;\n\n  font-family: var(--bd);\n  color: var(--text);\n  line-height: 1.6;\n  -webkit-font-smoothing: antialiased;\n}\n.hxc-wrap * { box-sizing: border-box; margin: 0; padding: 0; }\n.hxc-wrap a { color: inherit; text-decoration: none; }\n.hxc-wrap img { display: block; width: 100%; height: 100%; object-fit: cover; }\n\n.hxc-inner { max-width: 1200px; margin: 0 auto; padding: 0 48px; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   SECTION CONTAINERS\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.hxc-s { padding: 80px 0; background: var(--bg); }\n.hxc-s-sf {\n  padding: 80px 0;\n  background: var(--surface);\n  border-top: .5px solid var(--border);\n  border-bottom: .5px solid var(--border);\n}\n.hxc-s-cd {\n  padding: 80px 0;\n  background: var(--card);\n  border-bottom: .5px solid var(--border);\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   SHARED \u2014 eyebrows, headings, buttons\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.hxc-ey {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  font-size: 11px;\n  font-weight: 600;\n  letter-spacing: .1em;\n  text-transform: uppercase;\n  color: var(--accent);\n  background: #E0F2EE;\n  padding: 4px 12px;\n  border-radius: 20px;\n  margin-bottom: 14px;\n}\n.hxc-ey::before {\n  content: '';\n  width: 6px;\n  height: 6px;\n  border-radius: 50%;\n  background: var(--accent);\n  flex-shrink: 0;\n}\n.hxc-h2 {\n  font-family: var(--hd);\n  font-size: clamp(24px, 3vw, 34px);\n  font-weight: 700;\n  line-height: 1.2;\n  margin-bottom: 12px;\n}\n.hxc-sub {\n  font-size: 15px;\n  color: var(--muted);\n  max-width: 540px;\n  line-height: 1.75;\n}\n\n.hxc-btn {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  height: 46px;\n  padding: 0 26px;\n  border-radius: var(--r);\n  font-family: var(--bd);\n  font-size: 14px;\n  font-weight: 500;\n  cursor: pointer;\n  border: 1.5px solid transparent;\n  transition: all .2s;\n  white-space: nowrap;\n}\n.hxc-p {\n  background: var(--primary);\n  color: #fff;\n  border-color: var(--primary);\n}\n.hxc-p:hover {\n  background: var(--hover);\n  transform: translateY(-1px);\n  box-shadow: 0 4px 14px rgba(37, 99, 235, .28);\n}\n.hxc-o {\n  background: transparent;\n  color: var(--primary);\n  border-color: var(--primary);\n}\n.hxc-o:hover { background: #EFF6FF; }\n.hxc-w {\n  background: #fff;\n  color: var(--primary);\n  border-color: #fff;\n}\n.hxc-w:hover {\n  background: #EFF6FF;\n  transform: translateY(-1px);\n}\n.hxc-g {\n  background: transparent;\n  color: #fff;\n  border-color: rgba(255, 255, 255, .5);\n}\n.hxc-g:hover {\n  border-color: #fff;\n  background: rgba(255, 255, 255, .1);\n}\n.hxc-ar { transition: transform .2s; }\n.hxc-btn:hover .hxc-ar { transform: translateX(3px); }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   HERO \u2014 ALS-style technical drawing board\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.hxc-hero2 {\n  background: var(--card);\n  overflow: hidden;\n  position: relative;\n  border-bottom: .5px solid var(--border);\n}\n.hxc-hero2::before {\n  content: '';\n  position: absolute;\n  inset: 0;\n  background-image:\n    linear-gradient(var(--border) 1px, transparent 1px),\n    linear-gradient(90deg, var(--border) 1px, transparent 1px);\n  background-size: 44px 44px;\n  opacity: .18;\n  pointer-events: none;\n}\n.hxc-hero2::after {\n  content: '';\n  position: absolute;\n  top: 0; right: 0; bottom: 0;\n  width: 44%;\n  background: linear-gradient(270deg, var(--surface), transparent);\n  pointer-events: none;\n}\n.hxc-hero2-stripe {\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 3px;\n  background: linear-gradient(90deg, var(--amb), #F59E0B, var(--amb));\n  z-index: 2;\n}\n.hxc-hero2-grid {\n  position: relative;\n  z-index: 1;\n  display: grid;\n  grid-template-columns: 1fr 520px;\n  min-height: 640px;\n  align-items: stretch;\n}\n\n\/* \u2014 LEFT column \u2014 *\/\n.hxc-hero2-L {\n  padding: 80px 52px 72px 0;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  border-right: 1px solid var(--border);\n}\n.hxc-hero2-flag {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  margin-bottom: 20px;\n  flex-wrap: wrap;\n}\n.hxc-hero2-badge {\n  padding: 4px 14px;\n  border-radius: 100px;\n  background: var(--pa);\n  border: 1px solid var(--pc);\n  font-family: var(--mn);\n  font-size: 10px;\n  color: var(--primary);\n  letter-spacing: 2px;\n  text-transform: uppercase;\n}\n.hxc-hero2-badge-amb {\n  background: var(--amA);\n  border-color: var(--amC);\n  color: var(--amb);\n}\n.hxc-hero2-id {\n  font-family: var(--mn);\n  font-size: 10px;\n  color: var(--mute2);\n  letter-spacing: 2px;\n}\n.hxc-hero2-h1 {\n  font-family: var(--hd);\n  font-size: clamp(38px, 5vw, 68px);\n  font-weight: 900;\n  line-height: .96;\n  letter-spacing: -2px;\n  color: var(--text);\n  margin-bottom: 18px;\n}\n.hxc-hero2-h1 em {\n  color: var(--primary);\n  font-style: normal;\n  display: block;\n}\n.hxc-hero2-sub {\n  font-size: 15px;\n  color: var(--muted);\n  max-width: 500px;\n  line-height: 1.78;\n  margin-bottom: 28px;\n}\n.hxc-hero2-stats {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 10px;\n  max-width: 500px;\n  margin-bottom: 30px;\n}\n.hxc-hero2-stat {\n  padding: 14px 10px;\n  background: var(--surface);\n  border: 1px solid var(--border);\n  border-radius: 10px;\n  text-align: center;\n  transition: all .18s;\n}\n.hxc-hero2-stat:hover {\n  background: var(--pa);\n  border-color: var(--pc);\n}\n.hxc-hero2-stat-v {\n  font-family: var(--hd);\n  font-size: 19px;\n  font-weight: 900;\n  color: var(--primary);\n  line-height: 1;\n}\n.hxc-hero2-stat-v sup { font-size: 10px; font-weight: 700; }\n.hxc-hero2-stat-l {\n  font-family: var(--mn);\n  font-size: 9px;\n  color: var(--mute2);\n  letter-spacing: 1.5px;\n  text-transform: uppercase;\n  margin-top: 5px;\n}\n.hxc-hero2-btns {\n  display: flex;\n  gap: 12px;\n  flex-wrap: wrap;\n}\n\n\/* \u2014 RIGHT column \u2014 dark technical board \u2014 *\/\n.hxc-hero2-R {\n  position: relative;\n  padding: 40px 0 40px 48px;\n}\n.hxc-hero2-board {\n  position: relative;\n  background: linear-gradient(165deg, #0F172A 0%, #1E293B 60%, #0F172A 100%);\n  border-radius: 24px;\n  height: 100%;\n  min-height: 560px;\n  overflow: hidden;\n  box-shadow:\n    0 30px 80px -20px rgba(15, 23, 42, .35),\n    0 8px 24px -6px rgba(15, 23, 42, .2);\n}\n.hxc-hero2-board::before {\n  content: '';\n  position: absolute;\n  inset: 0;\n  background-image:\n    linear-gradient(rgba(255, 255, 255, .03) 1px, transparent 1px),\n    linear-gradient(90deg, rgba(255, 255, 255, .03) 1px, transparent 1px);\n  background-size: 32px 32px;\n}\n.hxc-hero2-board::after {\n  content: '';\n  position: absolute;\n  top: -30%;\n  right: -20%;\n  width: 70%;\n  height: 70%;\n  background: radial-gradient(circle, rgba(180, 83, 9, .32), transparent 70%);\n}\n\n.hxc-hero2-ribbon {\n  position: absolute;\n  top: 18px;\n  left: 18px;\n  right: 18px;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  z-index: 3;\n  font-family: var(--mn);\n  font-size: 10px;\n  color: rgba(255, 255, 255, .5);\n  letter-spacing: 2px;\n  text-transform: uppercase;\n}\n.hxc-hero2-ribbon .dot {\n  width: 8px;\n  height: 8px;\n  border-radius: 50%;\n  background: #22C55E;\n  box-shadow: 0 0 0 3px rgba(34, 197, 94, .2);\n  display: inline-block;\n  margin-right: 8px;\n  vertical-align: middle;\n  animation: hxc-h2-pulse 2s ease-in-out infinite;\n}\n@keyframes hxc-h2-pulse {\n  0%, 100% { box-shadow: 0 0 0 3px rgba(34, 197, 94, .2); }\n  50%      { box-shadow: 0 0 0 6px rgba(34, 197, 94, .08); }\n}\n.hxc-hero2-scene {\n  position: absolute;\n  inset: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  z-index: 2;\n}\n.hxc-hero2-scene svg { width: 94%; height: auto; }\n\n.hxc-hero2-pin {\n  position: absolute;\n  z-index: 3;\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  padding: 5px 11px 5px 7px;\n  background: rgba(255, 255, 255, .95);\n  border-radius: 100px;\n  font-family: var(--mn);\n  font-size: 10px;\n  font-weight: 600;\n  color: var(--primary);\n  box-shadow: 0 4px 12px rgba(0, 0, 0, .3);\n}\n.hxc-hero2-pin::before {\n  content: '';\n  width: 6px;\n  height: 6px;\n  border-radius: 50%;\n  background: var(--primary);\n}\n.hxc-hero2-pin-a {\n  background: rgba(254, 243, 199, .95);\n  color: var(--amb);\n}\n.hxc-hero2-pin-a::before { background: var(--amb); }\n.hxc-hero2-pin-t {\n  background: rgba(204, 251, 241, .95);\n  color: var(--accent);\n}\n.hxc-hero2-pin-t::before { background: var(--accent); }\n.hxc-hero2-pin-1 { top: 22%; left: 6%; }\n.hxc-hero2-pin-2 { top: 50%; right: 8%; }\n.hxc-hero2-pin-3 { bottom: 28%; left: 10%; }\n\n.hxc-hero2-chips {\n  position: absolute;\n  left: 18px;\n  right: 18px;\n  bottom: 18px;\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 10px;\n  z-index: 3;\n}\n.hxc-hero2-chip {\n  padding: 12px 14px;\n  background: rgba(255, 255, 255, .06);\n  border: 1px solid rgba(255, 255, 255, .12);\n  border-radius: 10px;\n  backdrop-filter: blur(8px);\n  -webkit-backdrop-filter: blur(8px);\n}\n.hxc-hero2-chip-v {\n  font-family: var(--hd);\n  font-size: 13px;\n  font-weight: 700;\n  color: #fff;\n  line-height: 1.15;\n}\n.hxc-hero2-chip-v span { font-size: 10px; font-weight: 600; }\n.hxc-hero2-chip-l {\n  font-family: var(--mn);\n  font-size: 8px;\n  color: rgba(255, 255, 255, .55);\n  letter-spacing: 1.5px;\n  text-transform: uppercase;\n  margin-top: 4px;\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   STATS BAR\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.hxc-stats {\n  background: var(--card);\n  border-bottom: .5px solid var(--border);\n}\n.hxc-sg {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: 0 48px;\n  display: grid;\n  grid-template-columns: repeat(4, 1fr);\n}\n.hxc-st {\n  padding: 28px 20px;\n  text-align: center;\n  border-right: .5px solid var(--border);\n}\n.hxc-st:last-child { border-right: none; }\n.hxc-sn {\n  font-family: var(--mn);\n  font-size: 26px;\n  font-weight: 500;\n  color: var(--accent);\n  line-height: 1;\n}\n.hxc-sl2 {\n  font-size: 12px;\n  color: var(--muted);\n  margin-top: 6px;\n  line-height: 1.4;\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   GALLERY GRID\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.hxc-gh {\n  display: flex;\n  align-items: flex-end;\n  justify-content: space-between;\n  margin-bottom: 32px;\n  gap: 20px;\n  flex-wrap: wrap;\n}\n.hxc-gg {\n  display: grid;\n  grid-template-columns: repeat(12, 1fr);\n  gap: 8px;\n}\n.hxc-gc {\n  position: relative;\n  overflow: hidden;\n  border-radius: var(--rl);\n  background: var(--surface);\n  cursor: pointer;\n}\n.hxc-gc img {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  transition: transform .45s;\n}\n.hxc-gc:hover img { transform: scale(1.05); }\n.hxc-gov {\n  position: absolute;\n  inset: 0;\n  background: linear-gradient(to top, rgba(15, 25, 60, .72), transparent 55%);\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-end;\n  padding: 14px;\n  opacity: 0;\n  transition: opacity .3s;\n}\n.hxc-gc:hover .hxc-gov { opacity: 1; }\n.hxc-gn {\n  font-family: var(--hd);\n  font-size: 13px;\n  font-weight: 700;\n  color: #fff;\n  line-height: 1.3;\n  margin-bottom: 2px;\n}\n.hxc-gm {\n  font-size: 10px;\n  color: rgba(255, 255, 255, .72);\n  font-family: var(--mn);\n}\n.hxc-gtag {\n  position: absolute;\n  top: 10px;\n  left: 10px;\n  background: rgba(255, 255, 255, .92);\n  border-radius: 4px;\n  padding: 3px 8px;\n  font-size: 10px;\n  font-weight: 600;\n  color: var(--accent);\n  font-family: var(--mn);\n}\n.hxc-a   { grid-column: span 5; min-height: 340px; }\n.hxc-b   { grid-column: span 4; min-height: 164px; }\n.hxc-c   { grid-column: span 3; min-height: 164px; }\n.hxc-d   { grid-column: span 3; min-height: 164px; }\n.hxc-e   { grid-column: span 4; min-height: 164px; }\n.hxc-f   { grid-column: span 5; min-height: 164px; }\n.hxc-gg7 { grid-column: span 4; min-height: 164px; }\n.hxc-gg8 { grid-column: span 3; min-height: 164px; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   PROCESS \u2014 4 numbered steps\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.hxc-psg {\n  display: grid;\n  grid-template-columns: repeat(4, 1fr);\n  position: relative;\n  margin-top: 52px;\n}\n.hxc-psg::before {\n  content: '';\n  position: absolute;\n  top: 27px;\n  left: calc(12.5% + 20px);\n  right: calc(12.5% + 20px);\n  height: 1px;\n  background: repeating-linear-gradient(\n    90deg,\n    var(--primary) 0,\n    var(--primary) 6px,\n    transparent 6px,\n    transparent 14px\n  );\n  z-index: 0;\n}\n.hxc-ps {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  text-align: center;\n  padding: 0 12px;\n  position: relative;\n  z-index: 1;\n}\n.hxc-psn {\n  width: 54px;\n  height: 54px;\n  border-radius: 50%;\n  background: var(--primary);\n  color: #fff;\n  font-family: var(--mn);\n  font-size: 15px;\n  font-weight: 500;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin-bottom: 16px;\n  box-shadow:\n    0 0 0 6px var(--surface),\n    0 0 0 7px var(--border);\n}\n.hxc-pst {\n  font-family: var(--hd);\n  font-size: 14px;\n  font-weight: 700;\n  margin-bottom: 7px;\n}\n.hxc-psd {\n  font-size: 12px;\n  color: var(--muted);\n  line-height: 1.65;\n  max-width: 180px;\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   APPLICATIONS GRID\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.hxc-apg {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 14px;\n}\n.hxc-apc {\n  background: var(--card);\n  border: .5px solid var(--border);\n  border-radius: var(--rl);\n  overflow: hidden;\n  transition: all .25s;\n}\n.hxc-apc:hover {\n  border-color: var(--primary);\n  transform: translateY(-2px);\n}\n.hxc-api {\n  height: 130px;\n  overflow: hidden;\n}\n.hxc-api img {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  transition: transform .35s;\n}\n.hxc-apc:hover .hxc-api img { transform: scale(1.06); }\n.hxc-apb { padding: 14px 16px; }\n.hxc-apt {\n  font-family: var(--hd);\n  font-size: 13px;\n  font-weight: 700;\n  margin-bottom: 5px;\n}\n.hxc-apd {\n  font-size: 12px;\n  color: var(--muted);\n  line-height: 1.55;\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   TESTIMONIALS\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.hxc-tsg {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 16px;\n}\n.hxc-tsi {\n  background: var(--card);\n  border: .5px solid var(--border);\n  border-radius: var(--rl);\n  padding: 22px;\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n}\n.hxc-tss {\n  color: #F59E0B;\n  font-size: 13px;\n  letter-spacing: 2px;\n}\n.hxc-tst {\n  font-size: 13px;\n  color: var(--muted);\n  line-height: 1.75;\n  flex: 1;\n}\n.hxc-tshr { border-top: .5px solid var(--border); }\n.hxc-tsau {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n}\n.hxc-tsav {\n  width: 36px;\n  height: 36px;\n  border-radius: 50%;\n  background: var(--surface);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 12px;\n  font-weight: 600;\n  color: var(--primary);\n  flex-shrink: 0;\n}\n.hxc-tsnm { font-size: 12px; font-weight: 500; }\n.hxc-tsco { font-size: 11px; color: var(--muted); }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   FAQ \u2014 2-column collapsible\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.hxc-faq-grid {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 0 32px;\n  align-items: start;\n}\n.hxc-faq-item {\n  border-bottom: .5px solid #E8EDF2;\n}\n.hxc-faq-q {\n  width: 100%;\n  background: none;\n  border: none;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 16px;\n  padding: 18px 0;\n  font-family: var(--bd);\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--text);\n  cursor: pointer;\n  text-align: left;\n  transition: color .25s;\n}\n.hxc-faq-icon {\n  width: 22px;\n  height: 22px;\n  border-radius: 50%;\n  background: var(--surface);\n  border: .5px solid var(--border);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n  font-size: 14px;\n  line-height: 1;\n  transition: all .3s;\n  color: var(--muted);\n}\n.hxc-faq-q.open .hxc-faq-icon {\n  background: #DBEAFE;\n  border-color: var(--primary);\n  color: var(--primary);\n  transform: rotate(45deg);\n}\n.hxc-faq-body {\n  display: none;\n  padding: 0 0 18px;\n  font-size: 13px;\n  color: var(--muted);\n  line-height: 1.8;\n}\n.hxc-faq-body.open {\n  display: block;\n  animation: hxc-fi2 .2s ease;\n}\n@keyframes hxc-fi2 {\n  from { opacity: 0; transform: translateY(-4px); }\n  to   { opacity: 1; transform: none; }\n}\n.hxc-faq-body strong { color: #374151; font-weight: 500; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   CTA\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.hxc-cta {\n  background: var(--primary);\n  padding: 80px 48px;\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n.hxc-cta::before {\n  content: '';\n  position: absolute;\n  inset: 0;\n  background:\n    radial-gradient(ellipse at 25% 50%, rgba(255, 255, 255, .07), transparent 60%),\n    radial-gradient(ellipse at 75% 50%, rgba(255, 255, 255, .05), transparent 60%);\n}\n.hxc-cta > * { position: relative; z-index: 1; }\n.hxc-ctat {\n  font-family: var(--hd);\n  font-size: clamp(24px, 3vw, 36px);\n  font-weight: 900;\n  color: #fff;\n  line-height: 1.2;\n  margin-bottom: 12px;\n}\n.hxc-ctasb {\n  font-size: 15px;\n  color: rgba(255, 255, 255, .72);\n  margin-bottom: 32px;\n  max-width: 460px;\n  line-height: 1.7;\n  margin-left: auto;\n  margin-right: auto;\n}\n.hxc-ctabs {\n  display: flex;\n  gap: 12px;\n  justify-content: center;\n  flex-wrap: wrap;\n}\n.hxc-ctan {\n  margin-top: 16px;\n  font-size: 12px;\n  color: rgba(255, 255, 255, .45);\n  font-family: var(--mn);\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   SCROLL REVEAL\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.hxc-rv {\n  opacity: 0;\n  transform: translateY(18px);\n  transition: opacity .5s ease, transform .5s ease;\n}\n.hxc-rv.in {\n  opacity: 1;\n  transform: none;\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   RESPONSIVE BREAKPOINTS\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n@media (max-width: 1050px) {\n  .hxc-hero2-grid { grid-template-columns: 1fr; min-height: auto; }\n  .hxc-hero2-L { padding: 64px 0 32px; border-right: none; }\n  .hxc-hero2-R { padding: 0 0 48px; }\n}\n@media (max-width: 1024px) {\n  .hxc-inner, .hxc-sg { padding: 0 32px; }\n  .hxc-gg { grid-template-columns: repeat(6, 1fr); }\n  .hxc-a { grid-column: span 4; min-height: 260px; }\n  .hxc-b, .hxc-c, .hxc-d, .hxc-e, .hxc-f, .hxc-gg7, .hxc-gg8 {\n    grid-column: span 3;\n    min-height: 150px;\n  }\n  .hxc-apg, .hxc-tsg { grid-template-columns: repeat(2, 1fr); }\n}\n@media (max-width: 768px) {\n  .hxc-inner, .hxc-sg { padding: 0 20px; }\n  .hxc-s, .hxc-s-sf, .hxc-s-cd { padding: 52px 0; }\n  .hxc-gg { grid-template-columns: 1fr 1fr; gap: 6px; }\n  .hxc-a, .hxc-b, .hxc-c, .hxc-d, .hxc-e, .hxc-f, .hxc-gg7, .hxc-gg8 {\n    grid-column: span 2;\n    min-height: 150px;\n  }\n  .hxc-sg { grid-template-columns: repeat(2, 1fr); }\n  .hxc-st:nth-child(2) { border-right: none; }\n  .hxc-st:nth-child(3) { border-right: .5px solid var(--border); }\n  .hxc-psg { grid-template-columns: 1fr 1fr; gap: 32px; }\n  .hxc-psg::before { display: none; }\n  .hxc-faq-grid { grid-template-columns: 1fr; }\n  .hxc-apg, .hxc-tsg { grid-template-columns: 1fr; }\n  .hxc-cta { padding: 56px 20px; }\n  .hxc-hero2-pin-1, .hxc-hero2-pin-3 { display: none; }\n}\n@media (max-width: 480px) {\n  .hxc-ctabs { flex-direction: column; align-items: stretch; }\n  .hxc-btn { justify-content: center; width: 100%; }\n  .hxc-hero2-stats { grid-template-columns: 1fr 1fr; }\n  .hxc-hero2-chips { grid-template-columns: 1fr; }\n}\n<\/style>\n\n\n<div class=\"hxc-wrap\">\n\n  <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n       HERO \u2014 ALS-style technical drawing board\n       re-skinned for Differential Housing Parts\n  \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n  <section class=\"hxc-hero2\">\n    <div class=\"hxc-hero2-stripe\"><\/div>\n    <div class=\"hxc-inner\">\n      <div class=\"hxc-hero2-grid\">\n\n        <!-- LEFT \u2014 copy + stats + CTAs -->\n        <div class=\"hxc-hero2-L\">\n\n          <div class=\"hxc-hero2-flag\">\n            <div class=\"hxc-hero2-badge\">Product Category<\/div>\n            <div class=\"hxc-hero2-badge hxc-hero2-badge-amb\">IT5 Bores \u00b7 CMM Verified<\/div>\n            <div class=\"hxc-hero2-id\">DHP \/ 001 \u2014 003<\/div>\n          <\/div>\n\n          <h1 class=\"hxc-hero2-h1\">\n            Custom Differential<br>\n            <em>Housing Parts<\/em>\n          <\/h1>\n\n          <p class=\"hxc-hero2-sub\">\n            Precision CNC machined differential housing components \u2014 carrier housings, differential cases, bearing\n            bores, and ring gear flanges in steel, aluminium, and ductile iron. Bearing bore tolerances to IT5,\n            CMM verified on every critical feature.\n          <\/p>\n\n          <div class=\"hxc-hero2-stats\">\n            <div class=\"hxc-hero2-stat\">\n              <div class=\"hxc-hero2-stat-v\">IT5<\/div>\n              <div class=\"hxc-hero2-stat-l\">Bearing Bore Grade<\/div>\n            <\/div>\n            <div class=\"hxc-hero2-stat\">\n              <div class=\"hxc-hero2-stat-v\">\u00b10.003<sup>mm<\/sup><\/div>\n              <div class=\"hxc-hero2-stat-l\">Bore Position Tol.<\/div>\n            <\/div>\n            <div class=\"hxc-hero2-stat\">\n              <div class=\"hxc-hero2-stat-v\">100%<\/div>\n              <div class=\"hxc-hero2-stat-l\">CMM Verified<\/div>\n            <\/div>\n          <\/div>\n\n          <div class=\"hxc-hero2-btns\">\n            <a href=\"#hxc-cta\" class=\"hxc-btn hxc-p\">\n              Get Instant Quote <span class=\"hxc-ar\">\u2192<\/span>\n            <\/a>\n            <a href=\"#hxc-gal\" class=\"hxc-btn hxc-o\">\n              View Our Work\n            <\/a>\n          <\/div>\n        <\/div>\n\n        <!-- RIGHT \u2014 dark technical board with SVG drawing -->\n        <div class=\"hxc-hero2-R\">\n          <div class=\"hxc-hero2-board\">\n\n            <!-- top ribbon -->\n            <div class=\"hxc-hero2-ribbon\">\n              <span><span class=\"dot\"><\/span>PART DWG \u00b7 DHP-000 DIFFERENTIAL HOUSING<\/span>\n              <span>ISO 9001 : 2015<\/span>\n            <\/div>\n\n            <!-- floating annotation pins -->\n            <div class=\"hxc-hero2-pin hxc-hero2-pin-a hxc-hero2-pin-1\">\u230080 H6 BORE<\/div>\n            <div class=\"hxc-hero2-pin hxc-hero2-pin-2\">10\u00d7 M14 RING GEAR<\/div>\n            <div class=\"hxc-hero2-pin hxc-hero2-pin-t hxc-hero2-pin-3\">\u2016 0.010 A-B<\/div>\n\n            <!-- TECHNICAL DRAWING SVG \u2014 differential housing cross-section + ring gear flange end view -->\n            <div class=\"hxc-hero2-scene\">\n              <svg viewBox=\"0 0 480 360\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-label=\"Differential housing parts technical drawing \u2014 sectioned side view with two coaxial bearing bores, ring gear flange, ring gear bolt pattern end view, and parallelism tolerance frame\">\n                <defs>\n                  <linearGradient id=\"dhpMetal\" x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\">\n                    <stop offset=\"0\"  stop-color=\"#E2E8F0\"\/>\n                    <stop offset=\".5\" stop-color=\"#CBD5E1\"\/>\n                    <stop offset=\"1\"  stop-color=\"#64748B\"\/>\n                  <\/linearGradient>\n                  <linearGradient id=\"dhpMetalDark\" x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\">\n                    <stop offset=\"0\" stop-color=\"#94A3B8\"\/>\n                    <stop offset=\"1\" stop-color=\"#334155\"\/>\n                  <\/linearGradient>\n                  <!-- hatching pattern for sectioned view (45\u00b0 lines) -->\n                  <pattern id=\"dhpHatch\" patternUnits=\"userSpaceOnUse\" width=\"6\" height=\"6\" patternTransform=\"rotate(45)\">\n                    <line x1=\"0\" y1=\"0\" x2=\"0\" y2=\"6\" stroke=\"#94A3B8\" stroke-width=\".5\"\/>\n                  <\/pattern>\n                <\/defs>\n\n                <!-- \u2550\u2550\u2550 TOP: SECTIONED side view of differential housing with two coaxial bearing bores \u2550\u2550\u2550 -->\n                <g transform=\"translate(50,90)\">\n\n                  <!-- \u2500\u2500\u2500 Housing body upper wall (sectioned, with hatch fill) \u2500\u2500\u2500 -->\n                  <!-- left bearing seat housing (bulged outer wall) -->\n                  <path d=\"M 0,-6 L 30,-6 L 30,-30 L 80,-30 L 80,-12 L 280,-12 L 280,-30 L 330,-30 L 330,-6 L 360,-6 L 360,0 L 0,0 Z\"\n                        fill=\"url(#dhpMetal)\" stroke=\"#1E293B\" stroke-width=\"1.1\"\/>\n                  <path d=\"M 0,-6 L 30,-6 L 30,-30 L 80,-30 L 80,-12 L 280,-12 L 280,-30 L 330,-30 L 330,-6 L 360,-6 L 360,0 L 0,0 Z\"\n                        fill=\"url(#dhpHatch)\"\/>\n                  <!-- top edge highlight -->\n                  <line x1=\"80\" y1=\"-30\" x2=\"280\" y2=\"-30\" stroke=\"#F1F5F9\" stroke-width=\"1.5\" opacity=\".6\"\/>\n\n                  <!-- \u2500\u2500\u2500 Housing body lower wall (mirror image, sectioned) \u2500\u2500\u2500 -->\n                  <path d=\"M 0,6 L 30,6 L 30,30 L 80,30 L 80,12 L 280,12 L 280,30 L 330,30 L 330,6 L 360,6 L 360,0 L 0,0 Z\"\n                        fill=\"url(#dhpMetal)\" stroke=\"#1E293B\" stroke-width=\"1.1\"\/>\n                  <path d=\"M 0,6 L 30,6 L 30,30 L 80,30 L 80,12 L 280,12 L 280,30 L 330,30 L 330,6 L 360,6 L 360,0 L 0,0 Z\"\n                        fill=\"url(#dhpHatch)\"\/>\n                  <line x1=\"80\" y1=\"30\" x2=\"280\" y2=\"30\" stroke=\"#F1F5F9\" stroke-width=\"1.5\" opacity=\".6\"\/>\n\n                  <!-- \u2500\u2500\u2500 LEFT BEARING BORE (the critical feature #1) \u2500\u2500\u2500 -->\n                  <!-- bore opening (circle in section view) -->\n                  <rect x=\"0\" y=\"-22\" width=\"30\" height=\"44\"\n                        fill=\"#0F172A\" stroke=\"#22C55E\" stroke-width=\"1.4\"\/>\n                  <!-- bearing race shadow inside bore -->\n                  <line x1=\"0\" y1=\"-22\" x2=\"30\" y2=\"-22\" stroke=\"#22C55E\" stroke-width=\".7\"\/>\n                  <line x1=\"0\" y1=\"22\" x2=\"30\" y2=\"22\" stroke=\"#22C55E\" stroke-width=\".7\"\/>\n                  <!-- bore label callout (above) -->\n                  <line x1=\"15\" y1=\"-22\" x2=\"15\" y2=\"-46\" stroke=\"#FCD34D\" stroke-width=\".5\" stroke-dasharray=\"2 2\"\/>\n                  <text x=\"15\" y=\"-50\" font-family=\"Roboto Mono,monospace\" font-size=\"7\"\n                        fill=\"#FCD34D\" text-anchor=\"middle\">\u230080 H6 (IT5)<\/text>\n                  <text x=\"15\" y=\"-58\" font-family=\"Roboto Mono,monospace\" font-size=\"6\"\n                        fill=\"#22C55E\" text-anchor=\"middle\" opacity=\".85\">DATUM A<\/text>\n\n                  <!-- \u2500\u2500\u2500 RIGHT BEARING BORE (the critical feature #2 \u2014 the SAME tolerance, but separated by 200+ mm) \u2500\u2500\u2500 -->\n                  <rect x=\"330\" y=\"-22\" width=\"30\" height=\"44\"\n                        fill=\"#0F172A\" stroke=\"#22C55E\" stroke-width=\"1.4\"\/>\n                  <line x1=\"330\" y1=\"-22\" x2=\"360\" y2=\"-22\" stroke=\"#22C55E\" stroke-width=\".7\"\/>\n                  <line x1=\"330\" y1=\"22\" x2=\"360\" y2=\"22\" stroke=\"#22C55E\" stroke-width=\".7\"\/>\n                  <line x1=\"345\" y1=\"-22\" x2=\"345\" y2=\"-46\" stroke=\"#FCD34D\" stroke-width=\".5\" stroke-dasharray=\"2 2\"\/>\n                  <text x=\"345\" y=\"-50\" font-family=\"Roboto Mono,monospace\" font-size=\"7\"\n                        fill=\"#FCD34D\" text-anchor=\"middle\">\u230080 H6 (IT5)<\/text>\n                  <text x=\"345\" y=\"-58\" font-family=\"Roboto Mono,monospace\" font-size=\"6\"\n                        fill=\"#22C55E\" text-anchor=\"middle\" opacity=\".85\">DATUM B<\/text>\n\n                  <!-- \u2500\u2500\u2500 COAXIALITY indicator between bores (the most critical GD&T) \u2500\u2500\u2500 -->\n                  <line x1=\"-8\" y1=\"0\" x2=\"368\" y2=\"0\"\n                        stroke=\"#FCD34D\" stroke-width=\".7\" stroke-dasharray=\"6 2 2 2\" opacity=\".7\"\/>\n                  <!-- coaxiality arrow span -->\n                  <g stroke=\"#22C55E\" stroke-width=\".6\" fill=\"none\">\n                    <line x1=\"30\" y1=\"-38\" x2=\"330\" y2=\"-38\"\/>\n                    <path d=\"M30,-38 l4,-3 l0,6 z\" fill=\"#22C55E\"\/>\n                    <path d=\"M330,-38 l-4,-3 l0,6 z\" fill=\"#22C55E\"\/>\n                  <\/g>\n                  <text x=\"180\" y=\"-42\" font-family=\"Roboto Mono,monospace\" font-size=\"7\"\n                        fill=\"#22C55E\" text-anchor=\"middle\">COAXIAL \u233d 0.015 A-B<\/text>\n\n                  <!-- \u2500\u2500\u2500 RING GEAR FLANGE (mid-section, the bolted joint feature) \u2500\u2500\u2500 -->\n                  <!-- flange protrusion at mid-section -->\n                  <rect x=\"160\" y=\"-44\" width=\"40\" height=\"12\"\n                        fill=\"url(#dhpMetalDark)\" stroke=\"#1E293B\" stroke-width=\"1\"\/>\n                  <rect x=\"160\" y=\"-44\" width=\"40\" height=\"12\" fill=\"url(#dhpHatch)\"\/>\n                  <rect x=\"160\" y=\"32\" width=\"40\" height=\"12\"\n                        fill=\"url(#dhpMetalDark)\" stroke=\"#1E293B\" stroke-width=\"1\"\/>\n                  <rect x=\"160\" y=\"32\" width=\"40\" height=\"12\" fill=\"url(#dhpHatch)\"\/>\n                  <!-- ring gear bolt hole indicators (4 holes shown in section) -->\n                  <g fill=\"#0F172A\" stroke=\"#1E293B\" stroke-width=\".6\">\n                    <rect x=\"166\" y=\"-44\" width=\"3\" height=\"12\"\/>\n                    <rect x=\"184\" y=\"-44\" width=\"3\" height=\"12\"\/>\n                    <rect x=\"166\" y=\"32\" width=\"3\" height=\"12\"\/>\n                    <rect x=\"184\" y=\"32\" width=\"3\" height=\"12\"\/>\n                  <\/g>\n                  <!-- ring gear flange callout -->\n                  <line x1=\"180\" y1=\"-44\" x2=\"180\" y2=\"-72\" stroke=\"#FCD34D\" stroke-width=\".5\" stroke-dasharray=\"2 2\"\/>\n                  <text x=\"180\" y=\"-76\" font-family=\"Roboto Mono,monospace\" font-size=\"7\"\n                        fill=\"#FCD34D\" text-anchor=\"middle\">RING GEAR FLANGE<\/text>\n                  <text x=\"180\" y=\"-84\" font-family=\"Roboto Mono,monospace\" font-size=\"6\"\n                        fill=\"#FCD34D\" text-anchor=\"middle\" opacity=\".75\">10\u00d7 M14 \u00b7 PCD \u2300150<\/text>\n\n                  <!-- \u2500\u2500\u2500 overall length dimension (bottom) \u2500\u2500\u2500 -->\n                  <g stroke=\"#60A5FA\" stroke-width=\".6\" fill=\"none\">\n                    <line x1=\"0\" y1=\"62\" x2=\"360\" y2=\"62\"\/>\n                    <path d=\"M0,62 l4,-3 l0,6 z\" fill=\"#60A5FA\"\/>\n                    <path d=\"M360,62 l-4,-3 l0,6 z\" fill=\"#60A5FA\"\/>\n                  <\/g>\n                  <text x=\"180\" y=\"74\" font-family=\"Roboto Mono,monospace\" font-size=\"7\"\n                        fill=\"#93C5FD\" text-anchor=\"middle\">L = 240 mm \u00b7 BORE-TO-BORE<\/text>\n\n                  <!-- centerline -->\n                  <line x1=\"-8\" y1=\"0\" x2=\"368\" y2=\"0\"\n                        stroke=\"#FCD34D\" stroke-width=\".5\" stroke-dasharray=\"6 2 2 2\" opacity=\".55\"\/>\n\n                  <!-- section view label -->\n                  <text x=\"-6\" y=\"100\" font-family=\"Roboto Mono,monospace\" font-size=\"7\"\n                        fill=\"rgba(255,255,255,.55)\">SECTION A-A \u00b7 DIFF HOUSING<\/text>\n                <\/g>\n\n                <!-- \u2550\u2550\u2550 BOTTOM-LEFT: end view of ring gear flange (showing 10-bolt pattern) \u2550\u2550\u2550 -->\n                <g transform=\"translate(85,260)\">\n                  <!-- outer flange diameter -->\n                  <circle cx=\"0\" cy=\"0\" r=\"48\"\n                          fill=\"url(#dhpMetalDark)\" stroke=\"#1E293B\" stroke-width=\"1.1\"\/>\n                  <!-- inner pilot bore (centring feature for ring gear) -->\n                  <circle cx=\"0\" cy=\"0\" r=\"20\"\n                          fill=\"#0F172A\" stroke=\"#1E293B\" stroke-width=\".9\"\/>\n\n                  <!-- 10 ring gear bolt holes on PCD -->\n                  <g fill=\"#0F172A\" stroke=\"#1E293B\" stroke-width=\".5\">\n                    <circle cx=\"0\"     cy=\"-36\" r=\"3\"\/>\n                    <circle cx=\"21.16\" cy=\"-29.13\" r=\"3\"\/>\n                    <circle cx=\"34.24\" cy=\"-11.12\" r=\"3\"\/>\n                    <circle cx=\"34.24\" cy=\"11.12\"  r=\"3\"\/>\n                    <circle cx=\"21.16\" cy=\"29.13\"  r=\"3\"\/>\n                    <circle cx=\"0\"     cy=\"36\"  r=\"3\"\/>\n                    <circle cx=\"-21.16\" cy=\"29.13\"  r=\"3\"\/>\n                    <circle cx=\"-34.24\" cy=\"11.12\"  r=\"3\"\/>\n                    <circle cx=\"-34.24\" cy=\"-11.12\" r=\"3\"\/>\n                    <circle cx=\"-21.16\" cy=\"-29.13\" r=\"3\"\/>\n                  <\/g>\n\n                  <!-- bolt pattern PCD (dashed) -->\n                  <circle cx=\"0\" cy=\"0\" r=\"36\"\n                          fill=\"none\" stroke=\"#FCD34D\" stroke-width=\".5\"\n                          stroke-dasharray=\"3 2\" opacity=\".7\"\/>\n\n                  <!-- centerlines -->\n                  <line x1=\"-58\" y1=\"0\" x2=\"58\" y2=\"0\"\n                        stroke=\"#FCD34D\" stroke-width=\".5\" stroke-dasharray=\"6 2 2 2\" opacity=\".5\"\/>\n                  <line x1=\"0\" y1=\"-58\" x2=\"0\" y2=\"58\"\n                        stroke=\"#FCD34D\" stroke-width=\".5\" stroke-dasharray=\"6 2 2 2\" opacity=\".5\"\/>\n\n                  <!-- bolt-circle annotation -->\n                  <text x=\"0\" y=\"74\" font-family=\"Roboto Mono,monospace\" font-size=\"7\"\n                        fill=\"#FCD34D\" text-anchor=\"middle\">END VIEW \u00b7 RING GEAR PCD<\/text>\n                <\/g>\n\n                <!-- \u2550\u2550\u2550 BOTTOM-RIGHT: GD&T tolerance frame stack \u2014 the unique callout for diff housings \u2550\u2550\u2550 -->\n                <g transform=\"translate(220,200)\">\n                  <rect x=\"0\" y=\"0\" width=\"240\" height=\"124\"\n                        fill=\"rgba(15,23,42,.4)\" stroke=\"#475569\" stroke-width=\"1\"\n                        stroke-dasharray=\"4 3\" rx=\"6\"\/>\n                  <text x=\"10\" y=\"14\" font-family=\"Roboto Mono,monospace\" font-size=\"8\"\n                        fill=\"rgba(255,255,255,.55)\" letter-spacing=\"1\">\n                    GD&amp;T \u00b7 BEARING BORE STACK\n                  <\/text>\n\n                  <!-- Frame 1: Coaxiality of the two bearing bores (the most critical) -->\n                  <g transform=\"translate(14,28)\">\n                    <rect x=\"0\" y=\"0\" width=\"180\" height=\"14\"\n                          fill=\"rgba(34,197,94,.12)\" stroke=\"#22C55E\" stroke-width=\".7\"\/>\n                    <line x1=\"2\" y1=\"0\" x2=\"2\" y2=\"14\" stroke=\"#22C55E\" stroke-width=\".7\"\/>\n                    <!-- coaxiality symbol: two concentric circles -->\n                    <circle cx=\"9\" cy=\"7\" r=\"4\" fill=\"none\" stroke=\"#22C55E\" stroke-width=\".7\"\/>\n                    <circle cx=\"9\" cy=\"7\" r=\"2\" fill=\"none\" stroke=\"#22C55E\" stroke-width=\".7\"\/>\n                    <line x1=\"18\" y1=\"0\" x2=\"18\" y2=\"14\" stroke=\"#22C55E\" stroke-width=\".7\"\/>\n                    <text x=\"22\" y=\"10\" font-family=\"Roboto Mono,monospace\" font-size=\"6.5\" fill=\"#22C55E\">\u233d 0.015<\/text>\n                    <line x1=\"68\" y1=\"0\" x2=\"68\" y2=\"14\" stroke=\"#22C55E\" stroke-width=\".7\"\/>\n                    <text x=\"76\" y=\"10\" font-family=\"Roboto Mono,monospace\" font-size=\"6.5\" fill=\"#22C55E\">A<\/text>\n                    <line x1=\"86\" y1=\"0\" x2=\"86\" y2=\"14\" stroke=\"#22C55E\" stroke-width=\".7\"\/>\n                    <text x=\"94\" y=\"10\" font-family=\"Roboto Mono,monospace\" font-size=\"6.5\" fill=\"#22C55E\">B<\/text>\n                  <\/g>\n                  <text x=\"200\" y=\"38\" font-family=\"Roboto Mono,monospace\" font-size=\"6\"\n                        fill=\"rgba(255,255,255,.55)\">COAXIALITY<\/text>\n\n                  <!-- Frame 2: Parallelism of bores to ring gear face -->\n                  <g transform=\"translate(14,52)\">\n                    <rect x=\"0\" y=\"0\" width=\"180\" height=\"14\"\n                          fill=\"rgba(34,197,94,.08)\" stroke=\"#22C55E\" stroke-width=\".7\"\/>\n                    <line x1=\"2\" y1=\"0\" x2=\"2\" y2=\"14\" stroke=\"#22C55E\" stroke-width=\".7\"\/>\n                    <!-- parallelism symbol: two parallel diagonal lines -->\n                    <line x1=\"6\" y1=\"3\" x2=\"14\" y2=\"11\" stroke=\"#22C55E\" stroke-width=\".7\"\/>\n                    <line x1=\"9\" y1=\"3\" x2=\"17\" y2=\"11\" stroke=\"#22C55E\" stroke-width=\".7\"\/>\n                    <line x1=\"22\" y1=\"0\" x2=\"22\" y2=\"14\" stroke=\"#22C55E\" stroke-width=\".7\"\/>\n                    <text x=\"26\" y=\"10\" font-family=\"Roboto Mono,monospace\" font-size=\"6.5\" fill=\"#22C55E\">0.010<\/text>\n                    <line x1=\"68\" y1=\"0\" x2=\"68\" y2=\"14\" stroke=\"#22C55E\" stroke-width=\".7\"\/>\n                    <text x=\"76\" y=\"10\" font-family=\"Roboto Mono,monospace\" font-size=\"6.5\" fill=\"#22C55E\">A<\/text>\n                    <line x1=\"86\" y1=\"0\" x2=\"86\" y2=\"14\" stroke=\"#22C55E\" stroke-width=\".7\"\/>\n                    <text x=\"94\" y=\"10\" font-family=\"Roboto Mono,monospace\" font-size=\"6.5\" fill=\"#22C55E\">B<\/text>\n                  <\/g>\n                  <text x=\"200\" y=\"62\" font-family=\"Roboto Mono,monospace\" font-size=\"6\"\n                        fill=\"rgba(255,255,255,.55)\">PARALLELISM<\/text>\n\n                  <!-- Frame 3: Ring gear face perpendicularity -->\n                  <g transform=\"translate(14,76)\">\n                    <rect x=\"0\" y=\"0\" width=\"180\" height=\"14\"\n                          fill=\"rgba(34,197,94,.08)\" stroke=\"#22C55E\" stroke-width=\".7\"\/>\n                    <line x1=\"2\" y1=\"0\" x2=\"2\" y2=\"14\" stroke=\"#22C55E\" stroke-width=\".7\"\/>\n                    <!-- perpendicularity symbol -->\n                    <line x1=\"8\" y1=\"3\" x2=\"8\" y2=\"12\" stroke=\"#22C55E\" stroke-width=\".7\"\/>\n                    <line x1=\"4\" y1=\"12\" x2=\"14\" y2=\"12\" stroke=\"#22C55E\" stroke-width=\".7\"\/>\n                    <line x1=\"22\" y1=\"0\" x2=\"22\" y2=\"14\" stroke=\"#22C55E\" stroke-width=\".7\"\/>\n                    <text x=\"26\" y=\"10\" font-family=\"Roboto Mono,monospace\" font-size=\"6.5\" fill=\"#22C55E\">0.020<\/text>\n                    <line x1=\"68\" y1=\"0\" x2=\"68\" y2=\"14\" stroke=\"#22C55E\" stroke-width=\".7\"\/>\n                    <text x=\"80\" y=\"10\" font-family=\"Roboto Mono,monospace\" font-size=\"6.5\" fill=\"#22C55E\">A-B<\/text>\n                  <\/g>\n                  <text x=\"200\" y=\"86\" font-family=\"Roboto Mono,monospace\" font-size=\"6\"\n                        fill=\"rgba(255,255,255,.55)\">PERPENDICULAR<\/text>\n\n                  <!-- inspection method tally -->\n                  <g transform=\"translate(14,104)\" font-family=\"Roboto Mono,monospace\" font-size=\"6.5\">\n                    <text x=\"0\"   y=\"0\"  fill=\"#22C55E\">\u2713<\/text>\n                    <text x=\"9\"   y=\"0\"  fill=\"rgba(255,255,255,.65)\">ZEISS CMM 100% INSPECTION<\/text>\n                    <text x=\"160\" y=\"0\"  fill=\"#22C55E\">\u2713<\/text>\n                    <text x=\"170\" y=\"0\"  fill=\"rgba(255,255,255,.65)\">DATA SHEET<\/text>\n                  <\/g>\n                <\/g>\n\n                <!-- top-right scale legend -->\n                <text x=\"468\" y=\"32\" font-family=\"Roboto Mono,monospace\" font-size=\"8\"\n                      fill=\"rgba(255,255,255,.4)\" text-anchor=\"end\" letter-spacing=\"1\">\n                  SCALE 1 : 4 \u00b7 MM\n                <\/text>\n              <\/svg>\n            <\/div>\n\n            <!-- bottom glass chips -->\n            <div class=\"hxc-hero2-chips\">\n              <div class=\"hxc-hero2-chip\">\n                <div class=\"hxc-hero2-chip-v\">Case \u00b7 Carrier \u00b7 Cup \u00b7 Flange<\/div>\n                <div class=\"hxc-hero2-chip-l\">Components<\/div>\n              <\/div>\n              <div class=\"hxc-hero2-chip\">\n                <div class=\"hxc-hero2-chip-v\">42CrMo4 \u00b7 GGG50 \u00b7 Al \u00b7 FCD<\/div>\n                <div class=\"hxc-hero2-chip-l\">Materials<\/div>\n              <\/div>\n              <div class=\"hxc-hero2-chip\">\n                <div class=\"hxc-hero2-chip-v\">48<span>hr<\/span> Quote \u00b7 MOQ 1<\/div>\n                <div class=\"hxc-hero2-chip-l\">Service<\/div>\n              <\/div>\n            <\/div>\n\n          <\/div>\n        <\/div>\n\n      <\/div>\n    <\/div>\n  <\/section>\n\n\n  <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n       STATS BAR\n  \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n  <div class=\"hxc-stats\">\n    <div class=\"hxc-sg\">\n      <div class=\"hxc-st\">\n        <div class=\"hxc-sn\">IT5<\/div>\n        <div class=\"hxc-sl2\">Bearing bore grade<\/div>\n      <\/div>\n      <div class=\"hxc-st\">\n        <div class=\"hxc-sn\">\u00b10.003mm<\/div>\n        <div class=\"hxc-sl2\">Bore position tol.<\/div>\n      <\/div>\n      <div class=\"hxc-st\">\n        <div class=\"hxc-sn\">Steel \/ Al \/ FCD<\/div>\n        <div class=\"hxc-sl2\">Material options<\/div>\n      <\/div>\n      <div class=\"hxc-st\">\n        <div class=\"hxc-sn\">10 Days<\/div>\n        <div class=\"hxc-sl2\">Typical lead time<\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n\n\n  <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n       GALLERY \u2014 8-tile bento grid\n  \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n  <div class=\"hxc-s-cd\" id=\"hxc-gal\">\n    <div class=\"hxc-inner\">\n\n      <div class=\"hxc-gh\">\n        <div>\n          <span class=\"hxc-ey\">Our Work<\/span>\n          <h2 class=\"hxc-h2\">Differential Housing Parts We've Made<\/h2>\n          <p class=\"hxc-sub\">\n            CNC machined differential cases, carrier housings, and side gear cups for automotive, motorsport,\n            agricultural, and industrial differential applications.\n          <\/p>\n        <\/div>\n        <a href=\"#hxc-cta\" class=\"hxc-btn hxc-o\" style=\"flex-shrink:0\">\n          Request Similar Part <span class=\"hxc-ar\">\u2192<\/span>\n        <\/a>\n      <\/div>\n\n      <div class=\"hxc-gg\">\n\n        <div class=\"hxc-gc hxc-a\">\n          <img decoding=\"async\" src=\"https:\/\/hxcnc.com\/wp-content\/uploads\/2026\/05\/Diff-Case-\u2014-Tractor-Axle.webp\"\n               alt=\"Differential Case \u2014 Racing\">\n          <\/div>\n\n        <div class=\"hxc-gc hxc-b\">\n          <img decoding=\"async\" src=\"https:\/\/hxcnc.com\/wp-content\/uploads\/2026\/05\/Diff-Housing-\u2014-ATV-UTV.webp\"\n               alt=\"Differential Carrier \u2014 Production\">\n          <\/div>\n\n        <div class=\"hxc-gc hxc-c\">\n          <img decoding=\"async\" src=\"https:\/\/hxcnc.com\/wp-content\/uploads\/2026\/05\/Diff-Housing-Parts.webp\"\n               alt=\"Lightweight Diff Case \u2014 Rally Car\">\n        <\/div>\n\n        <div class=\"hxc-gc hxc-d\">\n          <img decoding=\"async\" src=\"https:\/\/hxcnc.com\/wp-content\/uploads\/2026\/05\/Differential-Carrier-\u2014-Production.webp\"\n               alt=\"Industrial Diff Housing\">\n        <\/div>\n\n        <div class=\"hxc-gc hxc-e\">\n          <img decoding=\"async\" src=\"https:\/\/hxcnc.com\/wp-content\/uploads\/2026\/05\/Differential-Case-\u2014-Racing.webp\"\n               alt=\"Diff Case \u2014 Tractor Axle\">\n        <\/div>\n\n        <div class=\"hxc-gc hxc-f\">\n          <img decoding=\"async\" src=\"https:\/\/hxcnc.com\/wp-content\/uploads\/2026\/05\/Industrial-Diff-Housing.webp\"\n               alt=\"Diff Housing \u2014 ATV\/UTV\">\n       <\/div>\n\n        <div class=\"hxc-gc hxc-gg7\">\n          <img decoding=\"async\" src=\"https:\/\/hxcnc.com\/wp-content\/uploads\/2026\/05\/Lightweight-Diff-Case-\u2014-Rally-Car.webp\"\n               alt=\"Diff Housing Parts \u2014 Industrial\">\n        <\/div>\n\n      <\/div>\n    <\/div>\n  <\/div>\n\n\n  <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n       PROCESS \u2014 4 numbered steps\n  \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n  <div class=\"hxc-s\">\n    <div class=\"hxc-inner\" style=\"text-align:center\">\n      <span class=\"hxc-ey\">How It Works<\/span>\n      <h2 class=\"hxc-h2\" style=\"margin:0 auto 10px\">From Drawing to Finished Differential Housing Parts<\/h2>\n      <p class=\"hxc-sub\" style=\"margin:0 auto\">\n        Upload your differential housing parts drawing \u2014 dimensions, tolerances, material, and surface treatment\n        requirement.\n      <\/p>\n\n      <div class=\"hxc-psg\">\n        <div class=\"hxc-ps\">\n          <div class=\"hxc-psn\">01<\/div>\n          <div class=\"hxc-pst\">Upload Drawing<\/div>\n          <div class=\"hxc-psd\">STEP, DXF, PDF, or sketch with key dimensions and tolerances.<\/div>\n        <\/div>\n        <div class=\"hxc-ps\">\n          <div class=\"hxc-psn\">02<\/div>\n          <div class=\"hxc-pst\">Quote in 48h<\/div>\n          <div class=\"hxc-psd\">Material, process, surface treatment, and firm lead time.<\/div>\n        <\/div>\n        <div class=\"hxc-ps\">\n          <div class=\"hxc-psn\">03<\/div>\n          <div class=\"hxc-pst\">CNC Machine &amp; Inspect<\/div>\n          <div class=\"hxc-psd\">Precision machining, heat treatment, surface treatment, CMM inspection.<\/div>\n        <\/div>\n        <div class=\"hxc-ps\">\n          <div class=\"hxc-psn\">04<\/div>\n          <div class=\"hxc-pst\">Ship Worldwide<\/div>\n          <div class=\"hxc-psd\">Full dimensional report included.<\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n  <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n       TESTIMONIALS \u2014 3 customer quotes\n  \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n  <div class=\"hxc-s\">\n    <div class=\"hxc-inner\">\n\n      <div style=\"text-align:center;margin-bottom:36px\">\n        <span class=\"hxc-ey\">Reviews<\/span>\n        <h2 class=\"hxc-h2\">Trusted Differential Housing Parts Manufacturer<\/h2>\n      <\/div>\n\n      <div class=\"hxc-tsg\">\n\n        <div class=\"hxc-tsi hxc-rv\">\n          <div class=\"hxc-tss\">\u2605\u2605\u2605\u2605\u2605<\/div>\n          <div class=\"hxc-tst\">\n            \"Excellent quality differential housing parts from HXC. Dimensional report matched our CMM on every piece.\n            Lead time as promised.\"\n          <\/div>\n          <div class=\"hxc-tshr\"><\/div>\n          <div class=\"hxc-tsau\">\n            <div class=\"hxc-tsav\">AK<\/div>\n            <div>\n              <div class=\"hxc-tsnm\">Alex K.<\/div>\n              <div class=\"hxc-tsco\">Mechanical Engineer \u00b7 Germany<\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"hxc-tsi hxc-rv\">\n          <div class=\"hxc-tss\">\u2605\u2605\u2605\u2605\u2605<\/div>\n          <div class=\"hxc-tst\">\n            \"HXC's DFM review caught two design issues before production. The finished differential housing parts were\n            perfect.\"\n          <\/div>\n          <div class=\"hxc-tshr\"><\/div>\n          <div class=\"hxc-tsau\">\n            <div class=\"hxc-tsav\">SL<\/div>\n            <div>\n              <div class=\"hxc-tsnm\">Sophie L.<\/div>\n              <div class=\"hxc-tsco\">Design Engineer \u00b7 France<\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"hxc-tsi hxc-rv\">\n          <div class=\"hxc-tss\">\u2605\u2605\u2605\u2605\u2605<\/div>\n          <div class=\"hxc-tst\">\n            \"Three years sourcing differential housing parts from HXC. Quality consistent, lead times reliable.\"\n          <\/div>\n          <div class=\"hxc-tshr\"><\/div>\n          <div class=\"hxc-tsau\">\n            <div class=\"hxc-tsav\">JT<\/div>\n            <div>\n              <div class=\"hxc-tsnm\">James T.<\/div>\n              <div class=\"hxc-tsco\">Senior Engineer \u00b7 UK<\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n\n      <\/div>\n    <\/div>\n  <\/div>\n\n\n  <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n       FAQ \u2014 2-column collapsible\n  \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n  <div class=\"hxc-s-sf\" id=\"hxc-faq\">\n    <div class=\"hxc-inner\">\n\n      <span class=\"hxc-ey\">FAQ<\/span>\n      <h2 class=\"hxc-h2\">Differential Housing Parts \u2014 FAQ<\/h2>\n      <p class=\"hxc-sub\" style=\"margin-bottom:40px\">\n        Common questions about differential housing machining, tolerances, and materials.\n      <\/p>\n\n      <div class=\"hxc-faq-grid\">\n\n        <!-- LEFT column -->\n        <div>\n\n          <div class=\"hxc-faq-item\">\n            <button class=\"hxc-faq-q\" onclick=\"hxcFaq(this)\" aria-expanded=\"false\">\n              What differential housing parts does HXC machine?<span class=\"hxc-faq-icon\">+<\/span>\n            <\/button>\n            <div class=\"hxc-faq-body\">\n              HXC machines all differential housing components: <strong>differential cases<\/strong> (outer rotating\n              housing containing spider gears); <strong>carrier housings<\/strong> (stationary axle housing holding\n              differential bearings); <strong>side gear cups<\/strong>; <strong>ring gear flanges<\/strong>; and\n              <strong>bearing retainers<\/strong>. We machine from billet, from casting, or from customer-supplied\n              blanks.\n            <\/div>\n          <\/div>\n\n          <div class=\"hxc-faq-item\">\n            <button class=\"hxc-faq-q\" onclick=\"hxcFaq(this)\" aria-expanded=\"false\">\n              What tolerances are needed for differential bearing bores?<span class=\"hxc-faq-icon\">+<\/span>\n            <\/button>\n            <div class=\"hxc-faq-body\">\n              <strong>Bore diameter: IT5 or IT6<\/strong> (\u00b10.008\u20130.015 mm on \u00d860\u2013100 mm). <strong>Roundness<\/strong>\n              \u2264 0.005 mm. <strong>Left-right bore parallelism<\/strong> \u2264 0.010 mm. <strong>Centreline to ring gear\n              plane<\/strong> \u2264 0.020 mm. These control bearing preload, gear meshing pattern, and noise.\n            <\/div>\n          <\/div>\n\n          <div class=\"hxc-faq-item\">\n            <button class=\"hxc-faq-q\" onclick=\"hxcFaq(this)\" aria-expanded=\"false\">\n              What materials are used?<span class=\"hxc-faq-icon\">+<\/span>\n            <\/button>\n            <div class=\"hxc-faq-body\">\n              <strong>GGG50 \/ 60 ductile iron<\/strong>: standard for passenger cars and commercial vehicles.\n              <strong>Al 380 \/ A356<\/strong>: lightweight die cast or gravity cast housings. <strong>Al 7075\n              billet<\/strong>: motorsport and high-performance. <strong>42CrMo4 billet<\/strong>: maximum strength for\n              motorsport and military.\n            <\/div>\n          <\/div>\n\n          <div class=\"hxc-faq-item\">\n            <button class=\"hxc-faq-q\" onclick=\"hxcFaq(this)\" aria-expanded=\"false\">\n              Can HXC work from customer-supplied castings?<span class=\"hxc-faq-icon\">+<\/span>\n            <\/button>\n            <div class=\"hxc-faq-body\">\n              Yes \u2014 HXC regularly receives customer-supplied castings and performs precision CNC finishing: boring,\n              reaming, facing, and drilling to IT5 \/ IT6 tolerances. This is a common workflow for automotive\n              Tier 1 \/ Tier 2 suppliers.\n            <\/div>\n          <\/div>\n\n        <\/div>\n\n        <!-- RIGHT column -->\n        <div>\n\n          <div class=\"hxc-faq-item\">\n            <button class=\"hxc-faq-q\" onclick=\"hxcFaq(this)\" aria-expanded=\"false\">\n              Why is IT5 important for differential bearing bores?<span class=\"hxc-faq-icon\">+<\/span>\n            <\/button>\n            <div class=\"hxc-faq-body\">\n              Differential bearings require tight bore tolerances because the bore establishes the bearing outer race\n              interference fit. Too loose: the race spins (fretting damage). Too tight: excessive radial pre-stress.\n              IT5 on a \u00d880 mm housing gives \u00b10.008 mm tolerance \u2014 achievable by CNC boring and verified by CMM.\n            <\/div>\n          <\/div>\n\n          <div class=\"hxc-faq-item\">\n            <button class=\"hxc-faq-q\" onclick=\"hxcFaq(this)\" aria-expanded=\"false\">\n              Can HXC machine integrated ring gear bolt patterns?<span class=\"hxc-faq-icon\">+<\/span>\n            <\/button>\n            <div class=\"hxc-faq-body\">\n              Yes \u2014 ring gear bolt hole patterns (8\u201312 holes on \u00d8120\u2013200 mm pitch circle) are machined to \u00b10.02 mm\n              positional tolerance relative to the bearing bore centreline. Ring gear pilot bore is machined to H7 for\n              accurate ring gear centring before bolting.\n            <\/div>\n          <\/div>\n\n          <div class=\"hxc-faq-item\">\n            <button class=\"hxc-faq-q\" onclick=\"hxcFaq(this)\" aria-expanded=\"false\">\n              What finishing operations are included?<span class=\"hxc-faq-icon\">+<\/span>\n            <\/button>\n            <div class=\"hxc-faq-body\">\n              Rough bore, semi-finish bore, finish bore to IT5, face milling of bearing seats, drilling and tapping of\n              all threaded holes, reaming of dowel pin holes, deburring, and CMM final inspection. Surface finish\n              Ra 0.8 \u00b5m on bearing bore faces is standard.\n            <\/div>\n          <\/div>\n\n          <div class=\"hxc-faq-item\">\n            <button class=\"hxc-faq-q\" onclick=\"hxcFaq(this)\" aria-expanded=\"false\">\n              What is the lead time?<span class=\"hxc-faq-icon\">+<\/span>\n            <\/button>\n            <div class=\"hxc-faq-body\">\n              From billet: 10\u201318 days. Casting supply + CNC finish: 18\u201328 days. Aluminium billet cases: 8\u201314 days.\n            <\/div>\n          <\/div>\n\n        <\/div>\n\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n     FAQ STRUCTURED DATA (JSON-LD)\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<script type=\"application\/ld+json\">\n{\n  \"@context\": \"https:\/\/schema.org\",\n  \"@type\": \"FAQPage\",\n  \"mainEntity\": [\n    {\n      \"@type\": \"Question\",\n      \"name\": \"What differential housing parts does HXC machine?\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"Differential cases, carrier housings, side gear cups, ring gear flanges, and bearing retainers \u2014 from billet, from casting, or customer-supplied blanks.\"\n      }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"What tolerances are needed for bearing bores?\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"Bore diameter IT5\/IT6 (\u00b10.008\u20130.015 mm). Roundness \u2264 0.005 mm. Left-right bore parallelism \u2264 0.010 mm. Centreline to ring gear plane \u2264 0.020 mm.\"\n      }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"What is the lead time?\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"From billet: 10\u201318 days. Casting + CNC finish: 18\u201328 days. Al billet: 8\u201314 days.\"\n      }\n    }\n  ]\n}\n<\/script>\n\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n     INTERACTIONS \u2014 FAQ accordion + scroll reveal\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<script>\n\/\/ \u2500\u2500 FAQ accordion toggle \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\nfunction hxcFaq(btn) {\n  const body = btn.nextElementSibling;\n  const isOpen = btn.classList.contains('open');\n  btn.classList.toggle('open', !isOpen);\n  btn.setAttribute('aria-expanded', String(!isOpen));\n  body.classList.toggle('open', !isOpen);\n}\n\n\/\/ \u2500\u2500 Scroll reveal observer for .hxc-rv elements \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\nconst hxcObs = new IntersectionObserver(entries => {\n  entries.forEach((e, i) => {\n    if (e.isIntersecting) {\n      setTimeout(() => e.target.classList.add('in'), i * 90);\n    }\n  });\n}, { threshold: .08 });\n\ndocument.querySelectorAll('.hxc-rv').forEach(el => hxcObs.observe(el));\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6106fd6b e-con-full e-flex e-con e-parent\" data-id=\"6106fd6b\" data-element_type=\"container\" data-e-type=\"container\" id=\"hxc-cta\">\n\t\t<div class=\"elementor-element elementor-element-2cb10547 e-con-full e-flex e-con e-child\" data-id=\"2cb10547\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2c16bb3 elementor-widget elementor-widget-html\" data-id=\"2c16bb3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- HXCNC CTA Left Panel | namespace .HXCL | Elementor HTML Widget -->\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Roboto:wght@300;400;500;700;900&family=Roboto+Condensed:wght@400;700;900&family=Roboto+Mono:wght@400;500&display=swap\" rel=\"stylesheet\">\n<style>\n.HXCL{\n  --bg:#F7F9FC;--wh:#FFFFFF;--lt:#EEF3F8;\n  --tx:#1F2937;--tx1:#5B6777;--tx2:#9CA8B4;--bd:#D7E0EA;\n  --a:#2563EB;--a2:#1D4ED8;--aA:rgba(37,99,235,.07);--aC:rgba(37,99,235,.20);\n  --ac:#0F766E;--acA:rgba(15,118,110,.08);--acB:rgba(15,118,110,.15);--acC:rgba(15,118,110,.22);\n  --fh:'Roboto Condensed',sans-serif;--fb:'Roboto',sans-serif;--fm:'Roboto Mono',monospace;\n}\n.HXCL,.HXCL *,.HXCL *::before,.HXCL *::after{box-sizing:border-box;margin:0;padding:0;}\n.HXCL{font-family:var(--fb);color:var(--tx);line-height:1.6;}\n\n\/* \u2500\u2500 PANEL \u2500\u2500 *\/\n.HXCL .panel{\n  background:var(--bg);\n  border:1.5px solid var(--bd);\n  border-radius:20px;\n  padding:52px 48px;\n  position:relative;\n  overflow:hidden;\n  display:flex;\n  flex-direction:column;\n  gap:0;\n  height:100%;\n}\n\/* dot-grid texture *\/\n.HXCL .panel::before{\n  content:'';position:absolute;inset:0;\n  background-image:radial-gradient(var(--bd) 1px, transparent 1px);\n  background-size:24px 24px;\n  opacity:.5;pointer-events:none;\n}\n\/* top accent line *\/\n.HXCL .panel::after{\n  content:'';position:absolute;top:0;left:0;right:0;height:3px;\n  background:linear-gradient(90deg, var(--ac) 0%, var(--a) 100%);\n}\n\n\/* all content sits above the texture *\/\n.HXCL .panel > *{position:relative;z-index:1;}\n\n\/* eyebrow *\/\n.HXCL .eyebrow{\n  display:inline-flex;align-items:center;gap:8px;\n  font-family:var(--fm);font-size:11px;font-weight:500;\n  letter-spacing:3px;text-transform:uppercase;\n  color:var(--ac);margin-bottom:18px;\n}\n.HXCL .eyebrow::before{content:'';width:16px;height:1.5px;background:var(--ac);}\n\n\/* headline *\/\n.HXCL .headline{\n  font-family:var(--fh);\n  font-size:clamp(32px,3.4vw,50px);\n  font-weight:900;\n  line-height:.92;\n  letter-spacing:-1.5px;\n  color:var(--tx);\n  margin-bottom:16px;\n}\n.HXCL .headline em{color:var(--ac);font-style:normal;}\n\n\/* sub *\/\n.HXCL .sub{\n  font-size:14px;color:var(--tx1);line-height:1.82;\n  max-width:380px;margin-bottom:32px;\n}\n\n\/* \u2500\u2500 STATS \u2500\u2500 *\/\n.HXCL .stats{\n  display:grid;grid-template-columns:repeat(3,1fr);\n  gap:1px;background:var(--bd);\n  border:1.5px solid var(--bd);border-radius:14px;\n  overflow:hidden;margin-bottom:32px;\n}\n.HXCL .stat{\n  padding:16px 14px;background:var(--wh);\n  transition:background .18s;\n}\n.HXCL .stat:hover{background:var(--lt);}\n.HXCL .stat .sv{\n  font-family:var(--fh);font-size:22px;font-weight:900;\n  color:var(--ac);line-height:1;margin-bottom:4px;\n}\n.HXCL .stat .sv small{font-size:14px;color:var(--tx2);}\n.HXCL .stat .sl{\n  font-family:var(--fm);font-size:9px;color:var(--tx2);\n  letter-spacing:1.5px;text-transform:uppercase;\n}\n\n\/* \u2500\u2500 ADVANTAGE LIST \u2500\u2500 *\/\n.HXCL .avlist{display:flex;flex-direction:column;gap:9px;margin-bottom:28px;}\n.HXCL .avitem{\n  display:flex;align-items:flex-start;gap:12px;\n  padding:14px 16px;\n  background:var(--wh);border:1.5px solid var(--bd);border-radius:13px;\n  transition:border-color .18s, box-shadow .18s;\n}\n.HXCL .avitem:hover{\n  border-color:var(--acC);\n  box-shadow:0 4px 16px var(--acA);\n}\n.HXCL .avitem .ico{\n  width:34px;height:34px;border-radius:8px;flex-shrink:0;\n  background:var(--acA);border:1px solid var(--acC);\n  display:flex;align-items:center;justify-content:center;font-size:15px;\n  transition:background .18s;\n}\n.HXCL .avitem:hover .ico{background:var(--acB);}\n.HXCL .avitem .at{\n  font-family:var(--fh);font-size:14px;font-weight:700;\n  color:var(--tx);margin-bottom:2px;line-height:1.2;\n}\n.HXCL .avitem .ad{\n  font-size:12px;color:var(--tx1);line-height:1.62;\n}\n\n\/* \u2500\u2500 CERT TAGS \u2500\u2500 *\/\n.HXCL .certs{\n  display:flex;flex-wrap:wrap;gap:7px;\n  padding-top:20px;border-top:1.5px solid var(--bd);\n}\n.HXCL .cert{\n  padding:4px 11px;border-radius:100px;\n  background:var(--lt);border:1px solid var(--bd);\n  font-family:var(--fm);font-size:10px;color:var(--tx2);letter-spacing:.8px;\n}\n.HXCL .cert.hi{\n  background:var(--acA);border-color:var(--acC);\n  color:var(--ac);font-weight:700;\n}\n<\/style>\n\n<div class=\"HXCL\">\n<div class=\"panel\">\n\n  <div class=\"eyebrow\">Get a Quote<\/div>\n\n  <h2 class=\"headline\">\n    Send Your Drawing.<br><em>Get a Quote.<\/em>\n  <\/h2>\n\n  <p class=\"sub\">Every enquiry includes a DFM review \u2014 tolerance feasibility, material confirmation, and process approach confirmed before production starts. MOQ 1 piece.<\/p>\n\n  <!-- Stats row -->\n  <div class=\"stats\">\n    <div class=\"stat\">\n      <div class=\"sv\">24<small>hr<\/small><\/div>\n      <div class=\"sl\">Quote Response<\/div>\n    <\/div>\n    <div class=\"stat\">\n      <div class=\"sv\">MOQ <small>1<\/small><\/div>\n      <div class=\"sl\">Prototypes OK<\/div>\n    <\/div>\n    <div class=\"stat\">\n      <div class=\"sv\">ISO<\/div>\n      <div class=\"sl\">9001:2015<\/div>\n    <\/div>\n  <\/div>\n\n  <!-- Advantage list -->\n  <div class=\"avlist\">\n    <div class=\"avitem\">\n      <div class=\"ico\">&#128208;<\/div>\n      <div>\n        <div class=\"at\">DFM Review on Every Enquiry<\/div>\n        <div class=\"ad\">Tolerance feasibility, fixturing strategy, and material confirmation. Specific, actionable feedback \u2014 not generic pushback.<\/div>\n      <\/div>\n    <\/div>\n    <div class=\"avitem\">\n      <div class=\"ico\">&#127919;<\/div>\n      <div>\n        <div class=\"at\">First Article Inspection \u2014 Standard<\/div>\n        <div class=\"ad\">FAI report on every new run. Material certs and surface treatment certs included with every shipment.<\/div>\n      <\/div>\n    <\/div>\n    <div class=\"avitem\">\n      <div class=\"ico\">&#128260;<\/div>\n      <div>\n        <div class=\"at\">Same Process: Prototype to Production<\/div>\n        <div class=\"ad\">Process plan from your prototype applies to production batches. No re-qualification when you scale.<\/div>\n      <\/div>\n    <\/div>\n    <div class=\"avitem\">\n      <div class=\"ico\">&#9881;<\/div>\n      <div>\n        <div class=\"at\">3 \/ 4 \/ 5-Axis CNC + Turning<\/div>\n        <div class=\"ad\">Complex structural parts, shafts, housings, and transmission components. Metals and engineering plastics.<\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <!-- Cert tags -->\n  <div class=\"certs\">\n    <span class=\"cert hi\">ISO 9001:2015<\/span>\n    <span class=\"cert\">3\/4\/5-Axis Milling<\/span>\n    <span class=\"cert\">CNC Turning<\/span>\n    <span class=\"cert\">CMM Inspection<\/span>\n    <span class=\"cert\">Global Delivery<\/span>\n  <\/div>\n\n<\/div>\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1a90e857 e-con-full e-flex e-con e-child\" data-id=\"1a90e857\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-12286589 elementor-button-align-stretch elementor-widget elementor-widget-form\" data-id=\"12286589\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;step_next_label&quot;:&quot;Next&quot;,&quot;step_previous_label&quot;:&quot;Previous&quot;,&quot;button_width&quot;:&quot;100&quot;,&quot;step_type&quot;:&quot;number_text&quot;,&quot;step_icon_shape&quot;:&quot;circle&quot;}\" data-widget_type=\"form.default\">\n\t\t\t\t\t\t\t<form class=\"elementor-form\" method=\"post\" name=\"New Form\" aria-label=\"New Form\">\n\t\t\t<input type=\"hidden\" name=\"post_id\" value=\"1057\"\/>\n\t\t\t<input type=\"hidden\" name=\"form_id\" value=\"12286589\"\/>\n\t\t\t<input type=\"hidden\" name=\"referer_title\" value=\"Differential Housing CNC Parts | Precision Differential Casings | HXCNC\" \/>\n\n\t\t\t\t\t\t\t<input type=\"hidden\" name=\"queried_id\" value=\"1057\"\/>\n\t\t\t\n\t\t\t<div class=\"elementor-form-fields-wrapper elementor-labels-above\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-text elementor-field-group elementor-column elementor-field-group-name elementor-col-100\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-name\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\tName\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<input size=\"1\" type=\"text\" name=\"form_fields[name]\" id=\"form-field-name\" class=\"elementor-field elementor-size-sm  elementor-field-textual\" placeholder=\"Name\">\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-text elementor-field-group elementor-column elementor-field-group-field_12786b6 elementor-col-100\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-field_12786b6\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\tCompany\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<input size=\"1\" type=\"text\" name=\"form_fields[field_12786b6]\" id=\"form-field-field_12786b6\" class=\"elementor-field elementor-size-sm  elementor-field-textual\" placeholder=\"Company Name\">\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-email elementor-field-group elementor-column elementor-field-group-email elementor-col-100 elementor-field-required\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-email\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\tEmail\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<input size=\"1\" type=\"email\" name=\"form_fields[email]\" id=\"form-field-email\" class=\"elementor-field elementor-size-sm  elementor-field-textual\" placeholder=\"Email\" required=\"required\">\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-select elementor-field-group elementor-column elementor-field-group-field_0c79fc0 elementor-col-100\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-field_0c79fc0\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\tMaterial\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field elementor-select-wrapper remove-before \">\n\t\t\t<div class=\"select-caret-down-wrapper\">\n\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-eicon-caret-down\" viewBox=\"0 0 571.4 571.4\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M571 393Q571 407 561 418L311 668Q300 679 286 679T261 668L11 418Q0 407 0 393T11 368 36 357H536Q550 357 561 368T571 393Z\"><\/path><\/svg>\t\t\t<\/div>\n\t\t\t<select name=\"form_fields[field_0c79fc0]\" id=\"form-field-field_0c79fc0\" class=\"elementor-field-textual elementor-size-sm\">\n\t\t\t\t\t\t\t\t\t<option value=\"aluminium_6061_t6\">Aluminium 6061-T6<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"aluminium_7075_t6\">Aluminium 7075-T6<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"stainless_steel_304\">Stainless Steel 304<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"stainless_steel_316l\">Stainless Steel 316L<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"carbon_steel_4140\">Carbon Steel \/ 4140<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"titanium_ti_6al_4v\">Titanium Ti-6Al-4V<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"brass_c360\">Brass C360<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"copper\">Copper<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"peek\">PEEK<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"pom_acetal\">POM \/ Acetal<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"nylon_pa6_pa66\">Nylon PA6 \/ PA66<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"ptfe_teflon\">PTFE \/ Teflon<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"polycarbonate\">Polycarbonate<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"abs\">ABS<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"other_not_sure\">Other \/ Not sure<\/option>\n\t\t\t\t\t\t\t<\/select>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-select elementor-field-group elementor-column elementor-field-group-field_161b5ef elementor-col-100\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-field_161b5ef\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\tSurface Finish\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field elementor-select-wrapper remove-before \">\n\t\t\t<div class=\"select-caret-down-wrapper\">\n\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-eicon-caret-down\" viewBox=\"0 0 571.4 571.4\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M571 393Q571 407 561 418L311 668Q300 679 286 679T261 668L11 418Q0 407 0 393T11 368 36 357H536Q550 357 561 368T571 393Z\"><\/path><\/svg>\t\t\t<\/div>\n\t\t\t<select name=\"form_fields[field_161b5ef]\" id=\"form-field-field_161b5ef\" class=\"elementor-field-textual elementor-size-sm\">\n\t\t\t\t\t\t\t\t\t<option value=\"as_machined\">As-machined<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"anodised_type_ii\">Anodised Type II<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"anodised_type_iii_hard\">Anodised Type III (Hard)<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"electroplating\">Electroplating<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"powder_coating\">Powder Coating<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"black_oxide\">Black Oxide<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"passivation_ss\">Passivation (SS)<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"polishing_ra_requirement\">Polishing \/ Ra requirement<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"other_specify_below\">Other (specify below)<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Select \">Select finish (optional)<\/option>\n\t\t\t\t\t\t\t<\/select>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-textarea elementor-field-group elementor-column elementor-field-group-message elementor-col-100\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-message\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\tAdditional Requirements\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t<textarea class=\"elementor-field-textual elementor-field  elementor-size-sm\" name=\"form_fields[message]\" id=\"form-field-message\" rows=\"4\" placeholder=\"Target delivery date, critical dimensions, tolerance callouts, inspection requirements, application context...\"><\/textarea>\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-upload elementor-field-group elementor-column elementor-field-group-field_0071b0f elementor-col-100\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-field_0071b0f\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\tFile Upload\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t<input type=\"file\" name=\"form_fields[field_0071b0f]\" id=\"form-field-field_0071b0f\" class=\"elementor-field elementor-size-sm  elementor-upload-field\">\n\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-group elementor-column elementor-field-type-submit elementor-col-100 e-form__buttons\">\n\t\t\t\t\t<button class=\"elementor-button elementor-size-sm\" type=\"submit\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-icon\">\n\t\t\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-far-arrow-alt-circle-right\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M504 256C504 119 393 8 256 8S8 119 8 256s111 248 248 248 248-111 248-248zm-448 0c0-110.5 89.5-200 200-200s200 89.5 200 200-89.5 200-200 200S56 366.5 56 256zm72 20v-40c0-6.6 5.4-12 12-12h116v-67c0-10.7 12.9-16 20.5-8.5l99 99c4.7 4.7 4.7 12.3 0 17l-99 99c-7.6 7.6-20.5 2.2-20.5-8.5v-67H140c-6.6 0-12-5.4-12-12z\"><\/path><\/svg>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Submit Enquiry<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/button>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/form>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Product Category IT5 Bores \u00b7 CMM Verified DHP \/ 001 \u2014 003 Custom Differential Housing Parts Precision CNC machined differential housing components \u2014 carrier housings, differential cases, bearing bores, and ring gear flanges in steel, aluminium, and ductile iron. Bearing bore tolerances to IT5, CMM verified on every critical feature. IT5 Bearing Bore Grade \u00b10.003mm [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":39,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1057","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v27.3 (Yoast SEO v28.0) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Differential Housing CNC Parts | Precision Differential Casings | HXCNC<\/title>\n<meta name=\"description\" content=\"Precision CNC machined differential housing parts and casings for automotive and robotic drive systems. Complex internal geometries, tight bearing bore tolerances.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/hxcnc.com\/fr\/product\/differential-housing-parts\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Differential Housing Parts\" \/>\n<meta property=\"og:description\" content=\"Precision CNC machined differential housing parts and casings for automotive and robotic drive systems. Complex internal geometries, tight bearing bore tolerances.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/hxcnc.com\/fr\/product\/differential-housing-parts\/\" \/>\n<meta property=\"og:site_name\" content=\"HXCNC | Precision CNC Machining Manufacturer\" \/>\n<meta property=\"article:modified_time\" content=\"2026-05-14T06:25:34+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/hxcnc.com\/wp-content\/uploads\/2026\/05\/Diff-Housing-Parts.webp\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\n\t<meta name=\"twitter:data1\" content=\"6 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/hxcnc.com\\\/product\\\/differential-housing-parts\\\/\",\"url\":\"https:\\\/\\\/hxcnc.com\\\/product\\\/differential-housing-parts\\\/\",\"name\":\"Differential Housing CNC Parts | Precision Differential Casings | HXCNC\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/hxcnc.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/hxcnc.com\\\/product\\\/differential-housing-parts\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/hxcnc.com\\\/product\\\/differential-housing-parts\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/hxcnc.com\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/Diff-Housing-Parts.webp\",\"datePublished\":\"2026-04-08T01:03:43+00:00\",\"dateModified\":\"2026-05-14T06:25:34+00:00\",\"description\":\"Precision CNC machined differential housing parts and casings for automotive and robotic drive systems. Complex internal geometries, tight bearing bore tolerances.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/hxcnc.com\\\/product\\\/differential-housing-parts\\\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/hxcnc.com\\\/product\\\/differential-housing-parts\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/hxcnc.com\\\/product\\\/differential-housing-parts\\\/#primaryimage\",\"url\":\"https:\\\/\\\/hxcnc.com\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/Diff-Housing-Parts.webp\",\"contentUrl\":\"https:\\\/\\\/hxcnc.com\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/Diff-Housing-Parts.webp\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/hxcnc.com\\\/product\\\/differential-housing-parts\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/hxcnc.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Product\",\"item\":\"https:\\\/\\\/hxcnc.com\\\/product\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Differential Housing Parts\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/hxcnc.com\\\/#website\",\"url\":\"https:\\\/\\\/hxcnc.com\\\/\",\"name\":\"HXCNC | Precision CNC Machining Manufacturer\",\"description\":\"HXCNC provides precision CNC machining, CNC milling, CNC turning, 5-axis machining, Swiss turning, grinding, and surface finishing services for prototypes and production parts. ISO 9001 certified, 24-hour quote response, tight tolerances, and worldwide delivery.\",\"publisher\":{\"@id\":\"https:\\\/\\\/hxcnc.com\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/hxcnc.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/hxcnc.com\\\/#organization\",\"name\":\"HXCNC | Precision CNC Machining Manufacturer\",\"url\":\"https:\\\/\\\/hxcnc.com\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/hxcnc.com\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/hxcnc.com\\\/wp-content\\\/uploads\\\/2026\\\/04\\\/HX-logo.png\",\"contentUrl\":\"https:\\\/\\\/hxcnc.com\\\/wp-content\\\/uploads\\\/2026\\\/04\\\/HX-logo.png\",\"width\":1400,\"height\":402,\"caption\":\"HXCNC | Precision CNC Machining Manufacturer\"},\"image\":{\"@id\":\"https:\\\/\\\/hxcnc.com\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Pi\u00e8ces CNC de bo\u00eetier diff\u00e9rentiel | Carters diff\u00e9rentiels de pr\u00e9cision | HXCNC","description":"Pi\u00e8ces de bo\u00eetier diff\u00e9rentiel usin\u00e9es avec pr\u00e9cision par CNC pour syst\u00e8mes de transmission automobiles et robotiques. G\u00e9om\u00e9tries internes complexes, tol\u00e9rances serr\u00e9es pour les al\u00e9sages de roulements.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/hxcnc.com\/fr\/product\/differential-housing-parts\/","og_locale":"fr_FR","og_type":"article","og_title":"Differential Housing Parts","og_description":"Precision CNC machined differential housing parts and casings for automotive and robotic drive systems. Complex internal geometries, tight bearing bore tolerances.","og_url":"https:\/\/hxcnc.com\/fr\/product\/differential-housing-parts\/","og_site_name":"HXCNC | Precision CNC Machining Manufacturer","article_modified_time":"2026-05-14T06:25:34+00:00","og_image":[{"url":"https:\/\/hxcnc.com\/wp-content\/uploads\/2026\/05\/Diff-Housing-Parts.webp","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Dur\u00e9e de lecture estim\u00e9e":"6 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/hxcnc.com\/product\/differential-housing-parts\/","url":"https:\/\/hxcnc.com\/product\/differential-housing-parts\/","name":"Pi\u00e8ces CNC de bo\u00eetier diff\u00e9rentiel | Carters diff\u00e9rentiels de pr\u00e9cision | HXCNC","isPartOf":{"@id":"https:\/\/hxcnc.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/hxcnc.com\/product\/differential-housing-parts\/#primaryimage"},"image":{"@id":"https:\/\/hxcnc.com\/product\/differential-housing-parts\/#primaryimage"},"thumbnailUrl":"https:\/\/hxcnc.com\/wp-content\/uploads\/2026\/05\/Diff-Housing-Parts.webp","datePublished":"2026-04-08T01:03:43+00:00","dateModified":"2026-05-14T06:25:34+00:00","description":"Pi\u00e8ces de bo\u00eetier diff\u00e9rentiel usin\u00e9es avec pr\u00e9cision par CNC pour syst\u00e8mes de transmission automobiles et robotiques. G\u00e9om\u00e9tries internes complexes, tol\u00e9rances serr\u00e9es pour les al\u00e9sages de roulements.","breadcrumb":{"@id":"https:\/\/hxcnc.com\/product\/differential-housing-parts\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/hxcnc.com\/product\/differential-housing-parts\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/hxcnc.com\/product\/differential-housing-parts\/#primaryimage","url":"https:\/\/hxcnc.com\/wp-content\/uploads\/2026\/05\/Diff-Housing-Parts.webp","contentUrl":"https:\/\/hxcnc.com\/wp-content\/uploads\/2026\/05\/Diff-Housing-Parts.webp"},{"@type":"BreadcrumbList","@id":"https:\/\/hxcnc.com\/product\/differential-housing-parts\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/hxcnc.com\/"},{"@type":"ListItem","position":2,"name":"Product","item":"https:\/\/hxcnc.com\/product\/"},{"@type":"ListItem","position":3,"name":"Differential Housing Parts"}]},{"@type":"WebSite","@id":"https:\/\/hxcnc.com\/#website","url":"https:\/\/hxcnc.com\/","name":"HXCNC | Fabricant de pi\u00e8ces usin\u00e9es CNC de pr\u00e9cision","description":"HXCNC fournit des services d'usinage CNC de pr\u00e9cision, fraisage CNC, tournage CNC, usinage 5 axes, tournage Swiss, rectification et finition de surface pour prototypes et pi\u00e8ces de production. Certifi\u00e9 ISO 9001, r\u00e9ponse aux devis en 24 heures, tol\u00e9rances strictes et livraison dans le monde entier.","publisher":{"@id":"https:\/\/hxcnc.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/hxcnc.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"},{"@type":"Organization","@id":"https:\/\/hxcnc.com\/#organization","name":"HXCNC | Fabricant de pi\u00e8ces usin\u00e9es CNC de pr\u00e9cision","url":"https:\/\/hxcnc.com\/","logo":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/hxcnc.com\/#\/schema\/logo\/image\/","url":"https:\/\/hxcnc.com\/wp-content\/uploads\/2026\/04\/HX-logo.png","contentUrl":"https:\/\/hxcnc.com\/wp-content\/uploads\/2026\/04\/HX-logo.png","width":1400,"height":402,"caption":"HXCNC | Precision CNC Machining Manufacturer"},"image":{"@id":"https:\/\/hxcnc.com\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/hxcnc.com\/fr\/wp-json\/wp\/v2\/pages\/1057","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hxcnc.com\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hxcnc.com\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hxcnc.com\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hxcnc.com\/fr\/wp-json\/wp\/v2\/comments?post=1057"}],"version-history":[{"count":10,"href":"https:\/\/hxcnc.com\/fr\/wp-json\/wp\/v2\/pages\/1057\/revisions"}],"predecessor-version":[{"id":2711,"href":"https:\/\/hxcnc.com\/fr\/wp-json\/wp\/v2\/pages\/1057\/revisions\/2711"}],"up":[{"embeddable":true,"href":"https:\/\/hxcnc.com\/fr\/wp-json\/wp\/v2\/pages\/39"}],"wp:attachment":[{"href":"https:\/\/hxcnc.com\/fr\/wp-json\/wp\/v2\/media?parent=1057"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}