{"id":3283,"date":"2026-07-12T04:42:40","date_gmt":"2026-07-12T04:42:40","guid":{"rendered":"https:\/\/localhost\/digi\/?page_id=3283"},"modified":"2026-07-12T04:44:00","modified_gmt":"2026-07-12T04:44:00","slug":"manufacturing-2","status":"publish","type":"page","link":"https:\/\/digi.alphanzo.com\/?page_id=3283","title":{"rendered":"Manufacturing"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"3283\" class=\"elementor elementor-3283\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3b07d48 e-con-full e-flex e-con e-parent\" data-id=\"3b07d48\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8ba33b0 elementor-widget elementor-widget-html\" data-id=\"8ba33b0\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- DT Solutions \u2014 Manufacturing & Industrial Page v2 -->\n<!-- WordPress\/Elementor safe: scoped to .dt-mi-page, no html\/head\/body tags -->\n\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Barlow+Condensed:ital,wght@0,500;0,600;0,700;0,800;1,600&family=Barlow:wght@300;400;500;600&family=JetBrains+Mono:wght@400;500&display=swap');\n\n\/* ====== RESET ====== *\/\n.dt-mi-page *, .dt-mi-page *::before, .dt-mi-page *::after {\n  box-sizing: border-box; margin: 0; padding: 0;\n}\n\n\/* ====== TOKENS ====== *\/\n.dt-mi-page {\n  --navy0: #030d18;\n  --navy1: #061422;\n  --navy2: #091d30;\n  --navy3: #0d2640;\n  --navy4: #112e4a;\n  --blue:  #18a8ff;\n  --blue2: #3dd5ff;\n  --blue3: #0d5cff;\n  --orange:#ff8a2a;\n  --oran2: #ffb060;\n  --purp:  #7c4dff;\n  --purp2: #a870ff;\n  --cyan:  #00e5cc;\n  --tw:    #dcecff;\n  --tm:    #8fa9c5;\n  --td:    #4a6a8a;\n  --line:  rgba(80,180,255,.15);\n  --line2: rgba(80,180,255,.06);\n  --gblue: rgba(24,168,255,.12);\n  --gorange:rgba(255,138,42,.10);\n\n  font-family: 'Barlow', 'Segoe UI', system-ui, sans-serif;\n  background: var(--navy0);\n  color: var(--tw);\n  line-height: 1.6;\n  overflow-x: hidden;\n  position: relative;\n}\n\n\/* ====== TYPOGRAPHY ====== *\/\n.dt-mi-page h1,.dt-mi-page h2,.dt-mi-page h3,.dt-mi-page h4 {\n  font-family: 'Barlow Condensed', 'Segoe UI', sans-serif;\n  font-weight: 700;\n  line-height: 1.1;\n  color: var(--tw);\n}\n.dt-mi-page p { color: var(--tm); line-height: 1.7; }\n.dt-mi-page a { text-decoration: none; }\n\n\/* ====== EYEBROW ====== *\/\n.dt-mi-eyebrow {\n  display: inline-flex; align-items: center; gap: 10px;\n  font-size: 10.5px; font-weight: 600; letter-spacing: .22em;\n  text-transform: uppercase; color: var(--blue); margin-bottom: 22px;\n  font-family: 'JetBrains Mono', monospace;\n}\n.dt-mi-eyebrow::before {\n  content: ''; display: block; width: 32px; height: 1.5px;\n  background: linear-gradient(90deg,var(--blue),transparent); border-radius: 2px;\n}\n\n\/* ====== REVEAL ====== *\/\n.dt-mi-reveal {\n  opacity:0; transform:translateY(30px);\n  transition: opacity .7s ease, transform .7s ease;\n}\n.dt-mi-reveal.dt-mi-visible { opacity:1; transform:translateY(0); }\n@media (prefers-reduced-motion:reduce) {\n  .dt-mi-reveal { opacity:1; transform:none; transition:none; }\n  * { animation-duration:.01ms !important; animation-iteration-count:1 !important; }\n}\n\n\/* ====== SHARED INNER ====== *\/\n.dt-mi-inner {\n  max-width: 1360px; margin: 0 auto; padding: 0 48px; width: 100%;\n}\n\n\/* ====== GLOBAL KEYFRAMES ====== *\/\n@keyframes dtFlowDash { to { stroke-dashoffset: -80; } }\n@keyframes dtFlowDashRev { to { stroke-dashoffset: 80; } }\n@keyframes dtPulse { 0%,100%{opacity:.35} 50%{opacity:1} }\n@keyframes dtScanBeam { 0%{transform:translateX(-20px);opacity:0} 5%{opacity:.8} 90%{opacity:.8} 100%{transform:translateX(580px);opacity:0} }\n@keyframes dtFloat { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-7px)} }\n@keyframes dtFloat2 { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-5px)} }\n@keyframes dtFadeIn { from{opacity:0;transform:translateY(24px)} to{opacity:1;transform:translateY(0)} }\n@keyframes dtSpinSlow { to{transform:rotate(360deg)} }\n@keyframes dtConveyor { to{transform:translateX(-60px)} }\n@keyframes dtBoxMove { 0%{transform:translateX(0)} 100%{transform:translateX(200px)} }\n@keyframes dtOrbit { to{transform:rotate(360deg)} }\n@keyframes dtPathDraw { from{stroke-dashoffset:400} to{stroke-dashoffset:0} }\n@keyframes dtGlow { 0%,100%{opacity:.3} 50%{opacity:.8} }\n@keyframes dtStageActivate { from{opacity:0;transform:scale(.85)} to{opacity:1;transform:scale(1)} }\n@keyframes dtUptimeSpin { to{stroke-dashoffset:-280} }\n@keyframes dtDataRise { 0%,100%{transform:translateY(2px)} 50%{transform:translateY(-4px)} }\n@keyframes dtBlueprintShift { to{transform:translate(40px,40px)} }\n@keyframes dtERP { 0%,100%{opacity:.6;transform:translateY(0)} 50%{opacity:1;transform:translateY(-4px)} }\n\n\/* ============================================================\n   BLOCK 1 \u2014 HERO\n   ============================================================ *\/\n.dt-mi-hero {\n  position: relative;\n  min-height: 800px;\n  display: flex; align-items: center;\n  padding: 110px 0 90px;\n  overflow: hidden;\n  background: var(--navy0);\n}\n\n\/* Blueprint grid bg *\/\n.dt-mi-hero__bg {\n  position: absolute; inset: 0; pointer-events: none; z-index: 0;\n}\n.dt-mi-hero__bgsvg {\n  width: 100%; height: 100%; opacity: .18;\n  animation: dtBlueprintShift 30s linear infinite alternate;\n}\n\n\/* Radial glow blobs *\/\n.dt-mi-hero__glow1 {\n  position: absolute; top: -100px; left: -80px;\n  width: 700px; height: 700px; pointer-events:none; z-index:0;\n  background: radial-gradient(ellipse,rgba(13,92,255,.13) 0%,transparent 65%);\n}\n.dt-mi-hero__glow2 {\n  position: absolute; top: 40%; right: -60px;\n  width: 500px; height: 500px; pointer-events:none; z-index:0;\n  background: radial-gradient(ellipse,rgba(24,168,255,.07) 0%,transparent 65%);\n}\n.dt-mi-hero__bottom-fade {\n  position:absolute; bottom:0; left:0; right:0; height:140px; z-index:1;\n  background: linear-gradient(to bottom,transparent,var(--navy0));\n  pointer-events:none;\n}\n\n.dt-mi-hero__inner {\n  max-width: 1420px; margin: 0 auto; padding: 0 48px; width: 100%;\n  display: grid;\n  grid-template-columns: 38% 62%;\n  gap: 0;\n  align-items: center;\n  position: relative; z-index: 2;\n}\n\n\/* --- LEFT --- *\/\n.dt-mi-hero__left > * {\n  animation: dtFadeIn .8s ease both;\n}\n.dt-mi-hero__left > *:nth-child(1){animation-delay:.05s}\n.dt-mi-hero__left > *:nth-child(2){animation-delay:.15s}\n.dt-mi-hero__left > *:nth-child(3){animation-delay:.25s}\n.dt-mi-hero__left > *:nth-child(4){animation-delay:.38s}\n.dt-mi-hero__left > *:nth-child(5){animation-delay:.52s}\n.dt-mi-hero__left > *:nth-child(6){animation-delay:.68s}\n\n.dt-mi-hero h1 {\n  font-size: clamp(44px,5.5vw,76px);\n  font-weight: 800; letter-spacing:-.01em;\n  line-height: 1.0; margin-bottom: 18px;\n  font-style: italic;\n}\n.dt-mi-hero h1 .dt-mi-h1-accent {\n  background: linear-gradient(100deg,#fff 0%,var(--blue2) 55%,var(--blue) 100%);\n  -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text;\n}\n.dt-mi-hero h1 .dt-mi-h1-orange {\n  background: linear-gradient(100deg,var(--orange) 0%,var(--oran2) 100%);\n  -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text;\n}\n\n.dt-mi-hero__headline {\n  font-size: clamp(16px,1.8vw,21px);\n  font-weight: 500; color: var(--tm);\n  line-height: 1.55; margin-bottom: 36px;\n  max-width: 520px;\n  border-left: 3px solid var(--orange);\n  padding-left: 18px;\n}\n\n\/* Premium insight rows *\/\n.dt-mi-hero__keypoints { margin-bottom: 44px; }\n.dt-mi-hero__kp {\n  display: grid; grid-template-columns: 58px 1fr;\n  gap: 0 14px; padding: 16px 0;\n  border-bottom: 1px solid var(--line);\n  position: relative;\n  align-items: center;\n}\n.dt-mi-hero__kp:first-child { border-top: 1px solid var(--line); }\n.dt-mi-hero__kp-icon {\n  width: 50px; height: 50px; border-radius: 10px;\n  background: rgba(24,168,255,.07);\n  border: 1px solid rgba(24,168,255,.2);\n  display: flex; align-items: center; justify-content: center;\n}\n.dt-mi-hero__kp-icon svg { width: 26px; height: 26px; }\n.dt-mi-hero__kp-title {\n  font-size: 14px; font-weight: 700;\n  color: var(--tw); margin-bottom: 2px;\n  font-family: 'Barlow Condensed', sans-serif;\n  letter-spacing: .02em; font-size: 16px;\n}\n.dt-mi-hero__kp-desc { font-size: 12.5px; color: var(--tm); line-height:1.5; }\n\n\/* CTAs *\/\n.dt-mi-hero__ctas {\n  display: flex; gap: 14px; flex-wrap: wrap;\n}\n.dt-mi-cta-primary {\n  display: inline-flex; align-items: center; gap: 10px;\n  background: linear-gradient(135deg,var(--orange),var(--oran2));\n  color: #fff; font-size: 14px; font-weight: 700;\n  letter-spacing:.05em; text-transform:uppercase;\n  padding: 16px 32px; border-radius: 6px; border: none; cursor: pointer;\n  box-shadow: 0 6px 28px rgba(255,138,42,.35);\n  transition: transform .2s, box-shadow .2s;\n  font-family: 'Barlow Condensed', sans-serif; font-size: 16px;\n}\n.dt-mi-cta-primary:hover { transform:translateY(-2px); box-shadow:0 10px 36px rgba(255,138,42,.5); }\n.dt-mi-cta-secondary {\n  display: inline-flex; align-items: center; gap: 8px;\n  border: 1.5px solid var(--line); color: var(--tm);\n  font-size: 14px; font-weight: 600; padding: 15px 26px; border-radius: 6px;\n  cursor: pointer; transition: border-color .2s, color .2s;\n  background: transparent; font-family: 'Barlow Condensed', sans-serif; font-size: 15px;\n  letter-spacing:.04em;\n}\n.dt-mi-cta-secondary:hover { border-color: var(--blue); color: var(--blue2); }\n\n\/* --- RIGHT: 3D Factory Visual --- *\/\n.dt-mi-hero__right {\n  position: relative;\n  display: flex; align-items: center; justify-content: center;\n  animation: dtFadeIn 1s .4s ease both;\n  padding: 0 0 0 20px;\n}\n.dt-mi-hero-visual {\n  width: 100%; max-width: 820px; height: 660px; position: relative;\n}\n.dt-mi-hero-visual svg { width:100%; height:100%; overflow:hidden; }\n\n\/* HTML ERP panels \u2014 absolutely pinned, never overlap SVG factory *\/\n.dt-mi-erp-panel-wrap {\n  position: absolute; pointer-events: none; z-index: 4;\n  animation: dtERP 4s ease-in-out infinite;\n}\n.dt-mi-erp-panel-wrap:nth-child(2){ animation-duration:5s; animation-delay:1.5s; }\n.dt-mi-erp-panel-wrap:nth-child(3){ animation-duration:3.5s; animation-delay:.8s; }\n.dt-mi-erp-panel-wrap:nth-child(4){ animation-duration:4.5s; animation-delay:2s; }\n\n.dt-mi-erp-tl { top: 10px;  left: 6px; }\n.dt-mi-erp-tr { top: 10px;  right: 6px; }\n.dt-mi-erp-br { bottom: 10px; right: 6px; }\n.dt-mi-erp-bl { bottom: 10px; left: 6px; }\n\n.dt-mi-erp-card {\n  background: rgba(5,15,26,0.95);\n  border-radius: 8px; overflow: hidden;\n  backdrop-filter: blur(6px); min-width: 148px;\n}\n.dt-mi-erp-card__header {\n  padding: 7px 10px 6px;\n  font-size: 7.5px; font-weight: 600; letter-spacing: .18em;\n  text-transform: uppercase; font-family: 'JetBrains Mono', monospace;\n}\n.dt-mi-erp-card.blue   { border: 1px solid rgba(24,168,255,0.38); }\n.dt-mi-erp-card.blue   .dt-mi-erp-card__header { background: rgba(13,92,255,0.22); color: #3dd5ff; }\n.dt-mi-erp-card.orange { border: 1px solid rgba(255,138,42,0.38); }\n.dt-mi-erp-card.orange .dt-mi-erp-card__header { background: rgba(255,138,42,0.18); color: #ffb060; }\n.dt-mi-erp-card.purple { border: 1px solid rgba(124,77,255,0.38); }\n.dt-mi-erp-card.purple .dt-mi-erp-card__header { background: rgba(124,77,255,0.18); color: #a870ff; }\n.dt-mi-erp-card.cyan   { border: 1px solid rgba(0,229,204,0.32); }\n.dt-mi-erp-card.cyan   .dt-mi-erp-card__header { background: rgba(0,229,204,0.12); color: #00e5cc; }\n.dt-mi-erp-card__body { padding: 10px 10px 12px; }\n.dt-mi-erp-card__val {\n  font-size: 24px; font-weight: 800; line-height: 1.1;\n  font-family: 'Barlow Condensed', sans-serif; margin-bottom: 2px;\n}\n.dt-mi-erp-card__val.blue   { color: #3dd5ff; }\n.dt-mi-erp-card__val.orange { color: #ffb060; }\n.dt-mi-erp-card__val.purple { color: #a870ff; }\n.dt-mi-erp-card__val.cyan   { color: #00e5cc; }\n.dt-mi-erp-card__sub {\n  font-size: 7px; font-family: 'JetBrains Mono', monospace;\n  color: rgba(143,169,197,0.8); letter-spacing: .12em; text-transform: uppercase; margin-bottom: 8px;\n}\n.dt-mi-erp-card__bar-track { height: 4px; background: rgba(255,255,255,0.06); border-radius: 2px; margin-bottom: 8px; }\n.dt-mi-erp-card__bar-fill  { height: 100%; border-radius: 2px; }\n.dt-mi-erp-card__status {\n  font-size: 7px; font-family: 'JetBrains Mono', monospace;\n  color: rgba(143,169,197,0.65); letter-spacing: .1em;\n}\n.dt-mi-erp-bars { display:flex; align-items:flex-end; gap:3px; height:38px; margin-bottom:8px; }\n.dt-mi-erp-bars span { flex:1; border-radius:2px 2px 0 0; background:rgba(24,168,255,0.45); }\n.dt-mi-erp-bars span:nth-child(4){ background:rgba(61,213,255,0.75); }\n\n\/* Animated elements inside SVG *\/\n.dt-scan-beam { animation: dtScanBeam 5s 1.5s ease-in-out infinite; }\n.dt-flow-path { stroke-dasharray:8 5; animation: dtFlowDash 2.2s linear infinite; }\n.dt-flow-rev  { stroke-dasharray:8 5; animation: dtFlowDashRev 3s linear infinite; }\n.dt-flow-3    { stroke-dasharray:5 4; animation: dtFlowDash 4s linear infinite; }\n.dt-pulse-node{ animation: dtPulse 2.5s ease-in-out infinite; }\n.dt-pulse-2   { animation: dtPulse 3.2s 1s ease-in-out infinite; }\n.dt-pulse-3   { animation: dtPulse 2s 1.5s ease-in-out infinite; }\n.dt-erp-panel { animation: dtERP 4s ease-in-out infinite; }\n.dt-erp-panel2{ animation: dtERP 5s 1.5s ease-in-out infinite; }\n.dt-erp-panel3{ animation: dtERP 3.5s .8s ease-in-out infinite; }\n.dt-uptime-ring { animation: dtUptimeSpin 6s linear infinite; stroke-dasharray:220 60; }\n.dt-conveyor-belt { animation: dtConveyor 2s linear infinite; }\n.dt-product-box { animation: dtBoxMove 4s .5s linear infinite; }\n.dt-product-box2{ animation: dtBoxMove 4s 2.5s linear infinite; }\n.dt-data-rise { animation: dtDataRise 3s ease-in-out infinite; }\n.dt-glow-pulse{ animation: dtGlow 3s ease-in-out infinite; }\n.dt-orbit-arm { transform-origin: 330px 270px; animation: dtOrbit 20s linear infinite; }\n.dt-orbit-arm2{ transform-origin: 330px 270px; animation: dtOrbit 14s linear infinite reverse; }\n\n\/* ============================================================\n   BLOCK 2 \u2014 CHALLENGES: PRODUCTION PRESSURE MAP\n   ============================================================ *\/\n.dt-mi-challenges {\n  padding: 120px 0;\n  background: var(--navy1);\n  position: relative; overflow: hidden;\n}\n.dt-mi-challenges__bg {\n  position: absolute; inset: 0; pointer-events:none; opacity:.5;\n}\n\n.dt-mi-challenges__header {\n  display: grid; grid-template-columns: 1.1fr 1fr; gap: 60px;\n  margin-bottom: 80px; align-items: start;\n}\n.dt-mi-challenges h2 {\n  font-size: clamp(32px,4vw,56px);\n  font-weight: 800; letter-spacing:-.01em;\n}\n.dt-mi-challenges h2 em { font-style:italic; color:var(--blue2); }\n.dt-mi-challenges__sub { font-size:15px; color:var(--tm); line-height:1.75; padding-top:8px; }\n\n\/* Production Pressure Map visual layout *\/\n.dt-mi-pressure-map {\n  position: relative;\n  display: grid;\n  grid-template-columns: 1fr 320px 1fr;\n  grid-template-rows: 1fr 1fr;\n  gap: 0;\n  min-height: 560px;\n  align-items: center;\n}\n\n\/* Centre spine SVG *\/\n.dt-mi-pressure-center {\n  grid-column:2; grid-row:1\/3;\n  display: flex; align-items:center; justify-content:center;\n  position: relative; z-index:3;\n}\n\n.dt-mi-pressure-left-top { grid-column:1; grid-row:1; padding-right:30px; padding-bottom:20px; }\n.dt-mi-pressure-left-bot { grid-column:1; grid-row:2; padding-right:30px; padding-top:20px; }\n.dt-mi-pressure-right-top{ grid-column:3; grid-row:1; padding-left:30px; padding-bottom:20px; }\n.dt-mi-pressure-right-bot{ grid-column:3; grid-row:2; padding-left:30px; padding-top:20px; }\n\n.dt-mi-pressure-module {\n  background: linear-gradient(145deg,rgba(13,28,45,.96),rgba(9,20,34,.98));\n  border: 1px solid var(--line);\n  border-radius: 14px;\n  padding: 28px 26px;\n  position:relative; overflow:hidden;\n  transition: border-color .3s, transform .3s;\n}\n.dt-mi-pressure-module:hover {\n  border-color: rgba(24,168,255,.35);\n  transform: scale(1.02);\n}\n.dt-mi-pressure-module::before {\n  content:''; position:absolute; top:0; left:0; right:0; height:2px;\n  border-radius:14px 14px 0 0;\n}\n.dt-mi-pressure-module.blue::before { background:linear-gradient(90deg,var(--blue3),var(--blue)); }\n.dt-mi-pressure-module.orange::before { background:linear-gradient(90deg,var(--orange),var(--oran2)); }\n.dt-mi-pressure-module.purple::before { background:linear-gradient(90deg,var(--purp),var(--purp2)); }\n.dt-mi-pressure-module.cyan::before { background:linear-gradient(90deg,#00b4cc,var(--cyan)); }\n\n.dt-mi-pressure-module__icon {\n  width: 52px; height: 52px; border-radius:10px;\n  display:flex;align-items:center;justify-content:center;\n  margin-bottom:16px;\n}\n.blue .dt-mi-pressure-module__icon { background:rgba(24,168,255,.1);border:1px solid rgba(24,168,255,.2); }\n.orange .dt-mi-pressure-module__icon { background:rgba(255,138,42,.1);border:1px solid rgba(255,138,42,.2); }\n.purple .dt-mi-pressure-module__icon { background:rgba(124,77,255,.1);border:1px solid rgba(124,77,255,.2); }\n.cyan .dt-mi-pressure-module__icon { background:rgba(0,229,204,.1);border:1px solid rgba(0,229,204,.2); }\n\n.dt-mi-pressure-module__title {\n  font-size:18px; font-weight:700; color:var(--tw); margin-bottom:8px;\n  font-family:'Barlow Condensed',sans-serif; letter-spacing:.02em;\n}\n.dt-mi-pressure-module__desc { font-size:13px; color:var(--tm); line-height:1.65; }\n.dt-mi-pressure-module__tag {\n  display:inline-block; margin-top:14px;\n  font-size:10px; font-weight:600; letter-spacing:.18em; text-transform:uppercase;\n  padding: 4px 10px; border-radius:4px;\n  font-family:'JetBrains Mono',monospace;\n}\n.blue .dt-mi-pressure-module__tag { background:rgba(24,168,255,.12);color:var(--blue2); }\n.orange .dt-mi-pressure-module__tag { background:rgba(255,138,42,.12);color:var(--oran2); }\n.purple .dt-mi-pressure-module__tag { background:rgba(124,77,255,.12);color:var(--purp2); }\n.cyan .dt-mi-pressure-module__tag { background:rgba(0,229,204,.12);color:var(--cyan); }\n\n\/* ============================================================\n   BLOCK 3 \u2014 SECTOR COVERAGE: ENVIRONMENT SELECTOR\n   ============================================================ *\/\n.dt-mi-sectors {\n  padding: 120px 0;\n  background: var(--navy2);\n  position:relative; overflow:hidden;\n}\n.dt-mi-sectors__bg {\n  position:absolute; inset:0; pointer-events:none;\n  background-image:\n    linear-gradient(rgba(24,168,255,.03) 1px,transparent 1px),\n    linear-gradient(90deg,rgba(24,168,255,.03) 1px,transparent 1px);\n  background-size:80px 80px;\n}\n\n.dt-mi-sectors__header { text-align:center; margin-bottom:60px; }\n.dt-mi-sectors h2 { font-size:clamp(30px,3.8vw,52px); font-weight:800; letter-spacing:-.01em; margin-bottom:14px; }\n.dt-mi-sectors__sub { font-size:15px; color:var(--tm); max-width:680px; margin:0 auto; line-height:1.7; }\n\n\/* Premium tab bar *\/\n.dt-mi-env-tabs {\n  display:flex; gap:4px;\n  background:rgba(6,20,34,.7);\n  border:1px solid var(--line);\n  border-radius:50px; padding:5px;\n  max-width:700px; margin:0 auto 56px;\n  position:relative;\n}\n.dt-mi-env-tab {\n  flex:1; display:flex; align-items:center; justify-content:center; gap:8px;\n  padding:12px 20px; border:none; background:transparent;\n  color:var(--td); font-size:13px; font-weight:600;\n  font-family:'Barlow Condensed',sans-serif; font-size:15px; letter-spacing:.04em;\n  cursor:pointer; border-radius:40px; transition:color .3s; position:relative; z-index:1;\n  white-space:nowrap;\n}\n.dt-mi-env-tab svg { width:15px; height:15px; flex-shrink:0; }\n.dt-mi-env-tab.active { color:var(--tw); }\n.dt-mi-tab-pill {\n  position:absolute; top:5px; height:calc(100% - 10px);\n  border-radius:40px;\n  background:linear-gradient(135deg,rgba(13,92,255,.6),rgba(24,168,255,.35));\n  border:1px solid rgba(24,168,255,.3);\n  transition:left .35s cubic-bezier(.4,0,.2,1),width .35s cubic-bezier(.4,0,.2,1);\n  pointer-events:none;\n}\n\n\/* Sector panel layout: left grid, right mini-map *\/\n.dt-mi-env-panel { display:none; animation:dtFadeIn .4s ease both; }\n.dt-mi-env-panel.active { display:grid; grid-template-columns:1fr 360px; gap:40px; align-items:start; }\n\n.dt-mi-env-grid {\n  display:grid; grid-template-columns:1fr 1fr; gap:20px;\n}\n.dt-mi-env-card {\n  background:linear-gradient(145deg,rgba(13,28,48,.85),rgba(9,20,34,.92));\n  border:1px solid var(--line); border-radius:12px; padding:28px 24px;\n  position:relative; overflow:hidden; transition:border-color .3s, transform .3s;\n}\n.dt-mi-env-card:hover { border-color:rgba(24,168,255,.3); transform:translateY(-3px); }\n.dt-mi-env-card::after {\n  content:''; position:absolute; top:0;left:0;right:0; height:1.5px;\n  background:linear-gradient(90deg,transparent,rgba(24,168,255,.45),transparent);\n  opacity:0; transition:opacity .3s;\n}\n.dt-mi-env-card:hover::after { opacity:1; }\n\n.dt-mi-env-card__icon {\n  width:54px; height:54px; border-radius:10px;\n  background:rgba(24,168,255,.08); border:1px solid rgba(24,168,255,.18);\n  display:flex;align-items:center;justify-content:center; margin-bottom:18px;\n}\n.dt-mi-env-card__icon svg { width:28px; height:28px; }\n.dt-mi-env-card__title {\n  font-size:17px; font-weight:700; color:var(--tw); margin-bottom:8px;\n  font-family:'Barlow Condensed',sans-serif; letter-spacing:.02em;\n}\n.dt-mi-env-card__desc { font-size:13px; color:var(--tm); line-height:1.65; }\n.dt-mi-env-card__tags { margin-top:14px; display:flex; flex-wrap:wrap; gap:6px; }\n.dt-mi-env-card__tag {\n  font-size:10px; font-weight:600; letter-spacing:.14em; text-transform:uppercase;\n  padding:3px 8px; border-radius:4px;\n  background:rgba(24,168,255,.1); color:var(--blue2);\n  font-family:'JetBrains Mono',monospace;\n}\n\n\/* Sector mini-map *\/\n.dt-mi-env-minimap {\n  background:rgba(6,14,26,.7); border:1px solid var(--line);\n  border-radius:14px; padding:24px; position:sticky; top:20px;\n}\n.dt-mi-env-minimap__title {\n  font-size:10px; letter-spacing:.2em; text-transform:uppercase;\n  color:var(--blue); font-family:'JetBrains Mono',monospace;\n  margin-bottom:18px; font-weight:600;\n}\n.dt-mi-env-minimap svg { width:100%; height:280px; }\n\n\/* ============================================================\n   BLOCK 4 \u2014 DELIVERY: FIVE-PART MANUFACTURING EXECUTION MODEL\n   ============================================================ *\/\n.dt-mi-delivery {\n  padding: 120px 0;\n  background: var(--navy0);\n  position:relative; overflow:hidden;\n}\n.dt-mi-delivery::before {\n  content:''; position:absolute; bottom:0; left:50%; transform:translateX(-50%);\n  width:1000px; height:600px; pointer-events:none;\n  background:radial-gradient(ellipse,rgba(13,92,255,.06) 0%,transparent 70%);\n}\n\n.dt-mi-delivery__header { text-align:center; margin-bottom:80px; }\n.dt-mi-delivery h2 { font-size:clamp(30px,3.8vw,52px); font-weight:800; letter-spacing:-.01em; margin-bottom:14px; }\n.dt-mi-delivery__sub { font-size:15px; color:var(--tm); max-width:750px; margin:0 auto; line-height:1.7; }\n\n\/* Spine layout *\/\n.dt-mi-exec-model {\n  position:relative; display:grid;\n  grid-template-columns: 1fr 80px 1fr;\n  grid-template-rows: auto auto auto;\n  gap: 0 0;\n  align-items:start;\n}\n\n\/* Vertical spine SVG runs down the center *\/\n.dt-mi-exec-spine {\n  grid-column:2; grid-row:1\/4;\n  display:flex;justify-content:center;\n}\n.dt-mi-exec-spine svg {\n  width:80px; height:100%;\n}\n\n\/* Row items: left\/right alternating *\/\n.dt-mi-exec-node {\n  padding: 24px 0;\n  position:relative;\n}\n.dt-mi-exec-node.left { grid-column:1; padding-right:36px; text-align:right; }\n.dt-mi-exec-node.right{ grid-column:3; padding-left:36px; }\n.dt-mi-exec-node.center-wide {\n  grid-column:1\/-1; display:flex; justify-content:center; padding:0 0 24px;\n}\n\n.dt-mi-exec-card {\n  background:linear-gradient(145deg,rgba(13,28,48,.9),rgba(9,20,34,.95));\n  border:1px solid var(--line); border-radius:14px; padding:30px 28px;\n  position:relative; overflow:hidden; transition:border-color .3s, transform .3s;\n}\n.dt-mi-exec-card:hover { border-color:rgba(24,168,255,.3); transform:translateY(-3px); }\n\n.dt-mi-exec-card.accent-orange::before {\n  content:''; position:absolute; top:0;left:0;bottom:0; width:3px;\n  background:linear-gradient(180deg,var(--orange),rgba(255,138,42,.2));\n}\n.dt-mi-exec-card.accent-blue::before {\n  content:''; position:absolute; top:0;left:0;bottom:0; width:3px;\n  background:linear-gradient(180deg,var(--blue),rgba(24,168,255,.2));\n}\n.dt-mi-exec-card.accent-purple::before {\n  content:''; position:absolute; top:0;left:0;bottom:0; width:3px;\n  background:linear-gradient(180deg,var(--purp),rgba(124,77,255,.2));\n}\n.dt-mi-exec-card.accent-cyan::before {\n  content:''; position:absolute; top:0;left:0;bottom:0; width:3px;\n  background:linear-gradient(180deg,var(--cyan),rgba(0,229,204,.2));\n}\n.dt-mi-exec-card.right-side.accent-orange::before,.dt-mi-exec-card.right-side.accent-blue::before,\n.dt-mi-exec-card.right-side.accent-purple::before,.dt-mi-exec-card.right-side.accent-cyan::before {\n  left:auto; right:0;\n}\n\n.dt-mi-exec-card__icon {\n  width:56px; height:56px; border-radius:12px;\n  background:rgba(24,168,255,.08); border:1px solid rgba(24,168,255,.18);\n  display:flex;align-items:center;justify-content:center; margin-bottom:18px;\n}\n.dt-mi-exec-card__icon svg { width:30px; height:30px; }\n.dt-mi-exec-card__num {\n  font-size:10px; letter-spacing:.22em; text-transform:uppercase;\n  color:var(--blue); font-weight:600; margin-bottom:6px;\n  font-family:'JetBrains Mono',monospace;\n}\n.dt-mi-exec-card__title {\n  font-size:19px; font-weight:700; color:var(--tw); margin-bottom:10px;\n  font-family:'Barlow Condensed',sans-serif; letter-spacing:.02em;\n}\n.dt-mi-exec-card__desc { font-size:13.5px; color:var(--tm); line-height:1.68; }\n\n\/* Wide fifth card *\/\n.dt-mi-exec-card--wide {\n  max-width:700px; width:100%;\n  display:grid; grid-template-columns:auto 1fr; gap:0 24px; align-items:start;\n}\n.dt-mi-exec-card--wide::before {\n  grid-column:1\/-1; content:''; display:block;\n  position:absolute; top:0;left:0;right:0; height:2px;\n  background:linear-gradient(90deg,var(--orange),rgba(255,138,42,.4),var(--purp),transparent);\n}\n\n\/* Spine connector dot *\/\n.dt-mi-exec-dot {\n  width:16px; height:16px; border-radius:50%;\n  border:2px solid var(--blue); background:var(--navy0);\n  box-shadow:0 0 12px rgba(24,168,255,.5);\n  position:absolute; top:50%; transform:translateY(-50%);\n}\n.dt-mi-exec-node.left .dt-mi-exec-dot { right:-8px; transform:translate(50%,-50%); }\n.dt-mi-exec-node.right .dt-mi-exec-dot { left:-8px; transform:translate(-50%,-50%); }\n\n\/* ============================================================\n   BLOCK 5 \u2014 TRANSFORMATION: SIX-STAGE PATHWAY\n   ============================================================ *\/\n.dt-mi-transformation {\n  padding: 120px 0;\n  background: var(--navy1);\n  position:relative; overflow:hidden;\n}\n.dt-mi-transformation__bg {\n  position:absolute; inset:0; pointer-events:none;\n  background:\n    radial-gradient(ellipse 60% 50% at 30% 50%,rgba(13,92,255,.06) 0%,transparent 60%),\n    radial-gradient(ellipse 40% 40% at 80% 60%,rgba(124,77,255,.05) 0%,transparent 60%);\n}\n\n.dt-mi-transformation__header { text-align:center; margin-bottom:80px; }\n.dt-mi-transformation h2 { font-size:clamp(30px,3.8vw,52px); font-weight:800; letter-spacing:-.01em; margin-bottom:14px; }\n.dt-mi-transformation__sub { font-size:15px; color:var(--tm); max-width:700px; margin:0 auto; line-height:1.7; }\n\n\/* Zigzag 6-stage pathway *\/\n.dt-mi-pathway {\n  position:relative;\n}\n.dt-mi-pathway__track {\n  display:grid;\n  grid-template-columns: repeat(3,1fr);\n  grid-template-rows: auto auto;\n  gap: 0 30px;\n  position:relative;\n}\n.dt-mi-pathway__connector {\n  position:absolute; top:0; left:0; width:100%; height:100%;\n  pointer-events:none; z-index:0;\n}\n\n.dt-mi-stage {\n  position:relative; z-index:1;\n  padding: 0 0 60px;\n  transition: transform .3s;\n}\n.dt-mi-stage:hover { transform:translateY(-4px); }\n\n\/* Alternating top\/bottom row positioning *\/\n.dt-mi-stage:nth-child(4),.dt-mi-stage:nth-child(5),.dt-mi-stage:nth-child(6) {\n  padding: 60px 0 0;\n}\n\n.dt-mi-stage__card {\n  background:linear-gradient(145deg,rgba(13,28,48,.92),rgba(9,20,34,.96));\n  border:1px solid var(--line); border-radius:14px; padding:28px 24px;\n  height:100%; overflow:hidden; position:relative;\n}\n.dt-mi-stage.visible .dt-mi-stage__card {\n  animation: dtStageActivate .5s ease both;\n}\n\n.dt-mi-stage__num {\n  font-size:52px; font-weight:800; letter-spacing:-.03em;\n  opacity:.08; position:absolute; top:12px; right:16px;\n  font-family:'Barlow Condensed',sans-serif;\n  color:var(--blue2); line-height:1;\n}\n.dt-mi-stage__icon {\n  width:56px; height:56px; border-radius:12px;\n  display:flex;align-items:center;justify-content:center; margin-bottom:18px;\n}\n.dt-mi-stage__icon svg { width:28px; height:28px; }\n.dt-mi-stage__label {\n  font-size:10px; font-weight:600; letter-spacing:.22em; text-transform:uppercase;\n  color:var(--blue); margin-bottom:8px; font-family:'JetBrains Mono',monospace;\n}\n.dt-mi-stage__title {\n  font-size:19px; font-weight:700; color:var(--tw); margin-bottom:10px;\n  font-family:'Barlow Condensed',sans-serif; letter-spacing:.02em;\n}\n.dt-mi-stage__desc { font-size:13px; color:var(--tm); line-height:1.65; }\n\n\/* Stage accent colors *\/\n.dt-mi-stage:nth-child(1) .dt-mi-stage__icon { background:rgba(24,168,255,.1);border:1px solid rgba(24,168,255,.2); }\n.dt-mi-stage:nth-child(2) .dt-mi-stage__icon { background:rgba(255,138,42,.1);border:1px solid rgba(255,138,42,.2); }\n.dt-mi-stage:nth-child(3) .dt-mi-stage__icon { background:rgba(124,77,255,.1);border:1px solid rgba(124,77,255,.2); }\n.dt-mi-stage:nth-child(4) .dt-mi-stage__icon { background:rgba(0,229,204,.1);border:1px solid rgba(0,229,204,.2); }\n.dt-mi-stage:nth-child(5) .dt-mi-stage__icon { background:rgba(255,176,96,.1);border:1px solid rgba(255,176,96,.2); }\n.dt-mi-stage:nth-child(6) .dt-mi-stage__icon { background:rgba(13,92,255,.1);border:1px solid rgba(13,92,255,.2); }\n\n\/* ============================================================\n   BLOCK 6 \u2014 WHY DT: CREDIBILITY CONTROL PANEL\n   ============================================================ *\/\n.dt-mi-why {\n  padding: 120px 0;\n  background: var(--navy2);\n  position:relative; overflow:hidden;\n}\n.dt-mi-why__bg {\n  position:absolute; inset:0; pointer-events:none;\n  background-image:\n    linear-gradient(rgba(24,168,255,.025) 1px,transparent 1px),\n    linear-gradient(90deg,rgba(24,168,255,.025) 1px,transparent 1px);\n  background-size:60px 60px;\n}\n.dt-mi-why__inner { display:grid; grid-template-columns:1fr 1fr; gap:80px; align-items:center; }\n\n.dt-mi-why__left h2 { font-size:clamp(30px,3.8vw,52px); font-weight:800; letter-spacing:-.01em; margin-bottom:20px; }\n.dt-mi-why__left h2 em { font-style:italic; color:var(--orange); }\n.dt-mi-why__left p { font-size:15px; color:var(--tm); line-height:1.75; margin-bottom:30px; }\n\n\/* Output continuity line *\/\n.dt-mi-why__continuity {\n  background:rgba(6,14,26,.6); border:1px solid var(--line); border-radius:12px; padding:24px;\n  margin-bottom:30px;\n}\n.dt-mi-why__cont-label {\n  font-size:10px; letter-spacing:.2em; text-transform:uppercase;\n  color:var(--blue); font-family:'JetBrains Mono',monospace; font-weight:600; margin-bottom:16px;\n}\n.dt-mi-why__cont-track { position:relative; height:6px; background:rgba(255,255,255,.05); border-radius:3px; overflow:hidden; }\n.dt-mi-why__cont-bar {\n  position:absolute; top:0; left:0; height:100%; border-radius:3px;\n  background:linear-gradient(90deg,var(--blue3),var(--blue),var(--cyan));\n  animation:dtPathDraw 2s 1s ease both;\n}\n.dt-mi-why__cont-markers {\n  display:flex; justify-content:space-between; margin-top:10px;\n}\n.dt-mi-why__cont-marker {\n  font-size:10px; color:var(--td); font-family:'JetBrains Mono',monospace;\n  letter-spacing:.1em;\n}\n\n\/* KPI indicators *\/\n.dt-mi-why__kpis { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; }\n.dt-mi-why__kpi {\n  background:rgba(6,14,26,.7); border:1px solid var(--line); border-radius:10px; padding:18px 16px;\n  text-align:center;\n}\n.dt-mi-why__kpi-value {\n  font-size:30px; font-weight:800; color:var(--tw); line-height:1;\n  font-family:'Barlow Condensed',sans-serif; margin-bottom:4px;\n}\n.dt-mi-why__kpi-value.orange { color:var(--orange); }\n.dt-mi-why__kpi-value.blue { color:var(--blue2); }\n.dt-mi-why__kpi-value.cyan { color:var(--cyan); }\n.dt-mi-why__kpi-label { font-size:11px; color:var(--td); line-height:1.4; }\n\n\/* Proof stack *\/\n.dt-mi-why__right {}\n.dt-mi-proof-stack { display:flex; flex-direction:column; gap:14px; }\n.dt-mi-proof-item {\n  background:linear-gradient(145deg,rgba(13,28,48,.85),rgba(9,20,34,.92));\n  border:1px solid var(--line); border-radius:12px; padding:24px 22px;\n  display:grid; grid-template-columns:56px 1fr; gap:0 16px; align-items:center;\n  transition:border-color .3s, transform .3s;\n}\n.dt-mi-proof-item:hover { border-color:rgba(24,168,255,.28); transform:translateX(4px); }\n.dt-mi-proof-item__icon {\n  width:52px; height:52px; border-radius:10px;\n  background:rgba(24,168,255,.08); border:1px solid rgba(24,168,255,.18);\n  display:flex;align-items:center;justify-content:center;\n}\n.dt-mi-proof-item__icon svg { width:26px; height:26px; }\n.dt-mi-proof-item__title {\n  font-size:16px; font-weight:700; color:var(--tw); margin-bottom:4px;\n  font-family:'Barlow Condensed',sans-serif; letter-spacing:.02em;\n}\n.dt-mi-proof-item__desc { font-size:12.5px; color:var(--tm); line-height:1.55; }\n\n\/* ============================================================\n   BLOCK 7 \u2014 CTA BAND\n   ============================================================ *\/\n.dt-mi-cta-band {\n  padding: 120px 0;\n  background: var(--navy0);\n  position:relative; overflow:hidden;\n}\n.dt-mi-cta-band__bgsvg {\n  position:absolute; inset:0; width:100%; height:100%;\n  pointer-events:none; opacity:.35;\n}\n.dt-mi-cta-band__glow {\n  position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);\n  width:900px; height:500px; pointer-events:none;\n  background:radial-gradient(ellipse,rgba(13,92,255,.15) 0%,transparent 65%);\n}\n.dt-mi-cta-band__inner {\n  position:relative; z-index:2; text-align:center;\n}\n.dt-mi-cta-band h2 {\n  font-size:clamp(36px,5vw,70px); font-weight:800; letter-spacing:-.01em;\n  margin-bottom:20px; font-style:italic;\n}\n.dt-mi-cta-band h2 em {\n  background:linear-gradient(100deg,var(--orange),var(--oran2));\n  -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text;\n  font-style:italic;\n}\n.dt-mi-cta-band p { font-size:16px; color:var(--tm); max-width:680px; margin:0 auto 40px; line-height:1.7; }\n.dt-mi-cta-band__btns { display:flex; gap:16px; justify-content:center; flex-wrap:wrap; }\n.dt-mi-cta-band__nodes {\n  display:flex; justify-content:center; gap:40px; margin-top:60px; flex-wrap:wrap;\n}\n.dt-mi-cta-node {\n  display:flex; align-items:center; gap:10px;\n  font-size:13px; color:var(--tm); font-weight:500;\n}\n.dt-mi-cta-node__dot {\n  width:8px; height:8px; border-radius:50%;\n  animation: dtPulse 2.5s ease-in-out infinite;\n}\n.dt-mi-cta-node__dot.orange { background:var(--orange); animation-delay:.5s; }\n.dt-mi-cta-node__dot.blue   { background:var(--blue); }\n.dt-mi-cta-node__dot.purple { background:var(--purp); animation-delay:1s; }\n.dt-mi-cta-node__dot.cyan   { background:var(--cyan); animation-delay:1.5s; }\n\n\/* ============================================================\n   DIVIDER\n   ============================================================ *\/\n.dt-mi-section-divider {\n  height:1px; background:linear-gradient(90deg,transparent,var(--line),transparent);\n}\n\n\/* ============================================================\n   RESPONSIVE\n   ============================================================ *\/\n@media (max-width:1024px) {\n  .dt-mi-hero__inner { grid-template-columns:1fr 1fr; gap:30px; }\n  .dt-mi-pressure-map { grid-template-columns:1fr 260px 1fr; }\n  .dt-mi-exec-model { grid-template-columns:1fr 60px 1fr; }\n  .dt-mi-pathway__track { grid-template-columns:repeat(2,1fr); }\n  .dt-mi-stage:nth-child(4),.dt-mi-stage:nth-child(5),.dt-mi-stage:nth-child(6) { padding:0 0 60px; }\n  .dt-mi-why__inner { grid-template-columns:1fr; gap:50px; }\n}\n@media (max-width:768px) {\n  .dt-mi-inner { padding:0 24px; }\n  .dt-mi-hero__inner { grid-template-columns:1fr; padding:0 24px; }\n  .dt-mi-hero__right { display:none; }\n  .dt-mi-challenges__header { grid-template-columns:1fr; }\n  .dt-mi-pressure-map { grid-template-columns:1fr; grid-template-rows:auto; }\n  .dt-mi-pressure-center { display:none; }\n  .dt-mi-pressure-left-top,.dt-mi-pressure-left-bot,\n  .dt-mi-pressure-right-top,.dt-mi-pressure-right-bot { grid-column:1; grid-row:auto; padding:0 0 16px; }\n  .dt-mi-env-panel.active { grid-template-columns:1fr; }\n  .dt-mi-env-minimap { display:none; }\n  .dt-mi-env-grid { grid-template-columns:1fr; }\n  .dt-mi-exec-model { display:flex; flex-direction:column; gap:16px; }\n  .dt-mi-exec-spine { display:none; }\n  .dt-mi-exec-node { padding:0; text-align:left!important; }\n  .dt-mi-exec-dot { display:none; }\n  .dt-mi-pathway__track { grid-template-columns:1fr; }\n  .dt-mi-stage:nth-child(n){ padding:0 0 20px; }\n  .dt-mi-why__inner { grid-template-columns:1fr; }\n  .dt-mi-why__kpis { grid-template-columns:repeat(3,1fr); }\n  .dt-mi-env-tabs { flex-direction:column; border-radius:14px; }\n  .dt-mi-env-tab { width:100%; }\n  .dt-mi-tab-pill { display:none; }\n}\n<\/style>\n\n<div class=\"dt-mi-page\">\n\n<!-- ============================================================\n     BLOCK 1: HERO\n     ============================================================ -->\n<section class=\"dt-mi-hero\">\n  <!-- Blueprint grid bg -->\n  <div class=\"dt-mi-hero__bg\">\n    <svg class=\"dt-mi-hero__bgsvg\" viewBox=\"0 0 1400 800\" preserveAspectRatio=\"xMidYMid slice\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n      <defs>\n        <pattern id=\"bp-grid\" x=\"0\" y=\"0\" width=\"60\" height=\"60\" patternUnits=\"userSpaceOnUse\">\n          <path d=\"M60,0 L0,0 0,60\" fill=\"none\" stroke=\"rgba(24,168,255,0.18)\" stroke-width=\"0.5\"\/>\n        <\/pattern>\n        <pattern id=\"bp-grid-lg\" x=\"0\" y=\"0\" width=\"300\" height=\"300\" patternUnits=\"userSpaceOnUse\">\n          <rect width=\"300\" height=\"300\" fill=\"none\" stroke=\"rgba(24,168,255,0.25)\" stroke-width=\"1\"\/>\n        <\/pattern>\n      <\/defs>\n      <rect width=\"1400\" height=\"800\" fill=\"url(#bp-grid)\"\/>\n      <rect width=\"1400\" height=\"800\" fill=\"url(#bp-grid-lg)\"\/>\n      <!-- circuit traces -->\n      <path d=\"M200,100 L200,400 L600,400\" fill=\"none\" stroke=\"rgba(24,168,255,0.12)\" stroke-width=\"1.5\"\/>\n      <path d=\"M1000,50 L1000,300 L700,300\" fill=\"none\" stroke=\"rgba(24,168,255,0.1)\" stroke-width=\"1\"\/>\n      <path d=\"M100,600 L400,600 L400,200\" fill=\"none\" stroke=\"rgba(24,168,255,0.08)\" stroke-width=\"1\"\/>\n      <circle cx=\"200\" cy=\"100\" r=\"3\" fill=\"rgba(24,168,255,0.3)\"\/>\n      <circle cx=\"600\" cy=\"400\" r=\"3\" fill=\"rgba(24,168,255,0.3)\"\/>\n      <circle cx=\"1000\" cy=\"50\" r=\"3\" fill=\"rgba(24,168,255,0.3)\"\/>\n    <\/svg>\n  <\/div>\n  <div class=\"dt-mi-hero__glow1\"><\/div>\n  <div class=\"dt-mi-hero__glow2\"><\/div>\n\n  <div class=\"dt-mi-hero__inner\">\n    <!-- LEFT CONTENT -->\n    <div class=\"dt-mi-hero__left\">\n      <div class=\"dt-mi-eyebrow\">Manufacturing &amp; Industrial Intelligence<\/div>\n      <h1>\n        <span class=\"dt-mi-h1-accent\">Smart Factory.<\/span><br>\n        <span class=\"dt-mi-h1-orange\">Real Throughput.<\/span>\n      <\/h1>\n      <p class=\"dt-mi-hero__headline\">\n        We deliver end-to-end manufacturing intelligence \u2014 from plant floor to ERP \u2014 so production runs on precision, not guesswork.\n      <\/p>\n\n      <div class=\"dt-mi-hero__keypoints\">\n        <!-- KP 1 -->\n        <div class=\"dt-mi-hero__kp\">\n          <div class=\"dt-mi-hero__kp-icon\">\n            <svg viewBox=\"0 0 26 26\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n              <rect x=\"2\" y=\"16\" width=\"5\" height=\"8\" rx=\"1\" fill=\"rgba(24,168,255,0.3)\" stroke=\"#18a8ff\" stroke-width=\"1.2\"\/>\n              <rect x=\"9\" y=\"10\" width=\"5\" height=\"14\" rx=\"1\" fill=\"rgba(24,168,255,0.3)\" stroke=\"#18a8ff\" stroke-width=\"1.2\"\/>\n              <rect x=\"16\" y=\"4\" width=\"5\" height=\"20\" rx=\"1\" fill=\"rgba(24,168,255,0.5)\" stroke=\"#18a8ff\" stroke-width=\"1.2\"\/>\n              <path d=\"M3,15 L8,9 L14,11 L20,3\" stroke=\"#3dd5ff\" stroke-width=\"1.4\" fill=\"none\" stroke-linecap=\"round\"\/>\n            <\/svg>\n          <\/div>\n          <div>\n            <div class=\"dt-mi-hero__kp-title\">Production Throughput Optimisation<\/div>\n            <div class=\"dt-mi-hero__kp-desc\">Real-time OEE tracking, bottleneck detection, and capacity uplift across multi-shift production.<\/div>\n          <\/div>\n        <\/div>\n        <!-- KP 2 -->\n        <div class=\"dt-mi-hero__kp\">\n          <div class=\"dt-mi-hero__kp-icon\">\n            <svg viewBox=\"0 0 26 26\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n              <circle cx=\"13\" cy=\"13\" r=\"9\" stroke=\"#18a8ff\" stroke-width=\"1.3\" stroke-dasharray=\"3 2\"\/>\n              <circle cx=\"13\" cy=\"13\" r=\"5\" fill=\"rgba(24,168,255,0.15)\" stroke=\"#3dd5ff\" stroke-width=\"1.2\"\/>\n              <path d=\"M10,13 L12,15 L16,11\" stroke=\"#3dd5ff\" stroke-width=\"1.5\" stroke-linecap=\"round\" fill=\"none\"\/>\n            <\/svg>\n          <\/div>\n          <div>\n            <div class=\"dt-mi-hero__kp-title\">Quality &amp; Compliance Control<\/div>\n            <div class=\"dt-mi-hero__kp-desc\">Inline quality checkpoint systems, SPC integration, and zero-escape defect frameworks.<\/div>\n          <\/div>\n        <\/div>\n        <!-- KP 3 -->\n        <div class=\"dt-mi-hero__kp\">\n          <div class=\"dt-mi-hero__kp-icon\">\n            <svg viewBox=\"0 0 26 26\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n              <rect x=\"3\" y=\"5\" width=\"20\" height=\"16\" rx=\"2\" stroke=\"#18a8ff\" stroke-width=\"1.2\"\/>\n              <path d=\"M7,11 L11,11 M7,14 L14,14 M7,17 L10,17\" stroke=\"#3dd5ff\" stroke-width=\"1.2\" stroke-linecap=\"round\"\/>\n              <rect x=\"14\" y=\"10\" width=\"6\" height=\"8\" rx=\"1\" fill=\"rgba(24,168,255,0.2)\" stroke=\"#18a8ff\" stroke-width=\"1\"\/>\n            <\/svg>\n          <\/div>\n          <div>\n            <div class=\"dt-mi-hero__kp-title\">ERP &amp; MES System Integration<\/div>\n            <div class=\"dt-mi-hero__kp-desc\">SAP, Oracle, and Infor ERP transformation with MES connectivity and real-time data fabric.<\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"dt-mi-hero__ctas\">\n        <a class=\"dt-mi-cta-primary\" href=\"#\">\n          <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\"><path d=\"M3,8 L13,8 M9,4 L13,8 L9,12\" stroke=\"#fff\" stroke-width=\"1.8\" stroke-linecap=\"round\" fill=\"none\"\/><\/svg>\n          Request a Briefing\n        <\/a>\n        <a class=\"dt-mi-cta-secondary\" href=\"#\">\n          <svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"none\"><circle cx=\"7\" cy=\"7\" r=\"6\" stroke=\"currentColor\" stroke-width=\"1.3\"\/><path d=\"M7,4 L7,7.5 L9.5,9\" stroke=\"currentColor\" stroke-width=\"1.3\" stroke-linecap=\"round\" fill=\"none\"\/><\/svg>\n          See Case Studies\n        <\/a>\n      <\/div>\n    <\/div>\n\n    <!-- RIGHT: 3D ISOMETRIC FACTORY VISUAL -->\n    <div class=\"dt-mi-hero__right\">\n      <div class=\"dt-mi-hero-visual\">\n        <!--\n          viewBox: 0 0 820 660\n          Factory platform lives in the vertical centre (y 260\u2013430).\n          ERP panels live in the four corners, well clear of the factory.\n          Panel 1 (ERP\/Production)  \u2014 top-left:   x=10,  y=20\n          Panel 2 (Quality\/Scan)    \u2014 top-right:  x=580, y=20\n          Panel 3 (Automation)      \u2014 bottom-right: x=620, y=480\n          Uptime ring               \u2014 top-right of platform: x=680, y=265\n        -->\n        <svg viewBox=\"0 0 820 660\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" overflow=\"visible\">\n          <defs>\n            <radialGradient id=\"hg-glow-platform\" cx=\"50%\" cy=\"50%\" r=\"50%\">\n              <stop offset=\"0%\" stop-color=\"#0d5cff\" stop-opacity=\"0.18\"\/>\n              <stop offset=\"100%\" stop-color=\"#0d5cff\" stop-opacity=\"0\"\/>\n            <\/radialGradient>\n            <filter id=\"hg-blur8\"><feGaussianBlur stdDeviation=\"8\"\/><\/filter>\n            <filter id=\"hg-blur4\"><feGaussianBlur stdDeviation=\"4\"\/><\/filter>\n            <linearGradient id=\"hg-scan-grad\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"0%\">\n              <stop offset=\"0%\" stop-color=\"#18a8ff\" stop-opacity=\"0\"\/>\n              <stop offset=\"40%\" stop-color=\"#3dd5ff\" stop-opacity=\"0.9\"\/>\n              <stop offset=\"60%\" stop-color=\"#3dd5ff\" stop-opacity=\"0.9\"\/>\n              <stop offset=\"100%\" stop-color=\"#18a8ff\" stop-opacity=\"0\"\/>\n            <\/linearGradient>\n            <linearGradient id=\"hg-iso-top\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\">\n              <stop offset=\"0%\" stop-color=\"#0d2a44\"\/>\n              <stop offset=\"100%\" stop-color=\"#081c30\"\/>\n            <\/linearGradient>\n            <linearGradient id=\"hg-iso-left\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"0%\">\n              <stop offset=\"0%\" stop-color=\"#051222\"\/>\n              <stop offset=\"100%\" stop-color=\"#091c30\"\/>\n            <\/linearGradient>\n            <linearGradient id=\"hg-iso-right\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"0%\">\n              <stop offset=\"0%\" stop-color=\"#091c30\"\/>\n              <stop offset=\"100%\" stop-color=\"#051222\"\/>\n            <\/linearGradient>\n            <clipPath id=\"scan-clip2\"><rect x=\"378\" y=\"284\" width=\"76\" height=\"60\"\/><\/clipPath>\n          <\/defs>\n\n          <!-- ===== BACKGROUND PLATFORM GLOW ===== -->\n          <ellipse cx=\"410\" cy=\"370\" rx=\"340\" ry=\"230\" fill=\"url(#hg-glow-platform)\" filter=\"url(#hg-blur8)\"\/>\n\n          <!-- ===== ISOMETRIC PLATFORM (large, centred) ===== -->\n          <!-- top face -->\n          <polygon points=\"130,290 560,290 660,360 230,360\"\n                   fill=\"url(#hg-iso-top)\" stroke=\"rgba(24,168,255,0.35)\" stroke-width=\"1.2\"\/>\n          <!-- left face -->\n          <polygon points=\"130,290 230,360 230,460 130,390\"\n                   fill=\"url(#hg-iso-left)\" stroke=\"rgba(24,168,255,0.18)\" stroke-width=\"1\"\/>\n          <!-- right face -->\n          <polygon points=\"560,290 660,360 660,460 560,390\"\n                   fill=\"url(#hg-iso-right)\" stroke=\"rgba(24,168,255,0.15)\" stroke-width=\"1\"\/>\n          <!-- front face -->\n          <polygon points=\"230,360 660,360 660,460 230,460\"\n                   fill=\"rgba(5,17,30,0.92)\" stroke=\"rgba(24,168,255,0.1)\" stroke-width=\"1\"\/>\n          <!-- bright top edges -->\n          <line x1=\"130\" y1=\"290\" x2=\"560\" y2=\"290\" stroke=\"rgba(24,168,255,0.65)\" stroke-width=\"2\"\/>\n          <line x1=\"560\" y1=\"290\" x2=\"660\" y2=\"360\" stroke=\"rgba(24,168,255,0.35)\" stroke-width=\"1.2\"\/>\n          <line x1=\"130\" y1=\"290\" x2=\"230\" y2=\"360\" stroke=\"rgba(24,168,255,0.25)\" stroke-width=\"1.2\"\/>\n\n          <!-- platform grid (isometric) -->\n          <g opacity=\"0.16\" stroke=\"#18a8ff\" stroke-width=\"0.7\">\n            <!-- diagonals -->\n            <line x1=\"220\" y1=\"295\" x2=\"316\" y2=\"355\"\/>\n            <line x1=\"308\" y1=\"292\" x2=\"404\" y2=\"352\"\/>\n            <line x1=\"396\" y1=\"290\" x2=\"492\" y2=\"350\"\/>\n            <line x1=\"484\" y1=\"291\" x2=\"580\" y2=\"351\"\/>\n            <line x1=\"572\" y1=\"292\" x2=\"652\" y2=\"348\"\/>\n            <!-- horizontals -->\n            <line x1=\"170\" y1=\"308\" x2=\"614\" y2=\"308\"\/>\n            <line x1=\"192\" y1=\"323\" x2=\"636\" y2=\"323\"\/>\n            <line x1=\"210\" y1=\"338\" x2=\"654\" y2=\"338\"\/>\n            <line x1=\"228\" y1=\"352\" x2=\"658\" y2=\"352\"\/>\n          <\/g>\n\n          <!-- ===== CONVEYOR BELT ===== -->\n          <rect x=\"142\" y=\"318\" width=\"502\" height=\"28\" rx=\"3\"\n                fill=\"rgba(7,20,36,0.92)\" stroke=\"rgba(24,168,255,0.35)\" stroke-width=\"1.2\"\/>\n          <g class=\"dt-conveyor-belt\">\n            <line x1=\"142\" y1=\"325\" x2=\"644\" y2=\"325\" stroke=\"rgba(24,168,255,0.28)\" stroke-width=\"1.2\" stroke-dasharray=\"28 10\"\/>\n            <line x1=\"142\" y1=\"340\" x2=\"644\" y2=\"340\" stroke=\"rgba(24,168,255,0.18)\" stroke-width=\"0.9\" stroke-dasharray=\"28 10\"\/>\n          <\/g>\n          <ellipse cx=\"146\" cy=\"332\" rx=\"7\" ry=\"14\" fill=\"rgba(12,36,60,0.95)\" stroke=\"rgba(24,168,255,0.45)\" stroke-width=\"1.4\"\/>\n          <ellipse cx=\"640\" cy=\"332\" rx=\"7\" ry=\"14\" fill=\"rgba(12,36,60,0.95)\" stroke=\"rgba(24,168,255,0.45)\" stroke-width=\"1.4\"\/>\n\n          <!-- Product boxes (animated) -->\n          <g class=\"dt-product-box\" opacity=\"0.92\">\n            <rect x=\"200\" y=\"315\" width=\"26\" height=\"18\" rx=\"2.5\" fill=\"rgba(24,168,255,0.28)\" stroke=\"#18a8ff\" stroke-width=\"1.1\"\/>\n            <line x1=\"213\" y1=\"315\" x2=\"213\" y2=\"333\" stroke=\"rgba(24,168,255,0.55)\" stroke-width=\"0.8\"\/>\n          <\/g>\n          <g class=\"dt-product-box2\" opacity=\"0.88\">\n            <rect x=\"250\" y=\"315\" width=\"22\" height=\"17\" rx=\"2.5\" fill=\"rgba(255,138,42,0.25)\" stroke=\"#ff8a2a\" stroke-width=\"1\"\/>\n          <\/g>\n          <!-- Static third box for visual richness -->\n          <g opacity=\"0.65\">\n            <rect x=\"490\" y=\"315\" width=\"22\" height=\"17\" rx=\"2.5\" fill=\"rgba(0,229,204,0.18)\" stroke=\"#00e5cc\" stroke-width=\"0.9\"\/>\n          <\/g>\n\n          <!-- ===== QUALITY SCAN GATE (centred on conveyor) ===== -->\n          <line x1=\"378\" y1=\"298\" x2=\"378\" y2=\"350\" stroke=\"rgba(24,168,255,0.6)\" stroke-width=\"2\"\/>\n          <line x1=\"454\" y1=\"298\" x2=\"454\" y2=\"350\" stroke=\"rgba(24,168,255,0.6)\" stroke-width=\"2\"\/>\n          <line x1=\"378\" y1=\"298\" x2=\"454\" y2=\"298\" stroke=\"rgba(24,168,255,0.6)\" stroke-width=\"2\"\/>\n          <!-- Corner accents -->\n          <rect x=\"373\" y=\"293\" width=\"10\" height=\"10\" rx=\"1.5\" fill=\"rgba(24,168,255,0.18)\" stroke=\"rgba(24,168,255,0.8)\" stroke-width=\"1.5\"\/>\n          <rect x=\"449\" y=\"293\" width=\"10\" height=\"10\" rx=\"1.5\" fill=\"rgba(24,168,255,0.18)\" stroke=\"rgba(24,168,255,0.8)\" stroke-width=\"1.5\"\/>\n          <!-- bottom corners -->\n          <rect x=\"373\" y=\"343\" width=\"10\" height=\"10\" rx=\"1.5\" fill=\"rgba(24,168,255,0.12)\" stroke=\"rgba(24,168,255,0.5)\" stroke-width=\"1.2\"\/>\n          <rect x=\"449\" y=\"343\" width=\"10\" height=\"10\" rx=\"1.5\" fill=\"rgba(24,168,255,0.12)\" stroke=\"rgba(24,168,255,0.5)\" stroke-width=\"1.2\"\/>\n          <!-- Scan beam sweeping inside gate -->\n          <g clip-path=\"url(#scan-clip2)\">\n            <rect class=\"dt-scan-beam\" x=\"-20\" y=\"284\" width=\"10\" height=\"60\"\n                  fill=\"url(#hg-scan-grad)\" opacity=\"1\" rx=\"1\"\/>\n          <\/g>\n          <!-- Quality checkpoint dots -->\n          <circle cx=\"378\" cy=\"332\" r=\"5\" fill=\"rgba(255,138,42,0.35)\" stroke=\"#ff8a2a\" stroke-width=\"1.2\" class=\"dt-pulse-2\"\/>\n          <circle cx=\"454\" cy=\"332\" r=\"5\" fill=\"rgba(255,138,42,0.35)\" stroke=\"#ff8a2a\" stroke-width=\"1.2\" class=\"dt-pulse-3\"\/>\n\n          <!-- ===== ROBOTIC ARM LEFT ===== -->\n          <rect x=\"172\" y=\"302\" width=\"30\" height=\"22\" rx=\"3\" fill=\"rgba(12,36,60,0.9)\" stroke=\"rgba(24,168,255,0.5)\" stroke-width=\"1.3\"\/>\n          <line x1=\"187\" y1=\"302\" x2=\"187\" y2=\"276\" stroke=\"rgba(24,168,255,0.75)\" stroke-width=\"4\" stroke-linecap=\"round\"\/>\n          <circle cx=\"187\" cy=\"276\" r=\"5\" fill=\"rgba(24,168,255,0.2)\" stroke=\"rgba(24,168,255,0.9)\" stroke-width=\"1.8\"\/>\n          <line x1=\"187\" y1=\"276\" x2=\"210\" y2=\"256\" stroke=\"rgba(24,168,255,0.65)\" stroke-width=\"3.2\" stroke-linecap=\"round\"\/>\n          <circle cx=\"210\" cy=\"256\" r=\"6\" fill=\"rgba(24,168,255,0.25)\" stroke=\"#3dd5ff\" stroke-width=\"1.8\"\/>\n          <line x1=\"206\" y1=\"251\" x2=\"214\" y2=\"261\" stroke=\"#3dd5ff\" stroke-width=\"1.5\" stroke-linecap=\"round\"\/>\n          <line x1=\"214\" y1=\"251\" x2=\"206\" y2=\"261\" stroke=\"#3dd5ff\" stroke-width=\"1.5\" stroke-linecap=\"round\"\/>\n\n          <!-- ===== ROBOTIC ARM RIGHT ===== -->\n          <rect x=\"538\" y=\"302\" width=\"30\" height=\"22\" rx=\"3\" fill=\"rgba(12,36,60,0.9)\" stroke=\"rgba(124,77,255,0.5)\" stroke-width=\"1.3\"\/>\n          <line x1=\"553\" y1=\"302\" x2=\"553\" y2=\"272\" stroke=\"rgba(124,77,255,0.75)\" stroke-width=\"4\" stroke-linecap=\"round\"\/>\n          <circle cx=\"553\" cy=\"272\" r=\"5\" fill=\"rgba(124,77,255,0.2)\" stroke=\"rgba(124,77,255,0.9)\" stroke-width=\"1.8\"\/>\n          <line x1=\"553\" y1=\"272\" x2=\"530\" y2=\"250\" stroke=\"rgba(124,77,255,0.65)\" stroke-width=\"3.2\" stroke-linecap=\"round\"\/>\n          <circle cx=\"530\" cy=\"250\" r=\"6\" fill=\"rgba(124,77,255,0.25)\" stroke=\"#a870ff\" stroke-width=\"1.8\"\/>\n\n          <!-- ===== WAREHOUSE BLOCKS ===== -->\n          <!-- Left warehouse (large isometric box) -->\n          <polygon points=\"132,260 196,260 216,278 152,278\" fill=\"rgba(8,20,34,0.96)\" stroke=\"rgba(24,168,255,0.4)\" stroke-width=\"1.2\"\/>\n          <polygon points=\"152,278 216,278 216,306 152,306\" fill=\"rgba(5,15,26,0.96)\" stroke=\"rgba(24,168,255,0.22)\" stroke-width=\"1\"\/>\n          <polygon points=\"132,260 152,278 152,306 132,288\" fill=\"rgba(7,18,30,0.96)\" stroke=\"rgba(24,168,255,0.18)\" stroke-width=\"1\"\/>\n          <line x1=\"132\" y1=\"260\" x2=\"196\" y2=\"260\" stroke=\"rgba(24,168,255,0.6)\" stroke-width=\"1.5\"\/>\n          <line x1=\"153\" y1=\"288\" x2=\"215\" y2=\"288\" stroke=\"rgba(24,168,255,0.22)\" stroke-width=\"0.8\"\/>\n          <line x1=\"153\" y1=\"297\" x2=\"215\" y2=\"297\" stroke=\"rgba(24,168,255,0.22)\" stroke-width=\"0.8\"\/>\n\n          <!-- Right warehouse -->\n          <polygon points=\"530,252 600,252 622,272 552,272\" fill=\"rgba(8,20,34,0.96)\" stroke=\"rgba(124,77,255,0.38)\" stroke-width=\"1.2\"\/>\n          <polygon points=\"552,272 622,272 622,302 552,302\" fill=\"rgba(5,15,26,0.96)\" stroke=\"rgba(124,77,255,0.2)\" stroke-width=\"1\"\/>\n          <polygon points=\"530,252 552,272 552,302 530,282\" fill=\"rgba(7,18,30,0.96)\" stroke=\"rgba(124,77,255,0.16)\" stroke-width=\"1\"\/>\n          <line x1=\"530\" y1=\"252\" x2=\"600\" y2=\"252\" stroke=\"rgba(124,77,255,0.55)\" stroke-width=\"1.5\"\/>\n          <line x1=\"553\" y1=\"282\" x2=\"621\" y2=\"282\" stroke=\"rgba(124,77,255,0.22)\" stroke-width=\"0.8\"\/>\n          <line x1=\"553\" y1=\"292\" x2=\"621\" y2=\"292\" stroke=\"rgba(124,77,255,0.22)\" stroke-width=\"0.8\"\/>\n\n          <!-- ===== EQUIPMENT UPTIME RING (top-right, clear of panels) ===== -->\n          <g transform=\"translate(670,270)\">\n            <circle cx=\"0\" cy=\"0\" r=\"46\" fill=\"rgba(5,14,24,0.85)\" stroke=\"rgba(24,168,255,0.18)\" stroke-width=\"1.2\"\/>\n            <circle cx=\"0\" cy=\"0\" r=\"46\" fill=\"none\" stroke=\"rgba(24,168,255,0.08)\" stroke-width=\"8\"\/>\n            <circle cx=\"0\" cy=\"0\" r=\"46\" fill=\"none\" stroke=\"#18a8ff\" stroke-width=\"5\"\n                    stroke-dasharray=\"0 290\" class=\"dt-uptime-ring\"\n                    stroke-linecap=\"round\" transform=\"rotate(-90)\"\/>\n            <circle cx=\"0\" cy=\"0\" r=\"34\" fill=\"rgba(5,12,22,0.95)\"\/>\n            <text x=\"0\" y=\"-6\" text-anchor=\"middle\" fill=\"#18a8ff\" font-size=\"15\" font-weight=\"700\" font-family=\"'Barlow Condensed',sans-serif\">98.6%<\/text>\n            <text x=\"0\" y=\"10\" text-anchor=\"middle\" fill=\"rgba(143,169,197,0.8)\" font-size=\"8\" font-family=\"'JetBrains Mono',monospace\">UPTIME<\/text>\n            <g class=\"dt-orbit-arm\" style=\"transform-origin:0px 0px\">\n              <circle cx=\"0\" cy=\"-46\" r=\"4\" fill=\"#3dd5ff\"\/>\n              <circle cx=\"0\" cy=\"-46\" r=\"7\" fill=\"rgba(61,213,255,0.2)\"\/>\n            <\/g>\n          <\/g>\n\n          <!-- ===== MATERIAL FLOW PATHS ===== -->\n          <path d=\"M152,300 Q270,250 378,330\" fill=\"none\" stroke=\"rgba(255,138,42,0.55)\" stroke-width=\"2.2\" class=\"dt-flow-path\"\/>\n          <path d=\"M454,330 Q520,280 552,270\" fill=\"none\" stroke=\"rgba(24,168,255,0.55)\" stroke-width=\"2.2\" class=\"dt-flow-rev\"\/>\n          <path d=\"M553,250 Q600,200 670,270\" fill=\"none\" stroke=\"rgba(124,77,255,0.5)\" stroke-width=\"1.8\" class=\"dt-flow-3\"\/>\n          <path d=\"M160,280 Q160,302 148,312\" fill=\"none\" stroke=\"rgba(24,168,255,0.4)\" stroke-width=\"1.2\" class=\"dt-flow-path\"\/>\n\n          <!-- Pulsing platform nodes -->\n          <circle cx=\"318\" cy=\"330\" r=\"5\" fill=\"rgba(24,168,255,0.22)\" stroke=\"#18a8ff\" stroke-width=\"1.8\" class=\"dt-pulse-node\"\/>\n          <circle cx=\"318\" cy=\"330\" r=\"10\" fill=\"rgba(24,168,255,0.07)\" class=\"dt-pulse-node\"\/>\n          <circle cx=\"510\" cy=\"326\" r=\"5\" fill=\"rgba(124,77,255,0.22)\" stroke=\"#7c4dff\" stroke-width=\"1.8\" class=\"dt-pulse-2\"\/>\n          <circle cx=\"510\" cy=\"326\" r=\"10\" fill=\"rgba(124,77,255,0.07)\" class=\"dt-pulse-2\"\/>\n          <circle cx=\"416\" cy=\"316\" r=\"4\" fill=\"rgba(0,229,204,0.3)\" stroke=\"#00e5cc\" stroke-width=\"1.4\" class=\"dt-pulse-3\"\/>\n\n          <!-- Side indicator bars (isometric, left front face) -->\n          <g opacity=\"0.75\">\n            <rect x=\"244\" y=\"372\" width=\"10\" height=\"50\" rx=\"2\" fill=\"rgba(24,168,255,0.08)\" stroke=\"rgba(24,168,255,0.22)\" stroke-width=\"0.9\"\/>\n            <rect x=\"244\" y=\"408\" width=\"10\" height=\"14\" rx=\"1.5\" fill=\"rgba(24,168,255,0.65)\"\/>\n            <rect x=\"260\" y=\"372\" width=\"10\" height=\"50\" rx=\"2\" fill=\"rgba(24,168,255,0.08)\" stroke=\"rgba(24,168,255,0.22)\" stroke-width=\"0.9\"\/>\n            <rect x=\"260\" y=\"394\" width=\"10\" height=\"28\" rx=\"1.5\" fill=\"rgba(61,213,255,0.55)\"\/>\n            <rect x=\"276\" y=\"372\" width=\"10\" height=\"50\" rx=\"2\" fill=\"rgba(24,168,255,0.08)\" stroke=\"rgba(24,168,255,0.22)\" stroke-width=\"0.9\"\/>\n            <rect x=\"276\" y=\"380\" width=\"10\" height=\"42\" rx=\"1.5\" fill=\"rgba(24,168,255,0.5)\"\/>\n          <\/g>\n\n          <!-- Floor shadow -->\n          <ellipse cx=\"410\" cy=\"468\" rx=\"360\" ry=\"34\" fill=\"rgba(13,92,255,0.07)\" filter=\"url(#hg-blur8)\"\/>\n\n          <!-- ===== FLOATING ERP PANELS moved to HTML below ===== -->\n\n        <\/svg>\n      <\/div>\n\n      <!-- ===== HTML ERP PANELS \u2014 absolutely positioned in four corners ===== -->\n\n      <!-- TOP-LEFT: ERP \/ Production -->\n      <div class=\"dt-mi-erp-panel-wrap dt-mi-erp-tl\">\n        <div class=\"dt-mi-erp-card blue\">\n          <div class=\"dt-mi-erp-card__header\">ERP &#x25BA; Production<\/div>\n          <div class=\"dt-mi-erp-card__body\">\n            <div class=\"dt-mi-erp-bars\">\n              <span style=\"height:70%\"><\/span>\n              <span style=\"height:90%\"><\/span>\n              <span style=\"height:60%\"><\/span>\n              <span style=\"height:100%\"><\/span>\n              <span style=\"height:80%\"><\/span>\n            <\/div>\n            <div class=\"dt-mi-erp-card__status\" style=\"color:#3dd5ff\">\u25cf PRODUCTION LIVE<\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- TOP-RIGHT: Quality Scan -->\n      <div class=\"dt-mi-erp-panel-wrap dt-mi-erp-tr\">\n        <div class=\"dt-mi-erp-card orange\">\n          <div class=\"dt-mi-erp-card__header\">Quality &#x25BA; Scan<\/div>\n          <div class=\"dt-mi-erp-card__body\">\n            <div class=\"dt-mi-erp-card__val orange\">99.2%<\/div>\n            <div class=\"dt-mi-erp-card__sub\">Yield Rate<\/div>\n            <div class=\"dt-mi-erp-card__bar-track\">\n              <div class=\"dt-mi-erp-card__bar-fill\" style=\"width:92%;background:rgba(255,138,42,0.65)\"><\/div>\n            <\/div>\n            <div class=\"dt-mi-erp-card__status\">+2.1% vs target<\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- BOTTOM-RIGHT: Automation -->\n      <div class=\"dt-mi-erp-panel-wrap dt-mi-erp-br\">\n        <div class=\"dt-mi-erp-card purple\">\n          <div class=\"dt-mi-erp-card__header\">Automation<\/div>\n          <div class=\"dt-mi-erp-card__body\">\n            <div class=\"dt-mi-erp-card__val purple\">847<\/div>\n            <div class=\"dt-mi-erp-card__sub\">Cycles \/ Hour<\/div>\n            <div class=\"dt-mi-erp-card__bar-track\">\n              <div class=\"dt-mi-erp-card__bar-fill\" style=\"width:88%;background:rgba(124,77,255,0.6)\"><\/div>\n            <\/div>\n            <div class=\"dt-mi-erp-card__status\">4 Lines Active \u2014 All Nominal<\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- BOTTOM-LEFT: Materials -->\n      <div class=\"dt-mi-erp-panel-wrap dt-mi-erp-bl\">\n        <div class=\"dt-mi-erp-card cyan\">\n          <div class=\"dt-mi-erp-card__header\">Materials &#x25BA; Stock<\/div>\n          <div class=\"dt-mi-erp-card__body\">\n            <div class=\"dt-mi-erp-card__val cyan\">97.4%<\/div>\n            <div class=\"dt-mi-erp-card__sub\">Material Readiness<\/div>\n            <div class=\"dt-mi-erp-card__bar-track\">\n              <div class=\"dt-mi-erp-card__bar-fill\" style=\"width:97%;background:rgba(0,229,204,0.55)\"><\/div>\n            <\/div>\n            <div class=\"dt-mi-erp-card__status\">\u25cf On-Hand Nominal<\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div><!-- \/hero right -->\n  <\/div><!-- \/hero inner -->\n  <div class=\"dt-mi-hero__bottom-fade\"><\/div>\n<\/section>\n\n<div class=\"dt-mi-section-divider\"><\/div>\n\n<!-- ============================================================\n     BLOCK 2: CHALLENGES \u2014 PRODUCTION PRESSURE MAP\n     ============================================================ -->\n<section class=\"dt-mi-challenges\">\n  <!-- animated bg circuit paths -->\n  <svg class=\"dt-mi-challenges__bg\" viewBox=\"0 0 1400 700\" preserveAspectRatio=\"xMidYMid slice\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n    <defs>\n      <pattern id=\"ch-grid\" x=\"0\" y=\"0\" width=\"80\" height=\"80\" patternUnits=\"userSpaceOnUse\">\n        <path d=\"M80,0 L0,0 0,80\" fill=\"none\" stroke=\"rgba(24,168,255,0.06)\" stroke-width=\"0.5\"\/>\n      <\/pattern>\n    <\/defs>\n    <rect width=\"1400\" height=\"700\" fill=\"url(#ch-grid)\"\/>\n    <path d=\"M0,350 Q350,200 700,350 Q1050,500 1400,350\" fill=\"none\" stroke=\"rgba(24,168,255,0.08)\" stroke-width=\"2\" stroke-dasharray=\"12 8\" class=\"dt-flow-path\"\/>\n    <path d=\"M0,200 L300,200 L300,500 L700,500 L700,200 L1000,200\" fill=\"none\" stroke=\"rgba(24,168,255,0.05)\" stroke-width=\"1.5\"\/>\n    <circle cx=\"700\" cy=\"350\" r=\"200\" fill=\"none\" stroke=\"rgba(13,92,255,0.06)\" stroke-width=\"1\" stroke-dasharray=\"8 6\"\/>\n  <\/svg>\n\n  <div class=\"dt-mi-inner\">\n    <div class=\"dt-mi-challenges__header dt-mi-reveal\">\n      <div>\n        <div class=\"dt-mi-eyebrow\">Operating Pressures<\/div>\n        <h2>The Manufacturing <em>Intelligence Gap<\/em><\/h2>\n      <\/div>\n      <div>\n        <p class=\"dt-mi-challenges__sub\">Modern manufacturers face compounding operational pressure across production, quality, supply chain, and legacy infrastructure. We map it, and then we resolve it \u2014 end to end.<\/p>\n      <\/div>\n    <\/div>\n\n    <!-- Production Pressure Map -->\n    <div class=\"dt-mi-pressure-map dt-mi-reveal\">\n\n      <!-- TOP LEFT -->\n      <div class=\"dt-mi-pressure-left-top\">\n        <div class=\"dt-mi-pressure-module blue\">\n          <div class=\"dt-mi-pressure-module__icon\">\n            <svg viewBox=\"0 0 30 30\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n              <rect x=\"3\" y=\"18\" width=\"6\" height=\"9\" rx=\"1\" fill=\"rgba(24,168,255,0.25)\" stroke=\"#18a8ff\" stroke-width=\"1.2\"\/>\n              <rect x=\"11\" y=\"12\" width=\"6\" height=\"15\" rx=\"1\" fill=\"rgba(24,168,255,0.25)\" stroke=\"#18a8ff\" stroke-width=\"1.2\"\/>\n              <rect x=\"19\" y=\"5\" width=\"6\" height=\"22\" rx=\"1\" fill=\"rgba(24,168,255,0.4)\" stroke=\"#3dd5ff\" stroke-width=\"1.2\"\/>\n              <path d=\"M4,17 L9,10 L16,13 L22,4\" stroke=\"#3dd5ff\" stroke-width=\"1.4\" fill=\"none\" stroke-linecap=\"round\"\/>\n            <\/svg>\n          <\/div>\n          <div class=\"dt-mi-pressure-module__title\">Production Throughput Gaps<\/div>\n          <div class=\"dt-mi-pressure-module__desc\">Unplanned downtime, micro-stoppages, and changeover delays erode capacity before they're even measured. Manual OEE tracking hides the true loss.<\/div>\n          <span class=\"dt-mi-pressure-module__tag\">OEE \u00b7 Throughput \u00b7 Capacity<\/span>\n        <\/div>\n      <\/div>\n\n      <!-- TOP RIGHT -->\n      <div class=\"dt-mi-pressure-right-top\">\n        <div class=\"dt-mi-pressure-module orange\">\n          <div class=\"dt-mi-pressure-module__icon\">\n            <svg viewBox=\"0 0 30 30\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n              <circle cx=\"15\" cy=\"15\" r=\"10\" stroke=\"#ff8a2a\" stroke-width=\"1.3\" stroke-dasharray=\"4 2\"\/>\n              <circle cx=\"15\" cy=\"15\" r=\"6\" fill=\"rgba(255,138,42,0.15)\" stroke=\"#ffb060\" stroke-width=\"1.2\"\/>\n              <path d=\"M12,15 L14,17 L18,13\" stroke=\"#ffb060\" stroke-width=\"1.5\" stroke-linecap=\"round\" fill=\"none\"\/>\n            <\/svg>\n          <\/div>\n          <div class=\"dt-mi-pressure-module__title\">Quality Escape &amp; Rework Costs<\/div>\n          <div class=\"dt-mi-pressure-module__desc\">Late-stage defect detection drives high scrap rates and rework loops. Disconnected inspection systems fail to trigger upstream prevention.<\/div>\n          <span class=\"dt-mi-pressure-module__tag\">Quality \u00b7 SPC \u00b7 Scrap Rate<\/span>\n        <\/div>\n      <\/div>\n\n      <!-- CENTRE SPINE SVG -->\n      <div class=\"dt-mi-pressure-center\">\n        <svg viewBox=\"0 0 320 520\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"width:320px;height:520px;overflow:visible\">\n          <defs>\n            <radialGradient id=\"cm-glow\" cx=\"50%\" cy=\"50%\" r=\"50%\">\n              <stop offset=\"0%\" stop-color=\"#18a8ff\" stop-opacity=\"0.3\"\/>\n              <stop offset=\"100%\" stop-color=\"#18a8ff\" stop-opacity=\"0\"\/>\n            <\/radialGradient>\n            <filter id=\"cm-blur\">\n              <feGaussianBlur stdDeviation=\"6\"\/>\n            <\/filter>\n          <\/defs>\n          <!-- Vertical spine -->\n          <line x1=\"160\" y1=\"60\" x2=\"160\" y2=\"460\" stroke=\"rgba(24,168,255,0.25)\" stroke-width=\"1\" stroke-dasharray=\"4 4\"\/>\n          <line x1=\"160\" y1=\"60\" x2=\"160\" y2=\"460\" stroke=\"rgba(24,168,255,0.6)\" stroke-width=\"2\" class=\"dt-flow-path\"\/>\n\n          <!-- Horizontal connectors to modules -->\n          <line x1=\"0\" y1=\"130\" x2=\"160\" y2=\"130\" stroke=\"rgba(24,168,255,0.35)\" stroke-width=\"1.5\" class=\"dt-flow-rev\"\/>\n          <line x1=\"160\" y1=\"130\" x2=\"320\" y2=\"130\" stroke=\"rgba(255,138,42,0.35)\" stroke-width=\"1.5\" class=\"dt-flow-path\"\/>\n          <line x1=\"0\" y1=\"390\" x2=\"160\" y2=\"390\" stroke=\"rgba(124,77,255,0.35)\" stroke-width=\"1.5\" class=\"dt-flow-rev\"\/>\n          <line x1=\"160\" y1=\"390\" x2=\"320\" y2=\"390\" stroke=\"rgba(0,229,204,0.35)\" stroke-width=\"1.5\" class=\"dt-flow-path\"\/>\n\n          <!-- Centre core -->\n          <circle cx=\"160\" cy=\"260\" r=\"70\" fill=\"rgba(6,17,28,0.9)\" stroke=\"rgba(24,168,255,0.2)\" stroke-width=\"1\"\/>\n          <circle cx=\"160\" cy=\"260\" r=\"55\" fill=\"rgba(8,20,34,0.95)\" stroke=\"rgba(24,168,255,0.35)\" stroke-width=\"1.5\"\/>\n          <circle cx=\"160\" cy=\"260\" r=\"55\" fill=\"none\" stroke=\"rgba(24,168,255,0.15)\" stroke-width=\"4\" stroke-dasharray=\"8 5\" class=\"dt-flow-3\"\/>\n          <!-- Glow -->\n          <circle cx=\"160\" cy=\"260\" r=\"50\" fill=\"url(#cm-glow)\" filter=\"url(#cm-blur)\"\/>\n          <!-- Production line icon in centre -->\n          <g transform=\"translate(135,240)\">\n            <rect x=\"0\" y=\"0\" width=\"50\" height=\"6\" rx=\"3\" fill=\"rgba(24,168,255,0.15)\" stroke=\"rgba(24,168,255,0.4)\" stroke-width=\"1\"\/>\n            <rect x=\"4\" y=\"-8\" width=\"10\" height=\"22\" rx=\"2\" fill=\"rgba(24,168,255,0.2)\" stroke=\"#18a8ff\" stroke-width=\"1\"\/>\n            <rect x=\"20\" y=\"-12\" width=\"10\" height=\"26\" rx=\"2\" fill=\"rgba(24,168,255,0.25)\" stroke=\"#3dd5ff\" stroke-width=\"1\"\/>\n            <rect x=\"36\" y=\"-4\" width=\"10\" height=\"18\" rx=\"2\" fill=\"rgba(24,168,255,0.2)\" stroke=\"#18a8ff\" stroke-width=\"1\"\/>\n            <line x1=\"0\" y1=\"6\" x2=\"50\" y2=\"6\" stroke=\"rgba(24,168,255,0.5)\" stroke-width=\"1\" class=\"dt-flow-path\"\/>\n          <\/g>\n          <text x=\"160\" y=\"300\" text-anchor=\"middle\" fill=\"rgba(220,236,255,0.9)\" font-size=\"10\" font-weight=\"700\" font-family=\"'JetBrains Mono',monospace\">PRODUCTION<\/text>\n          <text x=\"160\" y=\"314\" text-anchor=\"middle\" fill=\"rgba(143,169,197,0.6)\" font-size=\"8\" font-family=\"'JetBrains Mono',monospace\">CORE<\/text>\n\n          <!-- Intersection nodes -->\n          <circle cx=\"160\" cy=\"130\" r=\"7\" fill=\"rgba(6,17,28,0.9)\" stroke=\"#18a8ff\" stroke-width=\"2\" class=\"dt-pulse-node\"\/>\n          <circle cx=\"160\" cy=\"390\" r=\"7\" fill=\"rgba(6,17,28,0.9)\" stroke=\"#7c4dff\" stroke-width=\"2\" class=\"dt-pulse-2\"\/>\n          <!-- Side connectors dots -->\n          <circle cx=\"0\" cy=\"130\" r=\"4\" fill=\"rgba(24,168,255,0.3)\" stroke=\"#18a8ff\" stroke-width=\"1\" class=\"dt-pulse-node\"\/>\n          <circle cx=\"320\" cy=\"130\" r=\"4\" fill=\"rgba(255,138,42,0.3)\" stroke=\"#ff8a2a\" stroke-width=\"1\" class=\"dt-pulse-2\"\/>\n          <circle cx=\"0\" cy=\"390\" r=\"4\" fill=\"rgba(124,77,255,0.3)\" stroke=\"#7c4dff\" stroke-width=\"1\" class=\"dt-pulse-3\"\/>\n          <circle cx=\"320\" cy=\"390\" r=\"4\" fill=\"rgba(0,229,204,0.3)\" stroke=\"#00e5cc\" stroke-width=\"1\" class=\"dt-pulse-node\"\/>\n        <\/svg>\n      <\/div>\n\n      <!-- BOTTOM LEFT -->\n      <div class=\"dt-mi-pressure-left-bot\">\n        <div class=\"dt-mi-pressure-module purple\">\n          <div class=\"dt-mi-pressure-module__icon\">\n            <svg viewBox=\"0 0 30 30\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n              <path d=\"M4,22 L12,10 L20,16 L28,6\" stroke=\"#a870ff\" stroke-width=\"1.5\" fill=\"none\" stroke-linecap=\"round\"\/>\n              <circle cx=\"12\" cy=\"10\" r=\"3\" fill=\"rgba(124,77,255,0.3)\" stroke=\"#7c4dff\" stroke-width=\"1.2\"\/>\n              <circle cx=\"20\" cy=\"16\" r=\"3\" fill=\"rgba(124,77,255,0.3)\" stroke=\"#7c4dff\" stroke-width=\"1.2\"\/>\n              <rect x=\"2\" y=\"23\" width=\"26\" height=\"2\" rx=\"1\" fill=\"rgba(124,77,255,0.2)\"\/>\n            <\/svg>\n          <\/div>\n          <div class=\"dt-mi-pressure-module__title\">Supply Chain Volatility<\/div>\n          <div class=\"dt-mi-pressure-module__desc\">Supplier disruptions, extended lead times, and demand variability outpace manual planning. Material shortages halt lines before procurement responds.<\/div>\n          <span class=\"dt-mi-pressure-module__tag\">Supply Chain \u00b7 MRP \u00b7 Demand<\/span>\n        <\/div>\n      <\/div>\n\n      <!-- BOTTOM RIGHT -->\n      <div class=\"dt-mi-pressure-right-bot\">\n        <div class=\"dt-mi-pressure-module cyan\">\n          <div class=\"dt-mi-pressure-module__icon\">\n            <svg viewBox=\"0 0 30 30\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n              <rect x=\"4\" y=\"6\" width=\"22\" height=\"18\" rx=\"2\" stroke=\"#00e5cc\" stroke-width=\"1.3\"\/>\n              <line x1=\"4\" y1=\"12\" x2=\"26\" y2=\"12\" stroke=\"#00e5cc\" stroke-width=\"0.8\" opacity=\"0.5\"\/>\n              <rect x=\"7\" y=\"15\" width=\"6\" height=\"5\" rx=\"1\" fill=\"rgba(0,229,204,0.2)\" stroke=\"#00e5cc\" stroke-width=\"0.8\"\/>\n              <rect x=\"15\" y=\"15\" width=\"8\" height=\"5\" rx=\"1\" fill=\"rgba(0,229,204,0.15)\" stroke=\"rgba(0,229,204,0.4)\" stroke-width=\"0.8\"\/>\n              <line x1=\"15\" y1=\"24\" x2=\"15\" y2=\"27\" stroke=\"#00e5cc\" stroke-width=\"1\"\/>\n              <line x1=\"10\" y1=\"27\" x2=\"20\" y2=\"27\" stroke=\"#00e5cc\" stroke-width=\"1.2\"\/>\n            <\/svg>\n          <\/div>\n          <div class=\"dt-mi-pressure-module__title\">Legacy System Fragmentation<\/div>\n          <div class=\"dt-mi-pressure-module__desc\">Disconnected MES, ERP, and SCADA systems create data silos that prevent real-time decision-making and drive costly manual reconciliation.<\/div>\n          <span class=\"dt-mi-pressure-module__tag\">ERP \u00b7 MES \u00b7 Integration<\/span>\n        <\/div>\n      <\/div>\n\n    <\/div><!-- \/pressure map -->\n  <\/div>\n<\/section>\n\n<div class=\"dt-mi-section-divider\"><\/div>\n\n<!-- ============================================================\n     BLOCK 3: SECTOR COVERAGE \u2014 MANUFACTURING ENVIRONMENT SELECTOR\n     ============================================================ -->\n<section class=\"dt-mi-sectors\">\n  <div class=\"dt-mi-sectors__bg\"><\/div>\n  <div class=\"dt-mi-inner\">\n    <div class=\"dt-mi-sectors__header dt-mi-reveal\">\n      <div class=\"dt-mi-eyebrow\">Operating Environments<\/div>\n      <h2>Manufacturing Operating Environment<\/h2>\n      <p class=\"dt-mi-sectors__sub\">Select your operational domain. Our capabilities span the full manufacturing stack \u2014 from plant floor execution to digital twin and ERP layer.<\/p>\n    <\/div>\n\n    <!-- Tab bar -->\n    <div class=\"dt-mi-env-tabs\" id=\"envTabs\">\n      <div class=\"dt-mi-tab-pill\" id=\"envTabPill\"><\/div>\n      <button class=\"dt-mi-env-tab active\" data-tab=\"production\" onclick=\"switchTab(this,'production')\">\n        <svg viewBox=\"0 0 16 16\" fill=\"none\"><rect x=\"1\" y=\"9\" width=\"4\" height=\"6\" rx=\"0.8\" fill=\"currentColor\" opacity=\"0.5\"\/><rect x=\"6\" y=\"6\" width=\"4\" height=\"9\" rx=\"0.8\" fill=\"currentColor\" opacity=\"0.7\"\/><rect x=\"11\" y=\"2\" width=\"4\" height=\"13\" rx=\"0.8\" fill=\"currentColor\"\/><\/svg>\n        Production Operations\n      <\/button>\n      <button class=\"dt-mi-env-tab\" data-tab=\"supply\" onclick=\"switchTab(this,'supply')\">\n        <svg viewBox=\"0 0 16 16\" fill=\"none\"><rect x=\"1\" y=\"5\" width=\"6\" height=\"6\" rx=\"1\" stroke=\"currentColor\" stroke-width=\"1.2\"\/><path d=\"M10,8 L15,8 M13,5.5 L15.5,8 L13,10.5\" stroke=\"currentColor\" stroke-width=\"1.2\" stroke-linecap=\"round\"\/><\/svg>\n        Supply Chain\n      <\/button>\n      <button class=\"dt-mi-env-tab\" data-tab=\"automation\" onclick=\"switchTab(this,'automation')\">\n        <svg viewBox=\"0 0 16 16\" fill=\"none\"><circle cx=\"8\" cy=\"8\" r=\"4\" stroke=\"currentColor\" stroke-width=\"1.2\" stroke-dasharray=\"3 2\"\/><circle cx=\"8\" cy=\"8\" r=\"1.5\" fill=\"currentColor\"\/><\/svg>\n        Automation &amp; ERP\n      <\/button>\n    <\/div>\n\n    <!-- Tab Panel: Production Operations -->\n    <div class=\"dt-mi-env-panel active dt-mi-reveal\" id=\"panel-production\" data-panel=\"production\">\n      <div class=\"dt-mi-env-grid\">\n\n        <div class=\"dt-mi-env-card\">\n          <div class=\"dt-mi-env-card__icon\">\n            <svg viewBox=\"0 0 28 28\" fill=\"none\"><rect x=\"2\" y=\"16\" width=\"24\" height=\"5\" rx=\"1.5\" fill=\"rgba(24,168,255,0.15)\" stroke=\"#18a8ff\" stroke-width=\"1.2\"\/><rect x=\"5\" y=\"10\" width=\"4\" height=\"6\" rx=\"1\" fill=\"rgba(24,168,255,0.2)\" stroke=\"#18a8ff\" stroke-width=\"1\"\/><rect x=\"12\" y=\"7\" width=\"4\" height=\"9\" rx=\"1\" fill=\"rgba(24,168,255,0.25)\" stroke=\"#3dd5ff\" stroke-width=\"1\"\/><rect x=\"19\" y=\"12\" width=\"4\" height=\"4\" rx=\"1\" fill=\"rgba(24,168,255,0.2)\" stroke=\"#18a8ff\" stroke-width=\"1\"\/><\/svg>\n          <\/div>\n          <div class=\"dt-mi-env-card__title\">Plant Floor Execution<\/div>\n          <div class=\"dt-mi-env-card__desc\">Work order management, operator guidance systems, shift handover tools, and real-time production tracking across multi-cell environments.<\/div>\n          <div class=\"dt-mi-env-card__tags\">\n            <span class=\"dt-mi-env-card__tag\">MES<\/span>\n            <span class=\"dt-mi-env-card__tag\">Work Orders<\/span>\n            <span class=\"dt-mi-env-card__tag\">OEE<\/span>\n          <\/div>\n        <\/div>\n\n        <div class=\"dt-mi-env-card\">\n          <div class=\"dt-mi-env-card__icon\">\n            <svg viewBox=\"0 0 28 28\" fill=\"none\"><circle cx=\"14\" cy=\"14\" r=\"8\" stroke=\"#18a8ff\" stroke-width=\"1.2\" stroke-dasharray=\"3 2\"\/><circle cx=\"14\" cy=\"14\" r=\"4.5\" fill=\"rgba(24,168,255,0.15)\" stroke=\"#3dd5ff\" stroke-width=\"1.2\"\/><path d=\"M11.5,14 L13.5,16 L17,12\" stroke=\"#3dd5ff\" stroke-width=\"1.4\" stroke-linecap=\"round\" fill=\"none\"\/><\/svg>\n          <\/div>\n          <div class=\"dt-mi-env-card__title\">Quality Systems Integration<\/div>\n          <div class=\"dt-mi-env-card__desc\">Inline inspection, SPC monitoring, PPAP, and APQP process integration. Connects CMM data, vision systems, and gauging directly to the production record.<\/div>\n          <div class=\"dt-mi-env-card__tags\">\n            <span class=\"dt-mi-env-card__tag\">SPC<\/span>\n            <span class=\"dt-mi-env-card__tag\">PPAP<\/span>\n            <span class=\"dt-mi-env-card__tag\">Inspection<\/span>\n          <\/div>\n        <\/div>\n\n        <div class=\"dt-mi-env-card\">\n          <div class=\"dt-mi-env-card__icon\">\n            <svg viewBox=\"0 0 28 28\" fill=\"none\"><path d=\"M14,5 L14,14 M14,14 L20,20\" stroke=\"#18a8ff\" stroke-width=\"1.5\" stroke-linecap=\"round\"\/><circle cx=\"14\" cy=\"14\" r=\"3\" fill=\"rgba(24,168,255,0.2)\" stroke=\"#3dd5ff\" stroke-width=\"1.2\"\/><path d=\"M6,9 C6,5 22,5 22,9\" stroke=\"#18a8ff\" stroke-width=\"1\" fill=\"none\" opacity=\"0.5\"\/><\/svg>\n          <\/div>\n          <div class=\"dt-mi-env-card__title\">Maintenance &amp; Uptime Management<\/div>\n          <div class=\"dt-mi-env-card__desc\">Predictive maintenance scheduling, work order automation, spare parts optimisation, and CMMS integration to eliminate unplanned downtime.<\/div>\n          <div class=\"dt-mi-env-card__tags\">\n            <span class=\"dt-mi-env-card__tag\">CMMS<\/span>\n            <span class=\"dt-mi-env-card__tag\">Predictive PM<\/span>\n            <span class=\"dt-mi-env-card__tag\">MTBF<\/span>\n          <\/div>\n        <\/div>\n\n        <div class=\"dt-mi-env-card\">\n          <div class=\"dt-mi-env-card__icon\">\n            <svg viewBox=\"0 0 28 28\" fill=\"none\"><rect x=\"3\" y=\"10\" width=\"10\" height=\"14\" rx=\"2\" stroke=\"#18a8ff\" stroke-width=\"1.2\" fill=\"rgba(24,168,255,0.08)\"\/><path d=\"M13,8 L25,8 L25,24 L13,24\" stroke=\"#18a8ff\" stroke-width=\"1\" fill=\"none\" opacity=\"0.5\"\/><line x1=\"16\" y1=\"12\" x2=\"22\" y2=\"12\" stroke=\"#3dd5ff\" stroke-width=\"1\" opacity=\"0.7\"\/><line x1=\"16\" y1=\"16\" x2=\"22\" y2=\"16\" stroke=\"#3dd5ff\" stroke-width=\"1\" opacity=\"0.7\"\/><line x1=\"16\" y1=\"20\" x2=\"19\" y2=\"20\" stroke=\"#3dd5ff\" stroke-width=\"1\" opacity=\"0.7\"\/><\/svg>\n          <\/div>\n          <div class=\"dt-mi-env-card__title\">Production Planning &amp; Scheduling<\/div>\n          <div class=\"dt-mi-env-card__desc\">Finite capacity scheduling, demand-driven MRP, and real-time shop-floor schedule adherence with dynamic re-sequencing capability.<\/div>\n          <div class=\"dt-mi-env-card__tags\">\n            <span class=\"dt-mi-env-card__tag\">APS<\/span>\n            <span class=\"dt-mi-env-card__tag\">MRP<\/span>\n            <span class=\"dt-mi-env-card__tag\">Scheduling<\/span>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- Mini-map: Production operations pathway -->\n      <div class=\"dt-mi-env-minimap\">\n        <div class=\"dt-mi-env-minimap__title\">\u25b8 Production Flow Pathway<\/div>\n        <svg viewBox=\"0 0 280 280\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n          <defs>\n            <radialGradient id=\"mm1-glow\" cx=\"50%\" cy=\"50%\" r=\"50%\">\n              <stop offset=\"0%\" stop-color=\"#18a8ff\" stop-opacity=\"0.15\"\/>\n              <stop offset=\"100%\" stop-color=\"#18a8ff\" stop-opacity=\"0\"\/>\n            <\/radialGradient>\n          <\/defs>\n          <!-- Flow path line -->\n          <path d=\"M30,140 L80,80 L150,100 L200,60 L250,100\" fill=\"none\" stroke=\"rgba(24,168,255,0.5)\" stroke-width=\"2\" class=\"dt-flow-path\"\/>\n          <path d=\"M30,140 L80,80 L150,100 L200,60 L250,100\" fill=\"none\" stroke=\"rgba(24,168,255,0.15)\" stroke-width=\"6\"\/>\n          <!-- Nodes -->\n          <circle cx=\"30\" cy=\"140\" r=\"8\" fill=\"rgba(6,17,28,0.9)\" stroke=\"#18a8ff\" stroke-width=\"2\" class=\"dt-pulse-node\"\/>\n          <circle cx=\"80\" cy=\"80\" r=\"8\" fill=\"rgba(6,17,28,0.9)\" stroke=\"#3dd5ff\" stroke-width=\"2\" class=\"dt-pulse-2\"\/>\n          <circle cx=\"150\" cy=\"100\" r=\"10\" fill=\"rgba(6,17,28,0.9)\" stroke=\"#18a8ff\" stroke-width=\"2.5\" class=\"dt-pulse-3\"\/>\n          <circle cx=\"200\" cy=\"60\" r=\"8\" fill=\"rgba(6,17,28,0.9)\" stroke=\"#3dd5ff\" stroke-width=\"2\" class=\"dt-pulse-node\"\/>\n          <circle cx=\"250\" cy=\"100\" r=\"8\" fill=\"rgba(6,17,28,0.9)\" stroke=\"#18a8ff\" stroke-width=\"2\" class=\"dt-pulse-2\"\/>\n          <!-- Node labels -->\n          <text x=\"30\" y=\"158\" text-anchor=\"middle\" fill=\"rgba(143,169,197,0.7)\" font-size=\"7\" font-family=\"'JetBrains Mono',monospace\">PLAN<\/text>\n          <text x=\"80\" y=\"68\" text-anchor=\"middle\" fill=\"rgba(143,169,197,0.7)\" font-size=\"7\" font-family=\"'JetBrains Mono',monospace\">SCHED<\/text>\n          <text x=\"150\" y=\"120\" text-anchor=\"middle\" fill=\"rgba(220,236,255,0.9)\" font-size=\"7\" font-family=\"'JetBrains Mono',monospace\">EXEC<\/text>\n          <text x=\"200\" y=\"50\" text-anchor=\"middle\" fill=\"rgba(143,169,197,0.7)\" font-size=\"7\" font-family=\"'JetBrains Mono',monospace\">QC<\/text>\n          <text x=\"250\" y=\"118\" text-anchor=\"middle\" fill=\"rgba(143,169,197,0.7)\" font-size=\"7\" font-family=\"'JetBrains Mono',monospace\">SHIP<\/text>\n          <!-- Vertical bars at bottom -->\n          <g opacity=\"0.6\">\n            <rect x=\"20\" y=\"180\" width=\"18\" height=\"60\" rx=\"2\" fill=\"rgba(24,168,255,0.08)\" stroke=\"rgba(24,168,255,0.2)\" stroke-width=\"0.8\"\/>\n            <rect x=\"20\" y=\"220\" width=\"18\" height=\"20\" rx=\"1\" fill=\"rgba(24,168,255,0.5)\"\/>\n            <rect x=\"44\" y=\"180\" width=\"18\" height=\"60\" rx=\"2\" fill=\"rgba(24,168,255,0.08)\" stroke=\"rgba(24,168,255,0.2)\" stroke-width=\"0.8\"\/>\n            <rect x=\"44\" y=\"200\" width=\"18\" height=\"40\" rx=\"1\" fill=\"rgba(24,168,255,0.4)\"\/>\n            <rect x=\"68\" y=\"180\" width=\"18\" height=\"60\" rx=\"2\" fill=\"rgba(24,168,255,0.08)\" stroke=\"rgba(24,168,255,0.2)\" stroke-width=\"0.8\"\/>\n            <rect x=\"68\" y=\"190\" width=\"18\" height=\"50\" rx=\"1\" fill=\"rgba(61,213,255,0.45)\"\/>\n          <\/g>\n          <text x=\"140\" y=\"252\" text-anchor=\"middle\" fill=\"rgba(143,169,197,0.5)\" font-size=\"7\" font-family=\"'JetBrains Mono',monospace\">THROUGHPUT KPIs<\/text>\n        <\/svg>\n      <\/div>\n    <\/div>\n\n    <!-- Tab Panel: Supply Chain -->\n    <div class=\"dt-mi-env-panel\" id=\"panel-supply\" data-panel=\"supply\">\n      <div class=\"dt-mi-env-grid\">\n        <div class=\"dt-mi-env-card\">\n          <div class=\"dt-mi-env-card__icon\" style=\"background:rgba(124,77,255,0.08);border-color:rgba(124,77,255,0.2)\">\n            <svg viewBox=\"0 0 28 28\" fill=\"none\"><path d=\"M4,14 L10,14 L14,8 L18,20 L22,14 L26,14\" stroke=\"#a870ff\" stroke-width=\"1.5\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n          <\/div>\n          <div class=\"dt-mi-env-card__title\">Demand Planning &amp; Forecasting<\/div>\n          <div class=\"dt-mi-env-card__desc\">Statistical demand sensing, seasonality modeling, and multi-echelon inventory optimisation to reduce both stockouts and excess inventory.<\/div>\n          <div class=\"dt-mi-env-card__tags\">\n            <span class=\"dt-mi-env-card__tag\" style=\"background:rgba(124,77,255,0.12);color:#a870ff\">S&amp;OP<\/span>\n            <span class=\"dt-mi-env-card__tag\" style=\"background:rgba(124,77,255,0.12);color:#a870ff\">Forecasting<\/span>\n          <\/div>\n        <\/div>\n        <div class=\"dt-mi-env-card\">\n          <div class=\"dt-mi-env-card__icon\" style=\"background:rgba(124,77,255,0.08);border-color:rgba(124,77,255,0.2)\">\n            <svg viewBox=\"0 0 28 28\" fill=\"none\"><rect x=\"4\" y=\"10\" width=\"8\" height=\"10\" rx=\"1.5\" stroke=\"#a870ff\" stroke-width=\"1.2\"\/><path d=\"M12,15 L24,15 M20,11 L24,15 L20,19\" stroke=\"#a870ff\" stroke-width=\"1.3\" stroke-linecap=\"round\"\/><\/svg>\n          <\/div>\n          <div class=\"dt-mi-env-card__title\">Supplier Network Management<\/div>\n          <div class=\"dt-mi-env-card__desc\">Supplier qualification, performance scorecards, risk tiering, and dual-sourcing strategy to build resilient, audit-ready supply networks.<\/div>\n          <div class=\"dt-mi-env-card__tags\">\n            <span class=\"dt-mi-env-card__tag\" style=\"background:rgba(124,77,255,0.12);color:#a870ff\">SRM<\/span>\n            <span class=\"dt-mi-env-card__tag\" style=\"background:rgba(124,77,255,0.12);color:#a870ff\">Risk<\/span>\n          <\/div>\n        <\/div>\n        <div class=\"dt-mi-env-card\">\n          <div class=\"dt-mi-env-card__icon\" style=\"background:rgba(124,77,255,0.08);border-color:rgba(124,77,255,0.2)\">\n            <svg viewBox=\"0 0 28 28\" fill=\"none\"><rect x=\"2\" y=\"12\" width=\"16\" height=\"10\" rx=\"2\" stroke=\"#a870ff\" stroke-width=\"1.2\"\/><path d=\"M18,17 L26,17 L26,22 L22,22\" stroke=\"#a870ff\" stroke-width=\"1.2\"\/><circle cx=\"8\" cy=\"24\" r=\"2.5\" stroke=\"#a870ff\" stroke-width=\"1.2\"\/><circle cx=\"22\" cy=\"24\" r=\"2.5\" stroke=\"#a870ff\" stroke-width=\"1.2\"\/><\/svg>\n          <\/div>\n          <div class=\"dt-mi-env-card__title\">Inbound Logistics &amp; WMS<\/div>\n          <div class=\"dt-mi-env-card__desc\">Warehouse management, receiving, putaway, and slotting strategy aligned with production pull signals and JIT delivery requirements.<\/div>\n          <div class=\"dt-mi-env-card__tags\">\n            <span class=\"dt-mi-env-card__tag\" style=\"background:rgba(124,77,255,0.12);color:#a870ff\">WMS<\/span>\n            <span class=\"dt-mi-env-card__tag\" style=\"background:rgba(124,77,255,0.12);color:#a870ff\">JIT<\/span>\n          <\/div>\n        <\/div>\n        <div class=\"dt-mi-env-card\">\n          <div class=\"dt-mi-env-card__icon\" style=\"background:rgba(124,77,255,0.08);border-color:rgba(124,77,255,0.2)\">\n            <svg viewBox=\"0 0 28 28\" fill=\"none\"><path d=\"M5,10 L14,5 L23,10 L23,20 L14,25 L5,20 Z\" stroke=\"#a870ff\" stroke-width=\"1.2\"\/><path d=\"M5,10 L14,15 L23,10\" stroke=\"#a870ff\" stroke-width=\"0.8\" opacity=\"0.5\"\/><line x1=\"14\" y1=\"15\" x2=\"14\" y2=\"25\" stroke=\"#a870ff\" stroke-width=\"0.8\" opacity=\"0.5\"\/><\/svg>\n          <\/div>\n          <div class=\"dt-mi-env-card__title\">Inventory Optimisation<\/div>\n          <div class=\"dt-mi-env-card__desc\">Safety stock modeling, reorder point calculation, and multi-site inventory balancing to reduce working capital while maintaining fill rates.<\/div>\n          <div class=\"dt-mi-env-card__tags\">\n            <span class=\"dt-mi-env-card__tag\" style=\"background:rgba(124,77,255,0.12);color:#a870ff\">Inventory<\/span>\n            <span class=\"dt-mi-env-card__tag\" style=\"background:rgba(124,77,255,0.12);color:#a870ff\">DIO<\/span>\n          <\/div>\n        <\/div>\n      <\/div>\n      <div class=\"dt-mi-env-minimap\">\n        <div class=\"dt-mi-env-minimap__title\">\u25b8 Supply Chain Pathway<\/div>\n        <svg viewBox=\"0 0 280 280\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n          <path d=\"M20,140 Q70,80 140,100 Q200,120 260,80\" fill=\"none\" stroke=\"rgba(124,77,255,0.5)\" stroke-width=\"2\" class=\"dt-flow-path\"\/>\n          <path d=\"M20,140 Q70,80 140,100 Q200,120 260,80\" fill=\"none\" stroke=\"rgba(124,77,255,0.12)\" stroke-width=\"8\"\/>\n          <circle cx=\"20\" cy=\"140\" r=\"8\" fill=\"rgba(6,17,28,0.9)\" stroke=\"#7c4dff\" stroke-width=\"2\" class=\"dt-pulse-node\"\/>\n          <circle cx=\"90\" cy=\"95\" r=\"8\" fill=\"rgba(6,17,28,0.9)\" stroke=\"#a870ff\" stroke-width=\"2\" class=\"dt-pulse-2\"\/>\n          <circle cx=\"140\" cy=\"100\" r=\"10\" fill=\"rgba(6,17,28,0.9)\" stroke=\"#7c4dff\" stroke-width=\"2.5\" class=\"dt-pulse-3\"\/>\n          <circle cx=\"200\" cy=\"110\" r=\"8\" fill=\"rgba(6,17,28,0.9)\" stroke=\"#a870ff\" stroke-width=\"2\" class=\"dt-pulse-node\"\/>\n          <circle cx=\"260\" cy=\"80\" r=\"8\" fill=\"rgba(6,17,28,0.9)\" stroke=\"#7c4dff\" stroke-width=\"2\" class=\"dt-pulse-2\"\/>\n          <text x=\"20\" y=\"158\" text-anchor=\"middle\" fill=\"rgba(143,169,197,0.7)\" font-size=\"7\" font-family=\"'JetBrains Mono',monospace\">SUPPLIER<\/text>\n          <text x=\"140\" y=\"118\" text-anchor=\"middle\" fill=\"rgba(220,236,255,0.9)\" font-size=\"7\" font-family=\"'JetBrains Mono',monospace\">WAREHOUSE<\/text>\n          <text x=\"260\" y=\"68\" text-anchor=\"middle\" fill=\"rgba(143,169,197,0.7)\" font-size=\"7\" font-family=\"'JetBrains Mono',monospace\">DISPATCH<\/text>\n          <rect x=\"20\" y=\"185\" width=\"220\" height=\"8\" rx=\"4\" fill=\"rgba(124,77,255,0.08)\" stroke=\"rgba(124,77,255,0.2)\" stroke-width=\"0.8\"\/>\n          <rect x=\"20\" y=\"185\" width=\"165\" height=\"8\" rx=\"4\" fill=\"rgba(124,77,255,0.45)\"\/>\n          <text x=\"140\" y=\"210\" text-anchor=\"middle\" fill=\"rgba(168,112,255,0.8)\" font-size=\"7.5\" font-family=\"'JetBrains Mono',monospace\">FILL RATE: 97.4%<\/text>\n        <\/svg>\n      <\/div>\n    <\/div>\n\n    <!-- Tab Panel: Automation & ERP -->\n    <div class=\"dt-mi-env-panel\" id=\"panel-automation\" data-panel=\"automation\">\n      <div class=\"dt-mi-env-grid\">\n        <div class=\"dt-mi-env-card\">\n          <div class=\"dt-mi-env-card__icon\" style=\"background:rgba(255,138,42,0.08);border-color:rgba(255,138,42,0.2)\">\n            <svg viewBox=\"0 0 28 28\" fill=\"none\"><rect x=\"3\" y=\"5\" width=\"22\" height=\"18\" rx=\"2\" stroke=\"#ff8a2a\" stroke-width=\"1.2\"\/><line x1=\"3\" y1=\"11\" x2=\"25\" y2=\"11\" stroke=\"#ff8a2a\" stroke-width=\"0.8\" opacity=\"0.4\"\/><rect x=\"6\" y=\"14\" width=\"8\" height=\"5\" rx=\"1\" fill=\"rgba(255,138,42,0.2)\" stroke=\"#ffb060\" stroke-width=\"0.8\"\/><rect x=\"16\" y=\"14\" width=\"6\" height=\"5\" rx=\"1\" fill=\"rgba(255,138,42,0.15)\" stroke=\"rgba(255,138,42,0.4)\" stroke-width=\"0.8\"\/><\/svg>\n          <\/div>\n          <div class=\"dt-mi-env-card__title\">SAP &amp; Oracle ERP Transformation<\/div>\n          <div class=\"dt-mi-env-card__desc\">Full SAP S\/4HANA and Oracle Cloud Manufacturing implementation, migration, and optimisation with manufacturing-specific process design and integration.<\/div>\n          <div class=\"dt-mi-env-card__tags\">\n            <span class=\"dt-mi-env-card__tag\" style=\"background:rgba(255,138,42,0.12);color:#ffb060\">SAP S\/4HANA<\/span>\n            <span class=\"dt-mi-env-card__tag\" style=\"background:rgba(255,138,42,0.12);color:#ffb060\">Oracle<\/span>\n          <\/div>\n        <\/div>\n        <div class=\"dt-mi-env-card\">\n          <div class=\"dt-mi-env-card__icon\" style=\"background:rgba(255,138,42,0.08);border-color:rgba(255,138,42,0.2)\">\n            <svg viewBox=\"0 0 28 28\" fill=\"none\"><circle cx=\"14\" cy=\"14\" r=\"5\" stroke=\"#ff8a2a\" stroke-width=\"1.2\"\/><path d=\"M14,3 L14,9 M14,19 L14,25 M3,14 L9,14 M19,14 L25,14\" stroke=\"#ff8a2a\" stroke-width=\"1.2\" stroke-linecap=\"round\"\/><circle cx=\"14\" cy=\"14\" r=\"10\" stroke=\"#ff8a2a\" stroke-width=\"0.6\" stroke-dasharray=\"2 3\" opacity=\"0.4\"\/><\/svg>\n          <\/div>\n          <div class=\"dt-mi-env-card__title\">MES &amp; SCADA Integration<\/div>\n          <div class=\"dt-mi-env-card__desc\">Bidirectional data integration between MES, SCADA, PLCs, and ERP layers using ISA-95 standard. Real-time production data fabric across the plant.<\/div>\n          <div class=\"dt-mi-env-card__tags\">\n            <span class=\"dt-mi-env-card__tag\" style=\"background:rgba(255,138,42,0.12);color:#ffb060\">ISA-95<\/span>\n            <span class=\"dt-mi-env-card__tag\" style=\"background:rgba(255,138,42,0.12);color:#ffb060\">SCADA<\/span>\n          <\/div>\n        <\/div>\n        <div class=\"dt-mi-env-card\">\n          <div class=\"dt-mi-env-card__icon\" style=\"background:rgba(255,138,42,0.08);border-color:rgba(255,138,42,0.2)\">\n            <svg viewBox=\"0 0 28 28\" fill=\"none\"><rect x=\"3\" y=\"8\" width=\"10\" height=\"12\" rx=\"1.5\" stroke=\"#ff8a2a\" stroke-width=\"1.2\"\/><path d=\"M13,14 L25,14\" stroke=\"#ff8a2a\" stroke-width=\"1.2\"\/><rect x=\"16\" y=\"10\" width=\"9\" height=\"8\" rx=\"1.5\" stroke=\"#ff8a2a\" stroke-width=\"1.2\" fill=\"rgba(255,138,42,0.1)\"\/><\/svg>\n          <\/div>\n          <div class=\"dt-mi-env-card__title\">Digital Twin &amp; IIoT Architecture<\/div>\n          <div class=\"dt-mi-env-card__desc\">Asset digital twins, real-time sensor integration, edge computing architecture, and IIoT platform design for predictive and prescriptive intelligence.<\/div>\n          <div class=\"dt-mi-env-card__tags\">\n            <span class=\"dt-mi-env-card__tag\" style=\"background:rgba(255,138,42,0.12);color:#ffb060\">IIoT<\/span>\n            <span class=\"dt-mi-env-card__tag\" style=\"background:rgba(255,138,42,0.12);color:#ffb060\">Digital Twin<\/span>\n          <\/div>\n        <\/div>\n        <div class=\"dt-mi-env-card\">\n          <div class=\"dt-mi-env-card__icon\" style=\"background:rgba(255,138,42,0.08);border-color:rgba(255,138,42,0.2)\">\n            <svg viewBox=\"0 0 28 28\" fill=\"none\"><path d=\"M4,22 L10,10 L16,15 L22,6\" stroke=\"#ff8a2a\" stroke-width=\"1.5\" fill=\"none\" stroke-linecap=\"round\"\/><rect x=\"2\" y=\"23\" width=\"24\" height=\"1.5\" rx=\"0.75\" fill=\"rgba(255,138,42,0.3)\"\/><\/svg>\n          <\/div>\n          <div class=\"dt-mi-env-card__title\">Analytics &amp; Reporting Layer<\/div>\n          <div class=\"dt-mi-env-card__desc\">Manufacturing BI dashboards, production KPI towers, and executive operations reporting with drill-through to shift, line, and SKU level detail.<\/div>\n          <div class=\"dt-mi-env-card__tags\">\n            <span class=\"dt-mi-env-card__tag\" style=\"background:rgba(255,138,42,0.12);color:#ffb060\">BI<\/span>\n            <span class=\"dt-mi-env-card__tag\" style=\"background:rgba(255,138,42,0.12);color:#ffb060\">Analytics<\/span>\n          <\/div>\n        <\/div>\n      <\/div>\n      <div class=\"dt-mi-env-minimap\">\n        <div class=\"dt-mi-env-minimap__title\">\u25b8 Automation Layers<\/div>\n        <svg viewBox=\"0 0 280 280\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n          <!-- Layer stack -->\n          <rect x=\"20\" y=\"30\" width=\"240\" height=\"36\" rx=\"4\" fill=\"rgba(255,138,42,0.08)\" stroke=\"rgba(255,138,42,0.3)\" stroke-width=\"1\"\/>\n          <text x=\"30\" y=\"53\" fill=\"rgba(255,176,96,0.9)\" font-size=\"9\" font-weight=\"600\" font-family=\"'Barlow Condensed',sans-serif\">ERP LAYER  \u2014 SAP \/ Oracle \/ Infor<\/text>\n          <rect x=\"20\" y=\"80\" width=\"240\" height=\"36\" rx=\"4\" fill=\"rgba(124,77,255,0.08)\" stroke=\"rgba(124,77,255,0.3)\" stroke-width=\"1\"\/>\n          <text x=\"30\" y=\"103\" fill=\"rgba(168,112,255,0.9)\" font-size=\"9\" font-weight=\"600\" font-family=\"'Barlow Condensed',sans-serif\">MES LAYER  \u2014 Execution \/ Tracking<\/text>\n          <rect x=\"20\" y=\"130\" width=\"240\" height=\"36\" rx=\"4\" fill=\"rgba(24,168,255,0.08)\" stroke=\"rgba(24,168,255,0.3)\" stroke-width=\"1\"\/>\n          <text x=\"30\" y=\"153\" fill=\"rgba(61,213,255,0.9)\" font-size=\"9\" font-weight=\"600\" font-family=\"'Barlow Condensed',sans-serif\">SCADA\/IIoT \u2014 Real-time Sensors<\/text>\n          <rect x=\"20\" y=\"180\" width=\"240\" height=\"36\" rx=\"4\" fill=\"rgba(0,229,204,0.06)\" stroke=\"rgba(0,229,204,0.2)\" stroke-width=\"1\"\/>\n          <text x=\"30\" y=\"203\" fill=\"rgba(0,229,204,0.8)\" font-size=\"9\" font-weight=\"600\" font-family=\"'Barlow Condensed',sans-serif\">DEVICE  \u2014 PLC \/ Robots \/ Vision<\/text>\n          <!-- Connectors between layers -->\n          <path d=\"M140,66 L140,80\" stroke=\"rgba(255,138,42,0.4)\" stroke-width=\"1.5\" class=\"dt-flow-path\"\/>\n          <path d=\"M140,116 L140,130\" stroke=\"rgba(124,77,255,0.4)\" stroke-width=\"1.5\" class=\"dt-flow-path\"\/>\n          <path d=\"M140,166 L140,180\" stroke=\"rgba(24,168,255,0.4)\" stroke-width=\"1.5\" class=\"dt-flow-path\"\/>\n        <\/svg>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<div class=\"dt-mi-section-divider\"><\/div>\n\n<!-- ============================================================\n     BLOCK 4: DELIVERY \u2014 FIVE-PART EXECUTION MODEL\n     ============================================================ -->\n<section class=\"dt-mi-delivery\">\n  <div class=\"dt-mi-inner\">\n    <div class=\"dt-mi-delivery__header dt-mi-reveal\">\n      <div class=\"dt-mi-eyebrow\">Delivery Capabilities<\/div>\n      <h2>Manufacturing Execution Model<\/h2>\n      <p class=\"dt-mi-delivery__sub\">Five integrated capability domains working as a connected system \u2014 from strategic planning through continuous production improvement. Not a service list. A manufacturing operating model.<\/p>\n    <\/div>\n\n    <div class=\"dt-mi-exec-model\">\n\n      <!-- Vertical spine SVG -->\n      <div class=\"dt-mi-exec-spine\">\n        <svg viewBox=\"0 0 80 800\" preserveAspectRatio=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"height:100%;min-height:700px\">\n          <line x1=\"40\" y1=\"0\" x2=\"40\" y2=\"800\" stroke=\"rgba(24,168,255,0.15)\" stroke-width=\"1\" stroke-dasharray=\"6 4\"\/>\n          <line x1=\"40\" y1=\"0\" x2=\"40\" y2=\"800\" stroke=\"rgba(24,168,255,0.4)\" stroke-width=\"2\" class=\"dt-flow-path\"\/>\n          <!-- Spine nodes -->\n          <circle cx=\"40\" cy=\"160\" r=\"10\" fill=\"rgba(6,17,28,0.95)\" stroke=\"#18a8ff\" stroke-width=\"2.5\" class=\"dt-pulse-node\"\/>\n          <circle cx=\"40\" cy=\"320\" r=\"10\" fill=\"rgba(6,17,28,0.95)\" stroke=\"#ff8a2a\" stroke-width=\"2.5\" class=\"dt-pulse-2\"\/>\n          <circle cx=\"40\" cy=\"480\" r=\"10\" fill=\"rgba(6,17,28,0.95)\" stroke=\"#7c4dff\" stroke-width=\"2.5\" class=\"dt-pulse-3\"\/>\n          <circle cx=\"40\" cy=\"640\" r=\"10\" fill=\"rgba(6,17,28,0.95)\" stroke=\"#00e5cc\" stroke-width=\"2.5\" class=\"dt-pulse-node\"\/>\n          <!-- Spine glow -->\n          <line x1=\"40\" y1=\"0\" x2=\"40\" y2=\"800\" stroke=\"rgba(24,168,255,0.08)\" stroke-width=\"8\"\/>\n        <\/svg>\n      <\/div>\n\n      <!-- ROW 1: Left -->\n      <div class=\"dt-mi-exec-node left dt-mi-reveal\" style=\"grid-row:1\">\n        <div class=\"dt-mi-exec-dot\"><\/div>\n        <div class=\"dt-mi-exec-card accent-blue\">\n          <div class=\"dt-mi-exec-card__icon\">\n            <svg viewBox=\"0 0 30 30\" fill=\"none\"><rect x=\"3\" y=\"5\" width=\"24\" height=\"20\" rx=\"2\" stroke=\"#18a8ff\" stroke-width=\"1.2\"\/><line x1=\"3\" y1=\"12\" x2=\"27\" y2=\"12\" stroke=\"#18a8ff\" stroke-width=\"0.8\" opacity=\"0.4\"\/><line x1=\"8\" y1=\"17\" x2=\"16\" y2=\"17\" stroke=\"#3dd5ff\" stroke-width=\"1.2\" stroke-linecap=\"round\"\/><line x1=\"8\" y1=\"21\" x2=\"22\" y2=\"21\" stroke=\"rgba(61,213,255,0.5)\" stroke-width=\"0.8\"\/><\/svg>\n          <\/div>\n          <div class=\"dt-mi-exec-card__num\">Capability 01<\/div>\n          <div class=\"dt-mi-exec-card__title\">Production Planning &amp; MPS Design<\/div>\n          <div class=\"dt-mi-exec-card__desc\">Master production scheduling, rough-cut capacity planning, and demand-to-production translation across single and multi-site environments. Connects S&amp;OP output to executable shop-floor plans.<\/div>\n        <\/div>\n      <\/div>\n\n      <!-- ROW 1: Right -->\n      <div class=\"dt-mi-exec-node right dt-mi-reveal\" style=\"grid-row:1\">\n        <div class=\"dt-mi-exec-dot\"><\/div>\n        <div class=\"dt-mi-exec-card accent-orange right-side\">\n          <div class=\"dt-mi-exec-card__icon\" style=\"background:rgba(255,138,42,0.08);border-color:rgba(255,138,42,0.2)\">\n            <svg viewBox=\"0 0 30 30\" fill=\"none\"><circle cx=\"15\" cy=\"15\" r=\"8\" stroke=\"#ff8a2a\" stroke-width=\"1.3\" stroke-dasharray=\"4 2\"\/><circle cx=\"15\" cy=\"15\" r=\"4\" fill=\"rgba(255,138,42,0.2)\" stroke=\"#ffb060\" stroke-width=\"1.2\"\/><path d=\"M12,15 L14,17 L18,13\" stroke=\"#ffb060\" stroke-width=\"1.5\" stroke-linecap=\"round\" fill=\"none\"\/><\/svg>\n          <\/div>\n          <div class=\"dt-mi-exec-card__num\" style=\"color:var(--orange)\">Capability 02<\/div>\n          <div class=\"dt-mi-exec-card__title\">Quality Systems &amp; Inspection Integration<\/div>\n          <div class=\"dt-mi-exec-card__desc\">End-to-end quality management from APQP through production, connecting SPC, gauge calibration, CMM, and audit-ready traceability with zero-escape targets.<\/div>\n        <\/div>\n      <\/div>\n\n      <!-- ROW 2: Left -->\n      <div class=\"dt-mi-exec-node left dt-mi-reveal\" style=\"grid-row:2\">\n        <div class=\"dt-mi-exec-dot\"><\/div>\n        <div class=\"dt-mi-exec-card accent-purple\">\n          <div class=\"dt-mi-exec-card__icon\" style=\"background:rgba(124,77,255,0.08);border-color:rgba(124,77,255,0.2)\">\n            <svg viewBox=\"0 0 30 30\" fill=\"none\"><path d=\"M15,5 L15,15 M15,15 L21,21\" stroke=\"#a870ff\" stroke-width=\"1.5\" stroke-linecap=\"round\"\/><circle cx=\"15\" cy=\"15\" r=\"4\" fill=\"rgba(124,77,255,0.15)\" stroke=\"#7c4dff\" stroke-width=\"1.2\"\/><circle cx=\"15\" cy=\"15\" r=\"10\" stroke=\"rgba(124,77,255,0.3)\" stroke-width=\"1\" stroke-dasharray=\"3 2\"\/><\/svg>\n          <\/div>\n          <div class=\"dt-mi-exec-card__num\" style=\"color:var(--purp2)\">Capability 03<\/div>\n          <div class=\"dt-mi-exec-card__title\">Maintenance &amp; Asset Reliability<\/div>\n          <div class=\"dt-mi-exec-card__desc\">Predictive maintenance programs, CMMS optimisation, TPM rollouts, and spare parts rationalisation. Targets MTBF improvement and unplanned downtime elimination at cell, line, and plant level.<\/div>\n        <\/div>\n      <\/div>\n\n      <!-- ROW 2: Right -->\n      <div class=\"dt-mi-exec-node right dt-mi-reveal\" style=\"grid-row:2\">\n        <div class=\"dt-mi-exec-dot\"><\/div>\n        <div class=\"dt-mi-exec-card accent-cyan right-side\">\n          <div class=\"dt-mi-exec-card__icon\" style=\"background:rgba(0,229,204,0.08);border-color:rgba(0,229,204,0.2)\">\n            <svg viewBox=\"0 0 30 30\" fill=\"none\"><path d=\"M5,22 L10,14 L16,18 L22,8\" stroke=\"#00e5cc\" stroke-width=\"1.5\" fill=\"none\" stroke-linecap=\"round\"\/><rect x=\"3\" y=\"23\" width=\"24\" height=\"2\" rx=\"1\" fill=\"rgba(0,229,204,0.2)\"\/><circle cx=\"10\" cy=\"14\" r=\"2.5\" fill=\"rgba(0,229,204,0.2)\" stroke=\"#00e5cc\" stroke-width=\"1\"\/><\/svg>\n          <\/div>\n          <div class=\"dt-mi-exec-card__num\" style=\"color:var(--cyan)\">Capability 04<\/div>\n          <div class=\"dt-mi-exec-card__title\">Materials Management &amp; Inventory Control<\/div>\n          <div class=\"dt-mi-exec-card__desc\">Material requirements planning (MRP), warehouse optimisation, kanban design, and supplier-side pull systems to eliminate material-driven line stoppages and reduce working capital.<\/div>\n        <\/div>\n      <\/div>\n\n      <!-- ROW 3: Centre wide (5th capability) -->\n      <div class=\"dt-mi-exec-node center-wide dt-mi-reveal\" style=\"grid-row:3\">\n        <div class=\"dt-mi-exec-card dt-mi-exec-card--wide\">\n          <div>\n            <div class=\"dt-mi-exec-card__icon\" style=\"background:rgba(255,138,42,0.08);border-color:rgba(255,138,42,0.2)\">\n              <svg viewBox=\"0 0 30 30\" fill=\"none\"><rect x=\"3\" y=\"8\" width=\"24\" height=\"16\" rx=\"2\" stroke=\"#ff8a2a\" stroke-width=\"1.2\"\/><line x1=\"3\" y1=\"14\" x2=\"27\" y2=\"14\" stroke=\"#ff8a2a\" stroke-width=\"0.7\" opacity=\"0.4\"\/><path d=\"M8,18 L22,18\" stroke=\"#ffb060\" stroke-width=\"1.2\" class=\"dt-flow-path\"\/><rect x=\"10\" y=\"10\" width=\"10\" height=\"4\" rx=\"1\" fill=\"rgba(255,138,42,0.2)\" stroke=\"#ffb060\" stroke-width=\"0.8\"\/><\/svg>\n            <\/div>\n          <\/div>\n          <div>\n            <div class=\"dt-mi-exec-card__num\" style=\"color:var(--orange)\">Capability 05 \u2014 Integration Backbone<\/div>\n            <div class=\"dt-mi-exec-card__title\">ERP, MES &amp; Digital Operations Integration<\/div>\n            <div class=\"dt-mi-exec-card__desc\">The connective layer across all four capabilities. SAP, Oracle, Infor, and custom ERP integration with MES, CMMS, WMS, and plant-floor systems. Unified data fabric enabling real-time decision intelligence across production, quality, maintenance, and supply chain \u2014 simultaneously.<\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n    <\/div><!-- \/exec model -->\n  <\/div>\n<\/section>\n\n<div class=\"dt-mi-section-divider\"><\/div>\n\n<!-- ============================================================\n     BLOCK 5: TRANSFORMATION \u2014 SIX-STAGE PRODUCTION IMPROVEMENT PATHWAY\n     ============================================================ -->\n<section class=\"dt-mi-transformation\">\n  <div class=\"dt-mi-transformation__bg\"><\/div>\n  <div class=\"dt-mi-inner\">\n    <div class=\"dt-mi-transformation__header dt-mi-reveal\">\n      <div class=\"dt-mi-eyebrow\">Transformation Pathway<\/div>\n      <h2>Six-Stage Production Improvement<\/h2>\n      <p class=\"dt-mi-transformation__sub\">A structured, sequenced programme that takes manufacturing operations from baseline assessment to continuous improvement at pace \u2014 without disrupting live production.<\/p>\n    <\/div>\n\n    <div class=\"dt-mi-pathway\">\n      <!-- Animated path connector (CSS-only) -->\n      <svg class=\"dt-mi-pathway__connector\" viewBox=\"0 0 1200 400\" preserveAspectRatio=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"pointer-events:none;position:absolute;top:0;left:0;width:100%;height:100%;z-index:0\">\n        <path d=\"M200,100 Q400,100 600,200 Q800,300 1000,100\" fill=\"none\" stroke=\"rgba(24,168,255,0.2)\" stroke-width=\"2\" stroke-dasharray=\"10 6\" class=\"dt-flow-path\"\/>\n        <path d=\"M200,100 Q400,100 600,200 Q800,300 1000,100\" fill=\"none\" stroke=\"rgba(24,168,255,0.06)\" stroke-width=\"10\"\/>\n      <\/svg>\n\n      <div class=\"dt-mi-pathway__track\">\n        <!-- Stage 1 -->\n        <div class=\"dt-mi-stage dt-mi-reveal\">\n          <div class=\"dt-mi-stage__card\">\n            <div class=\"dt-mi-stage__num\">01<\/div>\n            <div class=\"dt-mi-stage__icon\">\n              <svg viewBox=\"0 0 28 28\" fill=\"none\"><rect x=\"3\" y=\"5\" width=\"22\" height=\"18\" rx=\"2\" stroke=\"#18a8ff\" stroke-width=\"1.2\"\/><line x1=\"7\" y1=\"11\" x2=\"21\" y2=\"11\" stroke=\"#3dd5ff\" stroke-width=\"1\"\/><line x1=\"7\" y1=\"15\" x2=\"17\" y2=\"15\" stroke=\"rgba(61,213,255,0.6)\" stroke-width=\"0.8\"\/><line x1=\"7\" y1=\"19\" x2=\"14\" y2=\"19\" stroke=\"rgba(61,213,255,0.5)\" stroke-width=\"0.8\"\/><\/svg>\n            <\/div>\n            <div class=\"dt-mi-stage__label\">Stage 01<\/div>\n            <div class=\"dt-mi-stage__title\">Production Baseline &amp; Assessment<\/div>\n            <div class=\"dt-mi-stage__desc\">OEE baseline, production loss waterfall analysis, and operating model diagnostic. Identifies the highest-value improvement opportunities before any change is made.<\/div>\n          <\/div>\n        <\/div>\n\n        <!-- Stage 2 -->\n        <div class=\"dt-mi-stage dt-mi-reveal\">\n          <div class=\"dt-mi-stage__card\">\n            <div class=\"dt-mi-stage__num\">02<\/div>\n            <div class=\"dt-mi-stage__icon\">\n              <svg viewBox=\"0 0 28 28\" fill=\"none\"><circle cx=\"14\" cy=\"14\" r=\"8\" stroke=\"#ff8a2a\" stroke-width=\"1.2\" stroke-dasharray=\"4 2\"\/><circle cx=\"14\" cy=\"14\" r=\"4\" fill=\"rgba(255,138,42,0.15)\" stroke=\"#ffb060\" stroke-width=\"1.2\"\/><path d=\"M11,14 L13,16 L17,12\" stroke=\"#ffb060\" stroke-width=\"1.5\" stroke-linecap=\"round\" fill=\"none\"\/><\/svg>\n            <\/div>\n            <div class=\"dt-mi-stage__label\">Stage 02<\/div>\n            <div class=\"dt-mi-stage__title\">Quality &amp; Defect Elimination<\/div>\n            <div class=\"dt-mi-stage__desc\">Root cause analysis, PFMEA update, and inline detection system design. Targets zero-escape quality with SPC-driven control plans and audit readiness.<\/div>\n          <\/div>\n        <\/div>\n\n        <!-- Stage 3 -->\n        <div class=\"dt-mi-stage dt-mi-reveal\">\n          <div class=\"dt-mi-stage__card\">\n            <div class=\"dt-mi-stage__num\">03<\/div>\n            <div class=\"dt-mi-stage__icon\">\n              <svg viewBox=\"0 0 28 28\" fill=\"none\"><path d=\"M14,5 L14,13 M14,13 L19,18\" stroke=\"#a870ff\" stroke-width=\"1.5\" stroke-linecap=\"round\"\/><circle cx=\"14\" cy=\"13\" r=\"4\" fill=\"rgba(124,77,255,0.15)\" stroke=\"#7c4dff\" stroke-width=\"1.2\"\/><circle cx=\"14\" cy=\"13\" r=\"10\" stroke=\"rgba(124,77,255,0.3)\" stroke-width=\"0.8\" stroke-dasharray=\"3 2\"\/><\/svg>\n            <\/div>\n            <div class=\"dt-mi-stage__label\">Stage 03<\/div>\n            <div class=\"dt-mi-stage__title\">Maintenance Reliability Programme<\/div>\n            <div class=\"dt-mi-stage__desc\">TPM deployment, preventive maintenance schedule design, and predictive maintenance sensor integration. CMMS configuration and maintenance KPI dashboards.<\/div>\n          <\/div>\n        <\/div>\n\n        <!-- Stage 4 -->\n        <div class=\"dt-mi-stage dt-mi-reveal\">\n          <div class=\"dt-mi-stage__card\">\n            <div class=\"dt-mi-stage__num\">04<\/div>\n            <div class=\"dt-mi-stage__icon\">\n              <svg viewBox=\"0 0 28 28\" fill=\"none\"><path d=\"M5,10 L14,5 L23,10 L23,18 L14,23 L5,18 Z\" stroke=\"#00e5cc\" stroke-width=\"1.2\"\/><path d=\"M5,10 L14,15 L23,10\" stroke=\"#00e5cc\" stroke-width=\"0.8\" opacity=\"0.5\"\/><line x1=\"14\" y1=\"15\" x2=\"14\" y2=\"23\" stroke=\"#00e5cc\" stroke-width=\"0.8\" opacity=\"0.5\"\/><\/svg>\n            <\/div>\n            <div class=\"dt-mi-stage__label\">Stage 04<\/div>\n            <div class=\"dt-mi-stage__title\">Materials &amp; Supply Chain Realignment<\/div>\n            <div class=\"dt-mi-stage__desc\">MRP configuration, safety stock optimisation, supplier lead time reduction, and kanban system implementation. Eliminates material-driven production interruptions.<\/div>\n          <\/div>\n        <\/div>\n\n        <!-- Stage 5 -->\n        <div class=\"dt-mi-stage dt-mi-reveal\">\n          <div class=\"dt-mi-stage__card\">\n            <div class=\"dt-mi-stage__num\">05<\/div>\n            <div class=\"dt-mi-stage__icon\">\n              <svg viewBox=\"0 0 28 28\" fill=\"none\"><rect x=\"3\" y=\"7\" width=\"22\" height=\"15\" rx=\"2\" stroke=\"#ffb060\" stroke-width=\"1.2\"\/><line x1=\"3\" y1=\"13\" x2=\"25\" y2=\"13\" stroke=\"#ffb060\" stroke-width=\"0.7\" opacity=\"0.4\"\/><rect x=\"7\" y=\"9\" width=\"7\" height=\"4\" rx=\"1\" fill=\"rgba(255,176,96,0.2)\" stroke=\"#ffb060\" stroke-width=\"0.8\"\/><path d=\"M7,17 L21,17\" stroke=\"#ffb060\" stroke-width=\"1\" class=\"dt-flow-path\"\/><\/svg>\n            <\/div>\n            <div class=\"dt-mi-stage__label\">Stage 05<\/div>\n            <div class=\"dt-mi-stage__title\">ERP &amp; MES System Optimisation<\/div>\n            <div class=\"dt-mi-stage__desc\">Transaction cleanup, master data governance, MES configuration, and production reporting rationalisation. Turns system data into real-time manufacturing intelligence.<\/div>\n          <\/div>\n        <\/div>\n\n        <!-- Stage 6 -->\n        <div class=\"dt-mi-stage dt-mi-reveal\">\n          <div class=\"dt-mi-stage__card\">\n            <div class=\"dt-mi-stage__num\">06<\/div>\n            <div class=\"dt-mi-stage__icon\">\n              <svg viewBox=\"0 0 28 28\" fill=\"none\"><path d=\"M5,22 L10,12 L16,16 L22,6\" stroke=\"#3dd5ff\" stroke-width=\"1.5\" fill=\"none\" stroke-linecap=\"round\"\/><circle cx=\"10\" cy=\"12\" r=\"2\" fill=\"rgba(24,168,255,0.2)\" stroke=\"#3dd5ff\" stroke-width=\"1\"\/><circle cx=\"22\" cy=\"6\" r=\"2\" fill=\"rgba(24,168,255,0.3)\" stroke=\"#3dd5ff\" stroke-width=\"1\"\/><\/svg>\n            <\/div>\n            <div class=\"dt-mi-stage__label\">Stage 06<\/div>\n            <div class=\"dt-mi-stage__title\">Continuous Improvement &amp; CI Culture<\/div>\n            <div class=\"dt-mi-stage__desc\">Structured CI governance, Lean\/Six Sigma competency build, KPI tower design, and management operating system rollout. Embeds a self-sustaining improvement engine in the organisation.<\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<div class=\"dt-mi-section-divider\"><\/div>\n\n<!-- ============================================================\n     BLOCK 6: WHY DT \u2014 CREDIBILITY CONTROL PANEL\n     ============================================================ -->\n<section class=\"dt-mi-why\">\n  <div class=\"dt-mi-why__bg\"><\/div>\n  <div class=\"dt-mi-inner\">\n    <div class=\"dt-mi-why__inner\">\n\n      <!-- LEFT -->\n      <div class=\"dt-mi-why__left dt-mi-reveal\">\n        <div class=\"dt-mi-eyebrow\">Why DT Solutions<\/div>\n        <h2>Built for <em>Manufacturing.<\/em><br>Delivered at Pace.<\/h2>\n        <p>We don't arrive with frameworks. We arrive with manufacturing domain knowledge, pre-built accelerators, and a delivery model designed around live production constraints \u2014 so change happens without stopping the line.<\/p>\n\n        <!-- Output continuity line -->\n        <div class=\"dt-mi-why__continuity\">\n          <div class=\"dt-mi-why__cont-label\">\u25b8 Production Continuity Assurance<\/div>\n          <div class=\"dt-mi-why__cont-track\">\n            <div class=\"dt-mi-why__cont-bar\" style=\"width:94%\"><\/div>\n          <\/div>\n          <div class=\"dt-mi-why__cont-markers\">\n            <span class=\"dt-mi-why__cont-marker\">PLAN<\/span>\n            <span class=\"dt-mi-why__cont-marker\">DESIGN<\/span>\n            <span class=\"dt-mi-why__cont-marker\">BUILD<\/span>\n            <span class=\"dt-mi-why__cont-marker\">DEPLOY<\/span>\n            <span class=\"dt-mi-why__cont-marker\">RUN<\/span>\n          <\/div>\n        <\/div>\n\n        <!-- KPI indicators -->\n        <div class=\"dt-mi-why__kpis\">\n          <div class=\"dt-mi-why__kpi\">\n            <div class=\"dt-mi-why__kpi-value orange\">98%<\/div>\n            <div class=\"dt-mi-why__kpi-label\">On-time delivery rate across active programmes<\/div>\n          <\/div>\n          <div class=\"dt-mi-why__kpi\">\n            <div class=\"dt-mi-why__kpi-value blue\">140+<\/div>\n            <div class=\"dt-mi-why__kpi-label\">Manufacturing engagements delivered<\/div>\n          <\/div>\n          <div class=\"dt-mi-why__kpi\">\n            <div class=\"dt-mi-why__kpi-value cyan\">Zero<\/div>\n            <div class=\"dt-mi-why__kpi-label\">Production stoppages caused by our deployments<\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- RIGHT: Proof stack -->\n      <div class=\"dt-mi-why__right dt-mi-reveal\">\n        <div class=\"dt-mi-proof-stack\">\n\n          <div class=\"dt-mi-proof-item\">\n            <div class=\"dt-mi-proof-item__icon\">\n              <svg viewBox=\"0 0 26 26\" fill=\"none\"><rect x=\"3\" y=\"3\" width=\"20\" height=\"20\" rx=\"3\" stroke=\"#18a8ff\" stroke-width=\"1.2\"\/><path d=\"M8,13 L11,16 L18,10\" stroke=\"#3dd5ff\" stroke-width=\"1.5\" stroke-linecap=\"round\" fill=\"none\"\/><\/svg>\n            <\/div>\n            <div>\n              <div class=\"dt-mi-proof-item__title\">Manufacturing Domain Specialists Only<\/div>\n              <div class=\"dt-mi-proof-item__desc\">Every engagement is led by consultants with direct manufacturing operations experience \u2014 not generalist project managers relearning the domain.<\/div>\n            <\/div>\n          <\/div>\n\n          <div class=\"dt-mi-proof-item\">\n            <div class=\"dt-mi-proof-item__icon\">\n              <svg viewBox=\"0 0 26 26\" fill=\"none\"><circle cx=\"13\" cy=\"13\" r=\"9\" stroke=\"#18a8ff\" stroke-width=\"1.2\"\/><path d=\"M13,7 L13,13 L17,16\" stroke=\"#3dd5ff\" stroke-width=\"1.4\" stroke-linecap=\"round\" fill=\"none\"\/><\/svg>\n            <\/div>\n            <div>\n              <div class=\"dt-mi-proof-item__title\">Rapid Time-to-Value Delivery Model<\/div>\n              <div class=\"dt-mi-proof-item__desc\">Pre-built manufacturing accelerators, templates, and ERP configuration packages compress implementation timelines by 30\u201340% versus traditional delivery.<\/div>\n            <\/div>\n          <\/div>\n\n          <div class=\"dt-mi-proof-item\">\n            <div class=\"dt-mi-proof-item__icon\">\n              <svg viewBox=\"0 0 26 26\" fill=\"none\"><path d=\"M5,13 L13,5 L21,13 L13,21 Z\" stroke=\"#18a8ff\" stroke-width=\"1.2\"\/><circle cx=\"13\" cy=\"13\" r=\"3\" fill=\"rgba(24,168,255,0.2)\" stroke=\"#3dd5ff\" stroke-width=\"1.2\"\/><\/svg>\n            <\/div>\n            <div>\n              <div class=\"dt-mi-proof-item__title\">Zero Production Disruption Guarantee<\/div>\n              <div class=\"dt-mi-proof-item__desc\">Our deployment protocols are designed around live-line constraints. Change is sequenced, tested in shadow, and cutover in planned windows \u2014 never during production runs.<\/div>\n            <\/div>\n          <\/div>\n\n          <div class=\"dt-mi-proof-item\">\n            <div class=\"dt-mi-proof-item__icon\">\n              <svg viewBox=\"0 0 26 26\" fill=\"none\"><rect x=\"3\" y=\"6\" width=\"20\" height=\"15\" rx=\"2\" stroke=\"#18a8ff\" stroke-width=\"1.2\"\/><line x1=\"3\" y1=\"11\" x2=\"23\" y2=\"11\" stroke=\"#18a8ff\" stroke-width=\"0.7\" opacity=\"0.4\"\/><rect x=\"6\" y=\"14\" width=\"6\" height=\"4\" rx=\"1\" fill=\"rgba(24,168,255,0.2)\" stroke=\"#3dd5ff\" stroke-width=\"0.8\"\/><rect x=\"14\" y=\"14\" width=\"8\" height=\"4\" rx=\"1\" fill=\"rgba(24,168,255,0.1)\" stroke=\"rgba(24,168,255,0.4)\" stroke-width=\"0.8\"\/><\/svg>\n            <\/div>\n            <div>\n              <div class=\"dt-mi-proof-item__title\">End-to-End ERP &amp; MES Integration Capability<\/div>\n              <div class=\"dt-mi-proof-item__desc\">SAP, Oracle, Infor, Microsoft Dynamics \u2014 plus MES, CMMS, WMS, and SCADA. Full stack integration capability in a single partner relationship.<\/div>\n            <\/div>\n          <\/div>\n\n          <div class=\"dt-mi-proof-item\">\n            <div class=\"dt-mi-proof-item__icon\">\n              <svg viewBox=\"0 0 26 26\" fill=\"none\"><path d=\"M5,20 L9,10 L14,14 L19,6\" stroke=\"#18a8ff\" stroke-width=\"1.4\" fill=\"none\" stroke-linecap=\"round\"\/><circle cx=\"9\" cy=\"10\" r=\"2\" fill=\"rgba(24,168,255,0.2)\" stroke=\"#3dd5ff\" stroke-width=\"1\"\/><circle cx=\"19\" cy=\"6\" r=\"2\" fill=\"rgba(24,168,255,0.3)\" stroke=\"#3dd5ff\" stroke-width=\"1\"\/><\/svg>\n            <\/div>\n            <div>\n              <div class=\"dt-mi-proof-item__title\">Measurable Output Accountability<\/div>\n              <div class=\"dt-mi-proof-item__desc\">We agree OEE improvement targets, quality yield metrics, and uptime KPIs upfront. Delivery is measured against those numbers \u2014 not project milestones.<\/div>\n            <\/div>\n          <\/div>\n\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/section>\n\n<div class=\"dt-mi-section-divider\"><\/div>\n\n<!-- ============================================================\n     BLOCK 7: CTA BAND\n     ============================================================ -->\n<section class=\"dt-mi-cta-band\">\n  <!-- Background industrial visual -->\n  <svg class=\"dt-mi-cta-band__bgsvg\" viewBox=\"0 0 1400 600\" preserveAspectRatio=\"xMidYMid slice\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n    <defs>\n      <pattern id=\"cta-grid\" x=\"0\" y=\"0\" width=\"60\" height=\"60\" patternUnits=\"userSpaceOnUse\">\n        <path d=\"M60,0 L0,0 0,60\" fill=\"none\" stroke=\"rgba(24,168,255,0.12)\" stroke-width=\"0.5\"\/>\n      <\/pattern>\n      <pattern id=\"cta-grid-lg\" x=\"0\" y=\"0\" width=\"240\" height=\"240\" patternUnits=\"userSpaceOnUse\">\n        <rect width=\"240\" height=\"240\" fill=\"none\" stroke=\"rgba(24,168,255,0.18)\" stroke-width=\"1\"\/>\n      <\/pattern>\n    <\/defs>\n    <rect width=\"1400\" height=\"600\" fill=\"url(#cta-grid)\"\/>\n    <rect width=\"1400\" height=\"600\" fill=\"url(#cta-grid-lg)\"\/>\n    <!-- Production flow line -->\n    <path d=\"M0,300 L200,180 L400,280 L600,160 L800,260 L1000,140 L1200,240 L1400,300\"\n          fill=\"none\" stroke=\"rgba(24,168,255,0.35)\" stroke-width=\"2\" class=\"dt-flow-path\"\/>\n    <path d=\"M0,300 L200,180 L400,280 L600,160 L800,260 L1000,140 L1200,240 L1400,300\"\n          fill=\"none\" stroke=\"rgba(24,168,255,0.08)\" stroke-width=\"10\"\/>\n    <!-- Quality\/maintenance\/material nodes -->\n    <circle cx=\"200\" cy=\"180\" r=\"10\" fill=\"rgba(6,17,28,0.9)\" stroke=\"rgba(255,138,42,0.7)\" stroke-width=\"2\" class=\"dt-pulse-2\"\/>\n    <circle cx=\"600\" cy=\"160\" r=\"10\" fill=\"rgba(6,17,28,0.9)\" stroke=\"rgba(24,168,255,0.7)\" stroke-width=\"2\" class=\"dt-pulse-node\"\/>\n    <circle cx=\"1000\" cy=\"140\" r=\"10\" fill=\"rgba(6,17,28,0.9)\" stroke=\"rgba(124,77,255,0.7)\" stroke-width=\"2\" class=\"dt-pulse-3\"\/>\n    <!-- Node labels -->\n    <text x=\"200\" y=\"165\" text-anchor=\"middle\" fill=\"rgba(255,138,42,0.8)\" font-size=\"8\" font-family=\"'JetBrains Mono',monospace\">QUALITY<\/text>\n    <text x=\"600\" y=\"145\" text-anchor=\"middle\" fill=\"rgba(24,168,255,0.8)\" font-size=\"8\" font-family=\"'JetBrains Mono',monospace\">PRODUCTION<\/text>\n    <text x=\"1000\" y=\"125\" text-anchor=\"middle\" fill=\"rgba(168,112,255,0.8)\" font-size=\"8\" font-family=\"'JetBrains Mono',monospace\">AUTOMATION<\/text>\n    <!-- Isometric platform hint -->\n    <polygon points=\"550,380 750,380 820,430 620,430\" fill=\"rgba(13,40,65,0.4)\" stroke=\"rgba(24,168,255,0.2)\" stroke-width=\"1\"\/>\n    <polygon points=\"620,430 820,430 820,480 620,480\" fill=\"rgba(9,25,45,0.5)\" stroke=\"rgba(24,168,255,0.12)\" stroke-width=\"1\"\/>\n    <line x1=\"550\" y1=\"380\" x2=\"750\" y2=\"380\" stroke=\"rgba(24,168,255,0.35)\" stroke-width=\"1.5\"\/>\n    <!-- conveyor on platform -->\n    <rect x=\"570\" y=\"398\" width=\"165\" height=\"8\" rx=\"2\" fill=\"rgba(24,168,255,0.08)\" stroke=\"rgba(24,168,255,0.2)\" stroke-width=\"0.8\"\/>\n    <line x1=\"570\" y1=\"402\" x2=\"735\" y2=\"402\" stroke=\"rgba(24,168,255,0.2)\" stroke-width=\"0.6\" stroke-dasharray=\"12 5\" class=\"dt-flow-path\"\/>\n  <\/svg>\n\n  <div class=\"dt-mi-cta-band__glow\"><\/div>\n\n  <div class=\"dt-mi-inner\">\n    <div class=\"dt-mi-cta-band__inner dt-mi-reveal\">\n      <div class=\"dt-mi-eyebrow\" style=\"justify-content:center\">Start Your Manufacturing Transformation<\/div>\n      <h2>Ready to Run <em>Smarter<\/em><br>Production Operations?<\/h2>\n      <p>Talk to a DT Solutions manufacturing specialist. We'll map your operating gaps, identify your highest-value opportunities, and outline a delivery approach built around your production schedule.<\/p>\n\n      <div class=\"dt-mi-cta-band__btns\">\n        <a class=\"dt-mi-cta-primary\" href=\"#\">\n          <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\"><path d=\"M3,8 L13,8 M9,4 L13,8 L9,12\" stroke=\"#fff\" stroke-width=\"1.8\" stroke-linecap=\"round\" fill=\"none\"\/><\/svg>\n          Request a Manufacturing Briefing\n        <\/a>\n        <a class=\"dt-mi-cta-secondary\" href=\"#\" style=\"border-color:rgba(24,168,255,0.3)\">\n          <svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"none\"><path d=\"M2,4 L7,8 L12,4\" stroke=\"currentColor\" stroke-width=\"1.3\" stroke-linecap=\"round\"\/><rect x=\"1\" y=\"3\" width=\"12\" height=\"9\" rx=\"1.5\" stroke=\"currentColor\" stroke-width=\"1.2\"\/><\/svg>\n          Download Capability Overview\n        <\/a>\n      <\/div>\n\n      <div class=\"dt-mi-cta-band__nodes\">\n        <div class=\"dt-mi-cta-node\">\n          <span class=\"dt-mi-cta-node__dot orange\"><\/span>\n          Production Optimisation\n        <\/div>\n        <div class=\"dt-mi-cta-node\">\n          <span class=\"dt-mi-cta-node__dot blue\"><\/span>\n          Quality Systems\n        <\/div>\n        <div class=\"dt-mi-cta-node\">\n          <span class=\"dt-mi-cta-node__dot purple\"><\/span>\n          ERP &amp; MES Integration\n        <\/div>\n        <div class=\"dt-mi-cta-node\">\n          <span class=\"dt-mi-cta-node__dot cyan\"><\/span>\n          Maintenance &amp; Reliability\n        <\/div>\n        <div class=\"dt-mi-cta-node\">\n          <span class=\"dt-mi-cta-node__dot orange\"><\/span>\n          Supply Chain Realignment\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<\/div><!-- \/.dt-mi-page -->\n\n<script>\n(function(){\n  \/\/ ===== TAB SWITCHER =====\n  function switchTab(btn, tabId) {\n    var tabs = document.querySelectorAll('.dt-mi-env-tab');\n    var panels = document.querySelectorAll('.dt-mi-env-panel');\n    tabs.forEach(function(t){ t.classList.remove('active'); });\n    panels.forEach(function(p){ p.classList.remove('active'); });\n    btn.classList.add('active');\n    var panel = document.getElementById('panel-' + tabId);\n    if(panel) panel.classList.add('active');\n    updateTabPill();\n  }\n  window.switchTab = switchTab;\n\n  function updateTabPill() {\n    var activeTab = document.querySelector('.dt-mi-env-tab.active');\n    var pill = document.getElementById('envTabPill');\n    var tabBar = document.getElementById('envTabs');\n    if(!activeTab || !pill || !tabBar) return;\n    var barRect = tabBar.getBoundingClientRect();\n    var tabRect = activeTab.getBoundingClientRect();\n    pill.style.left = (tabRect.left - barRect.left) + 'px';\n    pill.style.width = tabRect.width + 'px';\n  }\n\n  \/\/ ===== INTERSECTION OBSERVER FOR REVEAL =====\n  var revealEls = document.querySelectorAll('.dt-mi-reveal');\n  if('IntersectionObserver' in window) {\n    var io = new IntersectionObserver(function(entries){\n      entries.forEach(function(entry){\n        if(entry.isIntersecting){\n          entry.target.classList.add('dt-mi-visible');\n          io.unobserve(entry.target);\n        }\n      });\n    }, { threshold: 0.12, rootMargin: '0px 0px -40px 0px' });\n    revealEls.forEach(function(el){ io.observe(el); });\n  } else {\n    revealEls.forEach(function(el){ el.classList.add('dt-mi-visible'); });\n  }\n\n  \/\/ ===== STAGGERED REVEAL FOR CHILD ELEMENTS =====\n  var staggerGroups = [\n    { selector: '.dt-mi-pressure-module', delay: 120 },\n    { selector: '.dt-mi-env-card', delay: 100 },\n    { selector: '.dt-mi-stage', delay: 110 },\n    { selector: '.dt-mi-proof-item', delay: 100 },\n    { selector: '.dt-mi-exec-node', delay: 130 },\n  ];\n  if('IntersectionObserver' in window) {\n    staggerGroups.forEach(function(group){\n      var els = document.querySelectorAll(group.selector);\n      var staggerIO = new IntersectionObserver(function(entries){\n        entries.forEach(function(entry){\n          if(entry.isIntersecting){\n            var siblings = entry.target.parentElement ? entry.target.parentElement.querySelectorAll(group.selector) : [];\n            var idx = Array.prototype.indexOf.call(siblings, entry.target);\n            if(idx < 0) idx = 0;\n            entry.target.style.transitionDelay = (idx * group.delay) + 'ms';\n            entry.target.style.opacity = '1';\n            entry.target.style.transform = 'translateY(0)';\n            staggerIO.unobserve(entry.target);\n          }\n        });\n      }, { threshold: 0.1 });\n      els.forEach(function(el){\n        el.style.opacity = '0';\n        el.style.transform = 'translateY(24px)';\n        el.style.transition = 'opacity 0.6s ease, transform 0.6s ease';\n        staggerIO.observe(el);\n      });\n    });\n  }\n\n  \/\/ ===== INIT TAB PILL on load =====\n  window.addEventListener('load', function(){\n    updateTabPill();\n  });\n  window.addEventListener('resize', updateTabPill);\n\n  \/\/ ===== UPTIME RING ANIMATION (CSS handles it) =====\n  \/\/ ===== Conveyor product boxes bounce reset =====\n  \/\/ Handled by pure CSS keyframes\n\n})();\n<\/script>\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>Manufacturing &amp; Industrial Intelligence Smart Factory. Real Throughput. We deliver end-to-end manufacturing intelligence \u2014 from plant floor to ERP \u2014 so production runs on precision, not guesswork. Production Throughput Optimisation Real-time OEE tracking, bottleneck detection, and capacity uplift across multi-shift production. Quality &amp; Compliance Control Inline quality checkpoint systems, SPC integration, and zero-escape defect frameworks. [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-3283","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/digi.alphanzo.com\/index.php?rest_route=\/wp\/v2\/pages\/3283","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/digi.alphanzo.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/digi.alphanzo.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/digi.alphanzo.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/digi.alphanzo.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=3283"}],"version-history":[{"count":7,"href":"https:\/\/digi.alphanzo.com\/index.php?rest_route=\/wp\/v2\/pages\/3283\/revisions"}],"predecessor-version":[{"id":3290,"href":"https:\/\/digi.alphanzo.com\/index.php?rest_route=\/wp\/v2\/pages\/3283\/revisions\/3290"}],"wp:attachment":[{"href":"https:\/\/digi.alphanzo.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=3283"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}