{"id":6,"date":"2025-12-09T10:13:54","date_gmt":"2025-12-09T10:13:54","guid":{"rendered":"https:\/\/localhost\/alphanzo\/?page_id=6"},"modified":"2026-07-16T06:30:23","modified_gmt":"2026-07-16T06:30:23","slug":"home","status":"publish","type":"page","link":"https:\/\/digi.alphanzo.com\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"6\" class=\"elementor elementor-6\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6a4ca68c e-con-full e-flex e-con e-parent\" data-id=\"6a4ca68c\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8e56bc5 elementor-widget elementor-widget-html\" data-id=\"8e56bc5\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================\n DT SOLUTIONS \u2014 HERO FINAL V3 CLEAN CINEMATIC\n Original Content + Spacious Layout + Clear Moving Spline\n WordPress \/ Elementor Safe\n========================= -->\n\n<section id=\"dts-hero-final-v3\" class=\"dts-hero-final-v3\">\n\n  <!-- SPLINE BACKGROUND -->\n  <div class=\"dts-final-spline\" aria-hidden=\"true\">\n    <iframe\n      id=\"dtsFinalSplineIframeV3\"\n      src=\"https:\/\/my.spline.design\/orb-NgcrR1SaSdaCs0x3ppqmDLVy\/\"\n      frameborder=\"0\"\n      loading=\"eager\"\n      title=\"DT Solutions 3D Hero Animation\"\n      tabindex=\"-1\"\n      aria-hidden=\"true\">\n    <\/iframe>\n  <\/div>\n\n  <!-- CLEAN CINEMATIC OVERLAYS -->\n  <div class=\"dts-final-top-shade\"><\/div>\n  <div class=\"dts-final-bottom-shade\"><\/div>\n  <div class=\"dts-final-side-shade\"><\/div>\n  <div class=\"dts-final-center-clarity\"><\/div>\n  <div class=\"dts-final-noise\"><\/div>\n\n  <!-- PREMIUM BEAMS -->\n  <span class=\"dts-final-beam dts-final-beam-left\"><\/span>\n  <span class=\"dts-final-beam dts-final-beam-right\"><\/span>\n\n  <!-- LIGHT ACCENTS -->\n  <span class=\"dts-final-accent dts-final-accent-left\"><\/span>\n  <span class=\"dts-final-accent dts-final-accent-right\"><\/span>\n\n  <!-- SPARKLE FIELD -->\n  <div class=\"dts-final-sparkles\" aria-hidden=\"true\">\n    <i><\/i><i><\/i><i><\/i><i><\/i><i><\/i><i><\/i>\n    <i><\/i><i><\/i><i><\/i><i><\/i><i><\/i><i><\/i>\n    <i><\/i><i><\/i><i><\/i><i><\/i><i><\/i><i><\/i>\n  <\/div>\n\n  <!-- WATERMARK MASK -->\n  <div class=\"dts-final-watermark-mask\"><\/div>\n\n  <!-- HERO CONTENT -->\n  <div class=\"dts-final-content\">\n\n    <div class=\"dts-final-kicker\">\n      <span><\/span>\n      DT Solutions\n    <\/div>\n\n    <h1 class=\"dts-final-title\">\n      Talent, consulting, and delivery support for the work ahead\n    <\/h1>\n\n    <p class=\"dts-final-sub\">\n      DT Solutions helps organizations move faster with skilled talent, consulting support,\n      and execution-ready delivery teams built for modern business transformation.\n    <\/p>\n\n    <div class=\"dts-final-actions\">\n      <a href=\"#contact\" class=\"dts-final-primary\">\n        <span>Start a Conversation<\/span>\n      <\/a>\n      <a href=\"#capabilities\" class=\"dts-final-secondary\">\n        <span>Explore Capabilities<\/span>\n      <\/a>\n    <\/div>\n\n  <\/div>\n\n  <!-- SIDE SIGNAL CARDS -->\n  <aside class=\"dts-final-side-card dts-final-side-left\">\n    <span>Workforce Signal<\/span>\n    <strong>Precision talent alignment<\/strong>\n    <p>Capability, speed, and business priority aligned into one execution layer.<\/p>\n  <\/aside>\n\n  <aside class=\"dts-final-side-card dts-final-side-right\">\n    <span>Delivery Layer<\/span>\n    <strong>Built for execution<\/strong>\n    <p>Consulting, staffing, and delivery support connected for the work ahead.<\/p>\n  <\/aside>\n\n  <!-- SMOOTH MARQUEE -->\n  <div class=\"dts-final-marquee\">\n    <div class=\"dts-final-marquee-track\">\n      <span>Technology<\/span>\n      <span>Engineering<\/span>\n      <span>Healthcare<\/span>\n      <span>Manufacturing<\/span>\n      <span>Aerospace<\/span>\n      <span>Life Sciences<\/span>\n      <span>Industrial<\/span>\n      <span>Digital Transformation<\/span>\n      <span>Consulting Delivery<\/span>\n      <span>Future Workforce<\/span>\n\n      <span>Technology<\/span>\n      <span>Engineering<\/span>\n      <span>Healthcare<\/span>\n      <span>Manufacturing<\/span>\n      <span>Aerospace<\/span>\n      <span>Life Sciences<\/span>\n      <span>Industrial<\/span>\n      <span>Digital Transformation<\/span>\n      <span>Consulting Delivery<\/span>\n      <span>Future Workforce<\/span>\n\n      <span>Technology<\/span>\n      <span>Engineering<\/span>\n      <span>Healthcare<\/span>\n      <span>Manufacturing<\/span>\n      <span>Aerospace<\/span>\n      <span>Life Sciences<\/span>\n      <span>Industrial<\/span>\n      <span>Digital Transformation<\/span>\n      <span>Consulting Delivery<\/span>\n      <span>Future Workforce<\/span>\n    <\/div>\n  <\/div>\n\n<\/section>\n\n<style>\n\/* =========================\n   BASE \/ CHROME SCROLL SAFETY\n========================= *\/\n\n#dts-hero-final-v3,\n#dts-hero-final-v3 *{\n  box-sizing:border-box;\n}\n\n#dts-hero-final-v3{\n  position:relative;\n  width:100%;\n  min-height:100svh;\n  overflow:hidden !important;\n  isolation:isolate;\n  background:#02030a;\n  color:#fff;\n  padding:110px 24px 0;\n  font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif;\n  touch-action:auto !important;\n  overscroll-behavior:auto !important;\n  pointer-events:none !important;\n}\n\n\/* Elementor wrapper safety *\/\n.elementor-widget-html,\n.elementor-widget-html .elementor-widget-container{\n  touch-action:auto !important;\n  overscroll-behavior:auto !important;\n}\n\n\/* =========================\n   SPLINE \u2014 CLEAR \/ MOVING \/ NOT BLURRY\n========================= *\/\n\n#dts-hero-final-v3 .dts-final-spline{\n  position:absolute;\n  inset:0;\n  z-index:1;\n  overflow:hidden;\n  pointer-events:none !important;\n  touch-action:auto !important;\n}\n\n#dts-hero-final-v3 iframe,\n#dtsFinalSplineIframeV3{\n  position:absolute;\n  inset:0;\n  width:100%;\n  height:100%;\n  border:none;\n  pointer-events:none !important;\n  touch-action:auto !important;\n\n  \/* Keep original Spline movement natural *\/\n  transform:scale(1.06);\n  transform-origin:center center;\n\n  \/* Clearer but not washed out *\/\n  filter:saturate(1.24) contrast(1.1) brightness(1.08);\n  opacity:1;\n\n  \/* Do not force browser animation optimization that can make iframe feel stuck *\/\n  will-change:auto;\n}\n\n\/* =========================\n   CLEAN OVERLAYS\n========================= *\/\n\n#dts-hero-final-v3 .dts-final-top-shade,\n#dts-hero-final-v3 .dts-final-bottom-shade,\n#dts-hero-final-v3 .dts-final-side-shade,\n#dts-hero-final-v3 .dts-final-center-clarity,\n#dts-hero-final-v3 .dts-final-noise,\n#dts-hero-final-v3 .dts-final-beam,\n#dts-hero-final-v3 .dts-final-accent,\n#dts-hero-final-v3 .dts-final-sparkles,\n#dts-hero-final-v3 .dts-final-watermark-mask,\n#dts-hero-final-v3 .dts-final-marquee,\n#dts-hero-final-v3 .dts-final-side-card,\n#dts-hero-final-v3 .dts-final-kicker,\n#dts-hero-final-v3 .dts-final-title,\n#dts-hero-final-v3 .dts-final-sub{\n  pointer-events:none !important;\n}\n\n#dts-hero-final-v3 .dts-final-top-shade{\n  position:absolute;\n  inset:0;\n  z-index:2;\n  background:linear-gradient(\n    180deg,\n    rgba(1,3,10,.70) 0%,\n    rgba(1,3,10,.20) 20%,\n    rgba(1,3,10,0) 46%\n  );\n}\n\n#dts-hero-final-v3 .dts-final-bottom-shade{\n  position:absolute;\n  inset:0;\n  z-index:2;\n  background:linear-gradient(\n    180deg,\n    rgba(1,3,10,0) 0%,\n    rgba(1,3,10,.05) 56%,\n    rgba(1,3,10,.78) 100%\n  );\n}\n\n#dts-hero-final-v3 .dts-final-side-shade{\n  position:absolute;\n  inset:0;\n  z-index:3;\n  background:linear-gradient(\n    90deg,\n    rgba(1,3,10,.82) 0%,\n    rgba(1,3,10,.14) 17%,\n    rgba(1,3,10,0) 42%,\n    rgba(1,3,10,.02) 60%,\n    rgba(1,3,10,.84) 100%\n  );\n}\n\n#dts-hero-final-v3 .dts-final-center-clarity{\n  position:absolute;\n  inset:0;\n  z-index:4;\n  background:\n    radial-gradient(\n      ellipse at 50% 55%,\n      rgba(56,189,248,.08) 0%,\n      rgba(124,58,237,.06) 24%,\n      rgba(0,0,0,0) 55%,\n      rgba(0,0,0,.20) 100%\n    );\n  opacity:.72;\n  mix-blend-mode:screen;\n}\n\n#dts-hero-final-v3 .dts-final-noise{\n  position:absolute;\n  inset:0;\n  z-index:5;\n  opacity:.035;\n  mix-blend-mode:screen;\n  background-image:url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.32'\/%3E%3C\/svg%3E\");\n}\n\n#dts-hero-final-v3 .dts-final-beam{\n  position:absolute;\n  z-index:6;\n  height:1px;\n  opacity:.58;\n  background:linear-gradient(90deg,transparent,rgba(125,211,252,.72),rgba(167,139,250,.44),transparent);\n  box-shadow:0 0 22px rgba(125,211,252,.32);\n}\n\n#dts-hero-final-v3 .dts-final-beam-left{\n  left:8%;\n  top:50%;\n  width:38%;\n}\n\n#dts-hero-final-v3 .dts-final-beam-right{\n  right:8%;\n  top:50%;\n  width:38%;\n}\n\n#dts-hero-final-v3 .dts-final-accent{\n  position:absolute;\n  z-index:4;\n  filter:blur(48px);\n  mix-blend-mode:screen;\n}\n\n#dts-hero-final-v3 .dts-final-accent-left{\n  width:380px;\n  height:240px;\n  left:2%;\n  top:19%;\n  opacity:.28;\n  background:radial-gradient(ellipse,rgba(56,189,248,.42),transparent 68%);\n}\n\n#dts-hero-final-v3 .dts-final-accent-right{\n  width:420px;\n  height:260px;\n  right:3%;\n  top:40%;\n  opacity:.22;\n  background:radial-gradient(ellipse,rgba(124,58,237,.44),transparent 70%);\n}\n\n#dts-hero-final-v3 .dts-final-watermark-mask{\n  position:absolute;\n  right:0;\n  bottom:0;\n  width:min(290px,32vw);\n  height:110px;\n  z-index:40;\n  background:linear-gradient(135deg,rgba(1,3,10,0),rgba(1,3,10,.58) 54%,rgba(1,3,10,1));\n}\n\n\/* =========================\n   SPARKLE EFFECT \u2014 LIGHTWEIGHT\n========================= *\/\n\n#dts-hero-final-v3 .dts-final-sparkles{\n  position:absolute;\n  inset:0;\n  z-index:8;\n  overflow:hidden;\n  mix-blend-mode:screen;\n}\n\n#dts-hero-final-v3 .dts-final-sparkles i{\n  position:absolute;\n  width:3px;\n  height:3px;\n  border-radius:50%;\n  background:#8beeff;\n  box-shadow:\n    0 0 8px rgba(125,211,252,.95),\n    0 0 18px rgba(124,58,237,.56),\n    0 0 30px rgba(56,189,248,.34);\n  opacity:.58;\n  animation:dtsFinalSparkleV3 5.6s ease-in-out infinite;\n}\n\n#dts-hero-final-v3 .dts-final-sparkles i:nth-child(1){left:23%;top:34%;animation-delay:-.2s;}\n#dts-hero-final-v3 .dts-final-sparkles i:nth-child(2){left:31%;top:44%;animation-delay:-1.1s;}\n#dts-hero-final-v3 .dts-final-sparkles i:nth-child(3){left:42%;top:32%;animation-delay:-2.1s;}\n#dts-hero-final-v3 .dts-final-sparkles i:nth-child(4){left:53%;top:38%;animation-delay:-.7s;}\n#dts-hero-final-v3 .dts-final-sparkles i:nth-child(5){left:64%;top:35%;animation-delay:-1.8s;}\n#dts-hero-final-v3 .dts-final-sparkles i:nth-child(6){left:75%;top:50%;animation-delay:-3.1s;}\n#dts-hero-final-v3 .dts-final-sparkles i:nth-child(7){left:28%;top:58%;animation-delay:-2.7s;}\n#dts-hero-final-v3 .dts-final-sparkles i:nth-child(8){left:39%;top:64%;animation-delay:-.9s;}\n#dts-hero-final-v3 .dts-final-sparkles i:nth-child(9){left:50%;top:56%;animation-delay:-1.5s;}\n#dts-hero-final-v3 .dts-final-sparkles i:nth-child(10){left:61%;top:62%;animation-delay:-2.4s;}\n#dts-hero-final-v3 .dts-final-sparkles i:nth-child(11){left:70%;top:67%;animation-delay:-.4s;}\n#dts-hero-final-v3 .dts-final-sparkles i:nth-child(12){left:80%;top:44%;animation-delay:-3.5s;}\n#dts-hero-final-v3 .dts-final-sparkles i:nth-child(13){left:35%;top:26%;animation-delay:-3.9s;}\n#dts-hero-final-v3 .dts-final-sparkles i:nth-child(14){left:47%;top:69%;animation-delay:-2.9s;}\n#dts-hero-final-v3 .dts-final-sparkles i:nth-child(15){left:57%;top:27%;animation-delay:-1.9s;}\n#dts-hero-final-v3 .dts-final-sparkles i:nth-child(16){left:70%;top:57%;animation-delay:-.5s;}\n#dts-hero-final-v3 .dts-final-sparkles i:nth-child(17){left:21%;top:51%;animation-delay:-2.2s;}\n#dts-hero-final-v3 .dts-final-sparkles i:nth-child(18){left:85%;top:61%;animation-delay:-1.2s;}\n\n\/* =========================\n   CONTENT\n========================= *\/\n\n#dts-hero-final-v3 .dts-final-content{\n  position:relative;\n  z-index:20;\n  max-width:960px;\n  min-height:calc(100svh - 110px);\n  margin:0 auto;\n  display:flex;\n  flex-direction:column;\n  align-items:center;\n  justify-content:center;\n  text-align:center;\n  padding-bottom:150px;\n  transform:translateY(-34px);\n  pointer-events:none !important;\n}\n\n#dts-hero-final-v3 .dts-final-kicker{\n  display:inline-flex;\n  align-items:center;\n  gap:10px;\n  margin-bottom:22px;\n  padding:9px 16px;\n  border-radius:999px;\n  border:1px solid rgba(125,211,252,.30);\n  background:rgba(5,10,24,.38);\n  backdrop-filter:blur(14px);\n  -webkit-backdrop-filter:blur(14px);\n  color:rgba(226,232,240,.92);\n  font-size:12px;\n  line-height:1;\n  font-weight:900;\n  letter-spacing:.16em;\n  text-transform:uppercase;\n  box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 0 30px rgba(56,189,248,.08);\n}\n\n#dts-hero-final-v3 .dts-final-kicker span{\n  width:8px;\n  height:8px;\n  border-radius:50%;\n  background:#38bdf8;\n  box-shadow:0 0 18px rgba(56,189,248,.95);\n}\n\n\/* Strong scoped title to avoid Elementor\/theme\/global h1 conflict *\/\n#dts-hero-final-v3 .dts-final-title{\n  display:block !important;\n  width:100% !important;\n  max-width:880px !important;\n  margin:0 auto !important;\n  padding:0 !important;\n  border:0 !important;\n  font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif !important;\n  font-size:clamp(42px,4.85vw,72px) !important;\n  line-height:1.02 !important;\n  font-weight:950 !important;\n  letter-spacing:-.06em !important;\n  text-align:center !important;\n  text-transform:none !important;\n  color:#ffffff !important;\n  background:linear-gradient(90deg,#ffffff 0%,#eaf7ff 24%,#87e8ff 46%,#b8a7ff 70%,#ffffff 100%) !important;\n  background-size:220% auto !important;\n  -webkit-background-clip:text !important;\n  background-clip:text !important;\n  -webkit-text-fill-color:transparent !important;\n  text-shadow:0 0 44px rgba(125,211,252,.12) !important;\n  animation:dtsFinalTitleFlowV3 10s linear infinite;\n}\n\n#dts-hero-final-v3 .dts-final-title::after{\n  content:\"\";\n  display:block;\n  width:min(500px,68vw);\n  height:1px;\n  margin:26px auto 0;\n  background:linear-gradient(90deg,transparent,rgba(125,211,252,.62),rgba(167,139,250,.42),transparent);\n  box-shadow:0 0 18px rgba(125,211,252,.28);\n}\n\n#dts-hero-final-v3 .dts-final-sub{\n  max-width:720px;\n  margin:24px auto 0;\n  color:rgba(226,232,240,.80);\n  font-size:clamp(15px,1.18vw,18px);\n  line-height:1.74;\n}\n\n\/* =========================\n   CTA \u2014 ONLY CLICKABLE AREA\n========================= *\/\n\n#dts-hero-final-v3 .dts-final-actions{\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  gap:15px;\n  flex-wrap:wrap;\n  margin-top:34px;\n  pointer-events:auto !important;\n}\n\n#dts-hero-final-v3 .dts-final-primary,\n#dts-hero-final-v3 .dts-final-secondary{\n  position:relative;\n  display:inline-flex;\n  align-items:center;\n  justify-content:center;\n  min-height:52px;\n  padding:0 28px;\n  border-radius:999px;\n  text-decoration:none !important;\n  font-size:14px;\n  line-height:1;\n  font-weight:850;\n  overflow:hidden;\n  transition:transform .28s ease, box-shadow .28s ease, border-color .28s ease;\n  pointer-events:auto !important;\n}\n\n#dts-hero-final-v3 .dts-final-primary{\n  color:#020617 !important;\n  background:linear-gradient(135deg,#67e8f9 0%,#38bdf8 34%,#7c5cff 100%);\n  box-shadow:0 0 30px rgba(56,189,248,.34),0 18px 60px rgba(79,70,229,.24);\n}\n\n#dts-hero-final-v3 .dts-final-primary::before{\n  content:\"\";\n  position:absolute;\n  inset:0;\n  background:linear-gradient(120deg,transparent 20%,rgba(255,255,255,.65),transparent 70%);\n  transform:translateX(-130%);\n  animation:dtsFinalButtonShineV3 4.8s ease-in-out infinite;\n}\n\n#dts-hero-final-v3 .dts-final-primary span,\n#dts-hero-final-v3 .dts-final-secondary span{\n  position:relative;\n  z-index:2;\n}\n\n#dts-hero-final-v3 .dts-final-secondary{\n  color:rgba(241,245,249,.92) !important;\n  border:1px solid rgba(148,163,184,.28);\n  background:rgba(8,13,28,.30);\n  backdrop-filter:blur(14px);\n  -webkit-backdrop-filter:blur(14px);\n}\n\n#dts-hero-final-v3 .dts-final-primary:hover,\n#dts-hero-final-v3 .dts-final-secondary:hover{\n  transform:translateY(-2px);\n}\n\n\/* =========================\n   SIDE CARDS\n========================= *\/\n\n#dts-hero-final-v3 .dts-final-side-card{\n  position:absolute;\n  z-index:20;\n  width:246px;\n  padding:17px;\n  border-radius:24px;\n  border:1px solid rgba(125,211,252,.18);\n  background:rgba(5,10,24,.32);\n  backdrop-filter:blur(12px);\n  -webkit-backdrop-filter:blur(12px);\n  box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 24px 76px rgba(0,0,0,.30);\n}\n\n#dts-hero-final-v3 .dts-final-side-left{\n  left:max(26px,6vw);\n  bottom:28%;\n}\n\n#dts-hero-final-v3 .dts-final-side-right{\n  right:max(26px,6vw);\n  bottom:34%;\n}\n\n#dts-hero-final-v3 .dts-final-side-card span{\n  display:block;\n  margin-bottom:8px;\n  color:#67e8f9;\n  font-size:10px;\n  line-height:1;\n  font-weight:950;\n  letter-spacing:.16em;\n  text-transform:uppercase;\n}\n\n#dts-hero-final-v3 .dts-final-side-card strong{\n  display:block;\n  color:#fff;\n  font-size:17px;\n  line-height:1.2;\n  letter-spacing:-.02em;\n}\n\n#dts-hero-final-v3 .dts-final-side-card p{\n  margin:9px 0 0;\n  color:rgba(203,213,225,.70);\n  font-size:12px;\n  line-height:1.5;\n}\n\n\/* =========================\n   SMOOTH MARQUEE\n========================= *\/\n\n#dts-hero-final-v3 .dts-final-marquee{\n  position:absolute;\n  left:0;\n  right:0;\n  bottom:0;\n  z-index:30;\n  overflow:hidden;\n  padding:16px 0;\n  border-top:1px solid rgba(148,163,184,.14);\n  background:rgba(2,6,18,.76);\n  backdrop-filter:blur(12px);\n  -webkit-backdrop-filter:blur(12px);\n  mask-image:linear-gradient(90deg,transparent 0%,black 10%,black 90%,transparent 100%);\n  -webkit-mask-image:linear-gradient(90deg,transparent 0%,black 10%,black 90%,transparent 100%);\n}\n\n#dts-hero-final-v3 .dts-final-marquee-track{\n  display:flex;\n  align-items:center;\n  gap:46px;\n  width:max-content;\n  white-space:nowrap;\n  will-change:transform;\n  transform:translate3d(0,0,0);\n  animation:dtsFinalMarqueeV3 42s linear infinite;\n}\n\n#dts-hero-final-v3 .dts-final-marquee-track span{\n  display:inline-flex;\n  align-items:center;\n  color:rgba(226,232,240,.76);\n  font-size:12px;\n  font-weight:850;\n  letter-spacing:.18em;\n  text-transform:uppercase;\n  white-space:nowrap;\n}\n\n#dts-hero-final-v3 .dts-final-marquee-track span::before{\n  content:\"\";\n  width:6px;\n  height:6px;\n  margin-right:14px;\n  border-radius:50%;\n  background:#38bdf8;\n  box-shadow:0 0 16px rgba(56,189,248,.88);\n}\n\n\/* =========================\n   ANIMATIONS\n========================= *\/\n\n@keyframes dtsFinalTitleFlowV3{\n  0%{background-position:0% center;}\n  100%{background-position:220% center;}\n}\n\n@keyframes dtsFinalButtonShineV3{\n  0%{transform:translateX(-130%);}\n  48%{transform:translateX(130%);}\n  100%{transform:translateX(130%);}\n}\n\n@keyframes dtsFinalMarqueeV3{\n  0%{transform:translate3d(0,0,0);}\n  100%{transform:translate3d(-33.333%,0,0);}\n}\n\n@keyframes dtsFinalSparkleV3{\n  0%,100%{\n    opacity:.14;\n    transform:translate3d(0,0,0) scale(.65);\n  }\n  45%{\n    opacity:.86;\n    transform:translate3d(0,-12px,0) scale(1.25);\n  }\n  70%{\n    opacity:.36;\n    transform:translate3d(8px,-20px,0) scale(.85);\n  }\n}\n\n\/* =========================\n   RESPONSIVE\n========================= *\/\n\n@media(max-width:1180px){\n  #dts-hero-final-v3 .dts-final-side-card{\n    display:none;\n  }\n\n  #dts-hero-final-v3 .dts-final-content{\n    max-width:900px;\n  }\n}\n\n@media(max-width:767px){\n  #dts-hero-final-v3{\n    padding:92px 18px 0;\n  }\n\n  #dts-hero-final-v3 iframe,\n  #dtsFinalSplineIframeV3{\n    transform:scale(1.12);\n    filter:saturate(1.18) contrast(1.06) brightness(1.04);\n  }\n\n  #dts-hero-final-v3 .dts-final-content{\n    min-height:calc(100svh - 92px);\n    padding-bottom:120px;\n    transform:translateY(-8px);\n  }\n\n  #dts-hero-final-v3 .dts-final-title{\n    max-width:100% !important;\n    font-size:clamp(38px,10.8vw,58px) !important;\n    line-height:1.02 !important;\n    letter-spacing:-.052em !important;\n  }\n\n  #dts-hero-final-v3 .dts-final-sub{\n    font-size:15px;\n    line-height:1.62;\n  }\n\n  #dts-hero-final-v3 .dts-final-actions{\n    width:100%;\n    gap:12px;\n  }\n\n  #dts-hero-final-v3 .dts-final-primary,\n  #dts-hero-final-v3 .dts-final-secondary{\n    width:100%;\n    max-width:320px;\n  }\n\n  #dts-hero-final-v3 .dts-final-sparkles i{\n    width:2px;\n    height:2px;\n  }\n}\n\n@media(max-width:480px){\n  #dts-hero-final-v3 .dts-final-title{\n    font-size:clamp(35px,11.6vw,50px) !important;\n  }\n\n  #dts-hero-final-v3 .dts-final-marquee-track{\n    gap:34px;\n  }\n}\n\n@media(prefers-reduced-motion:reduce){\n  #dts-hero-final-v3 *,\n  #dts-hero-final-v3 *::before,\n  #dts-hero-final-v3 *::after{\n    animation:none !important;\n    transition:none !important;\n  }\n}\n<\/style>\n\n<script>\n(function(){\n  const root = document.querySelector(\"#dts-hero-final-v3\");\n  if (!root || root.dataset.mounted === \"1\") return;\n  root.dataset.mounted = \"1\";\n\n  const iframe = root.querySelector(\"#dtsFinalSplineIframeV3\");\n\n  if (iframe) {\n    iframe.style.pointerEvents = \"none\";\n    iframe.style.touchAction = \"auto\";\n    iframe.setAttribute(\"tabindex\", \"-1\");\n    iframe.setAttribute(\"aria-hidden\", \"true\");\n  }\n\n  \/*\n    Important:\n    No wheel listener.\n    No preventDefault.\n    No ScrollTrigger.\n    No cursor tracking.\n    No iframe animation pause.\n  *\/\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1ed13ba e-con-full e-flex e-con e-parent\" data-id=\"1ed13ba\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5e5737e elementor-widget elementor-widget-html\" data-id=\"5e5737e\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================\n DT SOLUTIONS \u2014 \"SIGNAL\" BROADCAST HUB\n How We Help \u2014 Cinematic Redesign\n WordPress \/ Elementor Safe \u2014 Self-Contained\n Navy + Electric Blue + Orange + Purple\n========================= -->\n\n<section id=\"dtshc2-root\" class=\"dtshc2-root\">\n\n  <!-- BACKGROUND SYSTEM -->\n  <div class=\"dtshc2-grid\"><\/div>\n  <div class=\"dtshc2-noise\"><\/div>\n  <div class=\"dtshc2-aurora dtshc2-aurora-blue\"><\/div>\n  <div class=\"dtshc2-aurora dtshc2-aurora-purple\"><\/div>\n  <div class=\"dtshc2-aurora dtshc2-aurora-orange\"><\/div>\n  <div class=\"dtshc2-scan\"><\/div>\n\n  <div class=\"dtshc2-container\">\n\n    <!-- LEFT NARRATIVE PANEL -->\n    <div class=\"dtshc2-left\">\n\n      <div class=\"dtshc2-kicker\" data-dtshc2-reveal>\n        <span class=\"dtshc2-kicker-dot\"><\/span>\n        How DT Solutions Helps\n      <\/div>\n\n      <h2 class=\"dtshc2-heading\" data-dtshc2-split>Four delivery lanes built for public sector visibility and enterprise execution.<\/h2>\n\n      <p class=\"dtshc2-copy\" data-dtshc2-reveal>\n        DT Solutions supports organizations with the people, consulting structure,\n        delivery governance, and managed service continuity needed to move work\n        from requirement to outcome.\n      <\/p>\n\n      <div class=\"dtshc2-signal-panel\" data-dtshc2-reveal>\n\n        <div class=\"dtshc2-signal-head\">\n          <span class=\"dtshc2-live-dot\"><\/span>\n          Live Delivery Signal\n        <\/div>\n\n        <div class=\"dtshc2-flow\">\n          <div class=\"dtshc2-flow-node\">\n            <strong>Public Sector<\/strong>\n            <span>Visibility-ready support<\/span>\n          <\/div>\n          <i class=\"dtshc2-flow-line\"><\/i>\n          <div class=\"dtshc2-flow-node\">\n            <strong>Talent<\/strong>\n            <span>Right capability on demand<\/span>\n          <\/div>\n          <i class=\"dtshc2-flow-line\"><\/i>\n          <div class=\"dtshc2-flow-node\">\n            <strong>Delivery<\/strong>\n            <span>Scope, milestones, outcomes<\/span>\n          <\/div>\n        <\/div>\n\n        <div class=\"dtshc2-signal-bar\">\n          <div class=\"dtshc2-signal-bar-fill\"><\/div>\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n\n    <!-- RIGHT BROADCAST STAGE -->\n    <div class=\"dtshc2-stage\" id=\"dtshc2Stage\">\n\n      <!-- DYNAMIC CONNECTOR WIRES -->\n      <svg class=\"dtshc2-wires\" id=\"dtshc2Wires\" preserveAspectRatio=\"none\">\n        <defs>\n          <linearGradient id=\"dtshc2WireGrad\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"0%\">\n            <stop offset=\"0%\" stop-color=\"#ff8a3d\" stop-opacity=\".9\"\/>\n            <stop offset=\"50%\" stop-color=\"#38bdf8\" stop-opacity=\".55\"\/>\n            <stop offset=\"100%\" stop-color=\"#a78bfa\" stop-opacity=\".35\"\/>\n          <\/linearGradient>\n        <\/defs>\n        <path class=\"dtshc2-wire\" data-wire=\"0\"><\/path>\n        <path class=\"dtshc2-wire\" data-wire=\"1\"><\/path>\n        <path class=\"dtshc2-wire\" data-wire=\"2\"><\/path>\n        <path class=\"dtshc2-wire\" data-wire=\"3\"><\/path>\n      <\/svg>\n\n      <!-- BROADCAST HUB -->\n      <div class=\"dtshc2-hub\" id=\"dtshc2Hub\" data-dtshc2-hub aria-hidden=\"true\">\n        <div class=\"dtshc2-hub-radar\"><\/div>\n        <div class=\"dtshc2-hub-ring dtshc2-hub-ring-a\"><\/div>\n        <div class=\"dtshc2-hub-ring dtshc2-hub-ring-b\"><\/div>\n        <div class=\"dtshc2-hub-core\">\n          <span>DT<\/span>\n        <\/div>\n      <\/div>\n\n      <!-- PUBLIC SECTOR SUPPORT -->\n      <article class=\"dtshc2-card dtshc2-card-public\" data-dtshc2-card>\n        <div class=\"dtshc2-card-top\">\n          <span class=\"dtshc2-icon\">\n            <svg viewBox=\"0 0 24 24\">\n              <path d=\"M12 3.5 4.5 7.2v2h15v-2L12 3.5Z\"\/>\n              <path d=\"M6 10v7\"\/>\n              <path d=\"M10 10v7\"\/>\n              <path d=\"M14 10v7\"\/>\n              <path d=\"M18 10v7\"\/>\n              <path d=\"M4 19.5h16\"\/>\n            <\/svg>\n          <\/span>\n          <small>Public Visibility<\/small>\n        <\/div>\n        <h3>Public Sector Support<\/h3>\n        <p>\n          Staffing, consulting, and delivery support for government, education,\n          infrastructure, and public service environments.\n        <\/p>\n        <div class=\"dtshc2-card-line\"><\/div>\n      <\/article>\n\n      <!-- STAFF AUGMENTATION -->\n      <article class=\"dtshc2-card dtshc2-card-talent\" data-dtshc2-card>\n        <div class=\"dtshc2-card-top\">\n          <span class=\"dtshc2-icon\">\n            <svg viewBox=\"0 0 24 24\">\n              <path d=\"M16.5 10.5a3 3 0 1 0-2.8-4.05\"\/>\n              <path d=\"M7.5 10.5a3 3 0 1 1 2.8-4.05\"\/>\n              <path d=\"M3.8 19.2c.8-3.1 2.9-4.7 6.2-4.7s5.4 1.6 6.2 4.7\"\/>\n              <path d=\"M14.4 14.8c2.9.2 4.8 1.7 5.8 4.4\"\/>\n            <\/svg>\n          <\/span>\n          <small>Flexible Talent<\/small>\n        <\/div>\n        <h3>Staff Augmentation<\/h3>\n        <p>\n          Skilled professionals added to client teams to close capability gaps\n          and accelerate delivery.\n        <\/p>\n        <div class=\"dtshc2-card-line\"><\/div>\n      <\/article>\n\n      <!-- SOW DELIVERY -->\n      <article class=\"dtshc2-card dtshc2-card-sow\" data-dtshc2-card>\n        <div class=\"dtshc2-card-top\">\n          <span class=\"dtshc2-icon\">\n            <svg viewBox=\"0 0 24 24\">\n              <path d=\"M5 4.5h14v15H5z\"\/>\n              <path d=\"M8 8h8\"\/>\n              <path d=\"M8 11.5h5\"\/>\n              <path d=\"M8 15l2 2 5-5.5\"\/>\n            <\/svg>\n          <\/span>\n          <small>Defined Outcomes<\/small>\n        <\/div>\n        <h3>SOW Delivery<\/h3>\n        <p>\n          Structured project delivery against defined scopes, timelines,\n          milestones, and measurable outcomes.\n        <\/p>\n        <div class=\"dtshc2-card-line\"><\/div>\n      <\/article>\n\n      <!-- MANAGED SERVICES -->\n      <article class=\"dtshc2-card dtshc2-card-managed\" data-dtshc2-card>\n        <div class=\"dtshc2-card-top\">\n          <span class=\"dtshc2-icon\">\n            <svg viewBox=\"0 0 24 24\">\n              <path d=\"M12 3.8l6.2 3.6v7.2L12 20.2l-6.2-5.6V7.4L12 3.8Z\"\/>\n              <path d=\"M12 3.8v7.3\"\/>\n              <path d=\"M18.2 7.4 12 11.1 5.8 7.4\"\/>\n              <path d=\"M8.5 15.2l2.1 2.1 4.9-5.4\"\/>\n            <\/svg>\n          <\/span>\n          <small>Ongoing Operations<\/small>\n        <\/div>\n        <h3>Managed Services<\/h3>\n        <p>\n          Ongoing support models for operational functions, delivery continuity,\n          and business-critical execution.\n        <\/p>\n        <div class=\"dtshc2-card-line\"><\/div>\n      <\/article>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\n\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.5\/gsap.min.js\"><\/script>\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.5\/ScrollTrigger.min.js\"><\/script>\n\n<style>\n\/* =========================\n   DT SOLUTIONS \u2014 SIGNAL BROADCAST HUB\n========================= *\/\n\n#dtshc2-root,\n#dtshc2-root *{\n  box-sizing:border-box;\n}\n\n#dtshc2-root{\n  --dtshc2-navy-deep:#02040c;\n  --dtshc2-navy:#040b1e;\n  --dtshc2-blue:#38bdf8;\n  --dtshc2-blue-deep:#0ea5e9;\n  --dtshc2-purple:#a78bfa;\n  --dtshc2-orange:#ff8a3d;\n  --dtshc2-orange-deep:#ff6a1f;\n  --dtshc2-ink:#e7edf7;\n\n  position:relative;\n  overflow:hidden;\n  isolation:isolate;\n  padding:130px 7%;\n  min-height:780px;\n  background:\n    radial-gradient(circle at 14% 18%, rgba(56,189,248,.16), transparent 36%),\n    radial-gradient(circle at 82% 22%, rgba(255,138,61,.10), transparent 34%),\n    radial-gradient(circle at 78% 84%, rgba(167,139,250,.15), transparent 40%),\n    linear-gradient(150deg,var(--dtshc2-navy-deep) 0%,var(--dtshc2-navy) 50%,var(--dtshc2-navy-deep) 100%);\n  color:var(--dtshc2-ink);\n  font-family:\"Plus Jakarta Sans\", ui-sans-serif, system-ui, -apple-system, \"Segoe UI\", sans-serif;\n}\n\n\/* BACKGROUND GRID *\/\n#dtshc2-root .dtshc2-grid{\n  position:absolute;\n  inset:0;\n  z-index:1;\n  opacity:.16;\n  pointer-events:none;\n  background-image:\n    linear-gradient(rgba(125,211,252,.09) 1px, transparent 1px),\n    linear-gradient(90deg, rgba(125,211,252,.09) 1px, transparent 1px);\n  background-size:78px 78px;\n  mask-image:radial-gradient(circle at 62% 48%, black 0%, transparent 74%);\n}\n\n\/* NOISE *\/\n#dtshc2-root .dtshc2-noise{\n  position:absolute;\n  inset:0;\n  z-index:2;\n  pointer-events:none;\n  opacity:.05;\n  mix-blend-mode:screen;\n  background-image:url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='3' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.4'\/%3E%3C\/svg%3E\");\n}\n\n\/* AURORA LIGHTS *\/\n#dtshc2-root .dtshc2-aurora{\n  position:absolute;\n  z-index:1;\n  pointer-events:none;\n  filter:blur(105px);\n  mix-blend-mode:screen;\n  border-radius:999px;\n}\n\n#dtshc2-root .dtshc2-aurora-blue{\n  width:560px; height:420px;\n  left:-200px; top:6%;\n  background:rgba(56,189,248,.30);\n  opacity:.55;\n}\n\n#dtshc2-root .dtshc2-aurora-purple{\n  width:640px; height:480px;\n  right:-220px; bottom:-6%;\n  background:rgba(167,139,250,.28);\n  opacity:.45;\n}\n\n#dtshc2-root .dtshc2-aurora-orange{\n  width:380px; height:300px;\n  right:12%; top:-6%;\n  background:rgba(255,138,61,.30);\n  opacity:.4;\n}\n\n\/* SCAN SWEEP *\/\n#dtshc2-root .dtshc2-scan{\n  position:absolute;\n  left:0; top:-35%;\n  width:100%; height:30%;\n  z-index:3;\n  pointer-events:none;\n  background:linear-gradient(180deg,transparent,rgba(255,138,61,.05),transparent);\n  animation:dtshc2Scan 11s linear infinite;\n}\n\n\/* LAYOUT *\/\n#dtshc2-root .dtshc2-container{\n  position:relative;\n  z-index:5;\n  max-width:1400px;\n  margin:0 auto;\n  display:grid;\n  grid-template-columns:minmax(0,.9fr) minmax(0,1.4fr);\n  gap:70px;\n  align-items:center;\n}\n\n\/* LEFT *\/\n#dtshc2-root .dtshc2-left{\n  position:relative;\n  z-index:4;\n}\n\n#dtshc2-root .dtshc2-kicker{\n  display:inline-flex;\n  align-items:center;\n  gap:10px;\n  margin-bottom:24px;\n  padding:10px 16px;\n  border-radius:999px;\n  border:1px solid rgba(255,138,61,.28);\n  background:rgba(8,16,34,.4);\n  backdrop-filter:blur(16px);\n  -webkit-backdrop-filter:blur(16px);\n  color:rgba(231,237,247,.9);\n  font-size:12px;\n  font-weight:800;\n  letter-spacing:.15em;\n  text-transform:uppercase;\n  opacity:0;\n  transform:translateY(16px);\n}\n\n#dtshc2-root .dtshc2-kicker-dot{\n  width:8px; height:8px;\n  border-radius:50%;\n  background:var(--dtshc2-orange);\n  box-shadow:0 0 16px rgba(255,138,61,.95);\n  animation:dtshc2Blink 2.2s ease-in-out infinite;\n}\n\n#dtshc2-root .dtshc2-heading{\n  margin:0;\n  max-width:600px;\n  font-family:\"Plus Jakarta Sans\", sans-serif;\n  font-size:clamp(30px,2.7vw,44px);\n  line-height:1.22;\n  letter-spacing:-.02em;\n  font-weight:800;\n}\n\n#dtshc2-root .dtshc2-heading .dtshc2-word{\n  display:inline-block;\n  opacity:0;\n  transform:translateY(22px) rotateX(35deg);\n  background:linear-gradient(90deg,#ffffff 0%,#bfe6ff 32%,#d3d9ff 58%,#ffffff 100%);\n  background-size:220% auto;\n  -webkit-background-clip:text;\n  background-clip:text;\n  -webkit-text-fill-color:transparent;\n  animation:dtshc2TitleFlow 9s linear infinite;\n}\n\n#dtshc2-root .dtshc2-copy{\n  margin:28px 0 0;\n  max-width:560px;\n  color:rgba(203,213,225,.78);\n  font-size:17px;\n  line-height:1.75;\n  opacity:0;\n  transform:translateY(16px);\n}\n\n\/* SIGNAL PANEL *\/\n#dtshc2-root .dtshc2-signal-panel{\n  position:relative;\n  margin-top:38px;\n  max-width:600px;\n  padding:22px;\n  border-radius:26px;\n  border:1px solid rgba(255,138,61,.16);\n  background:\n    linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.016)),\n    rgba(5,12,28,.5);\n  backdrop-filter:blur(18px);\n  -webkit-backdrop-filter:blur(18px);\n  box-shadow:\n    inset 0 1px 0 rgba(255,255,255,.08),\n    0 24px 70px rgba(0,0,0,.26);\n  overflow:hidden;\n  opacity:0;\n  transform:translateY(16px);\n}\n\n#dtshc2-root .dtshc2-signal-panel::before{\n  content:\"\";\n  position:absolute;\n  inset:-1px;\n  border-radius:inherit;\n  padding:1px;\n  background:linear-gradient(120deg,rgba(255,138,61,.45),transparent 32%,rgba(56,189,248,.4),transparent 68%,rgba(167,139,250,.32));\n  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);\n  -webkit-mask-composite:xor;\n  mask-composite:exclude;\n  pointer-events:none;\n}\n\n#dtshc2-root .dtshc2-signal-head{\n  display:flex;\n  align-items:center;\n  gap:10px;\n  color:rgba(231,237,247,.78);\n  font-size:12px;\n  font-weight:800;\n  letter-spacing:.13em;\n  text-transform:uppercase;\n}\n\n#dtshc2-root .dtshc2-live-dot{\n  width:8px; height:8px;\n  border-radius:50%;\n  background:var(--dtshc2-blue);\n  box-shadow:0 0 16px rgba(56,189,248,.95);\n  animation:dtshc2Blink 2.2s ease-in-out infinite .3s;\n}\n\n#dtshc2-root .dtshc2-flow{\n  display:grid;\n  grid-template-columns:1fr 40px 1fr 40px 1fr;\n  gap:10px;\n  align-items:center;\n  margin-top:20px;\n}\n\n#dtshc2-root .dtshc2-flow-node{\n  min-height:82px;\n  padding:15px;\n  border-radius:18px;\n  background:rgba(8,16,34,.46);\n  border:1px solid rgba(125,211,252,.12);\n}\n\n#dtshc2-root .dtshc2-flow-node strong{\n  display:block;\n  color:#fff;\n  font-size:14px;\n  letter-spacing:-.01em;\n}\n\n#dtshc2-root .dtshc2-flow-node span{\n  display:block;\n  margin-top:6px;\n  color:rgba(203,213,225,.66);\n  font-size:11.5px;\n  line-height:1.4;\n}\n\n#dtshc2-root .dtshc2-flow-line{\n  height:1px;\n  background:linear-gradient(90deg,rgba(255,138,61,.15),rgba(56,189,248,.85),rgba(167,139,250,.35));\n  box-shadow:0 0 14px rgba(56,189,248,.55);\n}\n\n#dtshc2-root .dtshc2-signal-bar{\n  position:relative;\n  margin-top:20px;\n  height:4px;\n  border-radius:999px;\n  background:rgba(125,211,252,.1);\n  overflow:hidden;\n}\n\n#dtshc2-root .dtshc2-signal-bar-fill{\n  position:absolute;\n  inset:0 auto 0 0;\n  width:40%;\n  border-radius:999px;\n  background:linear-gradient(90deg,var(--dtshc2-orange),var(--dtshc2-blue));\n  box-shadow:0 0 14px rgba(255,138,61,.6);\n  animation:dtshc2BarSlide 3.4s ease-in-out infinite;\n}\n\n\/* RIGHT STAGE *\/\n#dtshc2-root .dtshc2-stage{\n  position:relative;\n  min-height:620px;\n  perspective:1500px;\n}\n\n\/* CONNECTOR WIRES *\/\n#dtshc2-root .dtshc2-wires{\n  position:absolute;\n  inset:0;\n  width:100%;\n  height:100%;\n  z-index:1;\n  overflow:visible;\n  pointer-events:none;\n}\n\n#dtshc2-root .dtshc2-wire{\n  fill:none;\n  stroke:url(#dtshc2WireGrad);\n  stroke-width:1.4;\n  stroke-dasharray:6 7;\n  opacity:.7;\n  animation:dtshc2WireFlow 2.4s linear infinite;\n}\n\n\/* HUB *\/\n#dtshc2-root .dtshc2-hub{\n  position:absolute;\n  left:8%;\n  top:50%;\n  width:180px;\n  height:180px;\n  transform:translate(-50%,-50%);\n  z-index:2;\n  pointer-events:none;\n}\n\n#dtshc2-root .dtshc2-hub-radar{\n  position:absolute;\n  inset:-30px;\n  border-radius:50%;\n  background:conic-gradient(from 0deg, rgba(255,138,61,.32), transparent 26%, transparent 74%, rgba(255,138,61,.32));\n  animation:dtshc2RadarSpin 5s linear infinite;\n  opacity:.7;\n}\n\n#dtshc2-root .dtshc2-hub-ring{\n  position:absolute;\n  border-radius:50%;\n  border:1px solid rgba(125,211,252,.3);\n  box-shadow:0 0 24px rgba(56,189,248,.14), inset 0 0 24px rgba(56,189,248,.08);\n}\n\n#dtshc2-root .dtshc2-hub-ring-a{\n  inset:10%;\n  animation:dtshc2RingSpin 14s linear infinite;\n}\n\n#dtshc2-root .dtshc2-hub-ring-b{\n  inset:22%;\n  border-color:rgba(167,139,250,.32);\n  animation:dtshc2RingSpin 10s linear infinite reverse;\n}\n\n#dtshc2-root .dtshc2-hub-core{\n  position:absolute;\n  inset:34%;\n  border-radius:50%;\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  background:\n    radial-gradient(circle at 35% 25%, rgba(255,255,255,.92), rgba(255,138,61,.5) 22%, rgba(56,189,248,.34) 56%, transparent 76%);\n  box-shadow:\n    0 0 50px rgba(255,138,61,.45),\n    0 0 120px rgba(56,189,248,.3),\n    inset 0 0 34px rgba(255,255,255,.16);\n  animation:dtshc2HubFloat 5.5s ease-in-out infinite;\n}\n\n#dtshc2-root .dtshc2-hub-core span{\n  color:#02040c;\n  font-family:\"Plus Jakarta Sans\", sans-serif;\n  font-size:20px;\n  font-weight:800;\n  letter-spacing:-.02em;\n}\n\n\/* CARDS *\/\n#dtshc2-root .dtshc2-card{\n  position:absolute;\n  z-index:3;\n  width:300px;\n  min-height:216px;\n  padding:24px;\n  border-radius:28px;\n  overflow:hidden;\n  background:\n    linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.016)),\n    rgba(5,12,28,.64);\n  border:1px solid rgba(125,211,252,.16);\n  backdrop-filter:blur(18px);\n  -webkit-backdrop-filter:blur(18px);\n  box-shadow:\n    inset 0 1px 0 rgba(255,255,255,.08),\n    0 26px 84px rgba(0,0,0,.3);\n  opacity:0;\n  transform:translateY(40px) rotate(var(--dtshc2-rot,0deg));\n  transition:transform .5s cubic-bezier(.2,.8,.2,1), border-color .45s ease, box-shadow .45s ease;\n  transform-style:preserve-3d;\n}\n\n#dtshc2-root .dtshc2-card.dtshc2-in-view{\n  --dtshc2-shown:1;\n}\n\n#dtshc2-root .dtshc2-card:hover{\n  transform:translateY(-8px) rotate(0deg) scale(1.025);\n  border-color:rgba(255,138,61,.4);\n  box-shadow:\n    inset 0 1px 0 rgba(255,255,255,.1),\n    0 32px 100px rgba(0,0,0,.36),\n    0 0 44px rgba(255,138,61,.2);\n}\n\n#dtshc2-root .dtshc2-card::before{\n  content:\"\";\n  position:absolute;\n  inset:-1px;\n  border-radius:inherit;\n  padding:1px;\n  background:linear-gradient(125deg,rgba(56,189,248,.5),transparent 30%,rgba(167,139,250,.32),transparent 70%,rgba(255,138,61,.4));\n  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);\n  -webkit-mask-composite:xor;\n  mask-composite:exclude;\n  pointer-events:none;\n}\n\n#dtshc2-root .dtshc2-card::after{\n  content:\"\";\n  position:absolute;\n  left:-55%; top:0;\n  width:42%; height:100%;\n  background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);\n  transform:skewX(-18deg);\n  animation:dtshc2CardSweep 8s ease-in-out infinite;\n  pointer-events:none;\n}\n\n#dtshc2-root .dtshc2-card-public{ --dtshc2-rot:-5deg; left:30%; top:2%; }\n#dtshc2-root .dtshc2-card-talent{ --dtshc2-rot:3deg; right:2%; top:18%; }\n#dtshc2-root .dtshc2-card-sow{ --dtshc2-rot:4deg; left:24%; bottom:15%; }\n#dtshc2-root .dtshc2-card-managed{ --dtshc2-rot:-3deg; right:6%; bottom:-2%; }\n\n#dtshc2-root .dtshc2-card:nth-of-type(2)::after{ animation-delay:1.2s; }\n#dtshc2-root .dtshc2-card:nth-of-type(3)::after{ animation-delay:2.4s; }\n#dtshc2-root .dtshc2-card:nth-of-type(4)::after{ animation-delay:3.6s; }\n\n#dtshc2-root .dtshc2-card-top{\n  display:flex;\n  align-items:center;\n  justify-content:space-between;\n  gap:16px;\n  margin-bottom:20px;\n  position:relative;\n  z-index:2;\n}\n\n#dtshc2-root .dtshc2-icon{\n  width:52px; height:52px;\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  border-radius:18px;\n  color:var(--dtshc2-blue);\n  background:\n    radial-gradient(circle at 35% 25%, rgba(255,138,61,.2), transparent 54%),\n    rgba(56,189,248,.08);\n  border:1px solid rgba(125,211,252,.24);\n  box-shadow:inset 0 0 18px rgba(56,189,248,.1), 0 0 22px rgba(56,189,248,.1);\n  transition:color .4s ease, box-shadow .4s ease;\n}\n\n#dtshc2-root .dtshc2-card:hover .dtshc2-icon{\n  color:var(--dtshc2-orange);\n  box-shadow:inset 0 0 18px rgba(255,138,61,.16), 0 0 26px rgba(255,138,61,.22);\n}\n\n#dtshc2-root .dtshc2-icon svg{\n  width:26px; height:26px;\n  fill:none;\n  stroke:currentColor;\n  stroke-width:1.7;\n  stroke-linecap:round;\n  stroke-linejoin:round;\n}\n\n#dtshc2-root .dtshc2-card small{\n  padding:7px 10px;\n  border-radius:999px;\n  border:1px solid rgba(125,211,252,.15);\n  background:rgba(8,16,34,.42);\n  color:rgba(231,237,247,.6);\n  font-size:10px;\n  font-weight:800;\n  letter-spacing:.12em;\n  text-transform:uppercase;\n  white-space:nowrap;\n}\n\n#dtshc2-root .dtshc2-card h3{\n  position:relative;\n  z-index:2;\n  margin:0;\n  font-family:\"Plus Jakarta Sans\", sans-serif;\n  color:#fff;\n  font-size:20px;\n  line-height:1.15;\n  letter-spacing:-.01em;\n  font-weight:700;\n}\n\n#dtshc2-root .dtshc2-card p{\n  position:relative;\n  z-index:2;\n  margin:13px 0 0;\n  color:rgba(203,213,225,.74);\n  font-size:13.5px;\n  line-height:1.6;\n}\n\n#dtshc2-root .dtshc2-card-line{\n  position:absolute;\n  left:24px; right:24px; bottom:18px;\n  height:1px;\n  background:linear-gradient(90deg,rgba(255,138,61,.8),rgba(56,189,248,.4),transparent);\n  box-shadow:0 0 14px rgba(255,138,61,.5);\n}\n\n\/* ANIMATIONS *\/\n@keyframes dtshc2TitleFlow{\n  0%{background-position:0% center;}\n  100%{background-position:240% center;}\n}\n\n@keyframes dtshc2Scan{\n  0%{transform:translateY(0);}\n  100%{transform:translateY(430%);}\n}\n\n@keyframes dtshc2Blink{\n  0%,100%{opacity:1;}\n  50%{opacity:.35;}\n}\n\n@keyframes dtshc2BarSlide{\n  0%{left:0%; width:22%;}\n  50%{left:60%; width:38%;}\n  100%{left:0%; width:22%;}\n}\n\n@keyframes dtshc2RadarSpin{\n  from{transform:rotate(0deg);}\n  to{transform:rotate(360deg);}\n}\n\n@keyframes dtshc2RingSpin{\n  from{transform:rotate(0deg);}\n  to{transform:rotate(360deg);}\n}\n\n@keyframes dtshc2HubFloat{\n  0%,100%{transform:scale(1) translateY(0);}\n  50%{transform:scale(1.05) translateY(-7px);}\n}\n\n@keyframes dtshc2CardSweep{\n  0%{left:-55%;}\n  42%{left:120%;}\n  100%{left:120%;}\n}\n\n@keyframes dtshc2WireFlow{\n  from{stroke-dashoffset:26;}\n  to{stroke-dashoffset:0;}\n}\n\n\/* RESPONSIVE *\/\n@media(max-width:1180px){\n  #dtshc2-root .dtshc2-container{\n    grid-template-columns:1fr;\n    gap:64px;\n  }\n  #dtshc2-root .dtshc2-left{ max-width:760px; }\n  #dtshc2-root .dtshc2-stage{\n    min-height:auto;\n    display:grid;\n    grid-template-columns:repeat(2,minmax(0,1fr));\n    gap:18px;\n  }\n  #dtshc2-root .dtshc2-hub,\n  #dtshc2-root .dtshc2-wires{ display:none; }\n  #dtshc2-root .dtshc2-card{\n    position:relative;\n    inset:auto !important;\n    width:auto;\n    min-height:238px;\n    transform:translateY(0) rotate(0deg) !important;\n    opacity:1;\n  }\n}\n\n@media(max-width:767px){\n  #dtshc2-root{ padding:86px 18px; }\n  #dtshc2-root .dtshc2-container{ gap:42px; }\n  #dtshc2-root .dtshc2-heading{ font-size:clamp(28px,9vw,38px); line-height:1.25; }\n  #dtshc2-root .dtshc2-copy{ font-size:15.5px; line-height:1.65; }\n  #dtshc2-root .dtshc2-flow{ grid-template-columns:1fr; }\n  #dtshc2-root .dtshc2-flow-line{\n    height:30px; width:1px; margin:0 auto;\n    background:linear-gradient(180deg,rgba(255,138,61,.15),rgba(56,189,248,.85),rgba(167,139,250,.35));\n  }\n  #dtshc2-root .dtshc2-stage{ grid-template-columns:1fr; }\n  #dtshc2-root .dtshc2-card{ min-height:220px; padding:20px; border-radius:24px; }\n}\n\n@media(prefers-reduced-motion:reduce){\n  #dtshc2-root *,\n  #dtshc2-root *::before,\n  #dtshc2-root *::after{\n    animation:none !important;\n    transition:none !important;\n  }\n  #dtshc2-root .dtshc2-kicker,\n  #dtshc2-root .dtshc2-copy,\n  #dtshc2-root .dtshc2-signal-panel,\n  #dtshc2-root .dtshc2-card,\n  #dtshc2-root .dtshc2-word{\n    opacity:1 !important;\n    transform:none !important;\n  }\n}\n<\/style>\n\n<script>\n(function(){\n  if (window.__dtshc2Init) return;\n  window.__dtshc2Init = true;\n\n  var root = document.getElementById('dtshc2-root');\n  if (!root) return;\n\n  var reduceMotion = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n\n  \/* ---------- Split heading into words for stagger reveal ---------- *\/\n  var heading = root.querySelector('[data-dtshc2-split]');\n  if (heading && !heading.dataset.dtshc2Split) {\n    var text = heading.textContent.trim();\n    var words = text.split(\/\\s+\/);\n    heading.innerHTML = words.map(function(w){\n      return '<span class=\"dtshc2-word\">' + w + '&nbsp;<\/span>';\n    }).join('');\n    heading.dataset.dtshc2Split = 'true';\n  }\n  var wordEls = root.querySelectorAll('.dtshc2-word');\n\n  \/* ---------- Connector wires ---------- *\/\n  var stage = document.getElementById('dtshc2Stage');\n  var hub = document.getElementById('dtshc2Hub');\n  var svg = document.getElementById('dtshc2Wires');\n  var wirePaths = svg ? svg.querySelectorAll('.dtshc2-wire') : [];\n  var cards = root.querySelectorAll('.dtshc2-card');\n\n  function stageIsCompact(){\n    return window.innerWidth <= 1180;\n  }\n\n  function drawWires(){\n    if (!stage || !hub || !svg || stageIsCompact()) return;\n    var stageRect = stage.getBoundingClientRect();\n    if (stageRect.width === 0) return;\n\n    svg.setAttribute('width', stageRect.width);\n    svg.setAttribute('height', stageRect.height);\n    svg.setAttribute('viewBox', '0 0 ' + stageRect.width + ' ' + stageRect.height);\n\n    var hubRect = hub.getBoundingClientRect();\n    var hubX = hubRect.left + hubRect.width \/ 2 - stageRect.left;\n    var hubY = hubRect.top + hubRect.height \/ 2 - stageRect.top;\n\n    cards.forEach(function(card, i){\n      var path = wirePaths[i];\n      if (!path) return;\n      var r = card.getBoundingClientRect();\n      var cardX = r.left - stageRect.left;\n      var cardY = r.top + r.height \/ 2 - stageRect.top;\n      var midX = hubX + (cardX - hubX) * 0.55;\n      var d = 'M ' + hubX + ' ' + hubY +\n              ' C ' + midX + ' ' + hubY + ', ' +\n              midX + ' ' + cardY + ', ' +\n              cardX + ' ' + cardY;\n      path.setAttribute('d', d);\n    });\n  }\n\n  var resizeTimer;\n  function scheduleDraw(){\n    clearTimeout(resizeTimer);\n    resizeTimer = setTimeout(drawWires, 120);\n  }\n\n  window.addEventListener('resize', scheduleDraw);\n  window.addEventListener('load', drawWires);\n\n  if (window.ResizeObserver && stage) {\n    new ResizeObserver(scheduleDraw).observe(stage);\n  }\n\n  \/* ---------- Reveal animation (GSAP if available, fallback otherwise) ---------- *\/\n  function revealAll(){\n    root.querySelectorAll('[data-dtshc2-reveal]').forEach(function(el){\n      el.style.opacity = '1';\n      el.style.transform = 'none';\n    });\n    wordEls.forEach(function(el){\n      el.style.opacity = '1';\n      el.style.transform = 'none';\n    });\n    cards.forEach(function(el){\n      el.style.opacity = '1';\n    });\n  }\n\n  if (reduceMotion) {\n    revealAll();\n    drawWires();\n    return;\n  }\n\n  if (window.gsap && window.ScrollTrigger) {\n    gsap.registerPlugin(ScrollTrigger);\n\n    var tl = gsap.timeline({\n      scrollTrigger: {\n        trigger: root,\n        start: 'top 75%',\n        once: true\n      },\n      onComplete: drawWires\n    });\n\n    tl.to(root.querySelector('.dtshc2-kicker'), { opacity:1, y:0, duration:.6, ease:'power2.out' })\n      .to(wordEls, { opacity:1, y:0, rotateX:0, duration:.7, ease:'power3.out', stagger:.06 }, '-=.3')\n      .to(root.querySelector('.dtshc2-copy'), { opacity:1, y:0, duration:.6, ease:'power2.out' }, '-=.4')\n      .to(root.querySelector('.dtshc2-signal-panel'), { opacity:1, y:0, duration:.7, ease:'power2.out' }, '-=.35')\n      .to(cards, { opacity:1, y:0, duration:.7, ease:'power3.out', stagger:.12 }, '-=.5')\n      .call(drawWires);\n\n    ScrollTrigger.addEventListener('refresh', drawWires);\n  } else {\n    \/* Fallback: IntersectionObserver-based reveal *\/\n    var targets = root.querySelectorAll('[data-dtshc2-reveal], .dtshc2-word, .dtshc2-card');\n    if ('IntersectionObserver' in window) {\n      var io = new IntersectionObserver(function(entries){\n        entries.forEach(function(entry){\n          if (entry.isIntersecting) {\n            entry.target.style.opacity = '1';\n            entry.target.style.transform = 'none';\n            io.unobserve(entry.target);\n          }\n        });\n      }, { threshold: .2 });\n      targets.forEach(function(t){ io.observe(t); });\n    } else {\n      revealAll();\n    }\n    drawWires();\n  }\n\n})();\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1d98e5c e-con-full e-flex e-con e-parent\" data-id=\"1d98e5c\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2aae050 elementor-widget elementor-widget-html\" data-id=\"2aae050\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ================================================\n  CERTIFICATIONS SECTION \u2014 DT Solutions Electric Blue\n  Logo Visibility Fixed\n  Paste into Elementor > HTML Widget\n================================================ -->\n\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap\" rel=\"stylesheet\">\n\n<style>\n.cert-section,\n.cert-section *{\n  box-sizing:border-box;\n}\n\n.cert-section{\n  position:relative;\n  width:100%;\n  overflow:hidden;\n  padding:110px 40px;\n  font-family:'Inter',sans-serif;\n  background:\n    radial-gradient(circle at 18% 18%, rgba(0,170,255,.18), transparent 34%),\n    radial-gradient(circle at 82% 22%, rgba(52,102,255,.16), transparent 38%),\n    radial-gradient(circle at 55% 90%, rgba(0,245,255,.08), transparent 35%),\n    linear-gradient(135deg,#020617 0%,#04122b 46%,#020617 100%);\n  color:#fff;\n  isolation:isolate;\n}\n\n\/* Ambient electric glows *\/\n.cert-section::before{\n  content:\"\";\n  position:absolute;\n  width:720px;\n  height:720px;\n  border-radius:50%;\n  background:radial-gradient(circle, rgba(0,180,255,.18) 0%, rgba(0,180,255,.06) 34%, transparent 70%);\n  top:-260px;\n  left:-220px;\n  pointer-events:none;\n  filter:blur(18px);\n  z-index:1;\n}\n\n.cert-section::after{\n  content:\"\";\n  position:absolute;\n  width:680px;\n  height:680px;\n  border-radius:50%;\n  background:radial-gradient(circle, rgba(59,130,246,.18) 0%, rgba(99,102,241,.08) 36%, transparent 70%);\n  bottom:-260px;\n  right:-220px;\n  pointer-events:none;\n  filter:blur(20px);\n  z-index:1;\n}\n\n\/* Animated grid *\/\n.cert-grid-bg{\n  position:absolute;\n  inset:0;\n  z-index:1;\n  pointer-events:none;\n  opacity:.2;\n  background-image:\n    linear-gradient(rgba(125,211,252,.08) 1px, transparent 1px),\n    linear-gradient(90deg, rgba(125,211,252,.08) 1px, transparent 1px);\n  background-size:72px 72px;\n  animation:certGridShift 24s linear infinite;\n  mask-image:radial-gradient(circle at 50% 45%, black 0%, transparent 75%);\n}\n\n@keyframes certGridShift{\n  0%{transform:translate(0,0);}\n  100%{transform:translate(72px,72px);}\n}\n\n\/* Subtle scan wash *\/\n.cert-scan-bg{\n  position:absolute;\n  left:0;\n  top:-35%;\n  width:100%;\n  height:34%;\n  z-index:2;\n  pointer-events:none;\n  background:linear-gradient(180deg,transparent,rgba(125,211,252,.055),transparent);\n  animation:certBgScan 10s linear infinite;\n}\n\n@keyframes certBgScan{\n  0%{transform:translateY(0);}\n  100%{transform:translateY(430%);}\n}\n\n\/* Content *\/\n.cert-inner{\n  position:relative;\n  z-index:4;\n  max-width:1180px;\n  margin:0 auto;\n  text-align:center;\n}\n\n\/* Badge *\/\n.cert-badge{\n  display:inline-flex;\n  align-items:center;\n  gap:10px;\n  background:rgba(8,18,40,.42);\n  border:1px solid rgba(125,211,252,.24);\n  border-radius:999px;\n  padding:8px 18px;\n  margin-bottom:24px;\n  backdrop-filter:blur(16px);\n  -webkit-backdrop-filter:blur(16px);\n  box-shadow:\n    inset 0 1px 0 rgba(255,255,255,.07),\n    0 18px 60px rgba(0,0,0,.22);\n}\n\n.cert-badge-dot{\n  width:8px;\n  height:8px;\n  border-radius:50%;\n  background:#38bdf8;\n  box-shadow:0 0 14px rgba(56,189,248,.95);\n  animation:certBadgePulse 2.2s ease-in-out infinite;\n}\n\n@keyframes certBadgePulse{\n  0%,100%{\n    box-shadow:0 0 10px rgba(56,189,248,.9);\n  }\n  50%{\n    box-shadow:0 0 22px rgba(56,189,248,1),0 0 42px rgba(59,130,246,.45);\n  }\n}\n\n.cert-badge span{\n  color:#7dd3fc;\n  font-size:12px;\n  font-weight:800;\n  letter-spacing:2px;\n  text-transform:uppercase;\n}\n\n\/* Heading *\/\n.cert-title{\n  margin:0 0 16px;\n  font-size:clamp(36px,4.6vw,60px);\n  font-weight:900;\n  line-height:1.04;\n  letter-spacing:-.055em;\n  color:#fff;\n}\n\n.cert-title em{\n  font-style:normal;\n  background:linear-gradient(90deg,#7dd3fc 0%,#38bdf8 42%,#7c8cff 100%);\n  -webkit-background-clip:text;\n  background-clip:text;\n  -webkit-text-fill-color:transparent;\n  text-shadow:0 0 34px rgba(56,189,248,.22);\n}\n\n.cert-subtitle{\n  max-width:650px;\n  margin:0 auto 62px;\n  color:rgba(203,213,225,.76);\n  font-size:16px;\n  font-weight:300;\n  line-height:1.75;\n}\n\n\/* Cards grid *\/\n.cert-cards{\n  display:grid;\n  grid-template-columns:repeat(3,1fr);\n  gap:24px;\n  margin-bottom:58px;\n}\n\n\/* Card *\/\n.cert-card{\n  position:relative;\n  min-height:345px;\n  padding:42px 32px 38px;\n  border-radius:28px;\n  cursor:default;\n  overflow:hidden;\n  background:\n    linear-gradient(180deg,rgba(255,255,255,.085),rgba(255,255,255,.018)),\n    rgba(5,13,32,.62);\n  border:1px solid rgba(125,211,252,.18);\n  backdrop-filter:blur(18px);\n  -webkit-backdrop-filter:blur(18px);\n  box-shadow:\n    inset 0 1px 0 rgba(255,255,255,.08),\n    0 28px 90px rgba(0,0,0,.30);\n  transition:\n    transform .45s cubic-bezier(.2,.8,.2,1),\n    border-color .45s ease,\n    box-shadow .45s ease,\n    background .45s ease;\n}\n\n\/* Electric border *\/\n.cert-card::before{\n  content:\"\";\n  position:absolute;\n  inset:-1px;\n  border-radius:inherit;\n  padding:1px;\n  background:linear-gradient(\n    125deg,\n    rgba(56,189,248,.62),\n    transparent 32%,\n    rgba(99,102,241,.38),\n    transparent 74%\n  );\n  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);\n  -webkit-mask-composite:xor;\n  mask-composite:exclude;\n  opacity:.62;\n  pointer-events:none;\n  transition:opacity .45s ease;\n  z-index:2;\n}\n\n\/* Inner card depth *\/\n.cert-card::after{\n  content:\"\";\n  position:absolute;\n  inset:1px;\n  border-radius:27px;\n  background:\n    radial-gradient(circle at 50% -10%, rgba(56,189,248,.10), transparent 38%),\n    linear-gradient(180deg,rgba(8,18,40,.58),rgba(3,10,28,.78));\n  z-index:0;\n  pointer-events:none;\n}\n\n.cert-card:hover{\n  transform:translateY(-10px) scale(1.018);\n  border-color:rgba(125,211,252,.42);\n  box-shadow:\n    inset 0 1px 0 rgba(255,255,255,.1),\n    0 34px 110px rgba(0,0,0,.36),\n    0 0 50px rgba(56,189,248,.18);\n}\n\n.cert-card:hover::before{\n  opacity:1;\n}\n\n\/* Moving light *\/\n.cert-light-sweep{\n  position:absolute;\n  left:-60%;\n  top:0;\n  width:44%;\n  height:100%;\n  background:linear-gradient(90deg,transparent,rgba(125,211,252,.14),transparent);\n  transform:skewX(-18deg);\n  animation:certCardSweep 8s ease-in-out infinite;\n  z-index:3;\n  pointer-events:none;\n}\n\n.cert-card:nth-child(2) .cert-light-sweep{animation-delay:1.3s;}\n.cert-card:nth-child(3) .cert-light-sweep{animation-delay:2.6s;}\n\n@keyframes certCardSweep{\n  0%{left:-60%;}\n  42%{left:125%;}\n  100%{left:125%;}\n}\n\n.cert-card-inner{\n  position:relative;\n  z-index:4;\n  display:flex;\n  flex-direction:column;\n  align-items:center;\n}\n\n\/* Card glow *\/\n.cert-card-glow{\n  position:absolute;\n  width:230px;\n  height:230px;\n  border-radius:50%;\n  top:-90px;\n  left:50%;\n  transform:translateX(-50%);\n  pointer-events:none;\n  z-index:1;\n  opacity:.7;\n  background:radial-gradient(circle,rgba(56,189,248,.18) 0%,transparent 70%);\n  transition:opacity .45s, transform .45s;\n}\n\n.cert-card:hover .cert-card-glow{\n  opacity:1;\n  transform:translateX(-50%) scale(1.12);\n}\n\n\/* ==================================================\n   LOGO VISIBILITY FIX\n   Original colors preserved inside premium light plate\n================================================== *\/\n\n.cert-logo-wrap{\n  width:160px;\n  height:116px;\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  margin-bottom:26px;\n  padding:18px;\n  position:relative;\n  border-radius:26px;\n  background:\n    radial-gradient(circle at 50% 0%, rgba(125,211,252,.20), transparent 55%),\n    linear-gradient(180deg, rgba(255,255,255,.94), rgba(226,242,255,.80));\n  border:1px solid rgba(125,211,252,.35);\n  box-shadow:\n    0 0 34px rgba(56,189,248,.18),\n    inset 0 1px 0 rgba(255,255,255,.85),\n    inset 0 -18px 35px rgba(56,189,248,.08);\n  overflow:hidden;\n  transition:\n    background .4s ease,\n    box-shadow .4s ease,\n    border-color .4s ease,\n    transform .4s ease;\n}\n\n.cert-logo-wrap::before{\n  content:\"\";\n  position:absolute;\n  inset:-20px;\n  border-radius:inherit;\n  background:radial-gradient(circle,rgba(56,189,248,.12),transparent 68%);\n  opacity:.8;\n  pointer-events:none;\n}\n\n.cert-logo-wrap::after{\n  content:\"\";\n  position:absolute;\n  left:-60%;\n  top:0;\n  width:46%;\n  height:100%;\n  background:linear-gradient(90deg,transparent,rgba(255,255,255,.45),transparent);\n  transform:skewX(-18deg);\n  opacity:.65;\n  pointer-events:none;\n  transition:left .55s ease;\n}\n\n.cert-card:hover .cert-logo-wrap::after{\n  left:120%;\n}\n\n.cert-logo-wrap img{\n  position:relative;\n  z-index:2;\n  max-width:100%;\n  max-height:100%;\n  object-fit:contain;\n  filter:none;\n  opacity:1;\n  transform:none;\n  transition:\n    filter .4s ease,\n    opacity .4s ease,\n    transform .4s ease;\n}\n\n\/* Preserve readability on hover *\/\n.cert-card:hover .cert-logo-wrap{\n  transform:translateY(-2px);\n  background:\n    radial-gradient(circle at 50% 0%, rgba(125,211,252,.30), transparent 58%),\n    linear-gradient(180deg, rgba(255,255,255,.98), rgba(229,244,255,.88));\n  border-color:rgba(125,211,252,.62);\n  box-shadow:\n    0 0 42px rgba(56,189,248,.34),\n    0 0 90px rgba(59,130,246,.16),\n    inset 0 1px 0 rgba(255,255,255,.95),\n    inset 0 -18px 35px rgba(56,189,248,.10);\n}\n\n.cert-card:hover .cert-logo-wrap img{\n  filter:saturate(1.08) contrast(1.05) drop-shadow(0 8px 18px rgba(2,6,23,.18));\n  opacity:1;\n  transform:scale(1.04);\n}\n\n\/* Divider *\/\n.cert-divider{\n  width:46px;\n  height:1px;\n  margin:0 auto 20px;\n  background:linear-gradient(90deg,transparent,rgba(125,211,252,.72),rgba(99,102,241,.5),transparent);\n  box-shadow:0 0 14px rgba(56,189,248,.52);\n  transition:width .4s;\n}\n\n.cert-card:hover .cert-divider{\n  width:92px;\n}\n\n\/* Cert name *\/\n.cert-name{\n  margin:0 0 10px;\n  color:#edf7ff;\n  font-size:14px;\n  font-weight:650;\n  letter-spacing:.2px;\n  text-align:center;\n  line-height:1.45;\n  text-shadow:0 0 18px rgba(56,189,248,.10);\n}\n\n\/* Tag *\/\n.cert-tag{\n  display:inline-block;\n  margin-top:4px;\n  padding:6px 14px;\n  border-radius:999px;\n  background:\n    linear-gradient(180deg, rgba(56,189,248,.14), rgba(59,130,246,.08));\n  border:1px solid rgba(125,211,252,.34);\n  color:#9be9ff;\n  font-size:10px;\n  font-weight:800;\n  letter-spacing:1.2px;\n  text-transform:uppercase;\n  box-shadow:\n    inset 0 1px 0 rgba(255,255,255,.08),\n    0 0 18px rgba(56,189,248,.12);\n}\n\n\/* Scan line *\/\n.cert-scan{\n  position:absolute;\n  left:0;\n  right:0;\n  height:2px;\n  top:0;\n  z-index:5;\n  transform:translateY(-100%);\n  opacity:0;\n  background:linear-gradient(90deg,transparent,rgba(125,211,252,.8),rgba(99,102,241,.55),transparent);\n}\n\n.cert-card:hover .cert-scan{\n  opacity:1;\n  animation:certScanDown 1.8s ease-in-out infinite;\n}\n\n@keyframes certScanDown{\n  0%{transform:translateY(0);opacity:0;}\n  12%{opacity:1;}\n  90%{opacity:1;}\n  100%{transform:translateY(345px);opacity:0;}\n}\n\n\/* Trust strip *\/\n.cert-trust{\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  gap:28px;\n  padding:24px 32px;\n  border-radius:20px;\n  flex-wrap:wrap;\n  background:\n    linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.018)),\n    rgba(5,13,32,.46);\n  border:1px solid rgba(125,211,252,.14);\n  backdrop-filter:blur(16px);\n  -webkit-backdrop-filter:blur(16px);\n  box-shadow:inset 0 1px 0 rgba(255,255,255,.06);\n}\n\n.cert-trust-item{\n  display:flex;\n  align-items:center;\n  gap:10px;\n  color:rgba(203,213,225,.74);\n  font-size:13px;\n  font-weight:500;\n}\n\n.cert-trust-icon{\n  width:18px;\n  height:18px;\n  flex-shrink:0;\n  stroke:#7dd3fc;\n  filter:drop-shadow(0 0 8px rgba(56,189,248,.45));\n}\n\n.cert-trust-sep{\n  width:1px;\n  height:28px;\n  background:rgba(125,211,252,.16);\n}\n\n\/* particles *\/\n.cert-particle{\n  position:absolute;\n  z-index:2;\n  border-radius:50%;\n  background:#38bdf8;\n  opacity:0;\n  pointer-events:none;\n  box-shadow:0 0 14px rgba(56,189,248,.8);\n  animation:certFloatParticle linear infinite;\n}\n\n@keyframes certFloatParticle{\n  0%{transform:translateY(0) translateX(0);opacity:0;}\n  10%{opacity:.32;}\n  90%{opacity:.32;}\n  100%{transform:translateY(-190px) translateX(30px);opacity:0;}\n}\n\n\/* Responsive *\/\n@media(max-width:860px){\n  .cert-cards{\n    grid-template-columns:1fr 1fr;\n  }\n\n  .cert-section{\n    padding:80px 24px;\n  }\n}\n\n@media(max-width:520px){\n  .cert-section{\n    padding:72px 18px;\n  }\n\n  .cert-cards{\n    grid-template-columns:1fr;\n  }\n\n  .cert-title{\n    font-size:clamp(34px,11vw,46px);\n  }\n\n  .cert-trust{\n    flex-direction:column;\n    gap:16px;\n  }\n\n  .cert-trust-sep{\n    display:none;\n  }\n}\n\n@media(prefers-reduced-motion:reduce){\n  .cert-section *,\n  .cert-section *::before,\n  .cert-section *::after{\n    animation:none !important;\n    transition:none !important;\n  }\n}\n<\/style>\n\n<section class=\"cert-section\" id=\"certSection\">\n  <div class=\"cert-grid-bg\"><\/div>\n  <div class=\"cert-scan-bg\"><\/div>\n\n  <div class=\"cert-inner\">\n\n    <div class=\"cert-badge\">\n      <div class=\"cert-badge-dot\"><\/div>\n      <span>Verified &amp; Certified<\/span>\n    <\/div>\n\n    <h2 class=\"cert-title\">Our <em>Certifications<\/em><\/h2>\n    <p class=\"cert-subtitle\">\n      Recognized by leading industry bodies for excellence, diversity, and commitment to inclusive business practices.\n    <\/p>\n\n    <div class=\"cert-cards\">\n\n      <div class=\"cert-card\" id=\"cc1\">\n        <div class=\"cert-light-sweep\"><\/div>\n        <div class=\"cert-scan\"><\/div>\n        <div class=\"cert-card-glow\"><\/div>\n        <div class=\"cert-card-inner\">\n          <div class=\"cert-logo-wrap\">\n            <img decoding=\"async\" src=\"https:\/\/digitalteksolutions.com\/wp-content\/uploads\/2026\/04\/CAMSC-Logo-only-acronym-1536x1173-1.png\" alt=\"CAMSC\">\n          <\/div>\n          <div class=\"cert-divider\"><\/div>\n          <p class=\"cert-name\">Canadian Aboriginal &amp; Minority<br>Supplier Council<\/p>\n          <span class=\"cert-tag\">Diversity<\/span>\n        <\/div>\n      <\/div>\n\n      <div class=\"cert-card\" id=\"cc2\">\n        <div class=\"cert-light-sweep\"><\/div>\n        <div class=\"cert-scan\"><\/div>\n        <div class=\"cert-card-glow\"><\/div>\n        <div class=\"cert-card-inner\">\n          <div class=\"cert-logo-wrap\">\n            <img decoding=\"async\" src=\"https:\/\/digitalteksolutions.com\/wp-content\/uploads\/2026\/04\/NMSDC-Logo-Transparent.png\" alt=\"NMSDC\">\n          <\/div>\n          <div class=\"cert-divider\"><\/div>\n          <p class=\"cert-name\">National Minority Supplier<br>Development Council<\/p>\n          <span class=\"cert-tag\">Minority Business<\/span>\n        <\/div>\n      <\/div>\n\n      <div class=\"cert-card\" id=\"cc3\">\n        <div class=\"cert-light-sweep\"><\/div>\n        <div class=\"cert-scan\"><\/div>\n        <div class=\"cert-card-glow\"><\/div>\n        <div class=\"cert-card-inner\">\n          <div class=\"cert-logo-wrap\">\n            <img decoding=\"async\" src=\"https:\/\/digitalteksolutions.com\/wp-content\/uploads\/2026\/04\/wbe-logo.webp\" alt=\"Women Owned\">\n          <\/div>\n          <div class=\"cert-divider\"><\/div>\n          <p class=\"cert-name\">Women's Business Enterprise<br>National Council<\/p>\n          <span class=\"cert-tag\">Women Owned<\/span>\n        <\/div>\n      <\/div>\n\n    <\/div>\n\n    <div class=\"cert-trust\">\n      <div class=\"cert-trust-item\">\n        <svg class=\"cert-trust-icon\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"#7dd3fc\" stroke-width=\"1.5\">\n          <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 12.75L11.25 15 15 9.75M21 12c0 1.268-.63 2.39-1.593 3.068a3.745 3.745 0 01-1.043 3.296 3.745 3.745 0 01-3.296 1.043A3.745 3.745 0 0112 21c-1.268 0-2.39-.63-3.068-1.593a3.746 3.746 0 01-3.296-1.043 3.745 3.745 0 01-1.043-3.296A3.745 3.745 0 013 12c0-1.268.63-2.39 1.593-3.068a3.745 3.745 0 011.043-3.296 3.746 3.746 0 013.296-1.043A3.746 3.746 0 0112 3c1.268 0 2.39.63 3.068 1.593a3.746 3.746 0 013.296 1.043 3.746 3.746 0 011.043 3.296A3.745 3.745 0 0121 12z\"\/>\n        <\/svg>\n        Nationally Recognized\n      <\/div>\n\n      <div class=\"cert-trust-sep\"><\/div>\n\n      <div class=\"cert-trust-item\">\n        <svg class=\"cert-trust-icon\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"#7dd3fc\" stroke-width=\"1.5\">\n          <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M18 18.72a9.094 9.094 0 003.741-.479 3 3 0 00-4.682-2.72m.94 3.198l.001.031c0 .225-.012.447-.037.666A11.944 11.944 0 0112 21c-2.17 0-4.207-.576-5.963-1.584A6.062 6.062 0 016 18.719m12 0a5.971 5.971 0 00-.941-3.197m0 0A5.995 5.995 0 0012 12.75a5.995 5.995 0 00-5.058 2.772m0 0a3 3 0 00-4.681 2.72 8.986 8.986 0 003.74.477m.94-3.197a5.971 5.971 0 00-.94 3.197M15 6.75a3 3 0 11-6 0 3 3 0 016 0zm6 3a2.25 2.25 0 11-4.5 0 2.25 2.25 0 014.5 0zm-13.5 0a2.25 2.25 0 11-4.5 0 2.25 2.25 0 014.5 0z\"\/>\n        <\/svg>\n        Diversity &amp; Inclusion\n      <\/div>\n\n      <div class=\"cert-trust-sep\"><\/div>\n\n      <div class=\"cert-trust-item\">\n        <svg class=\"cert-trust-icon\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"#7dd3fc\" stroke-width=\"1.5\">\n          <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M2.25 21h19.5m-18-18v18m10.5-18v18m6-13.5V21M6.75 6.75h.75m-.75 3h.75m-.75 3h.75m3-6h.75m-.75 3h.75m-.75 3h.75M6.75 21v-3.375c0-.621.504-1.125 1.125-1.125h2.25c.621 0 1.125.504 1.125 1.125V21M3 3h12m-.75 4.5H21m-3.75 3.75h.008v.008h-.008v-.008zm0 3h.008v.008h-.008v-.008zm0 3h.008v.008h-.008v-.008z\"\/>\n        <\/svg>\n        Supplier Certified\n      <\/div>\n\n      <div class=\"cert-trust-sep\"><\/div>\n\n      <div class=\"cert-trust-item\">\n        <svg class=\"cert-trust-icon\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"#7dd3fc\" stroke-width=\"1.5\">\n          <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M12 21a9.004 9.004 0 008.716-6.747M12 21a9.004 9.004 0 01-8.716-6.747M12 21c2.485 0 4.5-4.03 4.5-9S14.485 3 12 3m0 18c-2.485 0-4.5-4.03-4.5-9S9.515 3 12 3m0 0a8.997 8.997 0 017.843 4.582M12 3a8.997 8.997 0 00-7.843 4.582m15.686 0A11.953 11.953 0 0112 10.5c-2.998 0-5.74-1.1-7.843-2.918m15.686 0A8.959 8.959 0 0121 12c0 .778-.099 1.533-.284 2.253\"\/>\n        <\/svg>\n        Globally Trusted\n      <\/div>\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<script>\n(function(){\n  var section = document.getElementById('certSection');\n  if(!section || section.dataset.certMounted === '1') return;\n  section.dataset.certMounted = '1';\n\n  for(var i=0;i<16;i++){\n    var p = document.createElement('div');\n    p.className = 'cert-particle';\n    var size = 2 + Math.random()*3;\n    p.style.cssText = [\n      'width:'+size+'px',\n      'height:'+size+'px',\n      'left:'+(5+Math.random()*90)+'%',\n      'bottom:'+(Math.random()*70)+'px',\n      'animation-duration:'+(7+Math.random()*10)+'s',\n      'animation-delay:'+(-Math.random()*10)+'s'\n    ].join(';');\n    section.appendChild(p);\n  }\n\n  var cards = section.querySelectorAll('.cert-card');\n  cards.forEach(function(c,i){\n    c.style.opacity='0';\n    c.style.transform='translateY(34px)';\n    c.style.transition='opacity .75s ease '+(i*.14)+'s, transform .75s ease '+(i*.14)+'s';\n  });\n\n  var obs = new IntersectionObserver(function(entries){\n    entries.forEach(function(e){\n      if(e.isIntersecting){\n        cards.forEach(function(c){\n          c.style.opacity='1';\n          c.style.transform='translateY(0)';\n        });\n        obs.disconnect();\n      }\n    });\n  },{threshold:.2});\n\n  obs.observe(section);\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2d5f35e e-con-full e-flex e-con e-parent\" data-id=\"2d5f35e\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c982396 elementor-widget elementor-widget-html\" data-id=\"c982396\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ================================================================\n  DT SOLUTIONS \u2014 \"Industries We Support\" v4 \u2014 3D Curved Carousel FIXED\n  GSAP-powered. Self-contained. WordPress \/ Elementor HTML widget safe.\n  All CSS\/JS scoped under #dts4-root\n  FIX: Cards are position:absolute in a relative container \u2014 GSAP owns\n       ALL positioning. No CSS margin overlap conflict.\n================================================================= -->\n<section id=\"dts4-root\">\n\n  <!-- \u2500\u2500 BACKGROUND \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n  <div class=\"dts4-bg\" aria-hidden=\"true\">\n    <canvas id=\"dts4Stars\"><\/canvas>\n    <svg class=\"dts4-globe-svg\" viewBox=\"0 0 1700 760\" preserveAspectRatio=\"xMidYMax slice\">\n      <defs>\n        <radialGradient id=\"dts4GlobeCore\" cx=\"50%\" cy=\"100%\" r=\"62%\">\n          <stop offset=\"0%\"   stop-color=\"#bfe2ff\" stop-opacity=\".8\"\/>\n          <stop offset=\"20%\"  stop-color=\"#3f8dff\" stop-opacity=\".4\"\/>\n          <stop offset=\"55%\"  stop-color=\"#1c4fb0\" stop-opacity=\".12\"\/>\n          <stop offset=\"100%\" stop-color=\"#0a1430\" stop-opacity=\"0\"\/>\n        <\/radialGradient>\n        <linearGradient id=\"dts4BeamGrad\" x1=\"0\" y1=\"1\" x2=\"0\" y2=\"0\">\n          <stop offset=\"0%\"   stop-color=\"#bfe2ff\" stop-opacity=\"0\"\/>\n          <stop offset=\"50%\"  stop-color=\"#dff1ff\" stop-opacity=\".88\"\/>\n          <stop offset=\"100%\" stop-color=\"#ffffff\"  stop-opacity=\"1\"\/>\n        <\/linearGradient>\n        <linearGradient id=\"dts4HorizonGrad\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"0\">\n          <stop offset=\"0%\"   stop-color=\"#ff9a3d\" stop-opacity=\"0\"\/>\n          <stop offset=\"20%\"  stop-color=\"#ff9a3d\" stop-opacity=\".45\"\/>\n          <stop offset=\"50%\"  stop-color=\"#bfe2ff\" stop-opacity=\".95\"\/>\n          <stop offset=\"80%\"  stop-color=\"#ff9a3d\" stop-opacity=\".45\"\/>\n          <stop offset=\"100%\" stop-color=\"#ff9a3d\" stop-opacity=\"0\"\/>\n        <\/linearGradient>\n        <!-- Card gradient defs -->\n        <linearGradient id=\"dts4CardGradActive\" x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\">\n          <stop offset=\"0%\"   stop-color=\"#1a3a6e\" stop-opacity=\".9\"\/>\n          <stop offset=\"50%\"  stop-color=\"#0d1e44\" stop-opacity=\".95\"\/>\n          <stop offset=\"100%\" stop-color=\"#060c1e\" stop-opacity=\"1\"\/>\n        <\/linearGradient>\n      <\/defs>\n      <circle cx=\"850\" cy=\"900\" r=\"780\" fill=\"url(#dts4GlobeCore)\"\/>\n      <circle class=\"dts4-ring r1\" cx=\"850\" cy=\"900\" r=\"780\" fill=\"none\" stroke=\"#a8d4ff\" stroke-opacity=\".5\"  stroke-width=\"1.4\"\/>\n      <circle class=\"dts4-ring r2\" cx=\"850\" cy=\"900\" r=\"730\" fill=\"none\" stroke=\"#6fb3ff\" stroke-opacity=\".25\" stroke-width=\"1\"\/>\n      <circle class=\"dts4-ring r3\" cx=\"850\" cy=\"900\" r=\"680\" fill=\"none\" stroke=\"#4f8fe0\" stroke-opacity=\".15\" stroke-width=\"1\"\/>\n      <g class=\"dts4-meridians\" stroke=\"#5aa6ff\" stroke-opacity=\".15\" fill=\"none\" stroke-width=\"1\">\n        <ellipse cx=\"850\" cy=\"900\" rx=\"240\" ry=\"780\"\/>\n        <ellipse cx=\"850\" cy=\"900\" rx=\"480\" ry=\"780\"\/>\n        <path d=\"M80 760 Q850 540 1620 760\"\/>\n        <path d=\"M140 650 Q850 460 1560 650\"\/>\n      <\/g>\n      <g fill=\"#bfe2ff\">\n        <circle class=\"dts4-gdot\" cx=\"520\"  cy=\"700\" r=\"2.2\"\/>\n        <circle class=\"dts4-gdot\" cx=\"700\"  cy=\"640\" r=\"1.6\"\/>\n        <circle class=\"dts4-gdot\" cx=\"950\"  cy=\"640\" r=\"1.8\"\/>\n        <circle class=\"dts4-gdot\" cx=\"1140\" cy=\"700\" r=\"2\"\/>\n        <circle class=\"dts4-gdot\" cx=\"640\"  cy=\"760\" r=\"1.4\"\/>\n        <circle class=\"dts4-gdot\" cx=\"1040\" cy=\"760\" r=\"1.6\"\/>\n        <circle class=\"dts4-gdot\" cx=\"850\"  cy=\"610\" r=\"2.4\"\/>\n      <\/g>\n      <line class=\"dts4-beam\"      x1=\"850\" y1=\"900\" x2=\"850\" y2=\"0\" stroke=\"url(#dts4BeamGrad)\" stroke-width=\"4\"\/>\n      <line class=\"dts4-beam-soft\" x1=\"850\" y1=\"900\" x2=\"850\" y2=\"0\" stroke=\"#bfe2ff\" stroke-opacity=\".18\" stroke-width=\"28\"\/>\n      <rect class=\"dts4-horizon\"   x=\"0\" y=\"754\" width=\"1700\" height=\"6\" fill=\"url(#dts4HorizonGrad)\"\/>\n      <g fill=\"none\" stroke=\"#5aa6ff\" stroke-opacity=\".15\" stroke-width=\"1\">\n        <path class=\"dts4-orbit\" d=\"M-100 600 Q 850 -200 1800 600\"\/>\n        <path class=\"dts4-orbit\" d=\"M-100 50  Q 850 650 1800 50\"\/>\n        <circle class=\"dts4-orbit\" cx=\"1280\" cy=\"40\" r=\"380\"\/>\n      <\/g>\n      <g fill=\"#bfe2ff\" opacity=\".45\">\n        <circle cx=\"120\"  cy=\"120\" r=\"2\"\/>  <circle cx=\"260\"  cy=\"60\"  r=\"1.4\"\/>\n        <circle cx=\"430\"  cy=\"180\" r=\"1.8\"\/> <circle cx=\"640\"  cy=\"40\"  r=\"1.4\"\/>\n        <circle cx=\"980\"  cy=\"560\" r=\"1.6\"\/> <circle cx=\"1180\" cy=\"610\" r=\"1.4\"\/>\n        <circle cx=\"1480\" cy=\"540\" r=\"1.8\"\/> <circle cx=\"1610\" cy=\"160\" r=\"1.6\"\/>\n      <\/g>\n    <\/svg>\n    <div class=\"dts4-vignette\"><\/div>\n    <div class=\"dts4-haze\"><\/div>\n  <\/div>\n\n  <!-- \u2500\u2500 CONTENT \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n  <div class=\"dts4-inner\">\n\n    <!-- Intro -->\n    <div class=\"dts4-intro\" id=\"dts4Intro\">\n      <span class=\"dts4-kicker\"><i><\/i>Industry Coverage<\/span>\n      <h2 class=\"dts4-title\">Industries We Support<\/h2>\n      <p class=\"dts4-copy\">DT Solutions helps clients access talent, consulting, project, and delivery support across industries where workforce needs, service expectations, and operational priorities continue to evolve.<\/p>\n      <a href=\"#\" class=\"dts4-cta\">\n        <span class=\"dts4-cta-shine\"><\/span>\n        <span class=\"dts4-cta-text\">See How We Support Your Industry<\/span>\n        <svg class=\"dts4-cta-arrow\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\">\n          <path d=\"M5 12h14M13 6l6 6-6 6\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n        <\/svg>\n      <\/a>\n    <\/div>\n\n    <!-- Carousel -->\n    <div class=\"dts4-carousel-wrap\">\n\n      <!-- Scene: perspective root, FIXED HEIGHT so cards don't affect layout -->\n      <div class=\"dts4-scene\" id=\"dts4Scene\">\n\n        <!-- Track: relative container, cards are ABSOLUTE inside -->\n        <div class=\"dts4-track\" id=\"dts4Track\">\n\n          <!-- Card 1: Banking -->\n          <div class=\"dts4-card\" data-idx=\"0\">\n            <div class=\"dts4-card-shimmer\"><\/div>\n            <div class=\"dts4-card-border-glow\"><\/div>\n            <div class=\"dts4-card-floor\"><\/div>\n            <div class=\"dts4-card-art\">\n              <svg viewBox=\"0 0 140 150\" class=\"dts-ind-icon\">\n              <defs>\n                <linearGradient id=\"g1\" x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\"><stop offset=\"0%\" stop-color=\"#cfe9ff\"\/><stop offset=\"100%\" stop-color=\"#2f74e0\"\/><\/linearGradient>\n                <linearGradient id=\"g1b\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"1\"><stop offset=\"0%\" stop-color=\"#eaf5ff\"\/><stop offset=\"100%\" stop-color=\"#1a55c8\"\/><\/linearGradient>\n              <\/defs>\n              <circle class=\"dts-ind-spark\" cx=\"70\" cy=\"8\" r=\"3\"\/>\n              <!-- Vault door circle -->\n              <circle cx=\"70\" cy=\"72\" r=\"42\" fill=\"none\" stroke=\"url(#g1)\" stroke-width=\"5\"\/>\n              <circle cx=\"70\" cy=\"72\" r=\"32\" fill=\"rgba(20,45,100,.7)\" stroke=\"url(#g1b)\" stroke-width=\"3\"\/>\n              <!-- Vault spokes -->\n              <line x1=\"70\" y1=\"40\" x2=\"70\" y2=\"56\" stroke=\"url(#g1)\" stroke-width=\"3.5\" stroke-linecap=\"round\"\/>\n              <line x1=\"70\" y1=\"88\" x2=\"70\" y2=\"104\" stroke=\"url(#g1)\" stroke-width=\"3.5\" stroke-linecap=\"round\"\/>\n              <line x1=\"38\" y1=\"72\" x2=\"54\" y2=\"72\" stroke=\"url(#g1)\" stroke-width=\"3.5\" stroke-linecap=\"round\"\/>\n              <line x1=\"86\" y1=\"72\" x2=\"102\" y2=\"72\" stroke=\"url(#g1)\" stroke-width=\"3.5\" stroke-linecap=\"round\"\/>\n              <!-- Diagonal bolts -->\n              <line x1=\"47\" y1=\"49\" x2=\"58\" y2=\"60\" stroke=\"url(#g1)\" stroke-width=\"2.5\" stroke-linecap=\"round\"\/>\n              <line x1=\"82\" y1=\"84\" x2=\"93\" y2=\"95\" stroke=\"url(#g1)\" stroke-width=\"2.5\" stroke-linecap=\"round\"\/>\n              <line x1=\"93\" y1=\"49\" x2=\"82\" y2=\"60\" stroke=\"url(#g1)\" stroke-width=\"2.5\" stroke-linecap=\"round\"\/>\n              <line x1=\"47\" y1=\"95\" x2=\"58\" y2=\"84\" stroke=\"url(#g1)\" stroke-width=\"2.5\" stroke-linecap=\"round\"\/>\n              <!-- Center lock knob -->\n              <circle cx=\"70\" cy=\"72\" r=\"9\" fill=\"url(#g1b)\" stroke=\"url(#g1)\" stroke-width=\"2\"\/>\n              <circle cx=\"70\" cy=\"72\" r=\"3.5\" fill=\"#bfe2ff\"\/>\n              <!-- Handle -->\n              <rect x=\"82\" y=\"69\" width=\"18\" height=\"6\" rx=\"3\" fill=\"url(#g1)\" opacity=\".9\"\/>\n              <!-- $ symbol hint -->\n              <text x=\"70\" y=\"132\" text-anchor=\"middle\" font-size=\"11\" font-weight=\"700\" fill=\"url(#g1)\" font-family=\"Arial,sans-serif\" opacity=\".8\">$  BANKING<\/text>\n              <rect x=\"14\" y=\"136\" width=\"112\" height=\"6\" rx=\"2\" class=\"dts-ind-icon-base\"\/>\n            <\/svg>\n            <\/div>\n            <h3>Banking, Financial Services<br>&amp; Capital Markets<\/h3>\n          <\/div>\n\n          <!-- Card 2: Government -->\n          <div class=\"dts4-card\" data-idx=\"1\">\n            <div class=\"dts4-card-shimmer\"><\/div>\n            <div class=\"dts4-card-border-glow\"><\/div>\n            <div class=\"dts4-card-floor\"><\/div>\n            <div class=\"dts4-card-art\">\n              <svg viewBox=\"0 0 140 150\" class=\"dts4-icon\">\n                <defs><linearGradient id=\"cg2\" x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\"><stop offset=\"0%\" stop-color=\"#cfe9ff\"\/><stop offset=\"100%\" stop-color=\"#2f74e0\"\/><\/linearGradient><\/defs>\n                <circle cx=\"70\" cy=\"8\" r=\"3\" fill=\"#bfe2ff\" class=\"dts4-spark\"\/>\n                <line x1=\"70\" y1=\"10\" x2=\"70\" y2=\"22\" stroke=\"#bfe2ff\" stroke-width=\"2\" opacity=\".8\"\/>\n                <circle cx=\"70\" cy=\"30\" r=\"11\" fill=\"url(#cg2)\"\/>\n                <polygon points=\"70,42 114,62 26,62\" fill=\"url(#cg2)\" opacity=\".92\"\/>\n                <rect x=\"36\" y=\"68\" width=\"10\" height=\"46\" fill=\"url(#cg2)\" opacity=\".85\"\/>\n                <rect x=\"56\" y=\"68\" width=\"10\" height=\"46\" fill=\"url(#cg2)\" opacity=\".85\"\/>\n                <rect x=\"76\" y=\"68\" width=\"10\" height=\"46\" fill=\"url(#cg2)\" opacity=\".85\"\/>\n                <rect x=\"96\" y=\"68\" width=\"10\" height=\"46\" fill=\"url(#cg2)\" opacity=\".85\"\/>\n                <rect x=\"24\" y=\"118\" width=\"92\"  height=\"9\" rx=\"1.5\" fill=\"url(#cg2)\"\/>\n                <rect x=\"14\" y=\"130\" width=\"112\" height=\"6\" rx=\"2\"   fill=\"rgba(99,180,255,.35)\"\/>\n              <\/svg>\n            <\/div>\n            <h3>Government &amp;<br>Public Sector<\/h3>\n          <\/div>\n\n          <!-- Card 3: Education -->\n          <div class=\"dts4-card\" data-idx=\"2\">\n            <div class=\"dts4-card-shimmer\"><\/div>\n            <div class=\"dts4-card-border-glow\"><\/div>\n            <div class=\"dts4-card-floor\"><\/div>\n            <div class=\"dts4-card-art\">\n              <svg viewBox=\"0 0 140 150\" class=\"dts4-icon\">\n                <defs><linearGradient id=\"cg3\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"1\"><stop offset=\"0%\" stop-color=\"#dccbff\"\/><stop offset=\"100%\" stop-color=\"#6a4fe0\"\/><\/linearGradient><\/defs>\n                <polygon points=\"70,46 124,70 70,94 16,70\" fill=\"url(#cg3)\" opacity=\".92\"\/>\n                <path d=\"M42 78v24c0 11 13 19 28 19s28-8 28-19V78\" fill=\"none\" stroke=\"url(#cg3)\" stroke-width=\"5\" stroke-linecap=\"round\"\/>\n                <line x1=\"124\" y1=\"70\" x2=\"124\" y2=\"104\" stroke=\"url(#cg3)\" stroke-width=\"3\"\/>\n                <circle cx=\"124\" cy=\"110\" r=\"3.6\" fill=\"#c9a8ff\" class=\"dts4-spark\"\/>\n                <rect x=\"14\" y=\"128\" width=\"112\" height=\"6\" rx=\"2\" fill=\"rgba(99,180,255,.35)\"\/>\n              <\/svg>\n            <\/div>\n            <h3>Education<br>Sector<\/h3>\n          <\/div>\n\n          <!-- Card 4: Healthcare -->\n          <div class=\"dts4-card\" data-idx=\"3\">\n            <div class=\"dts4-card-shimmer\"><\/div>\n            <div class=\"dts4-card-border-glow\"><\/div>\n            <div class=\"dts4-card-floor\"><\/div>\n            <div class=\"dts4-card-art\">\n              <svg viewBox=\"0 0 140 150\" class=\"dts4-icon\">\n                <defs><linearGradient id=\"cg4\" x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\"><stop offset=\"0%\" stop-color=\"#cfe9ff\"\/><stop offset=\"100%\" stop-color=\"#2f74e0\"\/><\/linearGradient><\/defs>\n                <path d=\"M70 112S26 84 26 52a22 22 0 0144-10 22 22 0 0144 10c0 32-44 60-44 60z\" fill=\"url(#cg4)\" opacity=\".9\"\/>\n                <line x1=\"70\" y1=\"44\" x2=\"70\" y2=\"68\" stroke=\"#0a1430\" stroke-width=\"5\" stroke-linecap=\"round\"\/>\n                <line x1=\"58\" y1=\"56\" x2=\"82\" y2=\"56\" stroke=\"#0a1430\" stroke-width=\"5\" stroke-linecap=\"round\"\/>\n                <circle cx=\"70\" cy=\"14\" r=\"3.4\" fill=\"#bfe2ff\" class=\"dts4-spark\"\/>\n                <rect x=\"14\" y=\"128\" width=\"112\" height=\"6\" rx=\"2\" fill=\"rgba(99,180,255,.35)\"\/>\n              <\/svg>\n            <\/div>\n            <h3>Healthcare &amp;<br>Life Sciences<\/h3>\n          <\/div>\n\n          <!-- Card 5: Energy -->\n          <div class=\"dts4-card\" data-idx=\"4\">\n            <div class=\"dts4-card-shimmer\"><\/div>\n            <div class=\"dts4-card-border-glow\"><\/div>\n            <div class=\"dts4-card-floor\"><\/div>\n            <div class=\"dts4-card-art\">\n              <svg viewBox=\"0 0 140 150\" class=\"dts4-icon\">\n                <defs><linearGradient id=\"cg5\" x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\"><stop offset=\"0%\" stop-color=\"#eaf5ff\"\/><stop offset=\"100%\" stop-color=\"#3f8dff\"\/><\/linearGradient><\/defs>\n                <line x1=\"70\" y1=\"62\" x2=\"70\" y2=\"128\" stroke=\"url(#cg5)\" stroke-width=\"5\" stroke-linecap=\"round\"\/>\n                <g class=\"dts4-spin\" style=\"transform-origin:70px 62px\">\n                  <path d=\"M70 62 L66 8 Q78 30 70 62 Z\"   fill=\"url(#cg5)\"\/>\n                  <path d=\"M70 62 L112 86 Q92 76 70 62 Z\"  fill=\"url(#cg5)\"\/>\n                  <path d=\"M70 62 L34 94 Q52 74 70 62 Z\"   fill=\"url(#cg5)\"\/>\n                <\/g>\n                <circle cx=\"70\" cy=\"62\" r=\"5\" fill=\"#eaf5ff\"\/>\n                <rect x=\"14\" y=\"134\" width=\"112\" height=\"6\" rx=\"2\" fill=\"rgba(99,180,255,.35)\"\/>\n              <\/svg>\n            <\/div>\n            <h3>Energy &amp;<br>Utilities<\/h3>\n          <\/div>\n\n          <!-- Card 6: Technology -->\n          <div class=\"dts4-card\" data-idx=\"5\">\n            <div class=\"dts4-card-shimmer\"><\/div>\n            <div class=\"dts4-card-border-glow\"><\/div>\n            <div class=\"dts4-card-floor\"><\/div>\n            <div class=\"dts4-card-art\">\n              <svg viewBox=\"0 0 140 150\" class=\"dts4-icon\">\n                <defs><linearGradient id=\"cg6\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"1\"><stop offset=\"0%\" stop-color=\"#cfe9ff\"\/><stop offset=\"100%\" stop-color=\"#2f74e0\"\/><\/linearGradient><\/defs>\n                <polygon points=\"70,18 120,46 120,98 70,126 20,98 20,46\" fill=\"none\" stroke=\"url(#cg6)\" stroke-width=\"4\"\/>\n                <polygon points=\"70,42 96,56 96,88 70,102 44,88 44,56\" fill=\"url(#cg6)\" opacity=\".85\"\/>\n                <circle cx=\"70\" cy=\"72\" r=\"4\" fill=\"#bfe2ff\" class=\"dts4-spark\"\/>\n                <rect x=\"14\" y=\"130\" width=\"112\" height=\"6\" rx=\"2\" fill=\"rgba(99,180,255,.35)\"\/>\n              <\/svg>\n            <\/div>\n            <h3>Technology &amp;<br>Engineering<\/h3>\n          <\/div>\n\n          <!-- Card 7: Telecom -->\n          <div class=\"dts4-card\" data-idx=\"6\">\n            <div class=\"dts4-card-shimmer\"><\/div>\n            <div class=\"dts4-card-border-glow\"><\/div>\n            <div class=\"dts4-card-floor\"><\/div>\n            <div class=\"dts4-card-art\">\n              <svg viewBox=\"0 0 140 150\" class=\"dts4-icon\">\n                <defs><linearGradient id=\"cg7\" x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\"><stop offset=\"0%\" stop-color=\"#eaf5ff\"\/><stop offset=\"100%\" stop-color=\"#3f8dff\"\/><\/linearGradient><\/defs>\n                <line x1=\"70\" y1=\"58\" x2=\"70\" y2=\"128\" stroke=\"url(#cg7)\" stroke-width=\"5\" stroke-linecap=\"round\"\/>\n                <line x1=\"50\" y1=\"128\" x2=\"90\" y2=\"128\" stroke=\"url(#cg7)\" stroke-width=\"5\" stroke-linecap=\"round\"\/>\n                <circle cx=\"70\" cy=\"46\" r=\"4\" fill=\"#bfe2ff\" class=\"dts4-spark\"\/>\n                <path class=\"dts4-wave\" d=\"M48 58a24 24 0 0144-10\"\/>\n                <path class=\"dts4-wave dts4-wave-2\" d=\"M36 66a40 40 0 0156-26\"\/>\n                <path class=\"dts4-wave\" d=\"M92 58a24 24 0 00-44-10\"\/>\n                <path class=\"dts4-wave dts4-wave-2\" d=\"M104 66a40 40 0 00-56-26\"\/>\n                <rect x=\"14\" y=\"132\" width=\"112\" height=\"6\" rx=\"2\" fill=\"rgba(99,180,255,.35)\"\/>\n              <\/svg>\n            <\/div>\n            <h3>Telecommunications<br>&amp; Media<\/h3>\n          <\/div>\n\n          <!-- Card 8: Manufacturing -->\n          <div class=\"dts4-card\" data-idx=\"7\">\n            <div class=\"dts4-card-shimmer\"><\/div>\n            <div class=\"dts4-card-border-glow\"><\/div>\n            <div class=\"dts4-card-floor\"><\/div>\n            <div class=\"dts4-card-art\">\n              <svg viewBox=\"0 0 140 150\" class=\"dts4-icon\">\n                <defs><linearGradient id=\"cg8\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"1\"><stop offset=\"0%\" stop-color=\"#cfe9ff\"\/><stop offset=\"100%\" stop-color=\"#2f74e0\"\/><\/linearGradient><\/defs>\n                <rect x=\"54\" y=\"76\" width=\"20\" height=\"20\" rx=\"4\" fill=\"url(#cg8)\"\/>\n                <path d=\"M64 76V52l22-12\" fill=\"none\" stroke=\"url(#cg8)\" stroke-width=\"6\" stroke-linecap=\"round\"\/>\n                <path d=\"M86 40l22 7-5 22\" fill=\"none\" stroke=\"url(#cg8)\" stroke-width=\"6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                <line x1=\"64\" y1=\"96\" x2=\"64\" y2=\"124\" stroke=\"url(#cg8)\" stroke-width=\"6\" stroke-linecap=\"round\"\/>\n                <circle cx=\"86\" cy=\"40\" r=\"4\" fill=\"#bfe2ff\" class=\"dts4-spark\"\/>\n                <rect x=\"14\" y=\"130\" width=\"112\" height=\"6\" rx=\"2\" fill=\"rgba(99,180,255,.35)\"\/>\n              <\/svg>\n            <\/div>\n            <h3>Manufacturing &amp;<br>Industrial<\/h3>\n          <\/div>\n\n          <!-- Card 9: Automotive -->\n          <div class=\"dts4-card\" data-idx=\"8\">\n            <div class=\"dts4-card-shimmer\"><\/div>\n            <div class=\"dts4-card-border-glow\"><\/div>\n            <div class=\"dts4-card-floor\"><\/div>\n            <div class=\"dts4-card-art\">\n              <svg viewBox=\"0 0 140 150\" class=\"dts4-icon\">\n                <defs><linearGradient id=\"cg9\" x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\"><stop offset=\"0%\" stop-color=\"#cfe9ff\"\/><stop offset=\"100%\" stop-color=\"#2f74e0\"\/><\/linearGradient><\/defs>\n                <path d=\"M28 96l10-26c2-6 7-10 14-10h36c7 0 12 4 14 10l10 26\" fill=\"none\" stroke=\"url(#cg9)\" stroke-width=\"4\"\/>\n                <rect x=\"22\" y=\"96\" width=\"96\" height=\"20\" rx=\"8\" fill=\"url(#cg9)\" opacity=\".9\"\/>\n                <circle cx=\"46\"  cy=\"118\" r=\"9\" fill=\"#0a1430\" stroke=\"url(#cg9)\" stroke-width=\"3\"\/>\n                <circle cx=\"94\"  cy=\"118\" r=\"9\" fill=\"#0a1430\" stroke=\"url(#cg9)\" stroke-width=\"3\"\/>\n                <circle cx=\"70\"  cy=\"58\"  r=\"3.4\" fill=\"#bfe2ff\" class=\"dts4-spark\"\/>\n                <rect x=\"14\" y=\"130\" width=\"112\" height=\"6\" rx=\"2\" fill=\"rgba(99,180,255,.35)\"\/>\n              <\/svg>\n            <\/div>\n            <h3>Automotive &amp;<br>Transportation<\/h3>\n          <\/div>\n\n          <!-- Card 10: Aerospace -->\n          <div class=\"dts4-card\" data-idx=\"9\">\n            <div class=\"dts4-card-shimmer\"><\/div>\n            <div class=\"dts4-card-border-glow\"><\/div>\n            <div class=\"dts4-card-floor\"><\/div>\n            <div class=\"dts4-card-art\">\n              <svg viewBox=\"0 0 140 150\" class=\"dts4-icon\">\n                <defs><linearGradient id=\"cg10\" x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\"><stop offset=\"0%\" stop-color=\"#eaf5ff\"\/><stop offset=\"100%\" stop-color=\"#3f8dff\"\/><\/linearGradient><\/defs>\n                <path d=\"M70 24l10 40 32 16-5 10-31-9-2 26 12 9-2 7-16-5-16 5-2-7 12-9-2-26-31 9-5-10 32-16z\" fill=\"url(#cg10)\"\/>\n                <circle cx=\"70\" cy=\"16\" r=\"3.2\" fill=\"#bfe2ff\" class=\"dts4-spark\"\/>\n                <rect x=\"14\" y=\"130\" width=\"112\" height=\"6\" rx=\"2\" fill=\"rgba(99,180,255,.35)\"\/>\n              <\/svg>\n            <\/div>\n            <h3>Aerospace &amp;<br>Aviation<\/h3>\n          <\/div>\n\n        <\/div><!-- \/dts4-track -->\n      <\/div><!-- \/dts4-scene -->\n\n      <!-- Controls -->\n      <div class=\"dts4-controls\">\n        <div class=\"dts4-dots\" id=\"dts4Dots\"><\/div>\n        <div class=\"dts4-nav\">\n          <button class=\"dts4-btn\" id=\"dts4Prev\" aria-label=\"Previous\">\n            <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\">\n              <path d=\"M15 18l-6-6 6-6\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n            <\/svg>\n          <\/button>\n          <button class=\"dts4-btn\" id=\"dts4Next\" aria-label=\"Next\">\n            <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\">\n              <path d=\"M9 6l6 6-6 6\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n            <\/svg>\n          <\/button>\n        <\/div>\n      <\/div>\n\n    <\/div><!-- \/dts4-carousel-wrap -->\n  <\/div><!-- \/dts4-inner -->\n<\/section>\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 STYLES \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<style>\n\/* \u2500\u2500 Tokens \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n#dts4-root{\n  --c-bg:    #04060e;\n  --c-blue:  #3f8dff;\n  --c-soft:  #9fd0ff;\n  --c-cyan:  #bfe2ff;\n  --c-amber: #ff9a3d;\n  --c-ink:   #f3f7ff;\n  --c-dim:   #8da8cc;\n  --c-line:  rgba(159,208,255,.14);\n  position:relative;isolation:isolate;overflow:hidden;\n  background:var(--c-bg);\n  padding:clamp(60px,8vw,100px) 0 0;\n  font-family:'Segoe UI',-apple-system,BlinkMacSystemFont,Roboto,Helvetica,Arial,sans-serif;\n  color:var(--c-ink);\n}\n#dts4-root *{box-sizing:border-box;}\n#dts4-root svg{display:block;}\n\n\/* \u2500\u2500 Background \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.dts4-bg{position:absolute;inset:0;z-index:0;pointer-events:none;}\n#dts4Stars{position:absolute;inset:0;width:100%;height:100%;}\n.dts4-globe-svg{position:absolute;left:0;right:0;bottom:0;width:100%;height:100%;}\n\n.dts4-ring{transform-origin:850px 900px;animation:dts4Spin 70s linear infinite;}\n.dts4-ring.r2{animation-duration:100s;animation-direction:reverse;}\n.dts4-ring.r3{animation-duration:140s;}\n@keyframes dts4Spin{to{transform:rotate(360deg);}}\n\n.dts4-meridians ellipse,.dts4-meridians path{transform-origin:850px 900px;animation:dts4Spin 160s linear infinite;}\n\n.dts4-beam     {animation:dts4BeamPulse 3.2s ease-in-out infinite;}\n.dts4-beam-soft{animation:dts4BeamPulse 3.2s ease-in-out infinite reverse;}\n@keyframes dts4BeamPulse{0%,100%{opacity:.2;}50%{opacity:.9;}}\n\n.dts4-gdot{animation:dts4SparkPop 3s ease-in-out infinite;}\n@keyframes dts4SparkPop{0%,100%{opacity:.25;}50%{opacity:1;}}\n\n.dts4-horizon{filter:drop-shadow(0 0 18px rgba(127,184,255,.6));}\n.dts4-orbit{animation:dts4OrbitDrift 90s ease-in-out infinite alternate;}\n@keyframes dts4OrbitDrift{0%,100%{opacity:.4;}50%{opacity:.8;}}\n\n.dts4-vignette{position:absolute;inset:0;background:radial-gradient(60% 50% at 50% 0%,rgba(18,38,88,.45),transparent 70%);}\n.dts4-haze    {position:absolute;inset:auto 0 0 0;height:38%;background:linear-gradient(to bottom,rgba(4,6,14,0),rgba(4,6,14,.98));}\n\n\/* \u2500\u2500 Layout \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.dts4-inner{\n  position:relative;z-index:2;\n  max-width:1700px;margin:0 auto;\n  display:flex;flex-direction:column;gap:clamp(36px,5vw,52px);\n  padding:0 clamp(20px,4vw,60px) clamp(70px,9vw,110px);\n}\n\n\/* \u2500\u2500 Intro \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.dts4-intro{\n  max-width:520px;\n  opacity:0;transform:translateY(24px);\n  transition:opacity .9s ease,transform .9s cubic-bezier(.2,.7,.2,1);\n}\n.dts4-intro.dts4-in{opacity:1;transform:translateY(0);}\n\n.dts4-kicker{\n  display:inline-flex;align-items:center;gap:8px;\n  font-size:12px;letter-spacing:.22em;text-transform:uppercase;\n  color:var(--c-soft);font-weight:700;margin-bottom:14px;\n}\n.dts4-kicker i{\n  width:7px;height:7px;border-radius:50%;\n  background:var(--c-cyan);box-shadow:0 0 10px 2px var(--c-cyan);\n  animation:dts4DotPop 2.1s ease-in-out infinite;\n}\n@keyframes dts4DotPop{0%,100%{opacity:.5;transform:scale(.8);}50%{opacity:1;transform:scale(1.25);}}\n\n.dts4-title{\n  font-size:clamp(30px,4vw,50px);line-height:1.08;font-weight:700;\n  margin:0 0 16px;letter-spacing:-.015em;\n  background:linear-gradient(170deg,#ffffff 0%,#c0dffe 100%);\n  -webkit-background-clip:text;background-clip:text;color:transparent;\n}\n.dts4-copy{font-size:15.5px;line-height:1.72;color:var(--c-dim);margin:0 0 28px;max-width:460px;}\n\n\/* \u2500\u2500 CTA Button \u2014 premium gradient \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.dts4-cta{\n  display:inline-flex;align-items:center;gap:10px;\n  padding:15px 28px;border-radius:12px;\n  color:#fff;text-decoration:none;font-weight:600;font-size:15px;\n  position:relative;overflow:hidden;\n  \/* Multi-stop gradient: deep navy \u2192 vivid blue \u2192 cyan tint *\/\n  background:linear-gradient(135deg, #1a52cc 0%, #2f7aff 45%, #5ba8ff 80%, #82c4ff 100%);\n  box-shadow:\n    0 0 0 1px rgba(130,196,255,.3),\n    0 6px 20px -4px rgba(47,122,255,.65),\n    0 14px 36px -8px rgba(30,90,200,.5),\n    inset 0 1px 0 rgba(255,255,255,.28);\n  transition:transform .35s cubic-bezier(.2,.7,.2,1), box-shadow .35s ease;\n}\n\/* Animated shimmer sweep *\/\n.dts4-cta-shine{\n  position:absolute;inset:0;\n  background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.38) 50%,transparent 65%);\n  transform:translateX(-110%);\n  transition:transform .75s cubic-bezier(.4,0,.2,1);\n}\n.dts4-cta:hover .dts4-cta-shine{transform:translateX(110%);}\n.dts4-cta:hover{\n  transform:translateY(-3px);\n  box-shadow:\n    0 0 0 1px rgba(130,196,255,.5),\n    0 10px 28px -4px rgba(47,122,255,.8),\n    0 20px 48px -8px rgba(30,90,200,.6),\n    inset 0 1px 0 rgba(255,255,255,.35);\n}\n.dts4-cta:active{transform:translateY(0) scale(.97);}\n.dts4-cta-text{position:relative;z-index:1;}\n.dts4-cta-arrow{position:relative;z-index:1;flex-shrink:0;transition:transform .35s;}\n.dts4-cta:hover .dts4-cta-arrow{transform:translateX(5px);}\n\n\/* \u2500\u2500 Carousel \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.dts4-carousel-wrap{position:relative;}\n\n\/* Scene: perspective clipping box *\/\n.dts4-scene{\n  perspective:1400px;\n  perspective-origin:50% 55%;\n  width:100%;\n  overflow:visible; \/* let cards breathe horizontally *\/\n}\n\n\/*\n  THE FIX: Track is a POSITIONED CONTAINER with explicit height.\n  Cards inside are position:absolute, centered at left:50%.\n  GSAP uses x\/y\/rotateY\/scale \u2014 no CSS margins fight it.\n*\/\n.dts4-track{\n  position:relative;\n  width:100%;\n  height:360px; \/* fixed height \u2014 cards don't affect document flow *\/\n}\n\n\/* \u2500\u2500 Cards \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.dts4-card{\n  position:absolute;\n  \/* Start centered; GSAP will apply translateX to fan them out *\/\n  left:50%;\n  top:0;\n  \/* Card width *\/\n  width:164px;\n  height:340px;\n  margin-left:-82px; \/* half of 164px \u2014 centers the card at left:50% *\/\n\n  \/* Glass morphism gradient *\/\n  background:\n    linear-gradient(\n      160deg,\n      rgba(40,80,160,.18) 0%,\n      rgba(16,34,76,.55)  30%,\n      rgba(8,16,40,.82)   70%,\n      rgba(4,8,22,.96)    100%\n    );\n  backdrop-filter:blur(4px);\n  -webkit-backdrop-filter:blur(4px);\n\n  border:1px solid var(--c-line);\n  border-top-color:rgba(159,208,255,.25);\n  border-radius:4px 4px 0 0;\n\n  display:flex;flex-direction:column;align-items:center;justify-content:flex-end;\n  padding-bottom:22px;\n  text-align:center;\n\n  transform-style:preserve-3d;\n  cursor:pointer;\n  will-change:transform,opacity;\n  \/* CSS transitions OFF \u2014 GSAP drives everything *\/\n  transition:border-color .3s ease;\n}\n\n\/* Top-edge gradient shimmer *\/\n.dts4-card-shimmer{\n  position:absolute;inset:0;border-radius:inherit;\n  background:linear-gradient(\n    160deg,\n    rgba(100,180,255,.15) 0%,\n    rgba(60,120,255,.08)  25%,\n    transparent 55%\n  );\n  pointer-events:none;\n}\n\n\/* Border glow layer (active state) *\/\n.dts4-card-border-glow{\n  position:absolute;inset:-1px;border-radius:inherit;\n  background:transparent;\n  box-shadow:inset 0 0 0 1px rgba(159,208,255,.0);\n  transition:box-shadow .4s ease;\n  pointer-events:none;\n}\n.dts4-card.dts4-active .dts4-card-border-glow{\n  box-shadow:\n    inset 0 0 0 1px rgba(159,208,255,.7),\n    0 0 30px -6px rgba(63,141,255,.6),\n    0 0 60px -12px rgba(63,141,255,.35);\n}\n.dts4-card.dts4-active{\n  border-color:rgba(159,208,255,.6);\n  \/* Brighter glass for active card *\/\n  background:\n    linear-gradient(\n      160deg,\n      rgba(50,110,220,.32) 0%,\n      rgba(20,46,110,.72)  30%,\n      rgba(10,20,52,.9)    70%,\n      rgba(5,10,28,.98)    100%\n    );\n}\n\n.dts4-card-floor{\n  position:absolute;left:10%;right:10%;bottom:6px;height:2px;\n  background:linear-gradient(90deg,transparent,rgba(159,208,255,.8),transparent);\n  box-shadow:0 0 14px 2px rgba(99,180,255,.55);\n}\n.dts4-card-art{\n  width:100%;height:122px;\n  display:flex;align-items:center;justify-content:center;\n  margin-bottom:14px;position:relative;\n}\n.dts4-card-art::before{\n  content:'';position:absolute;left:50%;bottom:0;\n  width:46px;height:46px;\n  background:radial-gradient(circle,rgba(63,141,255,.42),transparent 70%);\n  transform:translateX(-50%);filter:blur(6px);\n}\n.dts4-icon{\n  width:88px;height:94px;\n  filter:drop-shadow(0 0 14px rgba(63,141,255,.7)) drop-shadow(0 0 28px rgba(63,141,255,.35));\n  transition:filter .35s ease;\n}\n.dts4-card:hover .dts4-icon,\n.dts4-card.dts4-active .dts4-icon{\n  filter:drop-shadow(0 0 24px rgba(159,208,255,1)) drop-shadow(0 0 42px rgba(99,180,255,.65));\n}\n.dts4-spark{animation:dts4SparkPop 2.4s ease-in-out infinite;filter:drop-shadow(0 0 7px #bfe2ff);}\n.dts4-spin{animation:dts4TurbSpin 6s linear infinite;}\n@keyframes dts4TurbSpin{to{transform:rotate(360deg);}}\n.dts4-wave{stroke:#9fd0ff;fill:none;stroke-width:3;stroke-linecap:round;opacity:.5;animation:dts4WavePop 2.6s ease-in-out infinite;}\n.dts4-wave-2{animation-delay:.4s;opacity:.3;}\n@keyframes dts4WavePop{0%,100%{opacity:.12;}50%{opacity:.85;}}\n\n.dts4-card h3{\n  font-size:12.5px;line-height:1.44;font-weight:600;\n  color:#d8eeff;margin:0;letter-spacing:.005em;padding:0 10px;\n}\n\n\/* \u2500\u2500 Controls \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.dts4-controls{\n  display:flex;align-items:center;justify-content:space-between;\n  margin-top:20px;\n}\n.dts4-dots{display:flex;gap:7px;align-items:center;}\n.dts4-dots span{\n  width:6px;height:6px;border-radius:3px;\n  background:rgba(159,208,255,.22);\n  transition:background .35s,width .35s,box-shadow .35s;\n  cursor:pointer;\n}\n.dts4-dots span.dts4-dot-active{\n  width:24px;\n  background:linear-gradient(90deg,#3f8dff,#bfe2ff);\n  box-shadow:0 0 10px 2px rgba(99,180,255,.5);\n}\n.dts4-nav{display:flex;gap:10px;}\n.dts4-btn{\n  width:42px;height:42px;border-radius:50%;\n  border:1px solid var(--c-line);\n  background:linear-gradient(145deg,rgba(20,36,80,.8),rgba(8,14,36,.9));\n  color:var(--c-soft);\n  display:flex;align-items:center;justify-content:center;\n  cursor:pointer;\n  transition:background .3s,border-color .3s,color .3s,transform .2s,box-shadow .3s;\n}\n.dts4-btn:hover{\n  background:linear-gradient(145deg,rgba(47,122,255,.4),rgba(20,60,160,.6));\n  border-color:rgba(159,208,255,.5);\n  color:#fff;\n  transform:translateY(-2px);\n  box-shadow:0 6px 18px -4px rgba(47,122,255,.45);\n}\n.dts4-btn:active{transform:scale(.93);}\n\n\/* \u2500\u2500 Responsive \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n@media (min-width:1200px){\n  .dts4-inner{flex-direction:row;align-items:center;gap:52px;}\n  .dts4-intro{flex:0 0 360px;}\n  .dts4-carousel-wrap{flex:1;min-width:0;}\n}\n@media (max-width:700px){\n  .dts4-track{height:300px;}\n  .dts4-card{width:136px;height:280px;margin-left:-68px;}\n  .dts4-card-art{height:96px;}\n  .dts4-icon{width:70px;height:76px;}\n}\n@media (prefers-reduced-motion:reduce){\n  #dts4-root *{animation:none !important;transition-duration:.001ms !important;}\n}\n<\/style>\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 GSAP \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.5\/gsap.min.js\"><\/script>\n<script>\n(function(){\n  var ROOT = document.getElementById('dts4-root');\n  if (!ROOT || ROOT.dataset.dts4Init) return;\n  ROOT.dataset.dts4Init = '1';\n\n  var reduceMotion = !!(window.matchMedia && window.matchMedia('(prefers-reduced-motion:reduce)').matches);\n\n  \/* \u2500\u2500 Stars \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n  var canvas = document.getElementById('dts4Stars');\n  if (canvas && canvas.getContext) {\n    var ctx = canvas.getContext('2d'), stars = [], t = 0;\n    var dpr = Math.min(window.devicePixelRatio||1, 2);\n    function sizeCanvas(){\n      var r = ROOT.getBoundingClientRect();\n      canvas.width  = r.width  * dpr;  canvas.height = r.height * dpr;\n      canvas.style.width  = r.width  + 'px';\n      canvas.style.height = r.height + 'px';\n    }\n    function seedStars(){\n      var r = ROOT.getBoundingClientRect(); stars = [];\n      for (var i=0; i<130; i++) stars.push({\n        x:Math.random()*r.width, y:Math.random()*r.height*.72,\n        r:Math.random()*1.7+.2, a:Math.random()*.7+.1,\n        sp:(Math.random()*.55+.1)*(reduceMotion?0:1),\n        ph:Math.random()*Math.PI*2\n      });\n    }\n    function drawStars(){\n      ctx.setTransform(dpr,0,0,dpr,0,0);\n      ctx.clearRect(0,0,canvas.width,canvas.height);\n      t+=.018;\n      stars.forEach(function(s){\n        var a = reduceMotion ? s.a : s.a*(0.5+0.5*Math.sin(t*s.sp+s.ph));\n        ctx.beginPath();\n        ctx.fillStyle='rgba(200,225,255,'+a.toFixed(3)+')';\n        ctx.arc(s.x,s.y,s.r,0,6.283);\n        ctx.fill();\n      });\n      if(!reduceMotion) requestAnimationFrame(drawStars);\n    }\n    sizeCanvas(); seedStars(); drawStars();\n    var rsz; window.addEventListener('resize',function(){clearTimeout(rsz);rsz=setTimeout(function(){sizeCanvas();seedStars();if(reduceMotion)drawStars();},200);});\n  }\n\n  \/* \u2500\u2500 Intro reveal \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n  var intro = document.getElementById('dts4Intro');\n  if (intro) {\n    if ('IntersectionObserver' in window) {\n      var io = new IntersectionObserver(function(es){\n        es.forEach(function(e){ if(e.isIntersecting){e.target.classList.add('dts4-in');io.unobserve(e.target);} });\n      },{threshold:.12});\n      io.observe(intro);\n    } else { intro.classList.add('dts4-in'); }\n  }\n\n  \/* \u2500\u2500 Carousel \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n  var cards    = Array.from(ROOT.querySelectorAll('.dts4-card'));\n  var dotsWrap = document.getElementById('dts4Dots');\n  var N        = cards.length;\n  var current  = 0;\n  var animating= false;\n\n  \/* Dot elements *\/\n  var dotEls = cards.map(function(_,i){\n    var d = document.createElement('span');\n    d.addEventListener('click', function(){ if(!animating) goTo(i); });\n    dotsWrap.appendChild(d);\n    return d;\n  });\n\n  \/*\n   * LAYOUT MATH \u2014 NO CSS MARGINS\n   * Each card sits at position:absolute; left:50%; margin-left:-82px (half card width).\n   * GSAP applies x (translateX) to move cards left\/right from center.\n   * rotateY gives the 3D curve. translateZ pushes center card forward.\n   * scale + opacity fade side cards.\n   *\n   * offset = card index - current (negative = left, positive = right)\n   * We show \u00b14 cards visibly (8 visible + 1 center = 9 of 10)\n   *\/\n  var CARD_W   = 164;   \/\/ px \u2014 match CSS width\n  var GAP      = 18;    \/\/ gap between cards (visible gap)\n  var STEP     = CARD_W + GAP; \/\/ total spacing per step = 182px\n  var MAX_SHOW = 4;     \/\/ how many cards shown each side\n\n  function getState(offset) {\n    var abs = Math.abs(offset);\n    var show = abs <= MAX_SHOW;\n    return {\n      x       : offset * STEP,                     \/\/ pure linear x \u2014 no CSS margin conflict\n      rotateY : offset * -7,                       \/\/ -7\u00b0 per step gives the curve\n      z       : abs === 0 ? 30 : (abs===1 ? 8 : -abs*20), \/\/ center pops forward\n      scale   : show ? Math.max(0.7, 1 - abs*.065) : 0.55,\n      opacity : show ? Math.max(0.08, 1 - abs*.22) : 0,\n      zIndex  : show ? (60 - abs*10) : 0\n    };\n  }\n\n  function applyAll(animate) {\n    \/* Update dots *\/\n    dotEls.forEach(function(d,i){ d.classList.toggle('dts4-dot-active', i===current); });\n\n    cards.forEach(function(card, i) {\n      var offset = i - current;\n      \/* Wrap: pick shortest arc *\/\n      if (offset >  N\/2) offset -= N;\n      if (offset < -N\/2) offset += N;\n\n      var st = getState(offset);\n      card.classList.toggle('dts4-active', offset===0);\n\n      var props = {\n        x       : st.x,\n        rotateY : st.rotateY,\n        z       : st.z,\n        scale   : st.scale,\n        opacity : st.opacity,\n        zIndex  : st.zIndex,\n        transformOrigin:'center bottom',\n        force3D : true\n      };\n\n      if (!animate || reduceMotion) {\n        gsap.set(card, props);\n      } else {\n        props.duration = 0.62;\n        props.ease = 'power3.out';\n        if (offset === 0) {\n          \/* Center card: slight bounce up *\/\n          props.y = 0;\n          gsap.to(card, props);\n          gsap.fromTo(card, {y:12},{y:0,duration:.5,ease:'back.out(1.6)'});\n        } else {\n          gsap.to(card, props);\n        }\n      }\n    });\n  }\n\n  \/* Initial placement (no animation) *\/\n  applyAll(false);\n\n  \/* Navigate *\/\n  function goTo(idx) {\n    if (animating) return;\n    animating = true;\n    current = ((idx % N) + N) % N;\n    applyAll(true);\n    setTimeout(function(){ animating = false; }, 720);\n  }\n\n  document.getElementById('dts4Prev').addEventListener('click', function(){ if(!animating) goTo(current-1); });\n  document.getElementById('dts4Next').addEventListener('click', function(){ if(!animating) goTo(current+1); });\n\n  \/* Click card \u2192 focus it *\/\n  cards.forEach(function(card, i){\n    card.addEventListener('click', function(){ if(!animating) goTo(i); });\n  });\n\n  \/* Drag \/ swipe *\/\n  var dragX0 = null;\n  var scene = document.getElementById('dts4Scene');\n  scene.addEventListener('mousedown',  function(e){ dragX0=e.clientX; });\n  scene.addEventListener('touchstart', function(e){ dragX0=e.touches[0].clientX; },{passive:true});\n  window.addEventListener('mouseup',   onUp);\n  window.addEventListener('touchend',  onUp,{passive:true});\n  function onUp(e){\n    if(dragX0===null) return;\n    var dx=(e.changedTouches?e.changedTouches[0].clientX:e.clientX)-dragX0;\n    if(Math.abs(dx)>38){ goTo(dx<0?current+1:current-1); }\n    dragX0=null;\n  }\n\n  \/* Auto-advance *\/\n  var timer = setInterval(function(){ if(!animating) goTo(current+1); }, 4200);\n  ROOT.addEventListener('mouseenter',function(){ clearInterval(timer); });\n  ROOT.addEventListener('mouseleave',function(){\n    clearInterval(timer);\n    timer=setInterval(function(){ if(!animating) goTo(current+1); },4200);\n  });\n\n  \/* Keyboard *\/\n  document.addEventListener('keydown',function(e){\n    if(e.key==='ArrowLeft'  && !animating) goTo(current-1);\n    if(e.key==='ArrowRight' && !animating) goTo(current+1);\n  });\n\n})();\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d1a97cd e-con-full e-flex e-con e-parent\" data-id=\"d1a97cd\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-65efa38 elementor-widget elementor-widget-html\" data-id=\"65efa38\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\n  DT SOLUTIONS \u2014 BLOCK 5 FIXED HEADER SAFE VERSION\n  IMPORTANT FIX:\n  This version does NOT use a <header> tag inside the section.\n  Your global CSS was targeting \"header { position: fixed; }\"\n  and making this section title fixed.\n============================================================= -->\n\n<div id=\"dt-solutions-block5-safe-wrap\" class=\"dt-solutions-block5-safe-wrap\">\n  <section class=\"dt-solutions-block5\" id=\"dt-solutions-block5\">\n\n    <div class=\"dt-solutions-block5-bg\" aria-hidden=\"true\">\n      <canvas class=\"dt-solutions-block5-canvas\" id=\"dt-solutions-block5-canvas\"><\/canvas>\n      <div class=\"dt-solutions-block5-aurora dt-solutions-block5-aurora-a\"><\/div>\n      <div class=\"dt-solutions-block5-aurora dt-solutions-block5-aurora-b\"><\/div>\n      <div class=\"dt-solutions-block5-aurora dt-solutions-block5-aurora-c\"><\/div>\n      <div class=\"dt-solutions-block5-vignette\"><\/div>\n      <div class=\"dt-solutions-block5-scanline\"><\/div>\n    <\/div>\n\n    <div class=\"dt-solutions-block5-container\">\n\n      <div class=\"dt-solutions-block5-console\" data-dt-solutions-block5-reveal>\n        <span class=\"dt-solutions-block5-console-dot\"><\/span>\n        <span class=\"dt-solutions-block5-console-label\">ROUTING&nbsp;ENGINE<\/span>\n        <span class=\"dt-solutions-block5-console-sep\">\/<\/span>\n        <span class=\"dt-solutions-block5-console-text\" id=\"dtSolutionsBlock5Console\"><\/span><span class=\"dt-solutions-block5-console-cursor\">\u258d<\/span>\n      <\/div>\n\n      <div class=\"dt-solutions-block5-head\" data-dt-solutions-block5-reveal>\n        <span class=\"dt-solutions-block5-eyebrow\"><i><\/i>Talent &amp; Delivery Solutions<\/span>\n        <h2 class=\"dt-solutions-block5-h2\">Flexible Solutions for Talent, Delivery, and Consulting Needs<\/h2>\n        <p class=\"dt-solutions-block5-sub\">\n          DT Solutions connects organizations with the right talent, service model, and delivery structure for the work, timeline, scope, and accountability required.\n        <\/p>\n      <\/div>\n\n      <div class=\"dt-solutions-block5-spine\" style=\"--spine-color:var(--electric-2)\"><span class=\"dt-solutions-block5-spine-pulse\"><\/span><\/div>\n\n      <div class=\"dt-solutions-block5-group dt-solutions-block5-group-talent\" data-dt-solutions-block5-reveal>\n        <div class=\"dt-solutions-block5-group-label\">\n          <span class=\"dt-solutions-block5-node\"><\/span>\n          <span class=\"dt-solutions-block5-group-index\">01<\/span>\n          <span class=\"dt-solutions-block5-group-name\">Talent Solutions<\/span>\n          <span class=\"dt-solutions-block5-group-rule\"><\/span>\n        <\/div>\n\n        <div class=\"dt-solutions-block5-grid\">\n\n          <article class=\"dt-solutions-block5-card\" data-href=\"#staff-augmentation\" tabindex=\"0\" role=\"link\" aria-expanded=\"false\">\n            <span class=\"dt-solutions-block5-spot\"><\/span>\n            <span class=\"dt-solutions-block5-icon\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\">\n                <rect x=\"3\" y=\"7\" width=\"18\" height=\"13\" rx=\"2\" pathLength=\"100\"\/>\n                <path d=\"M8 7V5a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2\" pathLength=\"100\"\/>\n                <path d=\"M3 12h18\" pathLength=\"100\"\/>\n              <\/svg>\n            <\/span>\n            <h3>Staff Augmentation<\/h3>\n            <p class=\"dt-solutions-block5-desc\">Contract talent for workload gaps, project demand, and specialized role requirements.<\/p>\n            <div class=\"dt-solutions-block5-support\">\n              <p><strong>Support includes:<\/strong> Backfills \u2022 Short-term needs \u2022 Long-term assignments \u2022 Specialized roles<\/p>\n            <\/div>\n            <a class=\"dt-solutions-block5-cta\" href=\"#staff-augmentation\">Explore Staff Augmentation <span>\u2192<\/span><\/a>\n          <\/article>\n\n          <article class=\"dt-solutions-block5-card\" data-href=\"#permanent-hiring\" tabindex=\"0\" role=\"link\" aria-expanded=\"false\">\n            <span class=\"dt-solutions-block5-spot\"><\/span>\n            <span class=\"dt-solutions-block5-icon\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\">\n                <path d=\"M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2\" pathLength=\"100\"\/>\n                <circle cx=\"9\" cy=\"7\" r=\"4\" pathLength=\"100\"\/>\n                <path d=\"M19 8v6M22 11h-6\" pathLength=\"100\"\/>\n              <\/svg>\n            <\/span>\n            <h3>Permanent Hiring<\/h3>\n            <p class=\"dt-solutions-block5-desc\">Direct-hire recruitment support for long-term team strength across business, technical, and operational roles.<\/p>\n            <div class=\"dt-solutions-block5-support\">\n              <p><strong>Support includes:<\/strong> Core hiring \u2022 Replacement hiring \u2022 Specialized permanent roles \u2022 Long-term fit<\/p>\n            <\/div>\n            <a class=\"dt-solutions-block5-cta\" href=\"#permanent-hiring\">Explore Permanent Hiring <span>\u2192<\/span><\/a>\n          <\/article>\n\n          <article class=\"dt-solutions-block5-card\" data-href=\"#executive-search\" tabindex=\"0\" role=\"link\" aria-expanded=\"false\">\n            <span class=\"dt-solutions-block5-spot\"><\/span>\n            <span class=\"dt-solutions-block5-icon\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\">\n                <circle cx=\"11\" cy=\"11\" r=\"7\" pathLength=\"100\"\/>\n                <path d=\"M21 21l-4.3-4.3\" pathLength=\"100\"\/>\n                <path d=\"M11 8v6M8 11h6\" pathLength=\"100\"\/>\n              <\/svg>\n            <\/span>\n            <h3>Executive Search<\/h3>\n            <p class=\"dt-solutions-block5-desc\">Focused leadership search for senior, strategic, confidential, and hard-to-reach roles.<\/p>\n            <div class=\"dt-solutions-block5-support\">\n              <p><strong>Support includes:<\/strong> Executive mandates \u2022 Confidential searches \u2022 Market mapping \u2022 Leadership alignment<\/p>\n            <\/div>\n            <a class=\"dt-solutions-block5-cta\" href=\"#executive-search\">Explore Executive Search <span>\u2192<\/span><\/a>\n          <\/article>\n\n          <article class=\"dt-solutions-block5-card\" data-href=\"#talent-programs-rpo\" tabindex=\"0\" role=\"link\" aria-expanded=\"false\">\n            <span class=\"dt-solutions-block5-spot\"><\/span>\n            <span class=\"dt-solutions-block5-icon\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\">\n                <circle cx=\"6\" cy=\"6\" r=\"2.2\" pathLength=\"100\"\/>\n                <circle cx=\"18\" cy=\"6\" r=\"2.2\" pathLength=\"100\"\/>\n                <circle cx=\"12\" cy=\"18\" r=\"2.2\" pathLength=\"100\"\/>\n                <path d=\"M6 8.2V13a2 2 0 0 0 2 2h1.5M18 8.2V13a2 2 0 0 1-2 2h-1.5\" pathLength=\"100\"\/>\n              <\/svg>\n            <\/span>\n            <h3>Talent Programs &amp; RPO<\/h3>\n            <p class=\"dt-solutions-block5-desc\">Structured recruitment support for recurring hiring, talent pipelines, and added process capacity.<\/p>\n            <div class=\"dt-solutions-block5-support\">\n              <p><strong>Support includes:<\/strong> Multi-role hiring \u2022 Talent pipelines \u2022 Program coordination \u2022 Scalable recruitment<\/p>\n            <\/div>\n            <a class=\"dt-solutions-block5-cta\" href=\"#talent-programs-rpo\">Explore Talent Programs &amp; RPO <span>\u2192<\/span><\/a>\n          <\/article>\n\n        <\/div>\n      <\/div>\n\n      <div class=\"dt-solutions-block5-spine\" style=\"--spine-color:var(--purple-2)\"><span class=\"dt-solutions-block5-spine-pulse\"><\/span><\/div>\n\n      <div class=\"dt-solutions-block5-group dt-solutions-block5-group-delivery\" data-dt-solutions-block5-reveal>\n        <div class=\"dt-solutions-block5-group-label\">\n          <span class=\"dt-solutions-block5-node\"><\/span>\n          <span class=\"dt-solutions-block5-group-index\">02<\/span>\n          <span class=\"dt-solutions-block5-group-name\">Delivery Models<\/span>\n          <span class=\"dt-solutions-block5-group-rule\"><\/span>\n        <\/div>\n\n        <div class=\"dt-solutions-block5-grid\">\n\n          <article class=\"dt-solutions-block5-card\" data-href=\"#managed-services\" tabindex=\"0\" role=\"link\" aria-expanded=\"false\">\n            <span class=\"dt-solutions-block5-spot\"><\/span>\n            <span class=\"dt-solutions-block5-icon\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\">\n                <path d=\"M12 2l8 4v6c0 5-3.5 8-8 10-4.5-2-8-5-8-10V6l8-4z\" pathLength=\"100\"\/>\n                <path d=\"M9 12l2 2 4-4\" pathLength=\"100\"\/>\n              <\/svg>\n            <\/span>\n            <h3>Managed Services<\/h3>\n            <p class=\"dt-solutions-block5-desc\">Ongoing service coverage for clients that need coordinated teams and continuity.<\/p>\n            <div class=\"dt-solutions-block5-support\">\n              <p><strong>Support includes:<\/strong> Recurring work \u2022 Managed teams \u2022 Operational coverage \u2022 Service coordination<\/p>\n            <\/div>\n            <a class=\"dt-solutions-block5-cta\" href=\"#managed-services\">Explore Managed Services <span>\u2192<\/span><\/a>\n          <\/article>\n\n          <article class=\"dt-solutions-block5-card\" data-href=\"#project-based-delivery\" tabindex=\"0\" role=\"link\" aria-expanded=\"false\">\n            <span class=\"dt-solutions-block5-spot\"><\/span>\n            <span class=\"dt-solutions-block5-icon\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\">\n                <rect x=\"3\" y=\"4\" width=\"18\" height=\"17\" rx=\"2\" pathLength=\"100\"\/>\n                <path d=\"M3 9h18\" pathLength=\"100\"\/>\n                <path d=\"M8 14l2.5 2.5L16 11\" pathLength=\"100\"\/>\n              <\/svg>\n            <\/span>\n            <h3>Project-Based Delivery<\/h3>\n            <p class=\"dt-solutions-block5-desc\">Structured delivery for initiatives with defined timelines, resources, milestones, and expectations.<\/p>\n            <div class=\"dt-solutions-block5-support\">\n              <p><strong>Support includes:<\/strong> Active projects \u2022 Resource planning \u2022 Milestones \u2022 Delivery coordination<\/p>\n            <\/div>\n            <a class=\"dt-solutions-block5-cta\" href=\"#project-based-delivery\">Explore Project-Based Delivery <span>\u2192<\/span><\/a>\n          <\/article>\n\n          <article class=\"dt-solutions-block5-card\" data-href=\"#sow-delivery\" tabindex=\"0\" role=\"link\" aria-expanded=\"false\">\n            <span class=\"dt-solutions-block5-spot\"><\/span>\n            <span class=\"dt-solutions-block5-icon\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\">\n                <path d=\"M14 3H7a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V8l-5-5z\" pathLength=\"100\"\/>\n                <path d=\"M14 3v5h5\" pathLength=\"100\"\/>\n                <path d=\"M9 13h6M9 17h4\" pathLength=\"100\"\/>\n              <\/svg>\n            <\/span>\n            <h3>Statement of Work \u2014 SOW<\/h3>\n            <p class=\"dt-solutions-block5-desc\">Scope-based delivery aligned to defined responsibilities, deliverables, milestones, and outcomes.<\/p>\n            <div class=\"dt-solutions-block5-support\">\n              <p><strong>Support includes:<\/strong> Defined work packages \u2022 Measurable outputs \u2022 Vendor accountability \u2022 Delivery clarity<\/p>\n            <\/div>\n            <a class=\"dt-solutions-block5-cta\" href=\"#sow-delivery\">Explore SOW Delivery <span>\u2192<\/span><\/a>\n          <\/article>\n\n          <article class=\"dt-solutions-block5-card\" data-href=\"#bot-model\" tabindex=\"0\" role=\"link\" aria-expanded=\"false\">\n            <span class=\"dt-solutions-block5-spot\"><\/span>\n            <span class=\"dt-solutions-block5-icon\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\">\n                <path d=\"M3 12a9 9 0 1 0 3.4-7.02\" pathLength=\"100\"\/>\n                <path d=\"M3 4v5h5\" pathLength=\"100\"\/>\n              <\/svg>\n            <\/span>\n            <h3>Build-Operate-Transfer \u2014 BOT<\/h3>\n            <p class=\"dt-solutions-block5-desc\">A phased model for building capability, operating with structure, and transitioning ownership.<\/p>\n            <div class=\"dt-solutions-block5-support\">\n              <p><strong>Support includes:<\/strong> Team setup \u2022 Capability buildout \u2022 Operating structure \u2022 Transition planning<\/p>\n            <\/div>\n            <a class=\"dt-solutions-block5-cta\" href=\"#bot-model\">Explore BOT Model <span>\u2192<\/span><\/a>\n          <\/article>\n\n        <\/div>\n      <\/div>\n\n      <div class=\"dt-solutions-block5-spine\" style=\"--spine-color:var(--orange-2)\"><span class=\"dt-solutions-block5-spine-pulse\"><\/span><\/div>\n\n      <div class=\"dt-solutions-block5-group dt-solutions-block5-group-consulting\" data-dt-solutions-block5-reveal>\n        <div class=\"dt-solutions-block5-group-label\">\n          <span class=\"dt-solutions-block5-node\"><\/span>\n          <span class=\"dt-solutions-block5-group-index\">03<\/span>\n          <span class=\"dt-solutions-block5-group-name\">Consulting &amp; Specialized Services<\/span>\n          <span class=\"dt-solutions-block5-group-rule\"><\/span>\n        <\/div>\n\n        <div class=\"dt-solutions-block5-grid dt-solutions-block5-grid-two\">\n\n          <article class=\"dt-solutions-block5-card\" data-href=\"#consulting-advisory\" tabindex=\"0\" role=\"link\" aria-expanded=\"false\">\n            <span class=\"dt-solutions-block5-spot\"><\/span>\n            <span class=\"dt-solutions-block5-icon\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\">\n                <path d=\"M21 11.5a8.38 8.38 0 0 1-8.5 8.5H12a8.5 8.5 0 1 1 8.5-8.5z\" pathLength=\"100\"\/>\n                <path d=\"M8 12h.01M12 12h.01M16 12h.01\" pathLength=\"100\"\/>\n              <\/svg>\n            <\/span>\n            <h3>Consulting &amp; Advisory<\/h3>\n            <p class=\"dt-solutions-block5-desc\">Practical guidance for business, technology, workforce, and operational priorities.<\/p>\n            <div class=\"dt-solutions-block5-support\">\n              <p><strong>Support includes:<\/strong> Planning \u2022 Modernization \u2022 Process improvement \u2022 Decision support<\/p>\n            <\/div>\n            <a class=\"dt-solutions-block5-cta\" href=\"#consulting-advisory\">Explore Consulting &amp; Advisory <span>\u2192<\/span><\/a>\n          <\/article>\n\n          <article class=\"dt-solutions-block5-card\" data-href=\"#regulated-engagements\" tabindex=\"0\" role=\"link\" aria-expanded=\"false\">\n            <span class=\"dt-solutions-block5-spot\"><\/span>\n            <span class=\"dt-solutions-block5-icon\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\">\n                <path d=\"M12 2l7 3v6c0 5-3 8.5-7 10-4-1.5-7-5-7-10V5l7-3z\" pathLength=\"100\"\/>\n              <\/svg>\n            <\/span>\n            <h3>Public Sector &amp; Regulated Engagements<\/h3>\n            <p class=\"dt-solutions-block5-desc\">Specialized engagement support for procurement-sensitive, compliance-driven, and regulated environments.<\/p>\n            <div class=\"dt-solutions-block5-support\">\n              <p><strong>Support includes:<\/strong> Government programs \u2022 Documentation needs \u2022 Stakeholder alignment \u2022 Regulated delivery<\/p>\n            <\/div>\n            <a class=\"dt-solutions-block5-cta\" href=\"#regulated-engagements\">Explore Regulated Engagements <span>\u2192<\/span><\/a>\n          <\/article>\n\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/section>\n<\/div>\n\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&family=JetBrains+Mono:wght@400;500&display=swap');\n\n#dt-solutions-block5-safe-wrap{\n  --dt-header-clear:0px;\n  display:block;\n  position:relative;\n  width:100%;\n  isolation:isolate;\n  z-index:1;\n  background:#050914;\n  padding-top:var(--dt-header-clear) !important;\n  margin-top:0 !important;\n  overflow:visible !important;\n  clear:both;\n}\n\n#dt-solutions-block5-safe-wrap,\n#dt-solutions-block5-safe-wrap *{\n  box-sizing:border-box;\n}\n\n#dt-solutions-block5{\n  --navy-deep:#050914;\n  --line:rgba(140,170,255,0.14);\n  --electric:#2ea8ff;\n  --electric-2:#7fd4ff;\n  --purple:#8b5cf6;\n  --purple-2:#c084fc;\n  --orange:#ff8a3d;\n  --orange-2:#ffb27a;\n  --ink:#eef3ff;\n  --ink-dim:#9fb0d1;\n  --ink-dimmer:#6d7ea3;\n  --radius:16px;\n  --ease:cubic-bezier(.22,1,.36,1);\n\n  position:relative;\n  display:block;\n  isolation:isolate;\n  z-index:1;\n  width:100%;\n  background:var(--navy-deep);\n  color:var(--ink);\n  padding:clamp(64px,9vw,120px) 0 clamp(64px,9vw,120px) !important;\n  margin:0 !important;\n  overflow:hidden;\n  font-family:'Inter',-apple-system,BlinkMacSystemFont,\"Segoe UI\",sans-serif;\n  scroll-margin-top:120px;\n}\n\n#dt-solutions-block5 .dt-solutions-block5-head{\n  position:relative !important;\n  top:auto !important;\n  left:auto !important;\n  right:auto !important;\n  bottom:auto !important;\n  z-index:2 !important;\n  max-width:760px;\n  margin:0 auto 56px;\n  text-align:center;\n}\n\n#dt-solutions-block5 a{\n  text-decoration:none;\n  color:inherit;\n}\n\n#dt-solutions-block5 .dt-solutions-block5-bg{\n  position:absolute;\n  inset:0;\n  z-index:0;\n  overflow:hidden;\n}\n\n#dt-solutions-block5 .dt-solutions-block5-canvas{\n  position:absolute;\n  inset:-40px;\n  width:calc(100% + 80px);\n  height:calc(100% + 80px);\n}\n\n#dt-solutions-block5 .dt-solutions-block5-aurora{\n  position:absolute;\n  border-radius:50%;\n  filter:blur(100px);\n  opacity:.30;\n  will-change:transform;\n  mix-blend-mode:screen;\n}\n\n#dt-solutions-block5 .dt-solutions-block5-aurora-a{\n  width:620px;\n  height:620px;\n  left:-160px;\n  top:-160px;\n  background:radial-gradient(circle,var(--electric),transparent 70%);\n  animation:dtSolutionsBlock5Drift1 24s ease-in-out infinite;\n}\n\n#dt-solutions-block5 .dt-solutions-block5-aurora-b{\n  width:560px;\n  height:560px;\n  right:-140px;\n  top:24%;\n  background:radial-gradient(circle,var(--purple),transparent 70%);\n  animation:dtSolutionsBlock5Drift2 28s ease-in-out infinite;\n}\n\n#dt-solutions-block5 .dt-solutions-block5-aurora-c{\n  width:520px;\n  height:520px;\n  left:26%;\n  bottom:-260px;\n  background:radial-gradient(circle,var(--orange),transparent 70%);\n  opacity:.22;\n  animation:dtSolutionsBlock5Drift3 32s ease-in-out infinite;\n}\n\n@keyframes dtSolutionsBlock5Drift1{\n  0%,100%{transform:translate(0,0) scale(1);}\n  50%{transform:translate(70px,50px) scale(1.12);}\n}\n\n@keyframes dtSolutionsBlock5Drift2{\n  0%,100%{transform:translate(0,0) scale(1);}\n  50%{transform:translate(-60px,70px) scale(1.06);}\n}\n\n@keyframes dtSolutionsBlock5Drift3{\n  0%,100%{transform:translate(0,0) scale(1);}\n  50%{transform:translate(50px,-40px) scale(1.14);}\n}\n\n#dt-solutions-block5 .dt-solutions-block5-vignette{\n  position:absolute;\n  inset:0;\n  background:radial-gradient(ellipse 90% 70% at 50% 20%,transparent 40%,var(--navy-deep) 92%);\n}\n\n#dt-solutions-block5 .dt-solutions-block5-scanline{\n  position:absolute;\n  left:0;\n  right:0;\n  height:140px;\n  top:-140px;\n  background:linear-gradient(180deg,transparent,rgba(127,212,255,.05),transparent);\n  animation:dtSolutionsBlock5Scan 9s linear infinite;\n  pointer-events:none;\n}\n\n@keyframes dtSolutionsBlock5Scan{\n  0%{top:-140px;}\n  100%{top:110%;}\n}\n\n#dt-solutions-block5 .dt-solutions-block5-container{\n  position:relative;\n  z-index:1;\n  max-width:1240px;\n  margin:0 auto;\n  padding:0 24px;\n}\n\n#dt-solutions-block5 .dt-solutions-block5-console{\n  display:flex;\n  align-items:center;\n  gap:10px;\n  max-width:100%;\n  width:fit-content;\n  margin:0 auto 28px;\n  padding:10px 18px;\n  border:1px solid rgba(127,212,255,.22);\n  border-radius:10px;\n  background:linear-gradient(180deg,rgba(16,26,51,.85),rgba(11,18,36,.85));\n  backdrop-filter:blur(6px);\n  font-family:'JetBrains Mono',monospace;\n  font-size:12.5px;\n  color:var(--electric-2);\n  white-space:nowrap;\n  overflow:hidden;\n  text-overflow:ellipsis;\n  box-shadow:0 0 0 1px rgba(127,212,255,.05) inset,0 12px 30px -18px rgba(46,168,255,.5);\n}\n\n#dt-solutions-block5 .dt-solutions-block5-console-dot{\n  width:7px;\n  height:7px;\n  border-radius:50%;\n  background:var(--orange-2);\n  flex:none;\n  box-shadow:0 0 8px 2px var(--orange-2);\n  animation:dtSolutionsBlock5Pulse 1.6s ease-in-out infinite;\n}\n\n#dt-solutions-block5 .dt-solutions-block5-console-label{\n  color:var(--ink-dim);\n  letter-spacing:.14em;\n  font-weight:500;\n  flex:none;\n}\n\n#dt-solutions-block5 .dt-solutions-block5-console-sep{\n  color:var(--ink-dimmer);\n  flex:none;\n}\n\n#dt-solutions-block5 .dt-solutions-block5-console-text{\n  color:var(--electric-2);\n  overflow:hidden;\n  text-overflow:ellipsis;\n}\n\n#dt-solutions-block5 .dt-solutions-block5-console-cursor{\n  color:var(--orange-2);\n  animation:dtSolutionsBlock5Blink 1s step-end infinite;\n  flex:none;\n}\n\n@keyframes dtSolutionsBlock5Blink{\n  0%,49%{opacity:1;}\n  50%,100%{opacity:0;}\n}\n\n#dt-solutions-block5 .dt-solutions-block5-eyebrow{\n  display:inline-flex;\n  align-items:center;\n  gap:8px;\n  font-family:'Space Grotesk',sans-serif;\n  font-size:12.5px;\n  letter-spacing:.16em;\n  text-transform:uppercase;\n  color:var(--electric-2);\n  font-weight:600;\n  padding:7px 16px;\n  border-radius:999px;\n  border:1px solid rgba(46,168,255,.35);\n  background:rgba(46,168,255,.07);\n}\n\n#dt-solutions-block5 .dt-solutions-block5-eyebrow i{\n  width:6px;\n  height:6px;\n  border-radius:50%;\n  background:var(--electric-2);\n  box-shadow:0 0 8px 2px var(--electric-2);\n  animation:dtSolutionsBlock5Pulse 1.8s ease-in-out infinite;\n}\n\n@keyframes dtSolutionsBlock5Pulse{\n  0%,100%{opacity:1;transform:scale(1);}\n  50%{opacity:.4;transform:scale(1.4);}\n}\n\n#dt-solutions-block5 .dt-solutions-block5-h2{\n  font-family:'Space Grotesk',sans-serif;\n  font-size:clamp(28px,4vw,44px);\n  line-height:1.15;\n  font-weight:700;\n  margin:20px 0 18px;\n  background:linear-gradient(100deg,#fff 10%,var(--electric-2) 35%,var(--purple-2) 60%,var(--orange-2) 85%,#fff 100%);\n  background-size:220% auto;\n  -webkit-background-clip:text;\n  background-clip:text;\n  color:transparent;\n  animation:dtSolutionsBlock5Shimmer 8s linear infinite;\n}\n\n@keyframes dtSolutionsBlock5Shimmer{\n  0%{background-position:0% 0;}\n  100%{background-position:220% 0;}\n}\n\n#dt-solutions-block5 .dt-solutions-block5-sub{\n  color:var(--ink-dim);\n  font-size:16.5px;\n  line-height:1.7;\n  max-width:640px;\n  margin:0 auto;\n}\n\n#dt-solutions-block5 .dt-solutions-block5-spine{\n  position:relative;\n  width:2px;\n  margin:44px auto;\n  height:44px;\n  background:linear-gradient(var(--spine-color),transparent);\n  opacity:.5;\n}\n\n#dt-solutions-block5 .dt-solutions-block5-spine-pulse{\n  position:absolute;\n  left:50%;\n  top:-6px;\n  width:8px;\n  height:8px;\n  margin-left:-4px;\n  border-radius:50%;\n  background:var(--spine-color);\n  box-shadow:0 0 14px 4px var(--spine-color);\n  animation:dtSolutionsBlock5Flow 3.6s linear infinite;\n}\n\n@keyframes dtSolutionsBlock5Flow{\n  0%{top:-6px;opacity:0;}\n  10%{opacity:1;}\n  90%{opacity:1;}\n  100%{top:100%;opacity:0;}\n}\n\n#dt-solutions-block5 .dt-solutions-block5-group{\n  margin-top:8px;\n}\n\n#dt-solutions-block5 .dt-solutions-block5-group-label{\n  display:flex;\n  align-items:center;\n  gap:14px;\n  margin-bottom:26px;\n}\n\n#dt-solutions-block5 .dt-solutions-block5-node{\n  width:10px;\n  height:10px;\n  border-radius:50%;\n  flex:none;\n  position:relative;\n}\n\n#dt-solutions-block5 .dt-solutions-block5-node::after{\n  content:\"\";\n  position:absolute;\n  inset:-6px;\n  border-radius:50%;\n  border:1px solid currentColor;\n  opacity:.4;\n  animation:dtSolutionsBlock5Ring 2.4s ease-out infinite;\n}\n\n@keyframes dtSolutionsBlock5Ring{\n  0%{transform:scale(.6);opacity:.7;}\n  100%{transform:scale(1.8);opacity:0;}\n}\n\n#dt-solutions-block5 .dt-solutions-block5-group-index{\n  font-family:'JetBrains Mono',monospace;\n  font-size:12.5px;\n  font-weight:500;\n  letter-spacing:.08em;\n  color:var(--ink-dimmer);\n  flex:none;\n}\n\n#dt-solutions-block5 .dt-solutions-block5-group-name{\n  font-family:'Space Grotesk',sans-serif;\n  font-size:20px;\n  font-weight:600;\n  color:var(--ink);\n  flex:none;\n}\n\n#dt-solutions-block5 .dt-solutions-block5-group-rule{\n  flex:1 1 auto;\n  height:1px;\n  background:linear-gradient(90deg,var(--line),transparent);\n}\n\n#dt-solutions-block5 .dt-solutions-block5-group-talent .dt-solutions-block5-node{\n  color:var(--electric-2);\n  background:var(--electric-2);\n  box-shadow:0 0 10px 2px rgba(46,168,255,.6);\n}\n\n#dt-solutions-block5 .dt-solutions-block5-group-delivery .dt-solutions-block5-node{\n  color:var(--purple-2);\n  background:var(--purple-2);\n  box-shadow:0 0 10px 2px rgba(139,92,246,.6);\n}\n\n#dt-solutions-block5 .dt-solutions-block5-group-consulting .dt-solutions-block5-node{\n  color:var(--orange-2);\n  background:var(--orange-2);\n  box-shadow:0 0 10px 2px rgba(255,138,61,.6);\n}\n\n#dt-solutions-block5 .dt-solutions-block5-grid{\n  display:grid;\n  grid-template-columns:repeat(4,1fr);\n  gap:20px;\n}\n\n#dt-solutions-block5 .dt-solutions-block5-grid-two{\n  grid-template-columns:repeat(2,1fr);\n}\n\n#dt-solutions-block5 .dt-solutions-block5-card{\n  position:relative;\n  background:linear-gradient(180deg,rgba(16,26,51,.75),rgba(11,18,36,.85));\n  backdrop-filter:blur(10px) saturate(140%);\n  border:1px solid var(--line);\n  border-radius:var(--radius);\n  padding:26px 22px 22px;\n  cursor:pointer;\n  outline:none;\n  transition:transform .45s var(--ease),border-color .4s ease,box-shadow .5s ease;\n  display:flex;\n  flex-direction:column;\n  min-height:210px;\n}\n\n#dt-solutions-block5 .dt-solutions-block5-card::before{\n  content:\"\";\n  position:absolute;\n  inset:-1px;\n  border-radius:inherit;\n  padding:1px;\n  background:conic-gradient(from 0deg,var(--electric),var(--purple),var(--orange),var(--electric));\n  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);\n  -webkit-mask-composite:xor;\n  mask-composite:exclude;\n  opacity:.28;\n  transition:opacity .45s ease;\n  pointer-events:none;\n  animation:dtSolutionsBlock5Spin 8s linear infinite;\n}\n\n@keyframes dtSolutionsBlock5Spin{\n  to{transform:rotate(360deg);}\n}\n\n#dt-solutions-block5 .dt-solutions-block5-card:hover::before,\n#dt-solutions-block5 .dt-solutions-block5-card.is-open::before,\n#dt-solutions-block5 .dt-solutions-block5-card:focus-visible::before{\n  opacity:.95;\n}\n\n#dt-solutions-block5 .dt-solutions-block5-card.dt-solutions-block5-hovering,\n#dt-solutions-block5 .dt-solutions-block5-card.is-open,\n#dt-solutions-block5 .dt-solutions-block5-card:focus-visible{\n  box-shadow:0 26px 54px -22px rgba(0,0,0,.65),0 0 44px -16px var(--glow,rgba(46,168,255,.55));\n  border-color:rgba(255,255,255,.22);\n}\n\n#dt-solutions-block5 .dt-solutions-block5-group-talent .dt-solutions-block5-card{\n  --glow:rgba(46,168,255,.55);\n}\n\n#dt-solutions-block5 .dt-solutions-block5-group-delivery .dt-solutions-block5-card{\n  --glow:rgba(139,92,246,.55);\n}\n\n#dt-solutions-block5 .dt-solutions-block5-group-consulting .dt-solutions-block5-card{\n  --glow:rgba(255,138,61,.55);\n}\n\n#dt-solutions-block5 .dt-solutions-block5-spot{\n  position:absolute;\n  inset:0;\n  border-radius:inherit;\n  pointer-events:none;\n  opacity:0;\n  transition:opacity .35s ease;\n  background:radial-gradient(280px circle at var(--mx,50%) var(--my,50%),rgba(255,255,255,.10),transparent 62%);\n}\n\n#dt-solutions-block5 .dt-solutions-block5-card.dt-solutions-block5-hovering .dt-solutions-block5-spot{\n  opacity:1;\n}\n\n#dt-solutions-block5 .dt-solutions-block5-icon{\n  width:40px;\n  height:40px;\n  border-radius:11px;\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  background:rgba(255,255,255,.04);\n  border:1px solid var(--line);\n  margin-bottom:16px;\n  flex:none;\n}\n\n#dt-solutions-block5 .dt-solutions-block5-group-talent .dt-solutions-block5-icon{\n  color:var(--electric-2);\n}\n\n#dt-solutions-block5 .dt-solutions-block5-group-delivery .dt-solutions-block5-icon{\n  color:var(--purple-2);\n}\n\n#dt-solutions-block5 .dt-solutions-block5-group-consulting .dt-solutions-block5-icon{\n  color:var(--orange-2);\n}\n\n#dt-solutions-block5 .dt-solutions-block5-icon svg{\n  width:20px;\n  height:20px;\n}\n\n#dt-solutions-block5 .dt-solutions-block5-icon svg *{\n  stroke-dasharray:100;\n  stroke-dashoffset:0;\n  transition:stroke-dashoffset 1.2s var(--ease) .15s;\n}\n\n#dt-solutions-block5 .dt-solutions-block5-card.dt-solutions-block5-pre .dt-solutions-block5-icon svg *{\n  stroke-dashoffset:100;\n}\n\n#dt-solutions-block5 .dt-solutions-block5-card h3{\n  font-family:'Space Grotesk',sans-serif;\n  font-size:17px;\n  font-weight:600;\n  margin:0 0 8px;\n  line-height:1.35;\n  color:var(--ink);\n}\n\n#dt-solutions-block5 .dt-solutions-block5-desc{\n  font-size:14px;\n  line-height:1.6;\n  color:var(--ink-dim);\n  margin:0;\n}\n\n#dt-solutions-block5 .dt-solutions-block5-support{\n  max-height:0;\n  opacity:0;\n  overflow:hidden;\n  transition:max-height .55s var(--ease),opacity .4s ease .05s,margin .5s var(--ease);\n  margin-top:0;\n}\n\n#dt-solutions-block5 .dt-solutions-block5-support p{\n  font-size:12.5px;\n  line-height:1.65;\n  color:var(--ink-dimmer);\n  padding-top:14px;\n  margin:0;\n  border-top:1px dashed var(--line);\n}\n\n#dt-solutions-block5 .dt-solutions-block5-support strong{\n  color:var(--ink-dim);\n  font-weight:600;\n}\n\n@media (hover:hover){\n  #dt-solutions-block5 .dt-solutions-block5-card:hover .dt-solutions-block5-support{\n    max-height:140px;\n    opacity:1;\n    margin-top:14px;\n  }\n}\n\n#dt-solutions-block5 .dt-solutions-block5-card.is-open .dt-solutions-block5-support{\n  max-height:140px;\n  opacity:1;\n  margin-top:14px;\n}\n\n#dt-solutions-block5 .dt-solutions-block5-cta{\n  margin-top:auto;\n  padding-top:18px;\n  font-size:13.5px;\n  font-weight:600;\n  color:var(--ink);\n  display:inline-flex;\n  align-items:center;\n  gap:6px;\n  position:relative;\n  z-index:2;\n}\n\n#dt-solutions-block5 .dt-solutions-block5-group-talent .dt-solutions-block5-cta{\n  color:var(--electric-2);\n}\n\n#dt-solutions-block5 .dt-solutions-block5-group-delivery .dt-solutions-block5-cta{\n  color:var(--purple-2);\n}\n\n#dt-solutions-block5 .dt-solutions-block5-group-consulting .dt-solutions-block5-cta{\n  color:var(--orange-2);\n}\n\n#dt-solutions-block5 .dt-solutions-block5-cta span{\n  display:inline-block;\n  transition:transform .3s var(--ease);\n}\n\n#dt-solutions-block5 .dt-solutions-block5-card:hover .dt-solutions-block5-cta span,\n#dt-solutions-block5 .dt-solutions-block5-card.is-open .dt-solutions-block5-cta span{\n  animation:dtSolutionsBlock5Arrow 1.1s ease-in-out infinite;\n}\n\n@keyframes dtSolutionsBlock5Arrow{\n  0%,100%{transform:translateX(0);}\n  50%{transform:translateX(5px);}\n}\n\n#dt-solutions-block5 [data-dt-solutions-block5-reveal],\n#dt-solutions-block5 .dt-solutions-block5-card{\n  opacity:1;\n  transform:none;\n  filter:none;\n  transition:opacity .9s var(--ease),transform .9s var(--ease),filter .9s var(--ease);\n}\n\n#dt-solutions-block5 [data-dt-solutions-block5-reveal].dt-solutions-block5-pre{\n  opacity:0;\n  transform:translateY(26px);\n  filter:blur(6px);\n}\n\n#dt-solutions-block5 .dt-solutions-block5-card.dt-solutions-block5-pre{\n  opacity:0;\n  transform:translateY(18px) scale(.98);\n  filter:none;\n}\n\n#dt-solutions-block5 [data-dt-solutions-block5-reveal].dt-solutions-block5-in,\n#dt-solutions-block5 .dt-solutions-block5-card.dt-solutions-block5-in{\n  opacity:1;\n  transform:none;\n  filter:none;\n}\n\n@media(max-width:1080px){\n  #dt-solutions-block5 .dt-solutions-block5-grid{\n    grid-template-columns:repeat(2,1fr);\n  }\n}\n\n@media(max-width:560px){\n  #dt-solutions-block5 .dt-solutions-block5-grid,\n  #dt-solutions-block5 .dt-solutions-block5-grid-two{\n    grid-template-columns:1fr;\n  }\n\n  #dt-solutions-block5 .dt-solutions-block5-group-name{\n    font-size:18px;\n  }\n\n  #dt-solutions-block5 .dt-solutions-block5-aurora{\n    filter:blur(60px);\n  }\n\n  #dt-solutions-block5 .dt-solutions-block5-console{\n    font-size:11px;\n    padding:8px 12px;\n  }\n\n  #dt-solutions-block5 .dt-solutions-block5-console-label,\n  #dt-solutions-block5 .dt-solutions-block5-console-sep{\n    display:none;\n  }\n}\n\n@media(prefers-reduced-motion:reduce){\n  #dt-solutions-block5 .dt-solutions-block5-aurora,\n  #dt-solutions-block5 .dt-solutions-block5-spine-pulse,\n  #dt-solutions-block5 .dt-solutions-block5-eyebrow i,\n  #dt-solutions-block5 .dt-solutions-block5-console-dot,\n  #dt-solutions-block5 .dt-solutions-block5-console-cursor,\n  #dt-solutions-block5 .dt-solutions-block5-h2,\n  #dt-solutions-block5 .dt-solutions-block5-card::before,\n  #dt-solutions-block5 .dt-solutions-block5-node::after,\n  #dt-solutions-block5 .dt-solutions-block5-scanline,\n  #dt-solutions-block5 .dt-solutions-block5-cta span{\n    animation:none!important;\n  }\n\n  #dt-solutions-block5 [data-dt-solutions-block5-reveal],\n  #dt-solutions-block5 [data-dt-solutions-block5-reveal].dt-solutions-block5-pre,\n  #dt-solutions-block5 .dt-solutions-block5-card,\n  #dt-solutions-block5 .dt-solutions-block5-card.dt-solutions-block5-pre{\n    opacity:1!important;\n    transform:none!important;\n    filter:none!important;\n    transition:none!important;\n  }\n\n  #dt-solutions-block5 .dt-solutions-block5-icon svg *{\n    stroke-dashoffset:0!important;\n    transition:none!important;\n  }\n}\n<\/style>\n\n<script>\n(function(){\n  var root = document.getElementById('dt-solutions-block5');\n  if(!root || root.dataset.dtSolutionsBlock5Mounted === '1') return;\n  root.dataset.dtSolutionsBlock5Mounted = '1';\n\n  var reduceMotion = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n\n  try{\n    var lines = [\n      'scanning requirement: role, timeline, scope\u2026',\n      'matching talent model: staff aug \/ permanent \/ executive\u2026',\n      'aligning delivery structure: managed \/ project \/ SOW \/ BOT\u2026',\n      'confirming accountability & outcomes\u2026 match found.'\n    ];\n\n    var consoleEl = document.getElementById('dtSolutionsBlock5Console');\n\n    if(consoleEl){\n      if(reduceMotion){\n        consoleEl.textContent = lines[0];\n      }else{\n        (function typeLoop(){\n          var li = 0;\n\n          function typeLine(){\n            var text = lines[li];\n            var i = 0;\n            consoleEl.textContent = '';\n\n            (function type(){\n              if(i <= text.length){\n                consoleEl.textContent = text.slice(0, i);\n                i++;\n                setTimeout(type, 28);\n              }else{\n                setTimeout(erase, 1500);\n              }\n            })();\n          }\n\n          function erase(){\n            var text = consoleEl.textContent;\n\n            (function del(){\n              if(text.length > 0){\n                text = text.slice(0, -1);\n                consoleEl.textContent = text;\n                setTimeout(del, 14);\n              }else{\n                li = (li + 1) % lines.length;\n                setTimeout(typeLine, 250);\n              }\n            })();\n          }\n\n          typeLine();\n        })();\n      }\n    }\n  }catch(e){}\n\n  try{\n    var canvas = document.getElementById('dt-solutions-block5-canvas');\n\n    if(canvas && !reduceMotion){\n      var ctx = canvas.getContext('2d');\n      var dpr = Math.min(window.devicePixelRatio || 1, 2);\n      var W, H, nodes = [], pulses = [];\n      var palette = ['46,168,255','139,92,246','255,138,61'];\n      var running = true;\n\n      function resize(){\n        var rect = root.getBoundingClientRect();\n        W = rect.width + 80;\n        H = rect.height + 80;\n        canvas.width = W * dpr;\n        canvas.height = H * dpr;\n        canvas.style.width = W + 'px';\n        canvas.style.height = H + 'px';\n        ctx.setTransform(dpr,0,0,dpr,0,0);\n\n        var density = (W * H) \/ 26000;\n        var count = Math.max(18, Math.min(70, Math.round(density)));\n        nodes = [];\n\n        for(var i=0;i<count;i++){\n          nodes.push({\n            x:Math.random()*W,\n            y:Math.random()*H,\n            vx:(Math.random()-.5)*.18,\n            vy:(Math.random()-.5)*.18,\n            c:palette[Math.floor(Math.random()*palette.length)],\n            r:1.1 + Math.random()*1.3\n          });\n        }\n      }\n\n      function maybeSpawnPulse(){\n        if(Math.random() > .02 || nodes.length < 2) return;\n\n        var a = nodes[Math.floor(Math.random()*nodes.length)];\n        var best = null;\n        var bestD = 9999;\n\n        nodes.forEach(function(b){\n          if(b === a) return;\n          var d = Math.hypot(a.x-b.x,a.y-b.y);\n          if(d < 170 && d < bestD){\n            bestD = d;\n            best = b;\n          }\n        });\n\n        if(best){\n          pulses.push({\n            a:a,\n            b:best,\n            t:0,\n            c:palette[Math.floor(Math.random()*palette.length)]\n          });\n        }\n      }\n\n      function tick(){\n        if(!running){\n          requestAnimationFrame(tick);\n          return;\n        }\n\n        ctx.clearRect(0,0,W,H);\n\n        nodes.forEach(function(n){\n          n.x += n.vx;\n          n.y += n.vy;\n          if(n.x < 0 || n.x > W) n.vx *= -1;\n          if(n.y < 0 || n.y > H) n.vy *= -1;\n        });\n\n        for(var i=0;i<nodes.length;i++){\n          for(var j=i+1;j<nodes.length;j++){\n            var a = nodes[i], b = nodes[j];\n            var d = Math.hypot(a.x-b.x,a.y-b.y);\n\n            if(d < 150){\n              var op = (1 - d\/150) * .16;\n              ctx.strokeStyle = 'rgba(' + a.c + ',' + op + ')';\n              ctx.lineWidth = 1;\n              ctx.beginPath();\n              ctx.moveTo(a.x,a.y);\n              ctx.lineTo(b.x,b.y);\n              ctx.stroke();\n            }\n          }\n        }\n\n        nodes.forEach(function(n){\n          ctx.beginPath();\n          ctx.arc(n.x,n.y,n.r,0,Math.PI*2);\n          ctx.fillStyle = 'rgba(' + n.c + ',0.55)';\n          ctx.fill();\n        });\n\n        maybeSpawnPulse();\n\n        pulses = pulses.filter(function(p){\n          p.t += .014;\n          if(p.t >= 1) return false;\n\n          var x = p.a.x + (p.b.x - p.a.x) * p.t;\n          var y = p.a.y + (p.b.y - p.a.y) * p.t;\n\n          ctx.beginPath();\n          ctx.arc(x,y,2.2,0,Math.PI*2);\n          ctx.fillStyle = 'rgba(' + p.c + ',0.9)';\n          ctx.shadowBlur = 10;\n          ctx.shadowColor = 'rgba(' + p.c + ',0.9)';\n          ctx.fill();\n          ctx.shadowBlur = 0;\n\n          return true;\n        });\n\n        requestAnimationFrame(tick);\n      }\n\n      resize();\n      requestAnimationFrame(tick);\n      window.addEventListener('resize', resize);\n\n      if('IntersectionObserver' in window){\n        new IntersectionObserver(function(entries){\n          entries.forEach(function(e){\n            running = e.isIntersecting;\n          });\n        }, {threshold:.01}).observe(root);\n      }\n\n      var px = 0, py = 0, tx = 0, ty = 0;\n\n      root.addEventListener('pointermove', function(e){\n        var rect = root.getBoundingClientRect();\n        tx = ((e.clientX - rect.left) \/ rect.width - .5) * 16;\n        ty = ((e.clientY - rect.top) \/ rect.height - .5) * 16;\n      });\n\n      (function lerpLoop(){\n        px += (tx - px) * .04;\n        py += (ty - py) * .04;\n        canvas.style.transform = 'translate3d(' + px + 'px,' + py + 'px,0)';\n        requestAnimationFrame(lerpLoop);\n      })();\n    }\n  }catch(e){}\n\n  try{\n    if('IntersectionObserver' in window && !reduceMotion){\n      var revealEls = root.querySelectorAll('[data-dt-solutions-block5-reveal], .dt-solutions-block5-card');\n\n      revealEls.forEach(function(el){\n        el.classList.add('dt-solutions-block5-pre');\n      });\n\n      var io = new IntersectionObserver(function(entries){\n        entries.forEach(function(entry){\n          if(entry.isIntersecting){\n            var el = entry.target;\n            var delay = el.classList.contains('dt-solutions-block5-card')\n              ? Array.prototype.indexOf.call(el.parentNode.children, el) * 80\n              : 0;\n\n            setTimeout(function(){\n              el.classList.remove('dt-solutions-block5-pre');\n              el.classList.add('dt-solutions-block5-in');\n            }, delay);\n\n            io.unobserve(el);\n          }\n        });\n      }, {threshold:.15, rootMargin:'0px 0px -40px 0px'});\n\n      revealEls.forEach(function(el){\n        io.observe(el);\n      });\n\n      setTimeout(function(){\n        root.querySelectorAll('.dt-solutions-block5-pre').forEach(function(el){\n          el.classList.remove('dt-solutions-block5-pre');\n          el.classList.add('dt-solutions-block5-in');\n        });\n      }, 4000);\n    }\n  }catch(e){}\n\n  try{\n    var canHover = window.matchMedia('(hover:hover) and (pointer:fine)').matches;\n    var cards = root.querySelectorAll('.dt-solutions-block5-card');\n\n    cards.forEach(function(card){\n      var href = card.getAttribute('data-href');\n\n      if(canHover && !reduceMotion){\n        card.addEventListener('pointerenter', function(){\n          card.classList.add('dt-solutions-block5-hovering');\n        });\n\n        card.addEventListener('pointermove', function(e){\n          var rect = card.getBoundingClientRect();\n          var x = (e.clientX - rect.left) \/ rect.width;\n          var y = (e.clientY - rect.top) \/ rect.height;\n          card.style.setProperty('--mx', (x*100) + '%');\n          card.style.setProperty('--my', (y*100) + '%');\n        });\n\n        card.addEventListener('pointerleave', function(){\n          card.classList.remove('dt-solutions-block5-hovering');\n        });\n      }\n\n      function toggle(){\n        var isOpen = card.classList.contains('is-open');\n\n        cards.forEach(function(c){\n          if(c !== card){\n            c.classList.remove('is-open');\n            c.setAttribute('aria-expanded','false');\n          }\n        });\n\n        card.classList.toggle('is-open', !isOpen);\n        card.setAttribute('aria-expanded', String(!isOpen));\n      }\n\n      card.addEventListener('click', function(e){\n        if(e.target.closest('.dt-solutions-block5-cta')) return;\n\n        var isTouch = !canHover;\n\n        if(isTouch && !card.classList.contains('is-open')){\n          toggle();\n        }else if(href){\n          window.location.href = href;\n        }\n      });\n\n      card.addEventListener('keydown', function(e){\n        if(e.key === 'Enter' || e.key === ' '){\n          e.preventDefault();\n          if(href) window.location.href = href;\n        }\n      });\n    });\n  }catch(e){}\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3d0304e e-con-full e-flex e-con e-parent\" data-id=\"3d0304e\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-94e63cf elementor-widget elementor-widget-html\" data-id=\"94e63cf\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\n  DT SOLUTIONS \u2014 CINEMATIC CASE STUDY COMMAND CENTER\n  WordPress \/ Elementor Safe\n  Complete Replaceable Code\n  No header\/footer required\n============================================================= -->\n\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800;900&family=Space+Grotesk:wght@500;600;700;800&display=swap\" rel=\"stylesheet\">\n\n<section id=\"dt-case-command\" class=\"dtcx\">\n  <div class=\"dtcx-bg\" aria-hidden=\"true\">\n    <div class=\"dtcx-grid\"><\/div>\n    <div class=\"dtcx-aurora dtcx-a1\"><\/div>\n    <div class=\"dtcx-aurora dtcx-a2\"><\/div>\n    <div class=\"dtcx-aurora dtcx-a3\"><\/div>\n    <div class=\"dtcx-beam\"><\/div>\n  <\/div>\n\n  <div class=\"dtcx-shell\">\n\n    <div class=\"dtcx-head\">\n      <div class=\"dtcx-head-left\">\n        <p class=\"dtcx-eyebrow\"><span><\/span> Engagement Examples<\/p>\n        <h2>Case Studies Built for Accountability, Coverage, and Delivery Confidence<\/h2>\n      <\/div>\n\n      <div class=\"dtcx-head-card\">\n        <span>Featured Case Intelligence<\/span>\n        <p>\n          Explore practical engagement examples across public sector staffing, structured SOW delivery,\n          managed workforce coverage, consulting, regulated environments, enterprise hiring, and multi-role talent programs.\n        <\/p>\n      <\/div>\n    <\/div>\n\n    <div class=\"dtcx-command\">\n\n      <!-- LEFT SELECTOR RAIL -->\n      <aside class=\"dtcx-rail\" aria-label=\"Featured case studies\">\n        <button class=\"dtcx-rail-item is-active\" type=\"button\" data-case=\"case1\">\n          <span class=\"dtcx-num\">01<\/span>\n          <span>\n            <strong>Public Sector Resource Coverage<\/strong>\n            <em>Procurement-ready workforce support<\/em>\n          <\/span>\n        <\/button>\n\n        <button class=\"dtcx-rail-item\" type=\"button\" data-case=\"case3\">\n          <span class=\"dtcx-num\">02<\/span>\n          <span>\n            <strong>Structured SOW Engagement<\/strong>\n            <em>Scope-led delivery coordination<\/em>\n          <\/span>\n        <\/button>\n\n        <button class=\"dtcx-rail-item\" type=\"button\" data-case=\"case4\">\n          <span class=\"dtcx-num\">03<\/span>\n          <span>\n            <strong>Ongoing Coverage Model<\/strong>\n            <em>Managed workforce continuity<\/em>\n          <\/span>\n        <\/button>\n\n        <button class=\"dtcx-rail-item\" type=\"button\" data-case=\"case7\">\n          <span class=\"dtcx-num\">04<\/span>\n          <span>\n            <strong>Workforce Advisory Support<\/strong>\n            <em>Decision clarity before execution<\/em>\n          <\/span>\n        <\/button>\n      <\/aside>\n\n      <!-- CENTER DOSSIER -->\n      <article class=\"dtcx-dossier\">\n        <div class=\"dtcx-dossier-top\">\n          <span id=\"dtcxPill\">Public Sector Workforce<\/span>\n          <button type=\"button\" id=\"dtcxOpenMain\" data-open=\"case1\">Open Full Example <b>\u2192<\/b><\/button>\n        <\/div>\n\n        <div class=\"dtcx-map\" aria-hidden=\"true\">\n          <svg viewBox=\"0 0 640 320\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n            <defs>\n              <linearGradient id=\"dtcxLineGrad\" x1=\"84\" y1=\"74\" x2=\"560\" y2=\"252\">\n                <stop offset=\"0%\" stop-color=\"#00d4ff\"\/>\n                <stop offset=\"52%\" stop-color=\"#8b5cf6\"\/>\n                <stop offset=\"100%\" stop-color=\"#ff8a3d\"\/>\n              <\/linearGradient>\n              <filter id=\"dtcxGlow\" x=\"-40%\" y=\"-40%\" width=\"180%\" height=\"180%\">\n                <feGaussianBlur stdDeviation=\"4\" result=\"blur\"\/>\n                <feColorMatrix in=\"blur\" type=\"matrix\"\n                  values=\"0 0 0 0 0\n                          0 0 0 0 .78\n                          0 0 0 0 1\n                          0 0 0 .56 0\"\/>\n                <feBlend in=\"SourceGraphic\"\/>\n              <\/filter>\n            <\/defs>\n\n            <path class=\"dtcx-path dtcx-path-a\" d=\"M84 176C140 88 246 80 321 142C400 207 487 206 556 124\" stroke=\"url(#dtcxLineGrad)\" stroke-width=\"4\" stroke-linecap=\"round\"\/>\n            <path class=\"dtcx-path dtcx-path-b\" d=\"M92 230C190 165 268 218 348 188C432 156 472 252 548 210\" stroke=\"rgba(127,212,255,.34)\" stroke-width=\"2.5\" stroke-linecap=\"round\"\/>\n            <path class=\"dtcx-path dtcx-path-c\" d=\"M118 106C204 126 242 54 322 82C410 112 438 72 526 88\" stroke=\"rgba(255,178,122,.28)\" stroke-width=\"2.5\" stroke-linecap=\"round\"\/>\n\n            <g filter=\"url(#dtcxGlow)\">\n              <rect x=\"244\" y=\"92\" width=\"152\" height=\"136\" rx=\"28\" fill=\"rgba(7,14,34,.88)\" stroke=\"url(#dtcxLineGrad)\" stroke-width=\"3\"\/>\n              <path d=\"M286 132h68M286 160h52M286 188h70\" stroke=\"#ffffff\" stroke-opacity=\".82\" stroke-width=\"7\" stroke-linecap=\"round\"\/>\n              <path d=\"M282 246h74\" stroke=\"#7fd4ff\" stroke-width=\"7\" stroke-linecap=\"round\"\/>\n              <path d=\"M298 246l18 18l40-50\" stroke=\"#ffb27a\" stroke-width=\"8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n            <\/g>\n\n            <circle class=\"dtcx-node dtcx-n1\" cx=\"84\" cy=\"176\" r=\"10\" fill=\"rgba(0,212,255,.18)\" stroke=\"#7fd4ff\" stroke-width=\"4\"\/>\n            <circle class=\"dtcx-node dtcx-n2\" cx=\"556\" cy=\"124\" r=\"10\" fill=\"rgba(255,138,61,.20)\" stroke=\"#ffb27a\" stroke-width=\"4\"\/>\n            <circle class=\"dtcx-node dtcx-n3\" cx=\"92\" cy=\"230\" r=\"8\" fill=\"rgba(139,92,246,.18)\" stroke=\"#c084fc\" stroke-width=\"3\"\/>\n            <circle class=\"dtcx-node dtcx-n4\" cx=\"548\" cy=\"210\" r=\"8\" fill=\"rgba(0,212,255,.16)\" stroke=\"#7fd4ff\" stroke-width=\"3\"\/>\n            <circle class=\"dtcx-node dtcx-n5\" cx=\"526\" cy=\"88\" r=\"8\" fill=\"rgba(255,138,61,.16)\" stroke=\"#ffb27a\" stroke-width=\"3\"\/>\n          <\/svg>\n        <\/div>\n\n        <div class=\"dtcx-dossier-copy\">\n          <p class=\"dtcx-kicker\" id=\"dtcxKicker\">Featured Engagement<\/p>\n          <h3 id=\"dtcxTitle\">Public Sector Resource Coverage<\/h3>\n          <p id=\"dtcxSummary\">\n            A public sector organization needed external talent while managing active business and technology priorities within formal procurement, vendor, and documentation expectations.\n          <\/p>\n        <\/div>\n      <\/article>\n\n      <!-- RIGHT EVIDENCE STACK -->\n      <aside class=\"dtcx-evidence\">\n        <div class=\"dtcx-evidence-card\">\n          <span>Problem<\/span>\n          <p id=\"dtcxProblem\">External talent was required inside a formal public-sector review environment.<\/p>\n        <\/div>\n\n        <div class=\"dtcx-evidence-card\">\n          <span>DT Solutions Role<\/span>\n          <p id=\"dtcxRole\">Role clarification, candidate screening, documentation readiness, and submission preparation.<\/p>\n        <\/div>\n\n        <div class=\"dtcx-evidence-card\">\n          <span>Value<\/span>\n          <p id=\"dtcxValue\">A more controlled review process with better-fit resources and less internal screening effort.<\/p>\n        <\/div>\n      <\/aside>\n\n    <\/div>\n\n    <!-- LIBRARY -->\n    <div class=\"dtcx-library\">\n      <div class=\"dtcx-library-head\">\n        <div>\n          <p>Full Engagement Library<\/p>\n          <span>8 practical examples across workforce, SOW, managed coverage, regulated environments, enterprise hiring, advisory, and talent programs.<\/span>\n        <\/div>\n      <\/div>\n\n      <div class=\"dtcx-strip\">\n        <button type=\"button\" data-open=\"case1\">01 Public Sector Capacity<\/button>\n        <button type=\"button\" data-open=\"case2\">02 Specialized Roles<\/button>\n        <button type=\"button\" data-open=\"case3\">03 SOW Delivery<\/button>\n        <button type=\"button\" data-open=\"case4\">04 Managed Coverage<\/button>\n        <button type=\"button\" data-open=\"case5\">05 Regulated Workforce<\/button>\n        <button type=\"button\" data-open=\"case6\">06 Enterprise Hiring<\/button>\n        <button type=\"button\" data-open=\"case7\">07 Advisory Support<\/button>\n        <button type=\"button\" data-open=\"case8\">08 Multi-Role Hiring<\/button>\n      <\/div>\n    <\/div>\n\n  <\/div>\n\n  <!-- MODAL -->\n  <div class=\"dtcx-modal\" id=\"dtcxModal\" aria-hidden=\"true\">\n    <div class=\"dtcx-modal-backdrop\" data-close><\/div>\n\n    <div class=\"dtcx-panel\" role=\"dialog\" aria-modal=\"true\" aria-label=\"Case study detail\">\n      <button type=\"button\" class=\"dtcx-close\" data-close>\u00d7<\/button>\n\n      <div class=\"dtcx-panel-hero\">\n        <span id=\"dtcxModalTag\">Public Sector Workforce Solutions<\/span>\n        <h3 id=\"dtcxModalTitle\">Helping a Public Sector Team Strengthen Resource Coverage During Active Program Demand<\/h3>\n      <\/div>\n\n      <div class=\"dtcx-panel-body\">\n        <div class=\"dtcx-detail\">\n          <h4>Client Context<\/h4>\n          <p id=\"dtcxContext\"><\/p>\n        <\/div>\n\n        <div class=\"dtcx-detail\">\n          <h4>Challenge<\/h4>\n          <p id=\"dtcxChallenge\"><\/p>\n        <\/div>\n\n        <div class=\"dtcx-detail\">\n          <h4>DT Solutions Approach<\/h4>\n          <p id=\"dtcxApproach\"><\/p>\n        <\/div>\n\n        <div class=\"dtcx-detail\">\n          <h4>What Changed<\/h4>\n          <p id=\"dtcxChanged\"><\/p>\n        <\/div>\n\n        <div class=\"dtcx-panel-footer\">\n          <div>\n            <small>Engagement Type<\/small>\n            <strong id=\"dtcxType\"><\/strong>\n          <\/div>\n          <a id=\"dtcxCta\" href=\"#contact\">Explore Solution <span>\u2192<\/span><\/a>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<style>\n#dt-case-command,\n#dt-case-command *{\n  box-sizing:border-box;\n}\n\n#dt-case-command{\n  --bg:#050914;\n  --text:#f4f8ff;\n  --muted:#c6d6f2;\n  --soft:#8fa2c6;\n  --blue:#00d4ff;\n  --blue2:#7fd4ff;\n  --purple:#8b5cf6;\n  --purple2:#c084fc;\n  --orange:#ff8a3d;\n  --orange2:#ffb27a;\n  --line:rgba(127,212,255,.18);\n  --ease:cubic-bezier(.22,1,.36,1);\n\n  position:relative;\n  width:100%;\n  isolation:isolate;\n  overflow:hidden;\n  padding:112px 0;\n  color:var(--text);\n  background:\n    radial-gradient(circle at 12% 12%,rgba(0,212,255,.12),transparent 32%),\n    radial-gradient(circle at 88% 10%,rgba(139,92,246,.18),transparent 38%),\n    radial-gradient(circle at 50% 100%,rgba(255,138,61,.10),transparent 38%),\n    var(--bg);\n  font-family:'Inter',-apple-system,BlinkMacSystemFont,\"Segoe UI\",sans-serif;\n}\n\n#dt-case-command a{\n  color:inherit;\n  text-decoration:none;\n}\n\n#dt-case-command button{\n  font-family:inherit;\n}\n\n.dtcx-bg{\n  position:absolute;\n  inset:0;\n  z-index:0;\n  overflow:hidden;\n  pointer-events:none;\n}\n\n.dtcx-grid{\n  position:absolute;\n  inset:0;\n  background:\n    linear-gradient(rgba(127,212,255,.045) 1px,transparent 1px),\n    linear-gradient(90deg,rgba(127,212,255,.045) 1px,transparent 1px);\n  background-size:56px 56px;\n  opacity:.72;\n  mask-image:radial-gradient(circle at 50% 34%,black,transparent 74%);\n}\n\n.dtcx-aurora{\n  position:absolute;\n  border-radius:999px;\n  filter:blur(88px);\n  opacity:.50;\n  mix-blend-mode:screen;\n}\n\n.dtcx-a1{\n  width:560px;\n  height:560px;\n  left:-190px;\n  top:-160px;\n  background:radial-gradient(circle,rgba(0,212,255,.66),transparent 70%);\n  animation:dtcxDriftA 22s ease-in-out infinite;\n}\n\n.dtcx-a2{\n  width:720px;\n  height:720px;\n  right:-310px;\n  top:0;\n  background:radial-gradient(circle,rgba(139,92,246,.72),transparent 70%);\n  animation:dtcxDriftB 28s ease-in-out infinite;\n}\n\n.dtcx-a3{\n  width:520px;\n  height:520px;\n  left:40%;\n  bottom:-250px;\n  background:radial-gradient(circle,rgba(255,138,61,.36),transparent 72%);\n  animation:dtcxDriftC 30s ease-in-out infinite;\n}\n\n.dtcx-beam{\n  position:absolute;\n  left:-20%;\n  top:24%;\n  width:140%;\n  height:1px;\n  background:linear-gradient(90deg,transparent,rgba(127,212,255,.32),rgba(255,178,122,.18),transparent);\n  box-shadow:0 0 34px rgba(0,212,255,.18);\n  transform:rotate(-8deg);\n  opacity:.72;\n}\n\n@keyframes dtcxDriftA{\n  0%,100%{transform:translate3d(0,0,0);}\n  50%{transform:translate3d(70px,36px,0);}\n}\n\n@keyframes dtcxDriftB{\n  0%,100%{transform:translate3d(0,0,0);}\n  50%{transform:translate3d(-80px,30px,0);}\n}\n\n@keyframes dtcxDriftC{\n  0%,100%{transform:translate3d(0,0,0);}\n  50%{transform:translate3d(34px,-70px,0);}\n}\n\n.dtcx-shell{\n  position:relative;\n  z-index:1;\n  max-width:1320px;\n  margin:0 auto;\n  padding:0 28px;\n}\n\n.dtcx-head{\n  display:grid;\n  grid-template-columns:1.15fr .62fr;\n  gap:54px;\n  align-items:end;\n  margin-bottom:54px;\n}\n\n.dtcx-eyebrow{\n  display:inline-flex;\n  align-items:center;\n  gap:10px;\n  margin:0 0 18px;\n  color:#8feaff;\n  font-size:12px;\n  letter-spacing:.18em;\n  text-transform:uppercase;\n  font-weight:900;\n  text-shadow:0 0 18px rgba(0,212,255,.35);\n}\n\n.dtcx-eyebrow span{\n  width:9px;\n  height:9px;\n  border-radius:999px;\n  background:var(--blue);\n  box-shadow:0 0 18px rgba(0,212,255,.95);\n}\n\n.dtcx-head h2{\n  max-width:900px;\n  margin:0;\n  font-family:'Space Grotesk',sans-serif;\n  font-size:clamp(38px,5.1vw,76px);\n  line-height:.96;\n  letter-spacing:-.055em;\n  font-weight:800;\n  background:linear-gradient(105deg,#ffffff 0%,#bfeeff 32%,#cabaff 66%,#ffbd88 100%);\n  -webkit-background-clip:text;\n  background-clip:text;\n  color:transparent;\n}\n\n.dtcx-head-card{\n  padding:22px;\n  border-radius:24px;\n  border:1px solid rgba(127,212,255,.17);\n  background:linear-gradient(145deg,rgba(10,18,42,.70),rgba(7,10,24,.40));\n  backdrop-filter:blur(12px);\n  box-shadow:inset 0 1px 0 rgba(255,255,255,.06);\n}\n\n.dtcx-head-card span{\n  display:block;\n  color:#8feaff;\n  font-size:11px;\n  font-weight:900;\n  letter-spacing:.14em;\n  text-transform:uppercase;\n  margin-bottom:10px;\n}\n\n.dtcx-head-card p{\n  margin:0;\n  color:#c8d8f5;\n  font-size:15px;\n  line-height:1.72;\n}\n\n.dtcx-command{\n  display:grid;\n  grid-template-columns:300px minmax(0,1fr) 330px;\n  gap:18px;\n  align-items:stretch;\n}\n\n\/* Rail *\/\n.dtcx-rail{\n  display:grid;\n  gap:12px;\n  align-content:start;\n}\n\n.dtcx-rail-item{\n  width:100%;\n  display:grid;\n  grid-template-columns:42px 1fr;\n  gap:12px;\n  align-items:center;\n  text-align:left;\n  padding:15px;\n  border-radius:20px;\n  border:1px solid rgba(127,212,255,.14);\n  background:linear-gradient(145deg,rgba(10,18,42,.64),rgba(5,8,20,.52));\n  color:#fff;\n  cursor:pointer;\n  position:relative;\n  overflow:hidden;\n  transition:border-color .28s ease, background .28s ease, transform .28s ease, box-shadow .28s ease;\n}\n\n.dtcx-rail-item::before{\n  content:\"\";\n  position:absolute;\n  left:0;\n  top:14px;\n  bottom:14px;\n  width:2px;\n  background:linear-gradient(180deg,#00d4ff,#8b5cf6,#ff8a3d);\n  opacity:0;\n  transition:opacity .28s ease;\n}\n\n.dtcx-rail-item:hover,\n.dtcx-rail-item.is-active{\n  transform:translateX(4px);\n  border-color:rgba(127,212,255,.42);\n  background:\n    radial-gradient(circle at 0% 0%,rgba(0,212,255,.14),transparent 40%),\n    linear-gradient(145deg,rgba(12,24,58,.86),rgba(5,8,20,.68));\n  box-shadow:0 18px 42px rgba(0,0,0,.22),0 0 34px rgba(0,212,255,.10);\n}\n\n.dtcx-rail-item.is-active::before{\n  opacity:1;\n}\n\n.dtcx-num{\n  width:42px;\n  height:42px;\n  border-radius:14px;\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  color:#8feaff;\n  border:1px solid rgba(127,212,255,.28);\n  background:rgba(0,212,255,.08);\n  font-size:12px;\n  font-weight:900;\n}\n\n.dtcx-rail-item strong{\n  display:block;\n  color:#fff;\n  font-size:13.5px;\n  line-height:1.24;\n  margin-bottom:4px;\n}\n\n.dtcx-rail-item em{\n  display:block;\n  color:#94a7ca;\n  font-size:11.5px;\n  line-height:1.35;\n  font-style:normal;\n}\n\n\/* Dossier *\/\n.dtcx-dossier{\n  position:relative;\n  min-height:560px;\n  overflow:hidden;\n  border-radius:34px;\n  border:1px solid rgba(127,212,255,.30);\n  background:\n    radial-gradient(circle at 50% 22%,rgba(0,212,255,.18),transparent 34%),\n    radial-gradient(circle at 75% 78%,rgba(255,138,61,.13),transparent 32%),\n    linear-gradient(145deg,rgba(8,18,45,.96),rgba(4,7,18,.99));\n  box-shadow:\n    0 34px 100px rgba(0,0,0,.52),\n    0 0 74px rgba(0,212,255,.11),\n    inset 0 1px 0 rgba(255,255,255,.08);\n}\n\n.dtcx-dossier::before{\n  content:\"\";\n  position:absolute;\n  inset:0;\n  background:\n    linear-gradient(120deg,transparent 0%,rgba(127,212,255,.07) 36%,rgba(255,255,255,.12) 48%,rgba(127,212,255,.07) 60%,transparent 100%);\n  transform:translateX(-130%) skewX(-16deg);\n  animation:dtcxSweep 8.5s ease-in-out infinite;\n  z-index:5;\n  pointer-events:none;\n}\n\n@keyframes dtcxSweep{\n  0%,72%{transform:translateX(-130%) skewX(-16deg);}\n  100%{transform:translateX(130%) skewX(-16deg);}\n}\n\n.dtcx-dossier::after{\n  content:\"\";\n  position:absolute;\n  inset:1px;\n  border-radius:33px;\n  background:\n    linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),\n    linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);\n  background-size:34px 34px;\n  opacity:.82;\n  z-index:1;\n  pointer-events:none;\n}\n\n.dtcx-dossier-top{\n  position:relative;\n  z-index:7;\n  display:flex;\n  justify-content:space-between;\n  gap:14px;\n  align-items:center;\n  padding:24px 26px 0;\n}\n\n.dtcx-dossier-top span{\n  display:inline-flex;\n  padding:9px 13px;\n  border-radius:999px;\n  color:#8feaff;\n  background:linear-gradient(135deg,rgba(0,212,255,.18),rgba(79,108,255,.12));\n  border:1px solid rgba(127,212,255,.40);\n  font-size:11px;\n  font-weight:900;\n  letter-spacing:.04em;\n}\n\n.dtcx-dossier-top button{\n  display:inline-flex;\n  align-items:center;\n  gap:8px;\n  padding:10px 13px;\n  border:1px solid rgba(255,178,122,.30);\n  border-radius:999px;\n  color:#fff;\n  background:rgba(255,138,61,.10);\n  font-size:12px;\n  font-weight:900;\n  cursor:pointer;\n}\n\n.dtcx-dossier-top button b{\n  color:#ffb27a;\n}\n\n.dtcx-map{\n  position:absolute;\n  z-index:3;\n  top:46px;\n  left:50%;\n  width:min(640px,96%);\n  transform:translateX(-50%);\n  opacity:.95;\n}\n\n.dtcx-map svg{\n  width:100%;\n  height:auto;\n  display:block;\n  filter:drop-shadow(0 0 34px rgba(0,212,255,.18));\n}\n\n.dtcx-path{\n  stroke-dasharray:440;\n  stroke-dashoffset:440;\n}\n\n.dtcx-path-a{\n  animation:dtcxDrawA 5.6s ease-in-out infinite;\n}\n\n.dtcx-path-b{\n  animation:dtcxDrawB 6.6s ease-in-out infinite;\n}\n\n.dtcx-path-c{\n  animation:dtcxDrawC 7.4s ease-in-out infinite;\n}\n\n.dtcx-node{\n  animation:dtcxNode 3.4s ease-in-out infinite;\n}\n\n.dtcx-n2{animation-delay:.4s;}\n.dtcx-n3{animation-delay:.8s;}\n.dtcx-n4{animation-delay:1.2s;}\n.dtcx-n5{animation-delay:1.6s;}\n\n@keyframes dtcxDrawA{\n  0%{stroke-dashoffset:440;opacity:.25;}\n  38%{opacity:1;}\n  70%{stroke-dashoffset:0;opacity:1;}\n  100%{stroke-dashoffset:-440;opacity:.18;}\n}\n\n@keyframes dtcxDrawB{\n  0%{stroke-dashoffset:440;opacity:.15;}\n  42%{opacity:.85;}\n  72%{stroke-dashoffset:0;opacity:.85;}\n  100%{stroke-dashoffset:-440;opacity:.12;}\n}\n\n@keyframes dtcxDrawC{\n  0%{stroke-dashoffset:440;opacity:.12;}\n  46%{opacity:.75;}\n  74%{stroke-dashoffset:0;opacity:.75;}\n  100%{stroke-dashoffset:-440;opacity:.10;}\n}\n\n@keyframes dtcxNode{\n  0%,100%{opacity:.55;}\n  50%{opacity:1;}\n}\n\n.dtcx-dossier-copy{\n  position:relative;\n  z-index:7;\n  min-height:560px;\n  display:flex;\n  flex-direction:column;\n  justify-content:flex-end;\n  padding:26px 30px 32px;\n}\n\n.dtcx-kicker{\n  width:max-content;\n  max-width:100%;\n  margin:0 0 17px;\n  padding:9px 13px;\n  border-radius:999px;\n  color:#8feaff;\n  background:linear-gradient(135deg,rgba(0,212,255,.18),rgba(79,108,255,.12));\n  border:1px solid rgba(127,212,255,.40);\n  font-size:11px;\n  font-weight:900;\n  letter-spacing:.14em;\n  text-transform:uppercase;\n}\n\n.dtcx-dossier-copy h3{\n  margin:0 0 18px;\n  color:#fff;\n  font-family:'Space Grotesk',sans-serif;\n  font-size:clamp(34px,4vw,58px);\n  line-height:1;\n  letter-spacing:-.055em;\n}\n\n.dtcx-dossier-copy > p{\n  margin:0;\n  max-width:680px;\n  color:#c8d8f5;\n  font-size:15.5px;\n  line-height:1.78;\n}\n\n\/* Evidence *\/\n.dtcx-evidence{\n  display:grid;\n  gap:14px;\n  align-content:stretch;\n}\n\n.dtcx-evidence-card{\n  min-height:0;\n  padding:22px;\n  border-radius:24px;\n  border:1px solid rgba(127,212,255,.17);\n  background:\n    radial-gradient(circle at 0% 0%,rgba(0,212,255,.10),transparent 38%),\n    linear-gradient(145deg,rgba(10,18,42,.72),rgba(5,8,20,.62));\n  box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 18px 44px rgba(0,0,0,.20);\n  position:relative;\n  overflow:hidden;\n}\n\n.dtcx-evidence-card::before{\n  content:\"\";\n  position:absolute;\n  left:0;\n  top:20px;\n  bottom:20px;\n  width:2px;\n  border-radius:999px;\n  background:linear-gradient(180deg,#00d4ff,#8b5cf6,#ff8a3d);\n  box-shadow:0 0 16px rgba(0,212,255,.55);\n}\n\n.dtcx-evidence-card span{\n  display:block;\n  color:#fff;\n  font-size:12px;\n  font-weight:900;\n  letter-spacing:.12em;\n  text-transform:uppercase;\n  margin-bottom:10px;\n}\n\n.dtcx-evidence-card p{\n  margin:0;\n  color:#c8d8f5;\n  font-size:14px;\n  line-height:1.68;\n}\n\n\/* Library *\/\n.dtcx-library{\n  margin-top:28px;\n  padding:20px;\n  border-radius:28px;\n  border:1px solid rgba(127,212,255,.18);\n  background:linear-gradient(135deg,rgba(10,18,42,.76),rgba(5,8,20,.68));\n  backdrop-filter:blur(12px);\n  box-shadow:inset 0 1px 0 rgba(255,255,255,.06);\n}\n\n.dtcx-library-head{\n  margin-bottom:15px;\n}\n\n.dtcx-library-head p{\n  margin:0 0 5px;\n  color:#fff;\n  font-family:'Space Grotesk',sans-serif;\n  font-size:20px;\n  font-weight:800;\n}\n\n.dtcx-library-head span{\n  display:block;\n  color:#aebfdf;\n  font-size:13px;\n  line-height:1.5;\n}\n\n.dtcx-strip{\n  display:flex;\n  gap:10px;\n  overflow-x:auto;\n  padding-bottom:4px;\n  scrollbar-width:thin;\n}\n\n.dtcx-strip button{\n  flex:0 0 auto;\n  padding:11px 13px;\n  border-radius:999px;\n  border:1px solid rgba(127,212,255,.17);\n  background:rgba(255,255,255,.05);\n  color:#d9eaff;\n  font-size:12px;\n  font-weight:800;\n  cursor:pointer;\n  transition:background .25s ease,border-color .25s ease,transform .25s ease;\n}\n\n.dtcx-strip button:hover{\n  transform:translateY(-2px);\n  border-color:rgba(127,212,255,.46);\n  background:rgba(0,212,255,.12);\n}\n\n\/* Modal *\/\nbody.dtcx-lock{\n  overflow:hidden !important;\n}\n\n#dtcxModal.dtcx-modal{\n  position:fixed !important;\n  inset:0 !important;\n  width:100vw !important;\n  height:100vh !important;\n  z-index:2147483647 !important;\n  display:none !important;\n  align-items:flex-start !important;\n  justify-content:center !important;\n  padding:96px 24px 40px !important;\n  overflow-y:auto !important;\n  overflow-x:hidden !important;\n}\n\n#dtcxModal.dtcx-modal.is-open{\n  display:flex !important;\n}\n\n.dtcx-modal-backdrop{\n  position:fixed !important;\n  inset:0 !important;\n  z-index:0 !important;\n  background:\n    radial-gradient(circle at 12% 14%,rgba(0,212,255,.20),transparent 36%),\n    radial-gradient(circle at 86% 12%,rgba(139,92,246,.24),transparent 38%),\n    radial-gradient(circle at 50% 100%,rgba(255,138,61,.13),transparent 38%),\n    rgba(2,4,12,.82) !important;\n  backdrop-filter:blur(22px) saturate(145%) !important;\n  -webkit-backdrop-filter:blur(22px) saturate(145%) !important;\n}\n\n.dtcx-panel{\n  position:relative !important;\n  z-index:2 !important;\n  width:min(1080px,100%) !important;\n  margin:0 auto !important;\n  overflow:hidden !important;\n  border-radius:36px !important;\n  border:1px solid rgba(127,212,255,.34) !important;\n  background:\n    radial-gradient(circle at 18% 0%,rgba(0,212,255,.20),transparent 36%),\n    radial-gradient(circle at 90% 8%,rgba(255,138,61,.13),transparent 34%),\n    linear-gradient(145deg,rgba(8,16,40,.985),rgba(4,7,18,.99)) !important;\n  box-shadow:\n    0 48px 150px rgba(0,0,0,.86),\n    0 0 90px rgba(0,212,255,.16),\n    0 0 140px rgba(139,92,246,.10),\n    inset 0 1px 0 rgba(255,255,255,.10) !important;\n  animation:dtcxModalIn .42s var(--ease) both;\n}\n\n@keyframes dtcxModalIn{\n  from{opacity:0;transform:translateY(26px);filter:blur(10px);}\n  to{opacity:1;transform:translateY(0);filter:blur(0);}\n}\n\n.dtcx-panel::before{\n  content:\"\";\n  position:absolute;\n  left:-40%;\n  top:0;\n  width:40%;\n  height:1px;\n  background:linear-gradient(90deg,transparent,#7fd4ff,#fff,#ffb27a,transparent);\n  box-shadow:0 0 18px rgba(0,212,255,.75);\n  animation:dtcxTopLine 5.8s ease-in-out infinite;\n  z-index:4;\n}\n\n@keyframes dtcxTopLine{\n  0%,62%{left:-45%;opacity:0;}\n  70%{opacity:1;}\n  100%{left:105%;opacity:0;}\n}\n\n.dtcx-close{\n  position:absolute !important;\n  top:22px !important;\n  right:22px !important;\n  width:48px !important;\n  height:48px !important;\n  margin:0 !important;\n  display:flex !important;\n  align-items:center !important;\n  justify-content:center !important;\n  z-index:20 !important;\n  border-radius:999px !important;\n  border:1px solid rgba(127,212,255,.38) !important;\n  background:radial-gradient(circle at 30% 20%,rgba(255,255,255,.16),transparent 42%),rgba(7,14,34,.92) !important;\n  color:#fff !important;\n  font-size:30px !important;\n  line-height:1 !important;\n  cursor:pointer !important;\n  box-shadow:0 0 30px rgba(0,212,255,.20),inset 0 1px 0 rgba(255,255,255,.10) !important;\n  backdrop-filter:blur(14px) !important;\n}\n\n.dtcx-close:hover{\n  background:rgba(0,212,255,.18) !important;\n  border-color:rgba(127,212,255,.72) !important;\n}\n\n.dtcx-panel-hero{\n  position:relative !important;\n  padding:50px 52px 34px !important;\n  border-bottom:1px solid rgba(255,255,255,.10) !important;\n  background:\n    radial-gradient(circle at 18% 0%,rgba(0,212,255,.16),transparent 38%),\n    radial-gradient(circle at 92% 0%,rgba(255,138,61,.10),transparent 34%) !important;\n}\n\n.dtcx-panel-hero span{\n  display:inline-flex !important;\n  max-width:calc(100% - 74px) !important;\n  margin-bottom:22px !important;\n  padding:9px 15px !important;\n  border-radius:999px !important;\n  color:#8feaff !important;\n  background:linear-gradient(135deg,rgba(0,212,255,.18),rgba(79,108,255,.14)) !important;\n  border:1px solid rgba(127,212,255,.44) !important;\n  font-size:11px !important;\n  font-weight:900 !important;\n  letter-spacing:.14em !important;\n  text-transform:uppercase !important;\n  text-shadow:0 0 16px rgba(0,212,255,.42) !important;\n}\n\n.dtcx-panel-hero h3{\n  max-width:900px !important;\n  margin:0 !important;\n  color:#fff !important;\n  font-family:'Space Grotesk',sans-serif !important;\n  font-size:clamp(34px,4.2vw,58px) !important;\n  line-height:1.03 !important;\n  letter-spacing:-.06em !important;\n  font-weight:800 !important;\n}\n\n.dtcx-panel-body{\n  padding:32px 52px 52px !important;\n  display:grid !important;\n  gap:20px !important;\n}\n\n.dtcx-detail{\n  position:relative !important;\n  overflow:hidden !important;\n  border:1px solid rgba(127,212,255,.16) !important;\n  border-radius:24px !important;\n  padding:22px 24px !important;\n  background:\n    radial-gradient(circle at 0% 0%,rgba(0,212,255,.08),transparent 38%),\n    linear-gradient(145deg,rgba(255,255,255,.06),rgba(255,255,255,.025)) !important;\n  box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 20px 54px rgba(0,0,0,.22) !important;\n}\n\n.dtcx-detail::before{\n  content:\"\";\n  position:absolute;\n  left:0;\n  top:18px;\n  bottom:18px;\n  width:2px;\n  background:linear-gradient(180deg,#00d4ff,#8b5cf6,#ff8a3d);\n  border-radius:99px;\n  box-shadow:0 0 16px rgba(0,212,255,.55);\n}\n\n.dtcx-detail h4{\n  margin:0 0 10px !important;\n  color:#fff !important;\n  font-size:14px !important;\n  font-weight:900 !important;\n}\n\n.dtcx-detail p{\n  margin:0 !important;\n  color:#c7d8f5 !important;\n  font-size:15px !important;\n  line-height:1.78 !important;\n}\n\n.dtcx-panel-footer{\n  display:flex !important;\n  justify-content:space-between !important;\n  align-items:center !important;\n  gap:22px !important;\n  margin-top:8px !important;\n  padding:22px 24px !important;\n  border-radius:24px !important;\n  border:1px solid rgba(127,212,255,.24) !important;\n  background:\n    radial-gradient(circle at 20% 20%,rgba(0,212,255,.15),transparent 38%),\n    linear-gradient(135deg,rgba(0,212,255,.10),rgba(139,92,246,.08),rgba(255,138,61,.10)) !important;\n}\n\n.dtcx-panel-footer small{\n  display:block !important;\n  color:#9fb4d8 !important;\n  font-size:11px !important;\n  text-transform:uppercase !important;\n  letter-spacing:.16em !important;\n  margin-bottom:7px !important;\n}\n\n.dtcx-panel-footer strong{\n  color:#fff !important;\n  font-size:14px !important;\n}\n\n.dtcx-panel-footer a{\n  display:inline-flex !important;\n  align-items:center !important;\n  justify-content:center !important;\n  gap:9px !important;\n  flex:0 0 auto !important;\n  padding:14px 19px !important;\n  border-radius:999px !important;\n  color:#fff !important;\n  background:linear-gradient(135deg,rgba(0,212,255,.34),rgba(79,108,255,.25),rgba(255,138,61,.25)) !important;\n  border:1px solid rgba(127,212,255,.42) !important;\n  font-weight:900 !important;\n  font-size:13px !important;\n  text-decoration:none !important;\n  box-shadow:0 0 34px rgba(0,212,255,.18) !important;\n}\n\n\/* Responsive *\/\n@media(max-width:1180px){\n  .dtcx-command{\n    grid-template-columns:1fr;\n  }\n\n  .dtcx-rail{\n    grid-template-columns:repeat(2,minmax(0,1fr));\n  }\n\n  .dtcx-evidence{\n    grid-template-columns:repeat(3,minmax(0,1fr));\n  }\n\n  .dtcx-dossier,\n  .dtcx-dossier-copy{\n    min-height:520px;\n  }\n}\n\n@media(max-width:900px){\n  #dt-case-command{\n    padding:88px 0;\n  }\n\n  .dtcx-head{\n    grid-template-columns:1fr;\n  }\n\n  .dtcx-evidence{\n    grid-template-columns:1fr;\n  }\n\n  .dtcx-rail{\n    grid-template-columns:1fr;\n  }\n}\n\n@media(max-width:640px){\n  .dtcx-shell{\n    padding:0 18px;\n  }\n\n  .dtcx-head h2{\n    font-size:44px;\n  }\n\n  .dtcx-dossier,\n  .dtcx-dossier-copy{\n    min-height:560px;\n  }\n\n  .dtcx-dossier-top{\n    flex-direction:column;\n    align-items:flex-start;\n  }\n\n  .dtcx-map{\n    top:86px;\n    width:760px;\n    opacity:.55;\n  }\n\n  .dtcx-dossier-copy{\n    padding:24px;\n  }\n\n  .dtcx-panel-hero{\n    padding:38px 22px 24px !important;\n  }\n\n  .dtcx-panel-body{\n    padding:24px 22px 30px !important;\n  }\n\n  #dtcxModal.dtcx-modal{\n    padding:78px 14px 24px !important;\n  }\n\n  .dtcx-panel{\n    border-radius:26px !important;\n  }\n\n  .dtcx-panel-hero h3{\n    font-size:32px !important;\n  }\n\n  .dtcx-panel-footer{\n    flex-direction:column !important;\n    align-items:flex-start !important;\n  }\n\n  .dtcx-panel-footer a{\n    width:100% !important;\n  }\n}\n\n@media(prefers-reduced-motion:reduce){\n  .dtcx-aurora,\n  .dtcx-dossier::before,\n  .dtcx-path-a,\n  .dtcx-path-b,\n  .dtcx-path-c,\n  .dtcx-node,\n  .dtcx-panel::before{\n    animation:none!important;\n  }\n\n  .dtcx-rail-item,\n  .dtcx-strip button{\n    transition:none!important;\n  }\n}\n<\/style>\n\n<script>\n(function(){\n  var section = document.getElementById('dt-case-command');\n  if(!section || section.dataset.dtcxMounted === '1') return;\n  section.dataset.dtcxMounted = '1';\n\n  var cases = {\n    case1:{\n      tag:'Public Sector Workforce Solutions',\n      pill:'Public Sector Workforce',\n      shortTitle:'Public Sector Resource Coverage',\n      title:'Helping a Public Sector Team Strengthen Resource Coverage During Active Program Demand',\n      summary:'A public sector organization needed external talent while managing active business and technology priorities within formal procurement, vendor, and documentation expectations.',\n      problem:'External talent was required inside a formal public-sector review environment.',\n      role:'Role clarification, candidate screening, documentation readiness, and submission preparation.',\n      value:'A more controlled review process with better-fit resources and less internal screening effort.',\n      context:'A public sector organization was managing several business and technology priorities while operating within formal procurement, vendor, and compliance expectations. Internal teams needed additional talent, but the requirement called for careful qualification, documentation, and submission discipline \u2014 not simple resume forwarding.',\n      challenge:'The team had to address urgent hiring needs without bypassing public-sector controls. Each submission required attention to skills, availability, documentation, rate expectations, work terms, and vendor-process requirements. The main risk was not only an open role remaining vacant. It was the added pressure on internal teams already managing business operations, technology work, stakeholder requests, and time-sensitive priorities.',\n      approach:'DT Solutions focused on disciplined qualification before submission. The team reviewed role expectations, screening criteria, work environment, and submission requirements before engaging candidates. This included clarifying skills, experience level, work location, engagement terms, candidate availability, documentation, rate details, and vendor-process expectations.',\n      changed:'The client gained a more controlled way to address staffing gaps without adding unnecessary screening effort to internal teams. Submissions were more relevant, the process was easier to manage, and the organization had access to external workforce options suited to a formal public-sector environment.',\n      type:'Contingent Workforce \/ Staff Augmentation',\n      cta:'Explore Public Sector Staffing Solutions'\n    },\n    case2:{\n      tag:'Specialized Staff Augmentation',\n      pill:'Specialized Staff Augmentation',\n      shortTitle:'Specialized Role Coverage',\n      title:'Finding Role-Specific Talent for Hard-to-Fill Business and Technology Roles',\n      summary:'An organization needed role-specific external professionals with technical, functional, or business expertise beyond keyword matching.',\n      problem:'The client needed candidates whose background matched the actual work, not just the job description language.',\n      role:'Requirement breakdown, targeted outreach, qualification, availability checks, and role-fit review.',\n      value:'A more focused hiring path with fewer broad-match resumes and stronger relevance.',\n      context:'An organization had a defined need for external professionals with specific technical, functional, or business expertise. The roles required more than keyword matching. Hiring teams needed candidates who understood the work environment, could meet the skill expectations, and were available under the required engagement terms.',\n      challenge:'The client needed to reach candidates whose background matched the actual work, not just the wording of the job description. Skills, domain exposure, engagement terms, communication style, and practical availability all had to be assessed before submission.',\n      approach:'DT Solutions broke down the role into key hiring signals: required experience, technical or functional depth, operating environment, engagement terms, and decision criteria. The team focused on targeted candidate outreach and qualification instead of high-volume resume flow.',\n      changed:'The client gained a more focused hiring path for roles requiring specific expertise. Hiring teams could concentrate on candidates whose experience more closely reflected the work, environment, and engagement requirements.',\n      type:'Staff Augmentation \/ Contract Talent',\n      cta:'Find Specialized Talent'\n    },\n    case3:{\n      tag:'SOW & Project-Based Delivery',\n      pill:'SOW & Project-Based Work',\n      shortTitle:'Structured SOW Engagement',\n      title:'Coordinating Defined Work Through an SOW-Based Engagement',\n      summary:'A client needed external help for defined work that required clearer scope, ownership, and coordination than individual staff augmentation could provide.',\n      problem:'Defined work needed clearer ownership, resource responsibilities, and progress coordination.',\n      role:'Scope review, responsibility mapping, stakeholder communication, and workstream coordination.',\n      value:'Clearer ownership, stronger visibility, and a structured path for moving defined work forward.',\n      context:'An organization had a defined business or technology initiative that required external expertise, coordinated effort, and a model built around the work itself \u2014 not only individual roles. The client required a partner that could organize the work, map resource responsibilities, and maintain visibility across the engagement.',\n      challenge:'The client needed to move a defined body of work forward without turning the engagement into an unmanaged collection of individual tasks. Internal stakeholders needed clarity around ownership, coordination, decision points, and progress updates.',\n      approach:'DT Solutions approached the engagement through a scope-led model. The focus was on understanding the work objective, identifying the right resource mix, clarifying ownership, and establishing a communication rhythm for stakeholders.',\n      changed:'The client gained a clearer operating model for advancing the initiative. Ownership was easier to understand, stakeholder communication became more consistent, and the engagement had a stronger connection between scope, resource responsibilities, and work expectations.',\n      type:'Statement of Work \/ Project-Based Engagement',\n      cta:'Explore SOW Delivery Models'\n    },\n    case4:{\n      tag:'Managed Services & Ongoing Coverage',\n      pill:'Managed Workforce Services',\n      shortTitle:'Ongoing Coverage Model',\n      title:'Creating Consistent Coverage for Recurring Workforce Needs',\n      summary:'A client had recurring workforce needs that could not be managed effectively through one-time hiring or reactive replacement activity.',\n      problem:'Recurring workforce needs required steadier coverage than one-time hiring could provide.',\n      role:'Availability planning, coverage updates, replacement coordination, and continuity support.',\n      value:'Better coverage visibility and a more dependable way to manage ongoing workforce needs.',\n      context:'An organization had recurring business and technology needs that required reliable external coverage over time. The work was operationally important and required consistent coordination rather than one isolated placement.',\n      challenge:'The issue was not a single vacancy. The client needed a more dependable way to manage recurring coverage needs while internal stakeholders stayed focused on core business priorities.',\n      approach:'DT Solutions approached the engagement as a continuing coverage model. The focus was on consistency, availability, stakeholder visibility, and continuity rather than one-time fulfillment. DT Solutions helped organize talent availability, coverage planning, replacement coordination, and stakeholder updates.',\n      changed:'The client gained a steadier model for recurring workforce coverage. Internal teams had clearer updates, better visibility into coverage status, and a more reliable way to address ongoing operational needs.',\n      type:'Managed Services \/ Ongoing Workforce Coverage',\n      cta:'Discuss Ongoing Workforce Coverage'\n    },\n    case5:{\n      tag:'Healthcare & Regulated Workforce Solutions',\n      pill:'Regulated Workforce',\n      shortTitle:'Regulated Workforce Support',\n      title:'Supporting Sensitive Work Environments with Carefully Qualified Talent',\n      summary:'A healthcare or regulated organization needed workforce assistance where trust, accuracy, documentation, and structured workflows mattered.',\n      problem:'The client needed to avoid paper-fit candidates who were not suitable for sensitive operating environments.',\n      role:'Environment-aware qualification, documentation readiness review, and candidate suitability assessment.',\n      value:'A more careful way to review external talent for sensitive and regulated work settings.',\n      context:'An organization in a healthcare or similarly regulated environment needed external workforce assistance for roles connected to business, technology, operations, or transformation work. Candidates needed to understand structured workflows, stakeholder sensitivity, documentation expectations, and the importance of working carefully in settings where trust and accuracy matter.',\n      challenge:'The client needed to avoid submissions that looked suitable on paper but were not right for the operating environment. Communication style, attention to detail, availability, documentation readiness, confidentiality, and relevant environment experience all mattered.',\n      approach:'DT Solutions used an environment-aware qualification process before presenting candidates. The team reviewed the requirement with attention to both role skills and workplace expectations, then assessed candidates for experience, readiness, judgment, communication, and documentation discipline.',\n      changed:'The client gained a more careful way to review external talent for sensitive work settings. Candidate submissions reflected both the role requirements and the realities of the operating environment.',\n      type:'Staff Augmentation \/ Regulated Environment Workforce Solutions',\n      cta:'Explore Regulated Workforce Solutions'\n    },\n    case6:{\n      tag:'Financial Services & Enterprise Hiring',\n      pill:'Enterprise Hiring',\n      shortTitle:'Enterprise Hiring Support',\n      title:'Strengthening Enterprise Hiring for Business and Technology Roles',\n      summary:'An enterprise organization needed stakeholder-ready external talent for roles where credibility, communication, judgment, and experience mattered.',\n      problem:'Enterprise stakeholders needed relevant, well-prepared candidates instead of high-volume resume flow.',\n      role:'Enterprise-readiness review, stakeholder-fit assessment, targeted outreach, and candidate qualification.',\n      value:'A more enterprise-ready path for reviewing external talent.',\n      context:'A financial services or enterprise organization needed external talent for roles where credibility, communication, judgment, and experience mattered as much as technical skill. The environment involved multiple stakeholders, defined hiring expectations, and work connected to operations, modernization, or transformation priorities.',\n      challenge:'Enterprise hiring environments often involve layered review, clear skill expectations, and limited tolerance for weak-fit profiles. A broad recruiting approach can send too many profiles into review before they are ready for serious consideration.',\n      approach:'DT Solutions focused on enterprise readiness before presentation. The team reviewed the business context, technical or functional requirements, stakeholder expectations, and engagement terms before beginning targeted outreach.',\n      changed:'The client gained a more enterprise-ready path for reviewing external talent. Hiring stakeholders could focus on candidates with stronger relevance to the role, business context, and enterprise work environment.',\n      type:'Enterprise Staff Augmentation \/ Contract Talent',\n      cta:'Explore Enterprise Hiring Solutions'\n    },\n    case7:{\n      tag:'Consulting & Advisory Services',\n      pill:'Consulting & Advisory',\n      shortTitle:'Workforce Advisory Support',\n      title:'Helping Leaders Make Workforce and Execution Decisions with More Clarity',\n      summary:'A client needed guidance before committing to a workforce, delivery, or engagement model for an upcoming business or technology initiative.',\n      problem:'Leadership needed clarity before committing to hiring, delivery, or execution decisions.',\n      role:'Requirement assessment, option comparison, role-need review, and next-step framing.',\n      value:'A clearer view of decisions required before resources were engaged or work was structured.',\n      context:'An organization was evaluating a business, workforce, or technology initiative before deciding how the work should be structured. The internal team had a general direction, but key decisions still needed to be resolved before implementation could begin.',\n      challenge:'The challenge was ambiguity. Stakeholders needed to understand what type of expertise was required, how responsibilities should be organized, which engagement path made sense, and where internal teams might need outside support.',\n      approach:'DT Solutions approached the engagement as a decision-support exercise. The team reviewed the business need, workforce requirements, internal constraints, role expectations, and possible paths forward.',\n      changed:'The client gained a sharper understanding of the decisions required before taking action. Leadership had better visibility into workforce options, engagement paths, role requirements, and implementation considerations.',\n      type:'Consulting \/ Advisory Engagement',\n      cta:'Discuss Consulting & Advisory Needs'\n    },\n    case8:{\n      tag:'Talent Program & Multi-Role Hiring',\n      pill:'Talent Program',\n      shortTitle:'Multi-Role Hiring Support',\n      title:'Coordinating Multi-Role Hiring Across Business and Technology Functions',\n      summary:'A client needed a coordinated approach to keep multiple business, technology, and operations requirements moving with consistency.',\n      problem:'Multiple active roles created risk of fragmented intake, inconsistent review, and reduced visibility.',\n      role:'Role grouping, prioritization, intake consistency, candidate flow, and submission visibility.',\n      value:'Better control and visibility across multi-role hiring activity.',\n      context:'An organization had several active hiring requirements across business, technology, operations, or transformation functions. The roles were part of a broader workforce requirement, but each position still had its own expectations, review criteria, and stakeholder considerations.',\n      challenge:'Multi-role hiring can quickly become fragmented when each requirement is handled separately. Intake details may vary, review standards can become inconsistent, and hiring stakeholders may lose visibility into where each role stands.',\n      approach:'DT Solutions organized the engagement around role grouping, prioritization, intake consistency, and candidate flow. The team reviewed open requirements, clarified role-specific expectations, and created a more consistent approach to sourcing, qualification, and submission visibility.',\n      changed:'The client gained better visibility across a broader hiring program. Role intake became more consistent, candidate review was easier to manage, and internal stakeholders had a clearer view of hiring activity across multiple requirements.',\n      type:'Talent Program \/ Multi-Role Hiring Engagement',\n      cta:'Build a Multi-Role Talent Program'\n    }\n  };\n\n  var railItems = section.querySelectorAll('.dtcx-rail-item');\n  var pill = document.getElementById('dtcxPill');\n  var title = document.getElementById('dtcxTitle');\n  var summary = document.getElementById('dtcxSummary');\n  var featureTag = document.getElementById('dtcxFeatureTag');\n  var problem = document.getElementById('dtcxProblem');\n  var role = document.getElementById('dtcxRole');\n  var value = document.getElementById('dtcxValue');\n  var openMain = document.getElementById('dtcxOpenMain');\n\n  function setActive(id){\n    var data = cases[id];\n    if(!data) return;\n\n    railItems.forEach(function(item){\n      item.classList.toggle('is-active', item.getAttribute('data-case') === id);\n    });\n\n    if(pill) pill.textContent = data.pill;\n    if(title) title.textContent = data.shortTitle;\n    if(summary) summary.textContent = data.summary;\n    if(featureTag) featureTag.textContent = data.tag;\n    if(problem) problem.textContent = data.problem;\n    if(role) role.textContent = data.role;\n    if(value) value.textContent = data.value;\n    if(openMain) openMain.setAttribute('data-open', id);\n  }\n\n  railItems.forEach(function(item){\n    item.addEventListener('click', function(){\n      setActive(item.getAttribute('data-case'));\n    });\n  });\n\n  var modal = document.getElementById('dtcxModal');\n  if(modal && modal.parentNode !== document.body){\n    document.body.appendChild(modal);\n  }\n\n  var modalTag = document.getElementById('dtcxModalTag');\n  var modalTitle = document.getElementById('dtcxModalTitle');\n  var context = document.getElementById('dtcxContext');\n  var challenge = document.getElementById('dtcxChallenge');\n  var approach = document.getElementById('dtcxApproach');\n  var changed = document.getElementById('dtcxChanged');\n  var type = document.getElementById('dtcxType');\n  var cta = document.getElementById('dtcxCta');\n\n  function openCase(id){\n    var data = cases[id];\n    if(!data || !modal) return;\n\n    if(modalTag) modalTag.textContent = data.tag;\n    if(modalTitle) modalTitle.textContent = data.title;\n    if(context) context.textContent = data.context;\n    if(challenge) challenge.textContent = data.challenge;\n    if(approach) approach.textContent = data.approach;\n    if(changed) changed.textContent = data.changed;\n    if(type) type.textContent = data.type;\n    if(cta) cta.innerHTML = data.cta + ' <span>\u2192<\/span>';\n\n    modal.classList.add('is-open');\n    modal.setAttribute('aria-hidden','false');\n    document.body.classList.add('dtcx-lock');\n\n    setTimeout(function(){\n      modal.scrollTop = 0;\n    }, 20);\n  }\n\n  function closeCase(){\n    if(!modal) return;\n    modal.classList.remove('is-open');\n    modal.setAttribute('aria-hidden','true');\n    document.body.classList.remove('dtcx-lock');\n  }\n\n  document.querySelectorAll('#dt-case-command [data-open], #dtcxModal [data-open]').forEach(function(btn){\n    btn.addEventListener('click', function(e){\n      e.preventDefault();\n      e.stopPropagation();\n      openCase(btn.getAttribute('data-open'));\n    });\n  });\n\n  document.querySelectorAll('#dtcxModal [data-close]').forEach(function(btn){\n    btn.addEventListener('click', closeCase);\n  });\n\n  window.addEventListener('keydown', function(e){\n    if(e.key === 'Escape') closeCase();\n  });\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-56a9d55 e-con-full approach-section e-flex e-con e-parent\" data-id=\"56a9d55\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-a4a67ca e-flex e-con-boxed e-con e-child\" data-id=\"a4a67ca\" data-element_type=\"container\" id=\"approach-inner\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-abe478e e-con-full approach-heading e-flex e-con e-child\" data-id=\"abe478e\" data-element_type=\"container\">\n\t\t\t\t\t\t\t<h2 \n\t\tdata-interaction-id=\"18a776e\" \n\t\tclass=\"e-18a776e-d80b538 e-heading-base\" \n\t\t \n\t\t\n\t\t\t>\n\t\n\t\t\tOUR APPROACH\n\t\t<\/h2>\n\t\t\t\t\t\t\t<h2 \n\t\tdata-interaction-id=\"b001488\" \n\t\tclass=\"e-b001488-c2d5692 e-heading-base\" \n\t\t \n\t\t\n\t\t\t>\n\t\n\t\t\tA Clear Path From Need to Delivery\n\n\t\t<\/h2>\n\t\t\t\t<div class=\"elementor-element elementor-element-fc5810a elementor-widget elementor-widget-text-editor\" data-id=\"fc5810a\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>DT Solutions keeps engagement simple: clarify the requirement, align the right path, mobilize the right resources, and stay close as priorities evolve.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9fc5c90 elementor-absolute elementor-widget elementor-widget-html\" data-id=\"9fc5c90\" data-element_type=\"widget\" data-settings=\"{&quot;_position&quot;:&quot;absolute&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<svg\n  width=\"100%\"\n  height=\"260\"\n  viewBox=\"0 0 1200 260\"\n  preserveAspectRatio=\"none\"\n  fill=\"none\"\n  xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\n>\n\n  <!-- SOFT GLOW BACK LAYER -->\n  <path\n    d=\"M0 130\n       C240 40, 360 220, 600 130\n       C840 40, 960 220, 1200 130\"\n    stroke=\"url(#energyGradient)\"\n    stroke-width=\"10\"\n    fill=\"none\"\n    stroke-linecap=\"round\"\n    opacity=\"0.28\"\n    filter=\"url(#blurGlow)\"\n  \/>\n\n  <!-- MAIN ENERGY PATH -->\n  <path\n    d=\"M0 130\n       C240 40, 360 220, 600 130\n       C840 40, 960 220, 1200 130\"\n    stroke=\"url(#energyGradient)\"\n    stroke-width=\"4\"\n    fill=\"none\"\n    stroke-linecap=\"round\"\n    stroke-dasharray=\"200 2000\"\n  >\n    <animate\n      attributeName=\"stroke-dashoffset\"\n      from=\"0\"\n      to=\"-2200\"\n      dur=\"6s\"\n      repeatCount=\"indefinite\"\n    \/>\n  <\/path>\n\n  <!-- DEFINITIONS -->\n  <defs>\n\n    <!-- FULL WIDTH ENERGY GRADIENT -->\n    <linearGradient\n      id=\"energyGradient\"\n      x1=\"0\"\n      y1=\"0\"\n      x2=\"1200\"\n      y2=\"0\"\n      gradientUnits=\"userSpaceOnUse\"\n    >\n      <stop offset=\"0%\" stop-color=\"#00F5FF\" stop-opacity=\"0\"\/>\n      <stop offset=\"20%\" stop-color=\"#00F5FF\"\/>\n      <stop offset=\"50%\" stop-color=\"#7C7CFF\"\/>\n      <stop offset=\"80%\" stop-color=\"#00F5FF\"\/>\n      <stop offset=\"100%\" stop-color=\"#00F5FF\" stop-opacity=\"0\"\/>\n    <\/linearGradient>\n\n    <!-- SOFT GLOW -->\n    <filter id=\"blurGlow\" x=\"-60%\" y=\"-60%\" width=\"220%\" height=\"220%\">\n      <feGaussianBlur stdDeviation=\"12\"\/>\n    <\/filter>\n\n  <\/defs>\n\n<\/svg>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-896e5c9 e-con-full approach-wave e-flex e-con e-child\" data-id=\"896e5c9\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a687e13 e-con e-atomic-element e-div-block-base g-e5fb6f5\" data-id=\"a687e13\" data-element_type=\"e-div-block\">\n\t\t\t\t\t\t\t<h2 \n\t\tdata-interaction-id=\"286163a\" \n\t\tclass=\"e-heading-base\" \n\t\t \n\t\t\n\t\t\t>\n\t\n\t\t\t01\n\t\t<\/h2>\n\t\t\t\t<div class=\"elementor-element elementor-element-c829ee7 elementor-widget elementor-widget-heading\" data-id=\"c829ee7\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Understand the Need\n\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5303981 elementor-widget elementor-widget-text-editor\" data-id=\"5303981\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>We clarify the work, timeline, skills, stakeholders, and expected outcomes.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7f404b9 e-con e-atomic-element e-div-block-base g-5588c6c\" data-id=\"7f404b9\" data-element_type=\"e-div-block\">\n\t\t\t\t\t\t\t<h2 \n\t\tdata-interaction-id=\"28aae5f\" \n\t\tclass=\"e-heading-base\" \n\t\t \n\t\t\n\t\t\t>\n\t\n\t\t\t02\n\t\t<\/h2>\n\t\t\t\t<div class=\"elementor-element elementor-element-2f42664 elementor-widget elementor-widget-heading\" data-id=\"2f42664\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Align the Right Path\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3e69ee6 elementor-widget elementor-widget-text-editor\" data-id=\"3e69ee6\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>We match the requirement to the engagement model that best fits the scope, responsibility, and timeline.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5cb890f e-con e-atomic-element e-div-block-base g-3fcc05a\" data-id=\"5cb890f\" data-element_type=\"e-div-block\">\n\t\t\t\t\t\t\t<h2 \n\t\tdata-interaction-id=\"6dde0da\" \n\t\tclass=\"e-heading-base\" \n\t\t \n\t\t\n\t\t\t>\n\t\n\t\t\t03\n\t\t<\/h2>\n\t\t\t\t<div class=\"elementor-element elementor-element-5e5dd99 elementor-widget elementor-widget-heading\" data-id=\"5e5dd99\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Mobilize the Right Resources<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-99e6013 elementor-widget elementor-widget-text-editor\" data-id=\"99e6013\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>We coordinate qualified professionals, teams, scope, or advisory resources based on the selected engagement path.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-201d351 e-con e-atomic-element e-div-block-base g-ddecdcf\" data-id=\"201d351\" data-element_type=\"e-div-block\">\n\t\t\t\t\t\t\t<h2 \n\t\tdata-interaction-id=\"6ade973\" \n\t\tclass=\"e-heading-base\" \n\t\t \n\t\t\n\t\t\t>\n\t\n\t\t\t04\n\t\t<\/h2>\n\t\t\t\t<div class=\"elementor-element elementor-element-011bbe5 elementor-widget elementor-widget-heading\" data-id=\"011bbe5\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Launch With Clarity\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5980628 elementor-widget elementor-widget-text-editor\" data-id=\"5980628\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>We support onboarding, communication, documentation, and early alignment.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-083316e e-con e-atomic-element e-div-block-base g-c70bbea\" data-id=\"083316e\" data-element_type=\"e-div-block\">\n\t\t\t\t\t\t\t<h2 \n\t\tdata-interaction-id=\"fd7b97c\" \n\t\tclass=\"e-heading-base\" \n\t\t \n\t\t\n\t\t\t>\n\t\n\t\t\t05\n\t\t<\/h2>\n\t\t\t\t<div class=\"elementor-element elementor-element-0ac723f elementor-widget elementor-widget-heading\" data-id=\"0ac723f\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Stay Close and Adjust\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-17f0de6 elementor-widget elementor-widget-text-editor\" data-id=\"17f0de6\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>We monitor fit, progress, feedback, and changing priorities so the engagement remains aligned and effective.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-de9e58c why-alphnzo e-flex e-con-boxed e-con e-parent\" data-id=\"de9e58c\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1def3fc wa-header elementor-widget elementor-widget-heading\" data-id=\"1def3fc\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Why DT Solutions <\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-dd6bb4e elementor-widget elementor-widget-text-editor\" data-id=\"dd6bb4e\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Clients work with DT Solutions when they need a responsive partner that understands real work requirements, complex environments, and the importance of clear follow-through.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-dc32b54 e-con-full wa-grid e-flex e-con e-child\" data-id=\"dc32b54\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-42e337a e-con-full wa-card e-flex e-con e-child\" data-id=\"42e337a\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-92e04bb wa-icon elementor-widget elementor-widget-html\" data-id=\"92e04bb\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<svg viewBox=\"0 0 120 120\" class=\"wa-svg\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\">\n  <defs>\n    <linearGradient id=\"supportIconGlow\" x1=\"18\" y1=\"18\" x2=\"102\" y2=\"102\">\n      <stop offset=\"0%\" stop-color=\"#00d4ff\"\/>\n      <stop offset=\"52%\" stop-color=\"#4f6cff\"\/>\n      <stop offset=\"100%\" stop-color=\"#ff8a3d\"\/>\n    <\/linearGradient>\n\n    <radialGradient id=\"supportIconSoft\" cx=\"50%\" cy=\"42%\" r=\"65%\">\n      <stop offset=\"0%\" stop-color=\"#ffffff\" stop-opacity=\"0.22\"\/>\n      <stop offset=\"55%\" stop-color=\"#00d4ff\" stop-opacity=\"0.08\"\/>\n      <stop offset=\"100%\" stop-color=\"#050914\" stop-opacity=\"0\"\/>\n    <\/radialGradient>\n\n    <filter id=\"supportIconShadow\" x=\"-40%\" y=\"-40%\" width=\"180%\" height=\"180%\">\n      <feGaussianBlur stdDeviation=\"4\" result=\"blur\"\/>\n      <feColorMatrix in=\"blur\" type=\"matrix\"\n        values=\"0 0 0 0 0\n                0 0 0 0 0.75\n                0 0 0 0 1\n                0 0 0 0.45 0\"\/>\n      <feBlend in=\"SourceGraphic\"\/>\n    <\/filter>\n  <\/defs>\n\n  <!-- outer glow ring -->\n  <circle cx=\"60\" cy=\"60\" r=\"52\" fill=\"rgba(0,212,255,0.06)\" stroke=\"url(#supportIconGlow)\" stroke-width=\"3\"\/>\n\n  <!-- inner glass circle -->\n  <circle cx=\"60\" cy=\"60\" r=\"39\" fill=\"url(#supportIconSoft)\" stroke=\"rgba(255,255,255,0.18)\" stroke-width=\"1.5\"\/>\n\n  <!-- headset arc -->\n  <path d=\"M34 61c0-17 11.5-29 26-29s26 12 26 29\"\n        fill=\"none\"\n        stroke=\"url(#supportIconGlow)\"\n        stroke-width=\"6\"\n        stroke-linecap=\"round\"\n        filter=\"url(#supportIconShadow)\"\/>\n\n  <!-- left earpiece -->\n  <rect x=\"27\" y=\"58\" width=\"13\" height=\"22\" rx=\"6\"\n        fill=\"rgba(127,212,255,0.16)\"\n        stroke=\"#7fd4ff\"\n        stroke-width=\"3\"\/>\n\n  <!-- right earpiece -->\n  <rect x=\"80\" y=\"58\" width=\"13\" height=\"22\" rx=\"6\"\n        fill=\"rgba(127,212,255,0.16)\"\n        stroke=\"#7fd4ff\"\n        stroke-width=\"3\"\/>\n\n  <!-- face \/ support agent -->\n  <circle cx=\"60\" cy=\"58\" r=\"11\"\n          fill=\"rgba(255,255,255,0.08)\"\n          stroke=\"rgba(255,255,255,0.72)\"\n          stroke-width=\"2\"\/>\n\n  <path d=\"M44 88c3.6-9.5 11-14 16-14s12.4 4.5 16 14\"\n        fill=\"none\"\n        stroke=\"rgba(255,255,255,0.78)\"\n        stroke-width=\"4\"\n        stroke-linecap=\"round\"\/>\n\n  <!-- mic boom -->\n  <path d=\"M86 76c0 8-7 14-16 14h-8\"\n        fill=\"none\"\n        stroke=\"#ffb27a\"\n        stroke-width=\"4\"\n        stroke-linecap=\"round\"\/>\n\n  <circle cx=\"60\" cy=\"90\" r=\"3.5\" fill=\"#ffb27a\"\/>\n\n  <!-- small shine -->\n  <path d=\"M41 34c6-5 13-7 21-7\"\n        fill=\"none\"\n        stroke=\"rgba(255,255,255,0.5)\"\n        stroke-width=\"2\"\n        stroke-linecap=\"round\"\/>\n<\/svg>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<h3 \n\t\tdata-interaction-id=\"0701348\" \n\t\tclass=\"e-heading-base\" \n\t\t \n\t\t\n\t\t\t>\n\t\n\t\t\tPractical Support for Real Needs\n\n\t\t<\/h3>\n\t\t\t\t\t\t\t\t<p class=\"e-paragraph-base\" data-interaction-id=\"f27a31e\" data-interactions=\"&#x5B;&#x5D;\"  >\n\t\t\t\t\t\t\t\t\t\tWe focus on the work behind the request \u2014 the role, timeline, workload, stakeholders, and outcome that need to be addressed.\n\n\t\t\t\t\t\t<\/p>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-59c9012 e-con-full wa-card e-flex e-con e-child\" data-id=\"59c9012\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-29582a7 wa-icon elementor-widget elementor-widget-html\" data-id=\"29582a7\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<svg viewBox=\"0 0 120 120\" class=\"wa-svg\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\">\n  <defs>\n    <linearGradient id=\"talentDeliveryGradient\" x1=\"18\" y1=\"18\" x2=\"104\" y2=\"104\">\n      <stop offset=\"0%\" stop-color=\"#00d4ff\"\/>\n      <stop offset=\"52%\" stop-color=\"#5b6cff\"\/>\n      <stop offset=\"100%\" stop-color=\"#ff8a3d\"\/>\n    <\/linearGradient>\n\n    <radialGradient id=\"talentDeliveryCore\" cx=\"50%\" cy=\"42%\" r=\"68%\">\n      <stop offset=\"0%\" stop-color=\"#ffffff\" stop-opacity=\"0.20\"\/>\n      <stop offset=\"55%\" stop-color=\"#00d4ff\" stop-opacity=\"0.08\"\/>\n      <stop offset=\"100%\" stop-color=\"#050914\" stop-opacity=\"0\"\/>\n    <\/radialGradient>\n\n    <filter id=\"talentDeliveryGlow\" x=\"-45%\" y=\"-45%\" width=\"190%\" height=\"190%\">\n      <feGaussianBlur stdDeviation=\"4\" result=\"blur\"\/>\n      <feColorMatrix in=\"blur\" type=\"matrix\"\n        values=\"0 0 0 0 0\n                0 0 0 0 0.78\n                0 0 0 0 1\n                0 0 0 0.48 0\"\/>\n      <feBlend in=\"SourceGraphic\"\/>\n    <\/filter>\n  <\/defs>\n\n  <!-- outer capability ring -->\n  <circle cx=\"60\" cy=\"60\" r=\"52\"\n          fill=\"rgba(0,212,255,0.06)\"\n          stroke=\"url(#talentDeliveryGradient)\"\n          stroke-width=\"3\"\/>\n\n  <!-- inner intelligence field -->\n  <circle cx=\"60\" cy=\"60\" r=\"38\"\n          fill=\"url(#talentDeliveryCore)\"\n          stroke=\"rgba(255,255,255,0.16)\"\n          stroke-width=\"1.5\"\/>\n\n  <!-- connected network lines -->\n  <path d=\"M36 42L60 30L84 42L84 72L60 90L36 72Z\"\n        fill=\"none\"\n        stroke=\"rgba(127,212,255,0.42)\"\n        stroke-width=\"2\"\n        stroke-linejoin=\"round\"\/>\n\n  <path d=\"M36 42L60 60L84 42M36 72L60 60L84 72M60 30V90\"\n        fill=\"none\"\n        stroke=\"rgba(255,255,255,0.18)\"\n        stroke-width=\"1.6\"\n        stroke-linecap=\"round\"\/>\n\n  <!-- talent nodes -->\n  <circle cx=\"36\" cy=\"42\" r=\"7\"\n          fill=\"rgba(0,212,255,0.16)\"\n          stroke=\"#7fd4ff\"\n          stroke-width=\"2.5\"\/>\n\n  <circle cx=\"84\" cy=\"42\" r=\"7\"\n          fill=\"rgba(139,92,246,0.16)\"\n          stroke=\"#c084fc\"\n          stroke-width=\"2.5\"\/>\n\n  <circle cx=\"36\" cy=\"72\" r=\"7\"\n          fill=\"rgba(139,92,246,0.16)\"\n          stroke=\"#c084fc\"\n          stroke-width=\"2.5\"\/>\n\n  <circle cx=\"84\" cy=\"72\" r=\"7\"\n          fill=\"rgba(255,138,61,0.16)\"\n          stroke=\"#ffb27a\"\n          stroke-width=\"2.5\"\/>\n\n  <!-- central delivery hub -->\n  <circle cx=\"60\" cy=\"60\" r=\"13\"\n          fill=\"rgba(255,255,255,0.08)\"\n          stroke=\"url(#talentDeliveryGradient)\"\n          stroke-width=\"3\"\n          filter=\"url(#talentDeliveryGlow)\"\/>\n\n  <!-- person \/ talent symbol inside hub -->\n  <circle cx=\"60\" cy=\"55\" r=\"4.5\" fill=\"#ffffff\" opacity=\"0.92\"\/>\n  <path d=\"M51.5 67c2.2-5 5.4-7.4 8.5-7.4s6.3 2.4 8.5 7.4\"\n        fill=\"none\"\n        stroke=\"#ffffff\"\n        stroke-width=\"3\"\n        stroke-linecap=\"round\"\n        opacity=\"0.92\"\/>\n\n  <!-- delivery arrow -->\n  <path d=\"M70 86h13c6 0 10-4 10-10V62\"\n        fill=\"none\"\n        stroke=\"#ffb27a\"\n        stroke-width=\"4\"\n        stroke-linecap=\"round\"\n        stroke-linejoin=\"round\"\/>\n\n  <path d=\"M86 67l7-7l7 7\"\n        fill=\"none\"\n        stroke=\"#ffb27a\"\n        stroke-width=\"4\"\n        stroke-linecap=\"round\"\n        stroke-linejoin=\"round\"\/>\n\n  <!-- capability pulse -->\n  <circle cx=\"60\" cy=\"60\" r=\"24\"\n          fill=\"none\"\n          stroke=\"rgba(0,212,255,0.26)\"\n          stroke-width=\"1.5\"\n          stroke-dasharray=\"5 7\"\/>\n\n  <!-- premium shine -->\n  <path d=\"M38 30c7-5 15-7.5 25-7\"\n        fill=\"none\"\n        stroke=\"rgba(255,255,255,0.5)\"\n        stroke-width=\"2\"\n        stroke-linecap=\"round\"\/>\n<\/svg>\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<h3 \n\t\tdata-interaction-id=\"62e6fca\" \n\t\tclass=\"e-heading-base\" \n\t\t \n\t\t\n\t\t\t>\n\t\n\t\t\tConnected Talent and Delivery Capability\n\n\t\t<\/h3>\n\t\t\t\t\t\t\t\t<p class=\"e-paragraph-base\" data-interaction-id=\"01ee232\" data-interactions=\"&#x5B;&#x5D;\"  >\n\t\t\t\t\t\t\t\t\t\tWe bring hiring, delivery, advisory, and service-model experience together so clients can choose the right path without starting from scratch each time.\n\n\t\t\t\t\t\t<\/p>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2a64c39 e-con-full wa-card e-flex e-con e-child\" data-id=\"2a64c39\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-af890ba wa-icon elementor-widget elementor-widget-html\" data-id=\"af890ba\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<svg viewBox=\"0 0 120 120\" class=\"wa-svg\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\">\n  <defs>\n    <linearGradient id=\"publicSectorGradient\" x1=\"18\" y1=\"18\" x2=\"104\" y2=\"104\">\n      <stop offset=\"0%\" stop-color=\"#00d4ff\"\/>\n      <stop offset=\"48%\" stop-color=\"#5b6cff\"\/>\n      <stop offset=\"100%\" stop-color=\"#ff8a3d\"\/>\n    <\/linearGradient>\n\n    <radialGradient id=\"publicSectorCore\" cx=\"50%\" cy=\"42%\" r=\"68%\">\n      <stop offset=\"0%\" stop-color=\"#ffffff\" stop-opacity=\"0.20\"\/>\n      <stop offset=\"55%\" stop-color=\"#00d4ff\" stop-opacity=\"0.08\"\/>\n      <stop offset=\"100%\" stop-color=\"#050914\" stop-opacity=\"0\"\/>\n    <\/radialGradient>\n\n    <filter id=\"publicSectorGlow\" x=\"-45%\" y=\"-45%\" width=\"190%\" height=\"190%\">\n      <feGaussianBlur stdDeviation=\"4\" result=\"blur\"\/>\n      <feColorMatrix in=\"blur\" type=\"matrix\"\n        values=\"0 0 0 0 0\n                0 0 0 0 0.78\n                0 0 0 0 1\n                0 0 0 0.48 0\"\/>\n      <feBlend in=\"SourceGraphic\"\/>\n    <\/filter>\n  <\/defs>\n\n  <!-- outer trust ring -->\n  <circle cx=\"60\" cy=\"60\" r=\"52\"\n          fill=\"rgba(0,212,255,0.06)\"\n          stroke=\"url(#publicSectorGradient)\"\n          stroke-width=\"3\"\/>\n\n  <!-- inner glass field -->\n  <circle cx=\"60\" cy=\"60\" r=\"38\"\n          fill=\"url(#publicSectorCore)\"\n          stroke=\"rgba(255,255,255,0.16)\"\n          stroke-width=\"1.5\"\/>\n\n  <!-- government \/ institutional building -->\n  <path d=\"M34 50h52\"\n        fill=\"none\"\n        stroke=\"rgba(255,255,255,0.84)\"\n        stroke-width=\"4\"\n        stroke-linecap=\"round\"\/>\n\n  <path d=\"M39 50v27M51 50v27M63 50v27M75 50v27\"\n        fill=\"none\"\n        stroke=\"rgba(255,255,255,0.72)\"\n        stroke-width=\"4\"\n        stroke-linecap=\"round\"\/>\n\n  <path d=\"M31 79h58\"\n        fill=\"none\"\n        stroke=\"rgba(255,255,255,0.84)\"\n        stroke-width=\"4\"\n        stroke-linecap=\"round\"\/>\n\n  <path d=\"M35 86h50\"\n        fill=\"none\"\n        stroke=\"rgba(255,255,255,0.45)\"\n        stroke-width=\"3\"\n        stroke-linecap=\"round\"\/>\n\n  <!-- roof \/ public sector authority -->\n  <path d=\"M30 45l30-17l30 17Z\"\n        fill=\"rgba(127,212,255,0.10)\"\n        stroke=\"url(#publicSectorGradient)\"\n        stroke-width=\"3\"\n        stroke-linejoin=\"round\"\n        filter=\"url(#publicSectorGlow)\"\/>\n\n  <!-- complex-client orbit nodes -->\n  <path d=\"M28 34c13-13 32-18 50-10M92 66c-3 17-17 30-35 33M25 70c-5-15 0-30 11-41\"\n        fill=\"none\"\n        stroke=\"rgba(127,212,255,0.26)\"\n        stroke-width=\"2\"\n        stroke-linecap=\"round\"\n        stroke-dasharray=\"5 7\"\/>\n\n  <circle cx=\"34\" cy=\"31\" r=\"5.5\"\n          fill=\"rgba(0,212,255,0.18)\"\n          stroke=\"#7fd4ff\"\n          stroke-width=\"2\"\/>\n\n  <circle cx=\"88\" cy=\"64\" r=\"5.5\"\n          fill=\"rgba(139,92,246,0.18)\"\n          stroke=\"#c084fc\"\n          stroke-width=\"2\"\/>\n\n  <circle cx=\"56\" cy=\"97\" r=\"5.5\"\n          fill=\"rgba(255,138,61,0.18)\"\n          stroke=\"#ffb27a\"\n          stroke-width=\"2\"\/>\n\n  <!-- compliance shield -->\n  <path d=\"M60 54l14 6v9c0 9-6 15-14 18c-8-3-14-9-14-18v-9l14-6z\"\n        fill=\"rgba(6,12,28,0.82)\"\n        stroke=\"url(#publicSectorGradient)\"\n        stroke-width=\"2.5\"\/>\n\n  <path d=\"M54 70l4 4l8-9\"\n        fill=\"none\"\n        stroke=\"#ffb27a\"\n        stroke-width=\"3.5\"\n        stroke-linecap=\"round\"\n        stroke-linejoin=\"round\"\/>\n\n  <!-- premium shine -->\n  <path d=\"M39 25c7-4.5 15-6.5 24-6.5\"\n        fill=\"none\"\n        stroke=\"rgba(255,255,255,0.50)\"\n        stroke-width=\"2\"\n        stroke-linecap=\"round\"\/>\n<\/svg>\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<h3 \n\t\tdata-interaction-id=\"3df2ee8\" \n\t\tclass=\"e-heading-base\" \n\t\t \n\t\t\n\t\t\t>\n\t\n\t\t\tPublic Sector and Complex Client Experience\n\n\t\t<\/h3>\n\t\t\t\t\t\t\t\t<p class=\"e-paragraph-base\" data-interaction-id=\"350d384\" data-interactions=\"&#x5B;&#x5D;\"  >\n\t\t\t\t\t\t\t\t\t\tWe understand the pace, documentation, stakeholder, compliance, and delivery expectations across public sector, regulated, and enterprise environments.\n\n\t\t\t\t\t\t<\/p>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-dbb7b6a e-con-full wa-card e-flex e-con e-child\" data-id=\"dbb7b6a\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-780d1f5 wa-icon elementor-widget elementor-widget-html\" data-id=\"780d1f5\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<svg viewBox=\"0 0 120 120\" class=\"wa-svg\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\">\n  <defs>\n    <linearGradient id=\"flexEngageGradient\" x1=\"18\" y1=\"18\" x2=\"104\" y2=\"104\">\n      <stop offset=\"0%\" stop-color=\"#00d4ff\"\/>\n      <stop offset=\"48%\" stop-color=\"#5b6cff\"\/>\n      <stop offset=\"100%\" stop-color=\"#ff8a3d\"\/>\n    <\/linearGradient>\n\n    <radialGradient id=\"flexEngageCore\" cx=\"50%\" cy=\"42%\" r=\"68%\">\n      <stop offset=\"0%\" stop-color=\"#ffffff\" stop-opacity=\"0.20\"\/>\n      <stop offset=\"55%\" stop-color=\"#00d4ff\" stop-opacity=\"0.08\"\/>\n      <stop offset=\"100%\" stop-color=\"#050914\" stop-opacity=\"0\"\/>\n    <\/radialGradient>\n\n    <filter id=\"flexEngageGlow\" x=\"-45%\" y=\"-45%\" width=\"190%\" height=\"190%\">\n      <feGaussianBlur stdDeviation=\"4\" result=\"blur\"\/>\n      <feColorMatrix in=\"blur\" type=\"matrix\"\n        values=\"0 0 0 0 0\n                0 0 0 0 0.78\n                0 0 0 0 1\n                0 0 0 0.48 0\"\/>\n      <feBlend in=\"SourceGraphic\"\/>\n    <\/filter>\n  <\/defs>\n\n  <!-- outer strategic ring -->\n  <circle cx=\"60\" cy=\"60\" r=\"52\"\n          fill=\"rgba(0,212,255,0.06)\"\n          stroke=\"url(#flexEngageGradient)\"\n          stroke-width=\"3\"\/>\n\n  <!-- inner glass field -->\n  <circle cx=\"60\" cy=\"60\" r=\"38\"\n          fill=\"url(#flexEngageCore)\"\n          stroke=\"rgba(255,255,255,0.16)\"\n          stroke-width=\"1.5\"\/>\n\n  <!-- flexible engagement paths -->\n  <path d=\"M30 38h22c8 0 12 5 12 12v20c0 7 4 12 12 12h14\"\n        fill=\"none\"\n        stroke=\"rgba(127,212,255,0.52)\"\n        stroke-width=\"4\"\n        stroke-linecap=\"round\"\n        stroke-linejoin=\"round\"\/>\n\n  <path d=\"M30 60h18c8 0 14-6 20-14l6-8c4-5 8-8 16-8\"\n        fill=\"none\"\n        stroke=\"rgba(192,132,252,0.48)\"\n        stroke-width=\"4\"\n        stroke-linecap=\"round\"\n        stroke-linejoin=\"round\"\/>\n\n  <path d=\"M30 82h18c8 0 14-5 20-12l7-8c5-6 9-9 15-9\"\n        fill=\"none\"\n        stroke=\"rgba(255,178,122,0.52)\"\n        stroke-width=\"4\"\n        stroke-linecap=\"round\"\n        stroke-linejoin=\"round\"\/>\n\n  <!-- start node -->\n  <circle cx=\"30\" cy=\"60\" r=\"9\"\n          fill=\"rgba(6,12,28,0.88)\"\n          stroke=\"url(#flexEngageGradient)\"\n          stroke-width=\"3\"\n          filter=\"url(#flexEngageGlow)\"\/>\n\n  <!-- engagement option nodes -->\n  <circle cx=\"90\" cy=\"30\" r=\"7\"\n          fill=\"rgba(0,212,255,0.16)\"\n          stroke=\"#7fd4ff\"\n          stroke-width=\"2.5\"\/>\n\n  <circle cx=\"90\" cy=\"53\" r=\"7\"\n          fill=\"rgba(139,92,246,0.16)\"\n          stroke=\"#c084fc\"\n          stroke-width=\"2.5\"\/>\n\n  <circle cx=\"90\" cy=\"82\" r=\"7\"\n          fill=\"rgba(255,138,61,0.16)\"\n          stroke=\"#ffb27a\"\n          stroke-width=\"2.5\"\/>\n\n  <!-- central decision hub -->\n  <circle cx=\"60\" cy=\"60\" r=\"13\"\n          fill=\"rgba(255,255,255,0.08)\"\n          stroke=\"url(#flexEngageGradient)\"\n          stroke-width=\"3\"\n          filter=\"url(#flexEngageGlow)\"\/>\n\n  <!-- path selection mark -->\n  <path d=\"M54 60l5 5l9-11\"\n        fill=\"none\"\n        stroke=\"#ffffff\"\n        stroke-width=\"3.5\"\n        stroke-linecap=\"round\"\n        stroke-linejoin=\"round\"\/>\n\n  <!-- small arrows -->\n  <path d=\"M84 26l7 4l-7 4\"\n        fill=\"none\"\n        stroke=\"#7fd4ff\"\n        stroke-width=\"3\"\n        stroke-linecap=\"round\"\n        stroke-linejoin=\"round\"\/>\n\n  <path d=\"M84 49l7 4l-7 4\"\n        fill=\"none\"\n        stroke=\"#c084fc\"\n        stroke-width=\"3\"\n        stroke-linecap=\"round\"\n        stroke-linejoin=\"round\"\/>\n\n  <path d=\"M84 78l7 4l-7 4\"\n        fill=\"none\"\n        stroke=\"#ffb27a\"\n        stroke-width=\"3\"\n        stroke-linecap=\"round\"\n        stroke-linejoin=\"round\"\/>\n\n  <!-- capability pulse -->\n  <circle cx=\"60\" cy=\"60\" r=\"25\"\n          fill=\"none\"\n          stroke=\"rgba(0,212,255,0.24)\"\n          stroke-width=\"1.5\"\n          stroke-dasharray=\"5 7\"\/>\n\n  <!-- premium shine -->\n  <path d=\"M39 25c7-4.5 15-6.5 24-6.5\"\n        fill=\"none\"\n        stroke=\"rgba(255,255,255,0.50)\"\n        stroke-width=\"2\"\n        stroke-linecap=\"round\"\/>\n<\/svg>\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<h3 \n\t\tdata-interaction-id=\"38e2fb1\" \n\t\tclass=\"e-heading-base\" \n\t\t \n\t\t\n\t\t\t>\n\t\n\t\t\tFlexible Engagement Paths\n\n\t\t<\/h3>\n\t\t\t\t\t\t\t\t<p class=\"e-paragraph-base\" data-interaction-id=\"94ffd77\" data-interactions=\"&#x5B;&#x5D;\"  >\n\t\t\t\t\t\t\t\t\t\tClients can start with one role, a project requirement, advisory need, or structured delivery model based on the level of responsibility involved.\n\n\t\t\t\t\t\t<\/p>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c75de99 e-con-full wa-card e-flex e-con e-child\" data-id=\"c75de99\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d613868 wa-icon elementor-widget elementor-widget-html\" data-id=\"d613868\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<svg viewBox=\"0 0 120 120\" class=\"wa-svg\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\">\n  <defs>\n    <linearGradient id=\"responsiveCommGradient\" x1=\"18\" y1=\"18\" x2=\"104\" y2=\"104\">\n      <stop offset=\"0%\" stop-color=\"#00d4ff\"\/>\n      <stop offset=\"48%\" stop-color=\"#5b6cff\"\/>\n      <stop offset=\"100%\" stop-color=\"#ff8a3d\"\/>\n    <\/linearGradient>\n\n    <radialGradient id=\"responsiveCommCore\" cx=\"50%\" cy=\"42%\" r=\"68%\">\n      <stop offset=\"0%\" stop-color=\"#ffffff\" stop-opacity=\"0.20\"\/>\n      <stop offset=\"55%\" stop-color=\"#00d4ff\" stop-opacity=\"0.08\"\/>\n      <stop offset=\"100%\" stop-color=\"#050914\" stop-opacity=\"0\"\/>\n    <\/radialGradient>\n\n    <filter id=\"responsiveCommGlow\" x=\"-45%\" y=\"-45%\" width=\"190%\" height=\"190%\">\n      <feGaussianBlur stdDeviation=\"4\" result=\"blur\"\/>\n      <feColorMatrix in=\"blur\" type=\"matrix\"\n        values=\"0 0 0 0 0\n                0 0 0 0 0.78\n                0 0 0 0 1\n                0 0 0 0.48 0\"\/>\n      <feBlend in=\"SourceGraphic\"\/>\n    <\/filter>\n  <\/defs>\n\n  <!-- outer communication ring -->\n  <circle cx=\"60\" cy=\"60\" r=\"52\"\n          fill=\"rgba(0,212,255,0.06)\"\n          stroke=\"url(#responsiveCommGradient)\"\n          stroke-width=\"3\"\/>\n\n  <!-- inner glass field -->\n  <circle cx=\"60\" cy=\"60\" r=\"38\"\n          fill=\"url(#responsiveCommCore)\"\n          stroke=\"rgba(255,255,255,0.16)\"\n          stroke-width=\"1.5\"\/>\n\n  <!-- signal wave lines -->\n  <path d=\"M28 42c8-10 19-16 32-16s24 6 32 16\"\n        fill=\"none\"\n        stroke=\"rgba(127,212,255,0.34)\"\n        stroke-width=\"3\"\n        stroke-linecap=\"round\"\/>\n\n  <path d=\"M36 50c6-7 14-11 24-11s18 4 24 11\"\n        fill=\"none\"\n        stroke=\"rgba(192,132,252,0.38)\"\n        stroke-width=\"3\"\n        stroke-linecap=\"round\"\/>\n\n  <!-- message bubbles -->\n  <path d=\"M31 55h32c6 0 10 4 10 10v10c0 6-4 10-10 10H48l-13 10v-10h-4c-6 0-10-4-10-10V65c0-6 4-10 10-10z\"\n        fill=\"rgba(6,12,28,0.86)\"\n        stroke=\"url(#responsiveCommGradient)\"\n        stroke-width=\"3\"\n        stroke-linejoin=\"round\"\n        filter=\"url(#responsiveCommGlow)\"\/>\n\n  <path d=\"M57 35h32c6 0 10 4 10 10v9c0 6-4 10-10 10h-5v9l-12-9H57c-6 0-10-4-10-10v-9c0-6 4-10 10-10z\"\n        fill=\"rgba(6,12,28,0.74)\"\n        stroke=\"rgba(255,178,122,0.88)\"\n        stroke-width=\"2.8\"\n        stroke-linejoin=\"round\"\/>\n\n  <!-- chat dots -->\n  <circle cx=\"40\" cy=\"70\" r=\"3.2\" fill=\"#7fd4ff\"\/>\n  <circle cx=\"51\" cy=\"70\" r=\"3.2\" fill=\"#c084fc\"\/>\n  <circle cx=\"62\" cy=\"70\" r=\"3.2\" fill=\"#ffb27a\"\/>\n\n  <!-- response arrow -->\n  <path d=\"M75 49h12\"\n        fill=\"none\"\n        stroke=\"#ffffff\"\n        stroke-width=\"3\"\n        stroke-linecap=\"round\"\/>\n\n  <path d=\"M83 43l6 6l-6 6\"\n        fill=\"none\"\n        stroke=\"#ffffff\"\n        stroke-width=\"3\"\n        stroke-linecap=\"round\"\n        stroke-linejoin=\"round\"\/>\n\n  <!-- responsive pulse node -->\n  <circle cx=\"84\" cy=\"82\" r=\"7\"\n          fill=\"rgba(255,138,61,0.16)\"\n          stroke=\"#ffb27a\"\n          stroke-width=\"2.5\"\/>\n\n  <path d=\"M72 82h12\"\n        fill=\"none\"\n        stroke=\"rgba(255,178,122,0.65)\"\n        stroke-width=\"2.5\"\n        stroke-linecap=\"round\"\/>\n\n  <!-- capability pulse -->\n  <circle cx=\"60\" cy=\"60\" r=\"25\"\n          fill=\"none\"\n          stroke=\"rgba(0,212,255,0.24)\"\n          stroke-width=\"1.5\"\n          stroke-dasharray=\"5 7\"\/>\n\n  <!-- premium shine -->\n  <path d=\"M39 25c7-4.5 15-6.5 24-6.5\"\n        fill=\"none\"\n        stroke=\"rgba(255,255,255,0.50)\"\n        stroke-width=\"2\"\n        stroke-linecap=\"round\"\/>\n<\/svg>\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<h3 \n\t\tdata-interaction-id=\"a83c539\" \n\t\tclass=\"e-heading-base\" \n\t\t \n\t\t\n\t\t\t>\n\t\n\t\t\tResponsive Communication\n\n\t\t<\/h3>\n\t\t\t\t\t\t\t\t<p class=\"e-paragraph-base\" data-interaction-id=\"1411b1b\" data-interactions=\"&#x5B;&#x5D;\"  >\n\t\t\t\t\t\t\t\t\t\tWe stay close to priorities, keep communication clear, and remain attentive as needs shift through the engagement.\n\n\t\t\t\t\t\t<\/p>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-34d4788 e-con-full wa-card e-flex e-con e-child\" data-id=\"34d4788\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8cd240e wa-icon elementor-widget elementor-widget-html\" data-id=\"8cd240e\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<svg viewBox=\"0 0 120 120\" class=\"wa-svg\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\">\n  <defs>\n    <linearGradient id=\"longTermTrustGradient\" x1=\"18\" y1=\"18\" x2=\"104\" y2=\"104\">\n      <stop offset=\"0%\" stop-color=\"#00d4ff\"\/>\n      <stop offset=\"48%\" stop-color=\"#5b6cff\"\/>\n      <stop offset=\"100%\" stop-color=\"#ff8a3d\"\/>\n    <\/linearGradient>\n\n    <radialGradient id=\"longTermTrustCore\" cx=\"50%\" cy=\"42%\" r=\"68%\">\n      <stop offset=\"0%\" stop-color=\"#ffffff\" stop-opacity=\"0.20\"\/>\n      <stop offset=\"55%\" stop-color=\"#00d4ff\" stop-opacity=\"0.08\"\/>\n      <stop offset=\"100%\" stop-color=\"#050914\" stop-opacity=\"0\"\/>\n    <\/radialGradient>\n\n    <filter id=\"longTermTrustGlow\" x=\"-45%\" y=\"-45%\" width=\"190%\" height=\"190%\">\n      <feGaussianBlur stdDeviation=\"4\" result=\"blur\"\/>\n      <feColorMatrix in=\"blur\" type=\"matrix\"\n        values=\"0 0 0 0 0\n                0 0 0 0 0.78\n                0 0 0 0 1\n                0 0 0 0.48 0\"\/>\n      <feBlend in=\"SourceGraphic\"\/>\n    <\/filter>\n  <\/defs>\n\n  <!-- outer trust ring -->\n  <circle cx=\"60\" cy=\"60\" r=\"52\"\n          fill=\"rgba(0,212,255,0.06)\"\n          stroke=\"url(#longTermTrustGradient)\"\n          stroke-width=\"3\"\/>\n\n  <!-- inner glass field -->\n  <circle cx=\"60\" cy=\"60\" r=\"38\"\n          fill=\"url(#longTermTrustCore)\"\n          stroke=\"rgba(255,255,255,0.16)\"\n          stroke-width=\"1.5\"\/>\n\n  <!-- long-term orbit -->\n  <path d=\"M29 61c0-17 14-31 31-31s31 14 31 31s-14 31-31 31\"\n        fill=\"none\"\n        stroke=\"rgba(127,212,255,0.34)\"\n        stroke-width=\"2.5\"\n        stroke-linecap=\"round\"\n        stroke-dasharray=\"6 7\"\/>\n\n  <path d=\"M54 92l7 6l7-6\"\n        fill=\"none\"\n        stroke=\"#7fd4ff\"\n        stroke-width=\"3\"\n        stroke-linecap=\"round\"\n        stroke-linejoin=\"round\"\/>\n\n  <!-- central shield -->\n  <path d=\"M60 31l25 10v18c0 18-10.5 31-25 38c-14.5-7-25-20-25-38V41l25-10z\"\n        fill=\"rgba(6,12,28,0.82)\"\n        stroke=\"url(#longTermTrustGradient)\"\n        stroke-width=\"3\"\n        stroke-linejoin=\"round\"\n        filter=\"url(#longTermTrustGlow)\"\/>\n\n  <!-- handshake \/ partnership line -->\n  <path d=\"M43 63l9-9c3-3 7-3 10 0l4 4\"\n        fill=\"none\"\n        stroke=\"rgba(255,255,255,0.82)\"\n        stroke-width=\"4\"\n        stroke-linecap=\"round\"\n        stroke-linejoin=\"round\"\/>\n\n  <path d=\"M77 63l-9-9c-3-3-7-3-10 0l-4 4\"\n        fill=\"none\"\n        stroke=\"rgba(255,255,255,0.64)\"\n        stroke-width=\"4\"\n        stroke-linecap=\"round\"\n        stroke-linejoin=\"round\"\/>\n\n  <path d=\"M48 68l7 7c3 3 7 3 10 0l7-7\"\n        fill=\"none\"\n        stroke=\"#ffb27a\"\n        stroke-width=\"4\"\n        stroke-linecap=\"round\"\n        stroke-linejoin=\"round\"\/>\n\n  <!-- trust check -->\n  <circle cx=\"60\" cy=\"68\" r=\"18\"\n          fill=\"rgba(255,255,255,0.04)\"\n          stroke=\"rgba(255,255,255,0.14)\"\n          stroke-width=\"1.5\"\/>\n\n  <path d=\"M52 68l6 6l11-13\"\n        fill=\"none\"\n        stroke=\"#7fd4ff\"\n        stroke-width=\"4\"\n        stroke-linecap=\"round\"\n        stroke-linejoin=\"round\"\/>\n\n  <!-- stability nodes -->\n  <circle cx=\"32\" cy=\"46\" r=\"5.5\"\n          fill=\"rgba(0,212,255,0.16)\"\n          stroke=\"#7fd4ff\"\n          stroke-width=\"2\"\/>\n\n  <circle cx=\"88\" cy=\"46\" r=\"5.5\"\n          fill=\"rgba(139,92,246,0.16)\"\n          stroke=\"#c084fc\"\n          stroke-width=\"2\"\/>\n\n  <circle cx=\"60\" cy=\"97\" r=\"5.5\"\n          fill=\"rgba(255,138,61,0.16)\"\n          stroke=\"#ffb27a\"\n          stroke-width=\"2\"\/>\n\n  <!-- capability pulse -->\n  <circle cx=\"60\" cy=\"60\" r=\"25\"\n          fill=\"none\"\n          stroke=\"rgba(0,212,255,0.24)\"\n          stroke-width=\"1.5\"\n          stroke-dasharray=\"5 7\"\/>\n\n  <!-- premium shine -->\n  <path d=\"M39 25c7-4.5 15-6.5 24-6.5\"\n        fill=\"none\"\n        stroke=\"rgba(255,255,255,0.50)\"\n        stroke-width=\"2\"\n        stroke-linecap=\"round\"\/>\n<\/svg>\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<h3 \n\t\tdata-interaction-id=\"987919c\" \n\t\tclass=\"e-heading-base\" \n\t\t \n\t\t\n\t\t\t>\n\t\n\t\t\tBuilt for Long-Term Trust\n\t\t<\/h3>\n\t\t\t\t\t\t\t\t<p class=\"e-paragraph-base\" data-interaction-id=\"5751f76\" data-interactions=\"&#x5B;&#x5D;\"  >\n\t\t\t\t\t\t\t\t\t\tWe prioritize clear expectations, dependable communication, and partnerships that can extend beyond a single requirement.\n\n\t\t\t\t\t\t<\/p>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f0a28cf e-con-full e-flex e-con e-parent\" data-id=\"f0a28cf\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-115e280 elementor-widget elementor-widget-html\" data-id=\"115e280\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =====================================================\n  CLIENT EXPERIENCE \u2014 Trust Hex Section\n  Paste into Elementor > HTML Widget\n  No header\/footer required\n===================================================== -->\n\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Bebas+Neue&family=DM+Sans:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\n\n<style>\n.oc3 *{box-sizing:border-box;margin:0;padding:0;}\n\n.oc3{\n  position:relative;\n  background:#060614;\n  overflow:hidden;\n  width:100%;\n  padding:110px 0;\n  font-family:'DM Sans',sans-serif;\n}\n\n\/* Background blobs *\/\n.oc3-blob{\n  position:absolute;\n  border-radius:50%;\n  pointer-events:none;\n  will-change:transform;\n}\n\n.oc3-b1{\n  width:520px;\n  height:560px;\n  background:radial-gradient(ellipse at center,\n    rgba(200,60,255,.72) 0%,\n    rgba(140,40,220,.50) 28%,\n    rgba(80,20,180,.28) 58%,\n    transparent 80%);\n  top:-80px;\n  right:12%;\n  filter:blur(70px);\n  animation:oc3b1 11s ease-in-out infinite;\n}\n\n.oc3-b2{\n  width:580px;\n  height:580px;\n  background:radial-gradient(ellipse at center,\n    rgba(0,135,255,.75) 0%,\n    rgba(10,55,210,.55) 32%,\n    rgba(5,15,100,.26) 62%,\n    transparent 85%);\n  bottom:-120px;\n  left:38%;\n  filter:blur(75px);\n  animation:oc3b2 13s ease-in-out infinite;\n}\n\n.oc3-b3{\n  width:260px;\n  height:300px;\n  background:radial-gradient(ellipse at center,\n    rgba(255,138,61,.35) 0%,\n    rgba(120,70,255,.24) 42%,\n    transparent 72%);\n  top:38%;\n  right:4%;\n  filter:blur(65px);\n  animation:oc3b3 8s ease-in-out infinite;\n}\n\n.oc3-b4{\n  width:70px;\n  height:480px;\n  background:linear-gradient(180deg,\n    transparent 0%,\n    rgba(0,212,255,.42) 38%,\n    rgba(4,8,90,.75) 68%,\n    transparent 100%);\n  bottom:0;\n  left:40%;\n  filter:blur(22px);\n  border-radius:40px;\n  transform:rotate(-14deg);\n  animation:oc3b4 9s ease-in-out infinite;\n}\n\n@keyframes oc3b1{\n  0%,100%{transform:translate(0,0) scale(1);}\n  33%{transform:translate(-20px,-30px) scale(1.09);}\n  66%{transform:translate(14px,18px) scale(.93);}\n}\n\n@keyframes oc3b2{\n  0%,100%{transform:translate(0,0) scale(1);}\n  40%{transform:translate(-18px,26px) scale(.91);}\n  75%{transform:translate(22px,-16px) scale(1.07);}\n}\n\n@keyframes oc3b3{\n  0%,100%{transform:translate(0,0);}\n  50%{transform:translate(9px,-20px);}\n}\n\n@keyframes oc3b4{\n  0%,100%{transform:rotate(-14deg) translate(0,0);}\n  50%{transform:rotate(-11deg) translate(6px,-16px);}\n}\n\n\/* Layout *\/\n.oc3-inner{\n  position:relative;\n  z-index:2;\n  display:grid;\n  grid-template-columns:1fr 1fr;\n  gap:58px;\n  align-items:center;\n  max-width:1240px;\n  margin:0 auto;\n  padding:0 56px;\n}\n\n\/* Left *\/\n.oc3-left{\n  padding-right:12px;\n}\n\n.oc3-eyebrow{\n  display:inline-flex;\n  align-items:center;\n  gap:10px;\n  color:#7fd4ff;\n  font-size:12px;\n  letter-spacing:2.4px;\n  text-transform:uppercase;\n  line-height:1.4;\n  margin-bottom:18px;\n  font-weight:700;\n}\n\n.oc3-eyebrow::before{\n  content:\"\";\n  width:8px;\n  height:8px;\n  border-radius:999px;\n  background:#00d4ff;\n  box-shadow:0 0 18px rgba(0,212,255,.9);\n}\n\n.oc3-title{\n  font-family:'Bebas Neue',sans-serif;\n  font-size:clamp(52px,6.6vw,94px);\n  line-height:.92;\n  color:#fff;\n  margin-bottom:22px;\n  letter-spacing:1px;\n  max-width:620px;\n}\n\n.oc3-headline{\n  color:#ffffff;\n  font-size:20px;\n  line-height:1.45;\n  font-weight:600;\n  max-width:640px;\n  margin-bottom:18px;\n}\n\n.oc3-sub{\n  color:rgba(200,216,255,.76);\n  font-size:15.5px;\n  line-height:1.82;\n  max-width:640px;\n  margin-bottom:28px;\n}\n\n.oc3-proof{\n  display:grid;\n  gap:14px;\n  margin-bottom:32px;\n}\n\n.oc3-proof-item{\n  position:relative;\n  padding:16px 18px 16px 46px;\n  border:1px solid rgba(127,212,255,.13);\n  border-radius:16px;\n  background:linear-gradient(135deg,rgba(12,20,44,.78),rgba(8,10,26,.52));\n  box-shadow:0 18px 40px rgba(0,0,0,.16);\n}\n\n.oc3-proof-item::before{\n  content:\"\";\n  position:absolute;\n  left:18px;\n  top:20px;\n  width:12px;\n  height:12px;\n  border-radius:50%;\n  background:linear-gradient(135deg,#00d4ff,#ff8a3d);\n  box-shadow:0 0 18px rgba(0,212,255,.5);\n}\n\n.oc3-proof-title{\n  color:#ffffff;\n  font-size:14px;\n  font-weight:700;\n  margin-bottom:5px;\n}\n\n.oc3-proof-text{\n  color:rgba(190,205,238,.74);\n  font-size:13.5px;\n  line-height:1.58;\n}\n\n.oc3-cta{\n  display:inline-flex;\n  align-items:center;\n  gap:10px;\n  color:#ffffff;\n  font-size:14px;\n  font-weight:700;\n  letter-spacing:.2px;\n  padding:13px 18px;\n  border-radius:999px;\n  background:linear-gradient(135deg,rgba(0,212,255,.18),rgba(79,108,255,.16),rgba(255,138,61,.14));\n  border:1px solid rgba(127,212,255,.26);\n  text-decoration:none;\n  box-shadow:0 0 34px rgba(0,212,255,.12);\n  transition:transform .28s ease, box-shadow .28s ease, border-color .28s ease;\n}\n\n.oc3-cta:hover{\n  transform:translateY(-2px);\n  border-color:rgba(127,212,255,.55);\n  box-shadow:0 0 44px rgba(0,212,255,.2);\n}\n\n.oc3-cta span{\n  color:#ffb27a;\n  transition:transform .28s ease;\n}\n\n.oc3-cta:hover span{\n  transform:translateX(4px);\n}\n\n\/* Right *\/\n.oc3-right{\n  display:flex;\n  align-items:center;\n  justify-content:center;\n}\n\n.oc3-grid{\n  position:relative;\n  width:438px;\n  transform:translateY(4px);\n}\n\n.oc3-row{\n  display:flex;\n  justify-content:center;\n  margin-bottom:-20px;\n}\n\n.oc3-row:nth-child(even){\n  margin-left:102px;\n}\n\n\/* Hex *\/\n.oc3-hex{\n  position:relative;\n  width:118px;\n  height:136px;\n  margin:0 5px;\n  flex-shrink:0;\n  cursor:pointer;\n}\n\n.oc3-hex::before{\n  content:'';\n  position:absolute;\n  inset:-1.5px;\n  clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);\n  background:linear-gradient(135deg,rgba(0,212,255,.28),rgba(120,90,255,.18),rgba(255,138,61,.22));\n  z-index:0;\n  opacity:.85;\n}\n\n.oc3-hex-inner{\n  position:absolute;\n  inset:0;\n  z-index:1;\n  clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);\n  display:flex;\n  flex-direction:column;\n  align-items:center;\n  justify-content:center;\n  text-align:center;\n  padding:19px 12px 16px;\n  overflow:hidden;\n  background:linear-gradient(145deg,rgba(13,18,44,.94),rgba(8,10,28,.94));\n  transition:filter .35s ease, transform .35s ease, background .35s ease;\n}\n\n.oc3-hex.active .oc3-hex-inner{\n  background:\n    radial-gradient(circle at 50% 20%,rgba(0,212,255,.20),transparent 42%),\n    linear-gradient(145deg,rgba(18,47,112,.94),rgba(18,22,72,.94));\n}\n\n.oc3-icon{\n  width:28px;\n  height:28px;\n  margin-bottom:8px;\n  color:#7fd4ff;\n  filter:drop-shadow(0 0 9px rgba(0,212,255,.48));\n}\n\n.oc3-hex:nth-child(2n) .oc3-icon{\n  color:#c084fc;\n}\n\n.oc3-row:nth-child(3) .oc3-hex:nth-child(3) .oc3-icon,\n.oc3-row:nth-child(4) .oc3-hex .oc3-icon{\n  color:#ffb27a;\n}\n\n.oc3-icon svg{\n  width:100%;\n  height:100%;\n  display:block;\n}\n\n.oc3-hex-title{\n  color:#ffffff;\n  font-size:12px;\n  line-height:1.12;\n  font-weight:800;\n  letter-spacing:.1px;\n  margin-bottom:5px;\n}\n\n.oc3-hex-text{\n  color:rgba(205,220,255,.68);\n  font-size:10.2px;\n  line-height:1.22;\n  font-weight:500;\n}\n\n.oc3-hex-glow{\n  position:absolute;\n  inset:0;\n  background:radial-gradient(circle at 50% 20%,rgba(255,255,255,.12),transparent 46%);\n  opacity:.8;\n  pointer-events:none;\n}\n\n.oc3-hex:hover .oc3-hex-inner{\n  filter:\n    drop-shadow(0 0 14px rgba(0,212,255,.85))\n    drop-shadow(0 0 30px rgba(100,60,255,.56))\n    drop-shadow(0 0 55px rgba(255,138,61,.24));\n  transform:scale(1.06);\n}\n\n.oc3-hex.active .oc3-hex-inner{\n  animation:oc3hexIdle 4s ease-in-out infinite;\n}\n\n.oc3-row:nth-child(1) .oc3-hex:nth-child(1) .oc3-hex-inner{animation-delay:.0s;}\n.oc3-row:nth-child(1) .oc3-hex:nth-child(2) .oc3-hex-inner{animation-delay:.4s;}\n.oc3-row:nth-child(2) .oc3-hex:nth-child(1) .oc3-hex-inner{animation-delay:.8s;}\n.oc3-row:nth-child(2) .oc3-hex:nth-child(2) .oc3-hex-inner{animation-delay:1.2s;}\n.oc3-row:nth-child(2) .oc3-hex:nth-child(3) .oc3-hex-inner{animation-delay:1.6s;}\n.oc3-row:nth-child(3) .oc3-hex:nth-child(1) .oc3-hex-inner{animation-delay:2s;}\n.oc3-row:nth-child(3) .oc3-hex:nth-child(2) .oc3-hex-inner{animation-delay:2.4s;}\n.oc3-row:nth-child(3) .oc3-hex:nth-child(3) .oc3-hex-inner{animation-delay:2.8s;}\n.oc3-row:nth-child(4) .oc3-hex:nth-child(1) .oc3-hex-inner{animation-delay:3.2s;}\n\n@keyframes oc3hexIdle{\n  0%,100%{filter:brightness(1);}\n  50%{filter:brightness(1.12) drop-shadow(0 0 10px rgba(99,102,241,.38));}\n}\n\n\/* Responsive *\/\n@media(max-width:980px){\n  .oc3{\n    padding:86px 0;\n  }\n\n  .oc3-inner{\n    grid-template-columns:1fr;\n    padding:0 28px;\n    gap:44px;\n  }\n\n  .oc3-left{\n    order:2;\n    padding-right:0;\n  }\n\n  .oc3-right{\n    order:1;\n  }\n\n  .oc3-grid{\n    width:380px;\n  }\n\n  .oc3-hex{\n    width:102px;\n    height:118px;\n  }\n\n  .oc3-row:nth-child(even){\n    margin-left:88px;\n  }\n\n  .oc3-title{\n    font-size:clamp(48px,11vw,76px);\n  }\n}\n\n@media(max-width:520px){\n  .oc3{\n    padding:68px 0;\n  }\n\n  .oc3-inner{\n    padding:0 18px;\n  }\n\n  .oc3-grid{\n    width:300px;\n  }\n\n  .oc3-hex{\n    width:82px;\n    height:95px;\n    margin:0 3px;\n  }\n\n  .oc3-row{\n    margin-bottom:-14px;\n  }\n\n  .oc3-row:nth-child(even){\n    margin-left:70px;\n  }\n\n  .oc3-hex-inner{\n    padding:13px 8px 12px;\n  }\n\n  .oc3-icon{\n    width:21px;\n    height:21px;\n    margin-bottom:5px;\n  }\n\n  .oc3-hex-title{\n    font-size:9.8px;\n    line-height:1.06;\n    margin-bottom:3px;\n  }\n\n  .oc3-hex-text{\n    font-size:8.2px;\n    line-height:1.12;\n  }\n\n  .oc3-headline{\n    font-size:18px;\n  }\n\n  .oc3-sub{\n    font-size:14.5px;\n  }\n}\n\n@media(prefers-reduced-motion:reduce){\n  .oc3-blob,\n  .oc3-hex.active .oc3-hex-inner{\n    animation:none!important;\n  }\n\n  .oc3-hex-inner,\n  .oc3-cta,\n  .oc3-cta span{\n    transition:none!important;\n  }\n}\n<\/style>\n\n<div class=\"oc3\">\n\n  <div class=\"oc3-blob oc3-b1\"><\/div>\n  <div class=\"oc3-blob oc3-b2\"><\/div>\n  <div class=\"oc3-blob oc3-b3\"><\/div>\n  <div class=\"oc3-blob oc3-b4\"><\/div>\n\n  <div class=\"oc3-inner\">\n\n    <!-- LEFT CONTENT -->\n    <div class=\"oc3-left\">\n      <p class=\"oc3-eyebrow\">Client Experience<\/p>\n\n      <h2 class=\"oc3-title\">Trusted Across Complex Client Environments<\/h2>\n\n      <p class=\"oc3-headline\">\n        Helping organizations move forward where accountability, continuity, and delivery confidence matter\n      <\/p>\n\n      <p class=\"oc3-sub\">\n        DT Solutions works with organizations that need dependable people, clear coordination, and practical engagement paths across high-expectation client environments.\n      <\/p>\n\n      <div class=\"oc3-proof\">\n        <div class=\"oc3-proof-item\">\n          <p class=\"oc3-proof-title\">Public Sector Ready<\/p>\n          <p class=\"oc3-proof-text\">Experience with procurement-sensitive, documentation-driven, and stakeholder-heavy environments.<\/p>\n        <\/div>\n\n        <div class=\"oc3-proof-item\">\n          <p class=\"oc3-proof-title\">Enterprise and Regulated Experience<\/p>\n          <p class=\"oc3-proof-text\">Familiarity with client settings shaped by compliance, accountability, timelines, and operational expectations.<\/p>\n        <\/div>\n\n        <div class=\"oc3-proof-item\">\n          <p class=\"oc3-proof-title\">Long-Term Client Confidence<\/p>\n          <p class=\"oc3-proof-text\">A relationship-led approach focused on clear communication, steady coordination, and durable client trust.<\/p>\n        <\/div>\n      <\/div>\n\n      <a class=\"oc3-cta\" href=\"#industries\">\n        Explore Industries We Support <span>\u2192<\/span>\n      <\/a>\n    <\/div>\n\n    <!-- RIGHT HEX GRID -->\n    <div class=\"oc3-right\">\n      <div class=\"oc3-grid\">\n\n        <!-- ROW 1 -->\n        <div class=\"oc3-row\">\n          <div class=\"oc3-hex active\">\n            <div class=\"oc3-hex-inner\">\n              <span class=\"oc3-hex-glow\"><\/span>\n              <span class=\"oc3-icon\">\n                <!-- Government building -->\n                <svg viewBox=\"0 0 48 48\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                  <path d=\"M8 19h32\"\/>\n                  <path d=\"M10 38h28\"\/>\n                  <path d=\"M14 19v16M24 19v16M34 19v16\"\/>\n                  <path d=\"M7 17l17-10l17 10z\"\/>\n                  <path d=\"M12 42h24\"\/>\n                <\/svg>\n              <\/span>\n              <p class=\"oc3-hex-title\">Public Sector<\/p>\n              <p class=\"oc3-hex-text\">Procurement-ready<\/p>\n            <\/div>\n          <\/div>\n\n          <div class=\"oc3-hex active\">\n            <div class=\"oc3-hex-inner\">\n              <span class=\"oc3-hex-glow\"><\/span>\n              <span class=\"oc3-icon\">\n                <!-- Office \/ team network -->\n                <svg viewBox=\"0 0 48 48\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                  <rect x=\"8\" y=\"10\" width=\"14\" height=\"28\" rx=\"2\"\/>\n                  <rect x=\"26\" y=\"16\" width=\"14\" height=\"22\" rx=\"2\"\/>\n                  <path d=\"M13 16h4M13 23h4M13 30h4M31 22h4M31 29h4\"\/>\n                  <path d=\"M22 25h4\"\/>\n                <\/svg>\n              <\/span>\n              <p class=\"oc3-hex-title\">Enterprise Teams<\/p>\n              <p class=\"oc3-hex-text\">Scalable engagement<\/p>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <!-- ROW 2 -->\n        <div class=\"oc3-row\">\n          <div class=\"oc3-hex active\">\n            <div class=\"oc3-hex-inner\">\n              <span class=\"oc3-hex-glow\"><\/span>\n              <span class=\"oc3-icon\">\n                <!-- Document \/ checklist -->\n                <svg viewBox=\"0 0 48 48\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                  <path d=\"M29 6H14a4 4 0 0 0-4 4v28a4 4 0 0 0 4 4h20a4 4 0 0 0 4-4V15z\"\/>\n                  <path d=\"M29 6v9h9\"\/>\n                  <path d=\"M16 24l3 3l6-7\"\/>\n                  <path d=\"M16 34h16\"\/>\n                <\/svg>\n              <\/span>\n              <p class=\"oc3-hex-title\">Regulated Work<\/p>\n              <p class=\"oc3-hex-text\">Documentation-aware<\/p>\n            <\/div>\n          <\/div>\n\n          <div class=\"oc3-hex active\">\n            <div class=\"oc3-hex-inner\">\n              <span class=\"oc3-hex-glow\"><\/span>\n              <span class=\"oc3-icon\">\n                <!-- People \/ users -->\n                <svg viewBox=\"0 0 48 48\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                  <circle cx=\"24\" cy=\"17\" r=\"7\"\/>\n                  <path d=\"M12 39c2.8-8 8-12 12-12s9.2 4 12 12\"\/>\n                  <path d=\"M9 25c-3 1.5-5 4.5-6 9\"\/>\n                  <path d=\"M39 25c3 1.5 5 4.5 6 9\"\/>\n                  <path d=\"M10 18a5 5 0 0 1 6-5M38 18a5 5 0 0 0-6-5\"\/>\n                <\/svg>\n              <\/span>\n              <p class=\"oc3-hex-title\">Talent Access<\/p>\n              <p class=\"oc3-hex-text\">Skilled professionals<\/p>\n            <\/div>\n          <\/div>\n\n          <div class=\"oc3-hex active\">\n            <div class=\"oc3-hex-inner\">\n              <span class=\"oc3-hex-glow\"><\/span>\n              <span class=\"oc3-icon\">\n                <!-- Contract \/ milestone -->\n                <svg viewBox=\"0 0 48 48\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                  <path d=\"M14 6h16l8 8v28H14z\"\/>\n                  <path d=\"M30 6v8h8\"\/>\n                  <path d=\"M19 24h14\"\/>\n                  <path d=\"M19 31h10\"\/>\n                  <circle cx=\"15\" cy=\"36\" r=\"5\"\/>\n                  <path d=\"M12.5 36l1.8 1.8l3.4-4\"\/>\n                <\/svg>\n              <\/span>\n              <p class=\"oc3-hex-title\">Defined Scope<\/p>\n              <p class=\"oc3-hex-text\">Outcome clarity<\/p>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <!-- ROW 3 -->\n        <div class=\"oc3-row\">\n          <div class=\"oc3-hex active\">\n            <div class=\"oc3-hex-inner\">\n              <span class=\"oc3-hex-glow\"><\/span>\n              <span class=\"oc3-icon\">\n                <!-- Layers \/ operations -->\n                <svg viewBox=\"0 0 48 48\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                  <path d=\"M24 6l18 10l-18 10L6 16z\"\/>\n                  <path d=\"M42 24L24 34L6 24\"\/>\n                  <path d=\"M42 32L24 42L6 32\"\/>\n                <\/svg>\n              <\/span>\n              <p class=\"oc3-hex-title\">Service Continuity<\/p>\n              <p class=\"oc3-hex-text\">Ongoing coverage<\/p>\n            <\/div>\n          <\/div>\n\n          <div class=\"oc3-hex active\">\n            <div class=\"oc3-hex-inner\">\n              <span class=\"oc3-hex-glow\"><\/span>\n              <span class=\"oc3-icon\">\n                <!-- Compass \/ advisory -->\n                <svg viewBox=\"0 0 48 48\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                  <circle cx=\"24\" cy=\"24\" r=\"17\"\/>\n                  <path d=\"M30 18l-4 10l-10 4l4-10z\"\/>\n                  <circle cx=\"24\" cy=\"24\" r=\"2\"\/>\n                <\/svg>\n              <\/span>\n              <p class=\"oc3-hex-title\">Advisory Needs<\/p>\n              <p class=\"oc3-hex-text\">Specialized input<\/p>\n            <\/div>\n          <\/div>\n\n          <div class=\"oc3-hex active\">\n            <div class=\"oc3-hex-inner\">\n              <span class=\"oc3-hex-glow\"><\/span>\n              <span class=\"oc3-icon\">\n                <!-- Workflow \/ timeline -->\n                <svg viewBox=\"0 0 48 48\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                  <path d=\"M10 14h8\"\/>\n                  <path d=\"M30 14h8\"\/>\n                  <path d=\"M18 14c6 0 6 20 12 20\"\/>\n                  <path d=\"M10 34h8\"\/>\n                  <path d=\"M30 34h8\"\/>\n                  <circle cx=\"10\" cy=\"14\" r=\"4\"\/>\n                  <circle cx=\"38\" cy=\"14\" r=\"4\"\/>\n                  <circle cx=\"10\" cy=\"34\" r=\"4\"\/>\n                  <circle cx=\"38\" cy=\"34\" r=\"4\"\/>\n                <\/svg>\n              <\/span>\n              <p class=\"oc3-hex-title\">Project Priorities<\/p>\n              <p class=\"oc3-hex-text\">Timeline focus<\/p>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <!-- ROW 4 -->\n        <div class=\"oc3-row\">\n          <div class=\"oc3-hex active\">\n            <div class=\"oc3-hex-inner\">\n              <span class=\"oc3-hex-glow\"><\/span>\n              <span class=\"oc3-icon\">\n                <!-- Handshake \/ partnership -->\n                <svg viewBox=\"0 0 48 48\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                  <path d=\"M17 27l7-7c2.4-2.4 5.5-2.4 8 0l2 2\"\/>\n                  <path d=\"M31 27l-7-7\"\/>\n                  <path d=\"M12 24l8 10c2.6 3.2 5.4 3.2 8 0l8-10\"\/>\n                  <path d=\"M8 20l8-8\"\/>\n                  <path d=\"M40 20l-8-8\"\/>\n                  <path d=\"M20 34l4 4l4-4\"\/>\n                <\/svg>\n              <\/span>\n              <p class=\"oc3-hex-title\">Client Trust<\/p>\n              <p class=\"oc3-hex-text\">Long-term relationships<\/p>\n            <\/div>\n          <\/div>\n        <\/div>\n\n      <\/div>\n    <\/div>\n\n  <\/div>\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5942dfb e-con-full e-flex e-con e-parent\" data-id=\"5942dfb\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fd75d69 elementor-widget elementor-widget-html\" data-id=\"fd75d69\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\n  DT SOLUTIONS \u2014 INFINITE CLIENT FEEDBACK HIGHLIGHTS\n  WordPress \/ Elementor Safe\n  Complete Replaceable Code\n  No header\/footer required\n============================================================= -->\n\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800;900&family=Space+Grotesk:wght@500;600;700;800&display=swap\" rel=\"stylesheet\">\n\n<section id=\"dt-feedback-infinite\" class=\"dtfb\">\n  <div class=\"dtfb-bg\" aria-hidden=\"true\">\n    <div class=\"dtfb-grid\"><\/div>\n    <div class=\"dtfb-orb dtfb-orb-a\"><\/div>\n    <div class=\"dtfb-orb dtfb-orb-b\"><\/div>\n    <div class=\"dtfb-orb dtfb-orb-c\"><\/div>\n    <div class=\"dtfb-lightline\"><\/div>\n  <\/div>\n\n  <div class=\"dtfb-shell\">\n    <div class=\"dtfb-left\">\n      <p class=\"dtfb-eyebrow\"><span><\/span> Client Feedback Highlights<\/p>\n\n      <h2>What Clients Value About Working With DT Solutions<\/h2>\n\n      <p class=\"dtfb-sub\">\n        Clients value DT Solutions for clear communication, practical coordination, and dependable follow-through across complex workforce and delivery needs.\n      <\/p>\n\n      <a class=\"dtfb-cta\" href=\"#contact\">\n        Talk to DT Solutions <span>\u2192<\/span>\n      <\/a>\n\n      <div class=\"dtfb-proof\">\n        <div>\n          <strong>10<\/strong>\n          <span>Feedback Signals<\/span>\n        <\/div>\n        <div>\n          <strong>\u221e<\/strong>\n          <span>Rolling Motion<\/span>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"dtfb-right\" aria-label=\"Rolling client feedback cards\">\n      <div class=\"dtfb-fade dtfb-fade-top\"><\/div>\n      <div class=\"dtfb-fade dtfb-fade-bottom\"><\/div>\n\n      <div class=\"dtfb-columns\">\n\n        <!-- COLUMN 1 -->\n        <div class=\"dtfb-track dtfb-track-up\">\n          <div class=\"dtfb-stack\">\n\n            <article class=\"dtfb-card\">\n              <span class=\"dtfb-label\">Public Sector Feedback<\/span>\n              <p>DT Solutions helped the team move quickly while keeping communication clear and quality in focus.<\/p>\n              <em>Public Sector Client<\/em>\n              <b>Government &amp; Public Sector<\/b>\n            <\/article>\n\n            <article class=\"dtfb-card\">\n              <span class=\"dtfb-label\">Talent Feedback<\/span>\n              <p>The DT team understood the environment quickly and presented candidates aligned to the need.<\/p>\n              <em>Talent Acquisition Lead<\/em>\n              <b>Technology &amp; Engineering<\/b>\n            <\/article>\n\n            <article class=\"dtfb-card\">\n              <span class=\"dtfb-label\">Operations Feedback<\/span>\n              <p>Flexible coordination helped address urgent work while keeping longer-term priorities in view.<\/p>\n              <em>Operations Leader<\/em>\n              <b>Energy &amp; Utilities<\/b>\n            <\/article>\n\n            <article class=\"dtfb-card\">\n              <span class=\"dtfb-label\">Service Feedback<\/span>\n              <p>The DT team coordinated professionally and supported the work without disrupting active teams.<\/p>\n              <em>Client Stakeholder<\/em>\n              <b>Telecommunications &amp; Media<\/b>\n            <\/article>\n\n            <article class=\"dtfb-card\">\n              <span class=\"dtfb-label\">Technical Feedback<\/span>\n              <p>DT Solutions brought practical coordination that helped the team respond to changing priorities.<\/p>\n              <em>Technical Program Lead<\/em>\n              <b>Automotive &amp; Transportation<\/b>\n            <\/article>\n\n          <\/div>\n\n          <div class=\"dtfb-stack\" aria-hidden=\"true\">\n            <article class=\"dtfb-card\">\n              <span class=\"dtfb-label\">Public Sector Feedback<\/span>\n              <p>DT Solutions helped the team move quickly while keeping communication clear and quality in focus.<\/p>\n              <em>Public Sector Client<\/em>\n              <b>Government &amp; Public Sector<\/b>\n            <\/article>\n\n            <article class=\"dtfb-card\">\n              <span class=\"dtfb-label\">Talent Feedback<\/span>\n              <p>The DT team understood the environment quickly and presented candidates aligned to the need.<\/p>\n              <em>Talent Acquisition Lead<\/em>\n              <b>Technology &amp; Engineering<\/b>\n            <\/article>\n\n            <article class=\"dtfb-card\">\n              <span class=\"dtfb-label\">Operations Feedback<\/span>\n              <p>Flexible coordination helped address urgent work while keeping longer-term priorities in view.<\/p>\n              <em>Operations Leader<\/em>\n              <b>Energy &amp; Utilities<\/b>\n            <\/article>\n\n            <article class=\"dtfb-card\">\n              <span class=\"dtfb-label\">Service Feedback<\/span>\n              <p>The DT team coordinated professionally and supported the work without disrupting active teams.<\/p>\n              <em>Client Stakeholder<\/em>\n              <b>Telecommunications &amp; Media<\/b>\n            <\/article>\n\n            <article class=\"dtfb-card\">\n              <span class=\"dtfb-label\">Technical Feedback<\/span>\n              <p>DT Solutions brought practical coordination that helped the team respond to changing priorities.<\/p>\n              <em>Technical Program Lead<\/em>\n              <b>Automotive &amp; Transportation<\/b>\n            <\/article>\n          <\/div>\n        <\/div>\n\n        <!-- COLUMN 2 -->\n        <div class=\"dtfb-track dtfb-track-down\">\n          <div class=\"dtfb-stack\">\n\n            <article class=\"dtfb-card dtfb-card-accent\">\n              <span class=\"dtfb-label\">Enterprise Feedback<\/span>\n              <p>Specialized support was delivered with speed, professionalism, and care when timing mattered.<\/p>\n              <em>Enterprise Client \u2014 Capital Markets<\/em>\n              <b>Banking, Financial Services &amp; Capital Markets<\/b>\n            <\/article>\n\n            <article class=\"dtfb-card dtfb-card-purple\">\n              <span class=\"dtfb-label\">Program Feedback<\/span>\n              <p>Communication stayed clear throughout the engagement, even as priorities changed.<\/p>\n              <em>Program Manager<\/em>\n              <b>Healthcare &amp; Life Sciences<\/b>\n            <\/article>\n\n            <article class=\"dtfb-card\">\n              <span class=\"dtfb-label\">Delivery Feedback<\/span>\n              <p>The process felt structured, responsive, and easier for the internal team to manage.<\/p>\n              <em>Delivery Lead<\/em>\n              <b>Education Sector<\/b>\n            <\/article>\n\n            <article class=\"dtfb-card dtfb-card-accent\">\n              <span class=\"dtfb-label\">Project Feedback<\/span>\n              <p>Dependable engagement made a difference where timing, fit, and continuity mattered.<\/p>\n              <em>Senior Project Leader<\/em>\n              <b>Manufacturing &amp; Industrial<\/b>\n            <\/article>\n\n            <article class=\"dtfb-card dtfb-card-purple\">\n              <span class=\"dtfb-label\">Client Feedback<\/span>\n              <p>The DT team reflected the care and precision required in a high-expectation environment.<\/p>\n              <em>Client Program Lead<\/em>\n              <b>Aerospace &amp; Aviation<\/b>\n            <\/article>\n\n          <\/div>\n\n          <div class=\"dtfb-stack\" aria-hidden=\"true\">\n            <article class=\"dtfb-card dtfb-card-accent\">\n              <span class=\"dtfb-label\">Enterprise Feedback<\/span>\n              <p>Specialized support was delivered with speed, professionalism, and care when timing mattered.<\/p>\n              <em>Enterprise Client \u2014 Capital Markets<\/em>\n              <b>Banking, Financial Services &amp; Capital Markets<\/b>\n            <\/article>\n\n            <article class=\"dtfb-card dtfb-card-purple\">\n              <span class=\"dtfb-label\">Program Feedback<\/span>\n              <p>Communication stayed clear throughout the engagement, even as priorities changed.<\/p>\n              <em>Program Manager<\/em>\n              <b>Healthcare &amp; Life Sciences<\/b>\n            <\/article>\n\n            <article class=\"dtfb-card\">\n              <span class=\"dtfb-label\">Delivery Feedback<\/span>\n              <p>The process felt structured, responsive, and easier for the internal team to manage.<\/p>\n              <em>Delivery Lead<\/em>\n              <b>Education Sector<\/b>\n            <\/article>\n\n            <article class=\"dtfb-card dtfb-card-accent\">\n              <span class=\"dtfb-label\">Project Feedback<\/span>\n              <p>Dependable engagement made a difference where timing, fit, and continuity mattered.<\/p>\n              <em>Senior Project Leader<\/em>\n              <b>Manufacturing &amp; Industrial<\/b>\n            <\/article>\n\n            <article class=\"dtfb-card dtfb-card-purple\">\n              <span class=\"dtfb-label\">Client Feedback<\/span>\n              <p>The DT team reflected the care and precision required in a high-expectation environment.<\/p>\n              <em>Client Program Lead<\/em>\n              <b>Aerospace &amp; Aviation<\/b>\n            <\/article>\n          <\/div>\n        <\/div>\n\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<style>\n#dt-feedback-infinite,\n#dt-feedback-infinite *{\n  box-sizing:border-box;\n}\n\n#dt-feedback-infinite{\n  --bg:#050914;\n  --text:#f4f8ff;\n  --muted:#c7d7f2;\n  --soft:#8fa3c9;\n  --blue:#00d4ff;\n  --blue2:#7fd4ff;\n  --purple:#8b5cf6;\n  --purple2:#c084fc;\n  --orange:#ff8a3d;\n  --orange2:#ffb27a;\n  --line:rgba(127,212,255,.18);\n  --ease:cubic-bezier(.22,1,.36,1);\n\n  position:relative;\n  isolation:isolate;\n  width:100%;\n  overflow:hidden;\n  min-height:780px;\n  padding:110px 0;\n  background:\n    radial-gradient(circle at 12% 20%,rgba(0,212,255,.14),transparent 34%),\n    radial-gradient(circle at 88% 8%,rgba(139,92,246,.22),transparent 36%),\n    radial-gradient(circle at 58% 100%,rgba(255,138,61,.11),transparent 38%),\n    var(--bg);\n  color:var(--text);\n  font-family:'Inter',-apple-system,BlinkMacSystemFont,\"Segoe UI\",sans-serif;\n}\n\n#dt-feedback-infinite a{\n  text-decoration:none;\n  color:inherit;\n}\n\n.dtfb-bg{\n  position:absolute;\n  inset:0;\n  z-index:0;\n  pointer-events:none;\n  overflow:hidden;\n}\n\n.dtfb-grid{\n  position:absolute;\n  inset:0;\n  background:\n    linear-gradient(rgba(127,212,255,.045) 1px,transparent 1px),\n    linear-gradient(90deg,rgba(127,212,255,.045) 1px,transparent 1px);\n  background-size:58px 58px;\n  opacity:.75;\n  mask-image:radial-gradient(circle at 52% 42%,black,transparent 76%);\n}\n\n.dtfb-orb{\n  position:absolute;\n  border-radius:999px;\n  filter:blur(90px);\n  mix-blend-mode:screen;\n  opacity:.55;\n}\n\n.dtfb-orb-a{\n  width:560px;\n  height:560px;\n  left:-210px;\n  top:-110px;\n  background:radial-gradient(circle,rgba(0,212,255,.70),transparent 70%);\n  animation:dtfbDriftA 24s ease-in-out infinite;\n}\n\n.dtfb-orb-b{\n  width:720px;\n  height:720px;\n  right:-300px;\n  top:-80px;\n  background:radial-gradient(circle,rgba(139,92,246,.72),transparent 70%);\n  animation:dtfbDriftB 28s ease-in-out infinite;\n}\n\n.dtfb-orb-c{\n  width:480px;\n  height:480px;\n  left:38%;\n  bottom:-240px;\n  background:radial-gradient(circle,rgba(255,138,61,.38),transparent 72%);\n  animation:dtfbDriftC 30s ease-in-out infinite;\n}\n\n.dtfb-lightline{\n  position:absolute;\n  left:-20%;\n  top:48%;\n  width:140%;\n  height:1px;\n  background:linear-gradient(90deg,transparent,rgba(127,212,255,.36),rgba(255,178,122,.20),transparent);\n  box-shadow:0 0 34px rgba(0,212,255,.22);\n  transform:rotate(-7deg);\n}\n\n@keyframes dtfbDriftA{\n  0%,100%{transform:translate3d(0,0,0);}\n  50%{transform:translate3d(80px,40px,0);}\n}\n\n@keyframes dtfbDriftB{\n  0%,100%{transform:translate3d(0,0,0);}\n  50%{transform:translate3d(-90px,36px,0);}\n}\n\n@keyframes dtfbDriftC{\n  0%,100%{transform:translate3d(0,0,0);}\n  50%{transform:translate3d(40px,-76px,0);}\n}\n\n.dtfb-shell{\n  position:relative;\n  z-index:1;\n  max-width:1280px;\n  margin:0 auto;\n  padding:0 28px;\n  display:grid;\n  grid-template-columns:.86fr 1.14fr;\n  gap:64px;\n  align-items:center;\n}\n\n\/* Left *\/\n.dtfb-left{\n  position:relative;\n  z-index:3;\n  max-width:560px;\n}\n\n.dtfb-eyebrow{\n  display:inline-flex;\n  align-items:center;\n  gap:10px;\n  margin:0 0 18px;\n  color:#8feaff;\n  font-size:12px;\n  letter-spacing:.18em;\n  text-transform:uppercase;\n  font-weight:900;\n  text-shadow:0 0 18px rgba(0,212,255,.38);\n}\n\n.dtfb-eyebrow span{\n  width:9px;\n  height:9px;\n  border-radius:999px;\n  background:var(--blue);\n  box-shadow:0 0 18px rgba(0,212,255,.95);\n}\n\n.dtfb-left h2{\n  margin:0;\n  font-family:'Space Grotesk',sans-serif;\n  font-size:clamp(42px,5vw,76px);\n  line-height:.96;\n  letter-spacing:-.058em;\n  font-weight:800;\n  background:linear-gradient(105deg,#ffffff 0%,#bfeeff 32%,#cabaff 66%,#ffbd88 100%);\n  -webkit-background-clip:text;\n  background-clip:text;\n  color:transparent;\n}\n\n.dtfb-sub{\n  margin:24px 0 30px;\n  color:#c8d8f5;\n  font-size:16.5px;\n  line-height:1.78;\n  max-width:530px;\n}\n\n.dtfb-cta{\n  display:inline-flex;\n  align-items:center;\n  gap:10px;\n  padding:14px 20px;\n  border-radius:999px;\n  color:#ffffff;\n  background:\n    linear-gradient(135deg,rgba(0,212,255,.34),rgba(79,108,255,.24),rgba(255,138,61,.22));\n  border:1px solid rgba(127,212,255,.42);\n  box-shadow:\n    0 0 34px rgba(0,212,255,.18),\n    inset 0 1px 0 rgba(255,255,255,.11);\n  font-weight:900;\n  font-size:14px;\n  transition:transform .28s var(--ease), box-shadow .28s ease, border-color .28s ease;\n}\n\n.dtfb-cta:hover{\n  transform:translateY(-3px);\n  border-color:rgba(127,212,255,.72);\n  box-shadow:\n    0 18px 44px rgba(0,0,0,.30),\n    0 0 48px rgba(0,212,255,.28);\n}\n\n.dtfb-cta span{\n  color:#ffcf9f;\n  transition:transform .28s ease;\n}\n\n.dtfb-cta:hover span{\n  transform:translateX(4px);\n}\n\n.dtfb-proof{\n  display:flex;\n  gap:14px;\n  margin-top:34px;\n}\n\n.dtfb-proof div{\n  min-width:135px;\n  padding:16px;\n  border-radius:20px;\n  border:1px solid rgba(127,212,255,.17);\n  background:linear-gradient(145deg,rgba(10,18,42,.72),rgba(5,8,20,.58));\n  box-shadow:inset 0 1px 0 rgba(255,255,255,.06);\n}\n\n.dtfb-proof strong{\n  display:block;\n  color:#ffffff;\n  font-family:'Space Grotesk',sans-serif;\n  font-size:30px;\n  line-height:1;\n  margin-bottom:7px;\n}\n\n.dtfb-proof span{\n  display:block;\n  color:#aebfdf;\n  font-size:12px;\n  font-weight:700;\n}\n\n\/* Right rolling cards *\/\n.dtfb-right{\n  position:relative;\n  height:660px;\n  overflow:hidden;\n  border-radius:36px;\n  border:1px solid rgba(127,212,255,.14);\n  background:\n    radial-gradient(circle at 30% 10%,rgba(0,212,255,.10),transparent 34%),\n    radial-gradient(circle at 88% 40%,rgba(139,92,246,.14),transparent 38%),\n    linear-gradient(145deg,rgba(7,13,31,.50),rgba(4,7,18,.32));\n  box-shadow:\n    0 36px 120px rgba(0,0,0,.34),\n    inset 0 1px 0 rgba(255,255,255,.06);\n  padding:22px;\n}\n\n.dtfb-right::before{\n  content:\"\";\n  position:absolute;\n  inset:0;\n  background:\n    linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),\n    linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);\n  background-size:34px 34px;\n  opacity:.65;\n  pointer-events:none;\n}\n\n.dtfb-fade{\n  position:absolute;\n  left:0;\n  right:0;\n  height:120px;\n  z-index:5;\n  pointer-events:none;\n}\n\n.dtfb-fade-top{\n  top:0;\n  background:linear-gradient(180deg,#050914 0%,rgba(5,9,20,.86) 18%,transparent 100%);\n}\n\n.dtfb-fade-bottom{\n  bottom:0;\n  background:linear-gradient(0deg,#050914 0%,rgba(5,9,20,.86) 18%,transparent 100%);\n}\n\n.dtfb-columns{\n  position:relative;\n  z-index:2;\n  display:grid;\n  grid-template-columns:1fr 1fr;\n  gap:18px;\n  height:100%;\n}\n\n.dtfb-track{\n  display:flex;\n  flex-direction:column;\n  gap:18px;\n  will-change:transform;\n}\n\n.dtfb-stack{\n  display:grid;\n  gap:18px;\n}\n\n.dtfb-track-up{\n  animation:dtfbScrollUp 34s linear infinite;\n}\n\n.dtfb-track-down{\n  animation:dtfbScrollDown 38s linear infinite;\n  transform:translateY(-50%);\n}\n\n.dtfb-right:hover .dtfb-track-up,\n.dtfb-right:hover .dtfb-track-down{\n  animation-play-state:paused;\n}\n\n@keyframes dtfbScrollUp{\n  from{transform:translateY(0);}\n  to{transform:translateY(-50%);}\n}\n\n@keyframes dtfbScrollDown{\n  from{transform:translateY(-50%);}\n  to{transform:translateY(0);}\n}\n\n\/* Card *\/\n.dtfb-card{\n  position:relative;\n  min-height:245px;\n  padding:24px;\n  border-radius:26px;\n  overflow:hidden;\n  border:1px solid rgba(127,212,255,.20);\n  background:\n    radial-gradient(circle at 18% 0%,rgba(0,212,255,.16),transparent 40%),\n    radial-gradient(circle at 100% 100%,rgba(139,92,246,.14),transparent 38%),\n    linear-gradient(145deg,rgba(11,22,55,.96),rgba(6,10,25,.92));\n  box-shadow:\n    0 24px 70px rgba(0,0,0,.34),\n    inset 0 1px 0 rgba(255,255,255,.08);\n  transition:transform .35s var(--ease), border-color .35s ease, box-shadow .35s ease;\n}\n\n.dtfb-card::before{\n  content:\"\";\n  position:absolute;\n  left:-35%;\n  top:0;\n  width:35%;\n  height:1px;\n  background:linear-gradient(90deg,transparent,#7fd4ff,#fff,#ffb27a,transparent);\n  box-shadow:0 0 18px rgba(0,212,255,.70);\n  animation:dtfbCardLine 6.4s ease-in-out infinite;\n}\n\n.dtfb-card::after{\n  content:\"\";\n  position:absolute;\n  right:20px;\n  top:20px;\n  width:42px;\n  height:42px;\n  border-radius:14px;\n  border:1px solid rgba(127,212,255,.22);\n  background:\n    radial-gradient(circle at 30% 20%,rgba(255,255,255,.13),transparent 46%),\n    rgba(255,255,255,.045);\n  box-shadow:0 0 24px rgba(0,212,255,.10);\n}\n\n.dtfb-card:hover{\n  transform:translateY(-6px);\n  border-color:rgba(127,212,255,.48);\n  box-shadow:\n    0 34px 95px rgba(0,0,0,.48),\n    0 0 44px rgba(0,212,255,.15),\n    inset 0 1px 0 rgba(255,255,255,.10);\n}\n\n@keyframes dtfbCardLine{\n  0%,70%{left:-40%;opacity:0;}\n  78%{opacity:1;}\n  100%{left:105%;opacity:0;}\n}\n\n.dtfb-card-accent{\n  background:\n    radial-gradient(circle at 18% 0%,rgba(255,138,61,.18),transparent 38%),\n    radial-gradient(circle at 100% 100%,rgba(0,212,255,.13),transparent 38%),\n    linear-gradient(145deg,rgba(12,22,54,.96),rgba(6,10,25,.92));\n}\n\n.dtfb-card-purple{\n  background:\n    radial-gradient(circle at 18% 0%,rgba(139,92,246,.20),transparent 40%),\n    radial-gradient(circle at 100% 100%,rgba(0,212,255,.12),transparent 38%),\n    linear-gradient(145deg,rgba(12,19,50,.96),rgba(6,10,25,.92));\n}\n\n.dtfb-label{\n  display:inline-flex;\n  margin:0 52px 18px 0;\n  padding:8px 11px;\n  border-radius:999px;\n  color:#8feaff;\n  background:linear-gradient(135deg,rgba(0,212,255,.18),rgba(79,108,255,.12));\n  border:1px solid rgba(127,212,255,.38);\n  font-size:10.5px;\n  line-height:1;\n  font-weight:900;\n  letter-spacing:.08em;\n  text-transform:uppercase;\n  text-shadow:0 0 14px rgba(0,212,255,.35);\n}\n\n.dtfb-card p{\n  margin:0 0 20px;\n  color:#ffffff;\n  font-family:'Space Grotesk',sans-serif;\n  font-size:22px;\n  line-height:1.22;\n  letter-spacing:-.035em;\n  font-weight:700;\n}\n\n.dtfb-card em{\n  display:block;\n  color:#c8d8f5;\n  font-size:13px;\n  line-height:1.45;\n  font-style:normal;\n  font-weight:700;\n  margin-bottom:18px;\n}\n\n.dtfb-card b{\n  display:inline-flex;\n  padding:8px 10px;\n  border-radius:999px;\n  color:#dff6ff;\n  background:rgba(255,255,255,.07);\n  border:1px solid rgba(255,255,255,.13);\n  font-size:11px;\n  line-height:1.25;\n  font-weight:800;\n}\n\n\/* Responsive *\/\n@media(max-width:1060px){\n  #dt-feedback-infinite{\n    padding:90px 0;\n  }\n\n  .dtfb-shell{\n    grid-template-columns:1fr;\n    gap:44px;\n  }\n\n  .dtfb-left{\n    max-width:760px;\n  }\n\n  .dtfb-right{\n    height:620px;\n  }\n}\n\n@media(max-width:680px){\n  .dtfb-shell{\n    padding:0 18px;\n  }\n\n  .dtfb-left h2{\n    font-size:42px;\n  }\n\n  .dtfb-proof{\n    flex-direction:column;\n  }\n\n  .dtfb-right{\n    height:680px;\n    padding:16px;\n    border-radius:28px;\n  }\n\n  .dtfb-columns{\n    grid-template-columns:1fr;\n  }\n\n  .dtfb-track-down{\n    display:none;\n  }\n\n  .dtfb-card{\n    min-height:230px;\n    padding:22px;\n  }\n\n  .dtfb-card p{\n    font-size:20px;\n  }\n\n  .dtfb-track-up{\n    animation-duration:42s;\n  }\n}\n\n@media(prefers-reduced-motion:reduce){\n  .dtfb-orb,\n  .dtfb-track-up,\n  .dtfb-track-down,\n  .dtfb-card::before{\n    animation:none!important;\n  }\n}\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e54cc89 e-con-full e-flex e-con e-parent\" data-id=\"e54cc89\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-78e630f elementor-widget elementor-widget-html\" data-id=\"78e630f\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"ai-clients-showcase\" id=\"aiClientsShowcase\">\n  <div class=\"ai-clients-bg\">\n    <div class=\"ai-clients-grid\"><\/div>\n    <div class=\"ai-clients-glow ai-clients-glow-blue\"><\/div>\n    <div class=\"ai-clients-glow ai-clients-glow-orange\"><\/div>\n    <div class=\"ai-clients-particles\" id=\"aiClientsParticles\"><\/div>\n  <\/div>\n\n  <div class=\"ai-clients-header\">\n    <span class=\"ai-clients-label\">\/\/ OUR CLIENTS<\/span>\n    <h2 class=\"ai-clients-heading\">Trusted by <span class=\"ai-clients-accent\">Innovators<\/span><\/h2>\n    <p class=\"ai-clients-subtitle\">Collaborating with visionary brands and businesses to build a better tomorrow.<\/p>\n    <div class=\"ai-clients-divider\"><\/div>\n  <\/div>\n\n  <div class=\"ai-clients-stage\">\n\n    <div class=\"ai-clients-beam ai-clients-beam-top\"><\/div>\n    <div class=\"ai-clients-beam ai-clients-beam-bottom\"><\/div>\n\n    <div class=\"ai-clients-panel ai-clients-panel-top\">\n      <div class=\"ai-clients-panel-edge\"><\/div>\n      <div class=\"ai-clients-panel-viewport\">\n        <div class=\"ai-clients-panel-track ai-clients-track-left\" id=\"aiClientsTop\"><\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"ai-clients-center\">\n      <div class=\"ai-clients-orbit-dot ai-clients-orbit-dot-1\"><\/div>\n      <div class=\"ai-clients-orbit-dot ai-clients-orbit-dot-2\"><\/div>\n      <div class=\"ai-clients-ticks ai-clients-ticks-1\"><\/div>\n      <div class=\"ai-clients-ticks ai-clients-ticks-2\"><\/div>\n      <div class=\"ai-clients-ring ai-clients-ring-1\"><\/div>\n      <div class=\"ai-clients-ring ai-clients-ring-2\"><\/div>\n      <div class=\"ai-clients-ring ai-clients-ring-3\"><\/div>\n      <div class=\"ai-clients-core\">\n        <svg class=\"ai-clients-icon\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n          <path d=\"M17 20C17 17.2386 14.7614 15 12 15C9.23858 15 7 17.2386 7 20\" stroke=\"#00AEEF\" stroke-width=\"1.5\" stroke-linecap=\"round\"\/>\n          <circle cx=\"12\" cy=\"10\" r=\"3\" stroke=\"#00AEEF\" stroke-width=\"1.5\"\/>\n          <path d=\"M21 20C21 17.6 19.5 15.8 17.5 15.2\" stroke=\"#3B82F6\" stroke-width=\"1.5\" stroke-linecap=\"round\"\/>\n          <circle cx=\"17.5\" cy=\"8.5\" r=\"2\" stroke=\"#3B82F6\" stroke-width=\"1.5\"\/>\n          <path d=\"M3 20C3 17.6 4.5 15.8 6.5 15.2\" stroke=\"#3B82F6\" stroke-width=\"1.5\" stroke-linecap=\"round\"\/>\n          <circle cx=\"6.5\" cy=\"8.5\" r=\"2\" stroke=\"#3B82F6\" stroke-width=\"1.5\"\/>\n        <\/svg>\n        <div class=\"ai-clients-number\" id=\"aiClientsCount\">0+<\/div>\n        <div class=\"ai-clients-caption\">HAPPY CLIENTS<\/div>\n        <div class=\"ai-clients-subcaption\">Across 04+ Countries<\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"ai-clients-panel ai-clients-panel-bottom\">\n      <div class=\"ai-clients-panel-edge\"><\/div>\n      <div class=\"ai-clients-panel-viewport\">\n        <div class=\"ai-clients-panel-track ai-clients-track-right\" id=\"aiClientsBottom\"><\/div>\n      <\/div>\n    <\/div>\n\n  <\/div>\n<\/div>\n\n<style>\n.ai-clients-showcase {\n  position: relative;\n  width: 100%;\n  overflow: hidden;\n  background: radial-gradient(ellipse at 50% 28%, #040a18 0%, #01050d 55%, #000000 100%);\n  padding: 96px 16px 110px;\n  box-sizing: border-box;\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n  isolation: isolate;\n}\n.ai-clients-showcase * { box-sizing: border-box; }\n\n.ai-clients-bg { position: absolute; inset: 0; z-index: 0; pointer-events: none; overflow: hidden; }\n.ai-clients-grid {\n  position: absolute; inset: -10%;\n  background-image: linear-gradient(rgba(59,130,246,0.055) 1px, transparent 1px), linear-gradient(90deg, rgba(59,130,246,0.055) 1px, transparent 1px);\n  background-size: 44px 44px;\n  mask-image: radial-gradient(ellipse at 50% 48%, black 15%, transparent 65%);\n  -webkit-mask-image: radial-gradient(ellipse at 50% 48%, black 15%, transparent 65%);\n}\n.ai-clients-glow { position: absolute; border-radius: 50%; filter: blur(90px); }\n.ai-clients-glow-blue { width: 800px; height: 800px; background: #00AEEF; opacity: 0.24; top: 6%; left: 50%; transform: translateX(-50%); animation: ai-clients-breathe 8s ease-in-out infinite; }\n.ai-clients-glow-orange { width: 440px; height: 440px; background: #FF7A00; opacity: 0.09; bottom: 2%; left: 26%; animation: ai-clients-breathe 10s ease-in-out infinite reverse; }\n@keyframes ai-clients-breathe { 0%,100%{ opacity:.2; transform:translateX(-50%) scale(1);} 50%{opacity:.38; transform:translateX(-50%) scale(1.08);} }\n.ai-clients-particles { position: absolute; inset: 0; }\n.ai-clients-particle { position: absolute; width: 2px; height: 2px; border-radius: 50%; background: #38BDF8; box-shadow: 0 0 6px 1px rgba(56,189,248,.8); animation: ai-clients-float-particle linear infinite; }\n@keyframes ai-clients-float-particle { 0%{transform:translateY(0);opacity:0;} 10%{opacity:.8;} 90%{opacity:.5;} 100%{transform:translateY(-150px);opacity:0;} }\n\n.ai-clients-header { position: relative; z-index: 3; text-align: center; max-width: 680px; margin: 0 auto 70px; }\n.ai-clients-label { display: inline-block; color: #FF7A00; font-size: 12.5px; font-weight: 700; letter-spacing: 3px; text-transform: uppercase; margin-bottom: 14px; font-family: 'SFMono-Regular', Consolas, Menlo, monospace; }\n.ai-clients-heading { color: #fff; font-size: clamp(28px,4.5vw,44px); font-weight: 800; line-height: 1.2; margin: 0 0 16px; letter-spacing: -.5px; }\n.ai-clients-accent { background: linear-gradient(90deg,#3B82F6,#00AEEF,#38BDF8); -webkit-background-clip: text; background-clip: text; color: transparent; }\n.ai-clients-subtitle { color: rgba(255,255,255,.6); font-size: 16px; line-height: 1.7; margin: 0 auto; max-width: 560px; }\n.ai-clients-divider { width: 64px; height: 2px; margin: 24px auto 0; background: linear-gradient(90deg,#FF7A00,#00AEEF); border-radius: 2px; opacity: .85; box-shadow: 0 0 10px rgba(0,174,239,.5); }\n\n\/* ===== stage ===== *\/\n.ai-clients-stage {\n  position: relative;\n  z-index: 2;\n  max-width: 1400px;\n  margin: 0 auto;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n}\n\n.ai-clients-beam {\n  position: absolute;\n  left: 50%;\n  width: 2px;\n  height: 94px;\n  transform: translateX(-50%);\n  background: linear-gradient(180deg, rgba(0,174,239,0), rgba(0,174,239,.65));\n  z-index: 1;\n  animation: ai-clients-beam-pulse 2.6s ease-in-out infinite;\n}\n.ai-clients-beam-top { top: 190px; }\n.ai-clients-beam-bottom { bottom: 190px; background: linear-gradient(0deg, rgba(255,122,0,0), rgba(255,122,0,.6)); animation-delay: 1.3s; }\n@keyframes ai-clients-beam-pulse { 0%,100% { opacity: .5; } 50% { opacity: 1; } }\n\n\/* ===== tilted glass panels ===== *\/\n.ai-clients-panel { position: relative; width: 100%; z-index: 2; perspective: 1100px; }\n.ai-clients-panel-top { margin-bottom: -18px; }\n.ai-clients-panel-bottom { margin-top: -18px; }\n\n.ai-clients-panel-edge {\n  position: absolute;\n  left: 6%;\n  right: 6%;\n  height: 2px;\n  background: linear-gradient(90deg, transparent, rgba(0,174,239,.95) 20%, rgba(255,122,0,.95) 80%, transparent);\n  filter: drop-shadow(0 0 6px rgba(0,174,239,.6));\n  z-index: 3;\n}\n.ai-clients-panel-top .ai-clients-panel-edge { bottom: -1px; }\n.ai-clients-panel-bottom .ai-clients-panel-edge { top: -1px; }\n\n.ai-clients-panel-viewport {\n  position: relative;\n  overflow: hidden;\n  mask-image: linear-gradient(90deg, transparent 0%, black 8%, black 92%, transparent 100%);\n  -webkit-mask-image: linear-gradient(90deg, transparent 0%, black 8%, black 92%, transparent 100%);\n  padding: 30px 0;\n}\n.ai-clients-panel-top .ai-clients-panel-viewport { transform: rotateX(46deg); transform-origin: bottom center; }\n.ai-clients-panel-bottom .ai-clients-panel-viewport { transform: rotateX(-46deg); transform-origin: top center; }\n\n.ai-clients-panel-track {\n  display: flex;\n  gap: 20px;\n  width: max-content;\n  will-change: transform;\n  transform-style: preserve-3d;\n}\n.ai-clients-track-left { animation: ai-clients-scroll-left 34s linear infinite; }\n.ai-clients-track-right { animation: ai-clients-scroll-right 34s linear infinite; }\n.ai-clients-panel:hover .ai-clients-panel-track { animation-play-state: paused; }\n@keyframes ai-clients-scroll-left { from { transform: translate3d(0,0,0); } to { transform: translate3d(-50%,0,0); } }\n@keyframes ai-clients-scroll-right { from { transform: translate3d(-50%,0,0); } to { transform: translate3d(0,0,0); } }\n\n.ai-clients-card {\n  position: relative;\n  flex: 0 0 auto;\n  width: 220px;\n  height: 128px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 12px 16px;\n  border-radius: 14px;\n  text-align: center;\n  background: linear-gradient(155deg, rgba(17,36,68,.88), rgba(3,9,22,.96));\n  border: 1px solid rgba(0,174,239,.3);\n  box-shadow: 0 18px 30px rgba(0,0,0,.5), inset 0 1px 0 rgba(255,255,255,.06);\n  transition: box-shadow .25s ease, border-color .25s ease, transform .12s ease-out;\n  transform: perspective(600px) rotateX(calc(var(--ry, 0) * 1deg)) rotateY(calc(var(--rx, 0) * 1deg)) translateZ(var(--tz, 0px));\n}\n.ai-clients-card::before {\n  content: \"\";\n  position: absolute; inset: 0;\n  border-radius: 14px;\n  background: linear-gradient(115deg, rgba(255,255,255,.09), transparent 40%);\n  pointer-events: none;\n}\n.ai-clients-card::after {\n  content: \"\";\n  position: absolute; inset: -1px;\n  border-radius: 14px;\n  opacity: 0;\n  transition: opacity .25s ease;\n  box-shadow: 0 0 0 1px rgba(255,122,0,.5), 0 0 22px rgba(0,174,239,.35);\n  pointer-events: none;\n}\n.ai-clients-card:hover {\n  border-color: rgba(255,122,0,.55);\n  box-shadow: 0 26px 42px rgba(0,0,0,.55), 0 0 24px rgba(0,174,239,.35), inset 0 1px 0 rgba(255,255,255,.1);\n}\n.ai-clients-card:hover::after { opacity: 1; }\n\n\/* HUD corner brackets *\/\n.ai-clients-corner { position: absolute; width: 10px; height: 10px; opacity: 0; transition: opacity .25s ease; pointer-events: none; }\n.ai-clients-card:hover .ai-clients-corner { opacity: 1; }\n.ai-clients-corner-tl { top: 4px; left: 4px; border-top: 2px solid #00AEEF; border-left: 2px solid #00AEEF; border-radius: 2px 0 0 0; }\n.ai-clients-corner-tr { top: 4px; right: 4px; border-top: 2px solid #FF7A00; border-right: 2px solid #FF7A00; border-radius: 0 2px 0 0; }\n.ai-clients-corner-bl { bottom: 4px; left: 4px; border-bottom: 2px solid #FF7A00; border-left: 2px solid #FF7A00; border-radius: 0 0 0 2px; }\n.ai-clients-corner-br { bottom: 4px; right: 4px; border-bottom: 2px solid #00AEEF; border-right: 2px solid #00AEEF; border-radius: 0 0 2px 0; }\n\n.ai-clients-card span {\n  color: rgba(255,255,255,.95);\n  font-weight: 700;\n  font-size: 16px;\n  letter-spacing: .2px;\n  line-height: 1.2;\n  display: -webkit-box;\n  -webkit-line-clamp: 2;\n  -webkit-box-orient: vertical;\n  overflow: hidden;\n  position: relative;\n  z-index: 1;\n}\n.ai-clients-card span[data-long=\"true\"] { font-size: 12px; }\n.ai-clients-card span[data-vlong=\"true\"] { font-size: 10.5px; -webkit-line-clamp: 3; }\n.ai-clients-card img {\n  max-width: 100%;\n  max-height: 100%;\n  object-fit: contain;\n  opacity: 1;\n  position: relative;\n  z-index: 1;\n}\n\/* White backing chip so black, white, or blue\/colored logos are all\n   equally visible against the dark glass card. *\/\n.ai-clients-card-imgwrap {\n  position: relative;\n  z-index: 1;\n  width: 100%;\n  height: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 12px 16px;\n  border-radius: 10px;\n  background: #ffffff;\n  box-shadow: 0 2px 10px rgba(0,0,0,.25);\n}\n\n\/* ===== center hub ===== *\/\n.ai-clients-center {\n  position: relative;\n  width: 218px;\n  height: 218px;\n  margin: 6px auto;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  z-index: 5;\n}\n.ai-clients-orbit-dot { position: absolute; width: 6px; height: 6px; border-radius: 50%; top: 50%; left: 50%; margin: -3px; }\n.ai-clients-orbit-dot-1 { background: #00AEEF; box-shadow: 0 0 10px 3px rgba(0,174,239,.8); animation: ai-clients-orbit-a 9s linear infinite; }\n.ai-clients-orbit-dot-2 { background: #FF7A00; box-shadow: 0 0 10px 3px rgba(255,122,0,.8); animation: ai-clients-orbit-b 13s linear infinite; }\n@keyframes ai-clients-orbit-a { from { transform: rotate(0deg) translateX(118px) rotate(0deg); } to { transform: rotate(360deg) translateX(118px) rotate(-360deg); } }\n@keyframes ai-clients-orbit-b { from { transform: rotate(180deg) translateX(96px) rotate(-180deg); } to { transform: rotate(-180deg) translateX(96px) rotate(180deg); } }\n\n.ai-clients-ticks {\n  position: absolute; border-radius: 50%;\n  -webkit-mask: radial-gradient(farthest-side, transparent calc(100% - 3px), #000 calc(100% - 3px));\n  mask: radial-gradient(farthest-side, transparent calc(100% - 3px), #000 calc(100% - 3px));\n}\n.ai-clients-ticks-1 { width: 210%; height: 210%; background: repeating-conic-gradient(rgba(255,122,0,.5) 0deg 1.4deg, transparent 1.4deg 7deg); animation: ai-clients-rotate 40s linear infinite; opacity: .5; }\n.ai-clients-ticks-2 { width: 170%; height: 170%; background: repeating-conic-gradient(rgba(0,174,239,.55) 0deg 1.2deg, transparent 1.2deg 6deg); animation: ai-clients-rotate-rev 30s linear infinite; opacity: .55; }\n.ai-clients-ring { position: absolute; border-radius: 50%; border: 1px solid rgba(0,174,239,.35); }\n.ai-clients-ring-1 { width: 142%; height: 142%; border-color: rgba(0,174,239,.4); box-shadow: 0 0 24px rgba(0,174,239,.25) inset, 0 0 30px rgba(0,174,239,.15); animation: ai-clients-rotate 18s linear infinite; }\n.ai-clients-ring-1::after { content:\"\"; position:absolute; top:-1px; left:50%; width:7px; height:7px; border-radius:50%; background:#00AEEF; box-shadow:0 0 10px 3px rgba(0,174,239,.8); transform:translateX(-50%); }\n.ai-clients-ring-2 { width: 110%; height: 110%; border-color: rgba(255,122,0,.35); border-style: dashed; animation: ai-clients-rotate-rev 24s linear infinite; }\n.ai-clients-ring-3 { width: 76%; height: 76%; border-color: rgba(59,130,246,.4); box-shadow: 0 0 20px rgba(59,130,246,.2) inset; animation: ai-clients-rotate 14s linear infinite; }\n@keyframes ai-clients-rotate { from{transform:rotate(0)} to{transform:rotate(360deg)} }\n@keyframes ai-clients-rotate-rev { from{transform:rotate(360deg)} to{transform:rotate(0)} }\n\n.ai-clients-core {\n  position: relative;\n  width: 62%; height: 62%;\n  border-radius: 50%;\n  display: flex; flex-direction: column; align-items: center; justify-content: center;\n  text-align: center;\n  background: radial-gradient(circle at 50% 35%, rgba(0,174,239,.22), rgba(1,4,12,.98) 70%);\n  border: 1px solid rgba(0,174,239,.5);\n  box-shadow: 0 0 40px rgba(0,174,239,.35), 0 0 80px rgba(0,174,239,.15), inset 0 1px 0 rgba(255,255,255,.08);\n  animation: ai-clients-breathe-core 4s ease-in-out infinite;\n  padding: 10px;\n  z-index: 6;\n}\n@keyframes ai-clients-breathe-core {\n  0%,100% { box-shadow: 0 0 40px rgba(0,174,239,.3), 0 0 80px rgba(0,174,239,.12), inset 0 1px 0 rgba(255,255,255,.08); }\n  50% { box-shadow: 0 0 55px rgba(0,174,239,.5), 0 0 100px rgba(0,174,239,.22), inset 0 1px 0 rgba(255,255,255,.12); }\n}\n.ai-clients-icon { width: 24px; height: 24px; margin-bottom: 4px; }\n.ai-clients-number { color: #fff; font-size: 27px; font-weight: 800; line-height: 1.1; text-shadow: 0 0 18px rgba(0,174,239,.6); font-variant-numeric: tabular-nums; }\n.ai-clients-caption { color: #FF7A00; font-size: 10px; font-weight: 700; letter-spacing: 1.5px; margin-top: 2px; }\n.ai-clients-subcaption { color: rgba(255,255,255,.55); font-size: 9.5px; margin-top: 3px; }\n\n@media (max-width: 1024px) {\n  .ai-clients-card { width: 178px; height: 102px; }\n  .ai-clients-card span { font-size: 13px; }\n  .ai-clients-center { width: 182px; height: 182px; }\n  .ai-clients-number { font-size: 22px; }\n  .ai-clients-panel-top .ai-clients-panel-viewport { transform: rotateX(40deg); }\n  .ai-clients-panel-bottom .ai-clients-panel-viewport { transform: rotateX(-40deg); }\n}\n@media (max-width: 680px) {\n  .ai-clients-showcase { padding: 76px 12px 90px; }\n  .ai-clients-header { margin-bottom: 50px; }\n  .ai-clients-card { width: 140px; height: 84px; border-radius: 11px; padding: 6px 8px; }\n  .ai-clients-card span { font-size: 11px; }\n  .ai-clients-center { width: 142px; height: 142px; }\n  .ai-clients-number { font-size: 19px; }\n  .ai-clients-panel-top .ai-clients-panel-viewport { transform: rotateX(30deg); }\n  .ai-clients-panel-bottom .ai-clients-panel-viewport { transform: rotateX(-30deg); }\n  .ai-clients-beam { height: 50px; }\n  .ai-clients-beam-top { top: 130px; }\n  .ai-clients-beam-bottom { bottom: 130px; }\n}\n@media (prefers-reduced-motion: reduce) {\n  .ai-clients-panel-track, .ai-clients-beam, .ai-clients-orbit-dot, .ai-clients-ticks, .ai-clients-ring, .ai-clients-core { animation: none !important; }\n}\n<\/style>\n\n<script>\n(function () {\n  var showcase = document.getElementById('aiClientsShowcase');\n  if (!showcase || showcase.dataset.aiClientsInit) return;\n  showcase.dataset.aiClientsInit = \"true\";\n\n  var topLayer = document.getElementById('aiClientsTop');\n  var bottomLayer = document.getElementById('aiClientsBottom');\n  var particlesWrap = showcase.querySelector('.ai-clients-particles');\n  var countEl = document.getElementById('aiClientsCount');\n  var isTouch = window.matchMedia && window.matchMedia('(hover: none)').matches;\n\n  \/* ============================================================\n     HOW TO ADD YOUR OWN LOGOS\n     ------------------------------------------------------------\n     Every entry needs a \"name\" (used for alt text and as the\n     fallback label if the image fails to load).\n\n     To show an image instead of text, add:\n       img: \"https:\/\/yoursite.com\/wp-content\/uploads\/logo.svg\"\n\n     Must be a full https:\/\/ URL -- upload the file to your\n     WordPress Media Library, open it, copy the \"File URL\".\n     A relative path like \"logo.svg\" will 404 in a Custom HTML block.\n\n     Every logo sits on a small white card behind it, so black, white,\n     blue, or any other colored logo stays fully visible -- no need to\n     flag colors, no filters applied. Just drop in the image URL.\n\n     Example:\n       { name: \"Microsoft\", img: \"https:\/\/yoursite.com\/uploads\/microsoft.svg\" }\n     ============================================================ *\/\n  var TOP_LOGOS = [\n    { name: \"Government of Canada\", img: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/4\/42\/Government_of_Canada_logo.svg\" }, { name: \"Government of Ontario\", img: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/d\/df\/Ministry_of_Transportation_%28Ontario%29_logo.svg\" }, { name: \"Government of Alberta\", img: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/3\/31\/Alberta-government-logo2.svg\" },\n    { name: \"City of Toronto\", img: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/b\/b0\/Toronto%2C_City_of.svg\" }, { name: \"City of Ottawa\", img: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/f\/f4\/Ottawa%2C_City_of.svg\/1280px-Ottawa%2C_City_of.svg.png?_=20231218211811\" }, { name: \"Metrolinx\", img: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/a\/a2\/Metrolinx_logo.svg\" }, { name: \"WSIB\", img: \"https:\/\/www.wsib.ca\/themes\/custom\/de_theme\/logo.svg\" },\n    { name: \"Ontario Health\", img: \"https:\/\/cdn.brandfetch.io\/idCvP2CDpL\/theme\/dark\/logo.svg?c=1bxid64Mup7aczewSAYMX&t=1748183805411\" }, { name: \"IESO\", img: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/4\/40\/Ieso-logo-lrg.png\" }, { name: \"CBC \/ Radio-Canada\", img: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/8\/86\/CBC_Radio-Canada_logo.svg\/960px-CBC_Radio-Canada_logo.svg.png?_=20101030225900\" },\n    { name: \"CDIC\", img: \"https:\/\/logovtor.com\/wp-content\/uploads\/2020\/05\/canada-deposit-insurance-corporation-cdic-logo-vector.png\" }, { name: \"OECM\", img: \"https:\/\/oecm.ca\/wp-content\/uploads\/2026\/06\/20-years-oecm-logo.png\" }, { name: \"Georgian College\", img: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/4\/4f\/Georgian_College_logo.svg\" }\n  ];\n  var BOTTOM_LOGOS = [\n    { name: \"Mastercard\", img: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/2\/2a\/Mastercard-logo.svg\/1920px-Mastercard-logo.svg.png?_=20210817144358\" }, { name: \"Morgan Stanley\", img: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/3\/34\/Morgan_Stanley_Logo_1.svg\" }, { name: \"Nomura\", img: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/0\/04\/Nomura_Holdings_logo.svg\" }, { name: \"Mizuho\", img: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/e\/e9\/Mizuho_logo.svg\" },\n    { name: \"Mitsubishi Corporation\", img: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/6\/69\/Mitsubishi-Corporation-Logo.svg\" }, { name: \"Nissan\", img: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/2\/23\/Nissan_2020_logo.svg\" }, { name: \"Airbnb\", img: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/6\/69\/Airbnb_Logo_B%C3%A9lo.svg\" }, { name: \"Slalom\", img: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/a\/ae\/Slalom_Consulting_Logo.svg\" },\n    { name: \"Virtusa\", img: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/d\/d4\/Virtusa_Logo.svg\/1280px-Virtusa_Logo.svg.png?_=20240418132643\" }, { name: \"Synechron\", img: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/d\/d4\/Synechron_Logo_White_Background.jpg\" }, { name: \"Altimetrik\", img: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/4\/42\/Altimetrik_Logo.png\" }, { name: \"Tata Elxsi\", img: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/9\/98\/Tata_elxsi_sqaure.png\" },\n    { name: \"SDI International\", img: \"https:\/\/www.sdintl.com\/wp-content\/uploads\/2024\/03\/sdi-logo.png\" }, { name: \"Flextrack\", img: \"https:\/\/encrypted-tbn0.gstatic.com\/images?q=tbn:ANd9GcQyli0TmbQ8kRb6HLt-fLNgJGsqdRbdZgOxw9MpNW1eUA&s\" }\n  ];\n\n  function buildCard(item) {\n    var card = document.createElement('div');\n    card.className = 'ai-clients-card';\n    var label = item.name || \"\";\n\n    function addTextFallback() {\n      var span = document.createElement('span');\n      span.textContent = label;\n      if (label.length > 20) span.setAttribute('data-vlong', 'true');\n      else if (label.length > 13) span.setAttribute('data-long', 'true');\n      card.appendChild(span);\n    }\n\n    if (item.img) {\n      var wrap = document.createElement('div');\n      wrap.className = 'ai-clients-card-imgwrap';\n      var img = document.createElement('img');\n      img.src = item.img;\n      img.alt = label;\n      img.onerror = function () { wrap.remove(); addTextFallback(); };\n      wrap.appendChild(img);\n      card.appendChild(wrap);\n    } else {\n      addTextFallback();\n    }\n\n    ['tl', 'tr', 'bl', 'br'].forEach(function (pos) {\n      var c = document.createElement('div');\n      c.className = 'ai-clients-corner ai-clients-corner-' + pos;\n      card.appendChild(c);\n    });\n\n    if (!isTouch) {\n      card.addEventListener('mousemove', function (e) {\n        var rect = card.getBoundingClientRect();\n        var px = (e.clientX - rect.left) \/ rect.width - 0.5;\n        var py = (e.clientY - rect.top) \/ rect.height - 0.5;\n        card.style.setProperty('--rx', (px * 10).toFixed(2));\n        card.style.setProperty('--ry', (-py * 10).toFixed(2));\n        card.style.setProperty('--tz', '18px');\n      });\n      card.addEventListener('mouseleave', function () {\n        card.style.setProperty('--rx', 0);\n        card.style.setProperty('--ry', 0);\n        card.style.setProperty('--tz', '0px');\n      });\n    }\n\n    return card;\n  }\n\n  function buildTrack(layer, logos) {\n    var frag = document.createDocumentFragment();\n    logos.concat(logos).forEach(function (item) {\n      frag.appendChild(buildCard(item));\n    });\n    layer.appendChild(frag);\n  }\n\n  buildTrack(topLayer, TOP_LOGOS);\n  buildTrack(bottomLayer, BOTTOM_LOGOS);\n\n  function spawnParticles() {\n    var count = 26;\n    for (var i = 0; i < count; i++) {\n      var p = document.createElement('div');\n      p.className = 'ai-clients-particle';\n      p.style.left = Math.random() * 100 + '%';\n      p.style.top = (28 + Math.random() * 42) + '%';\n      p.style.animationDuration = (6 + Math.random() * 8) + 's';\n      p.style.animationDelay = (Math.random() * 8) + 's';\n      p.style.opacity = (0.3 + Math.random() * 0.5).toFixed(2);\n      particlesWrap.appendChild(p);\n    }\n  }\n  spawnParticles();\n\n  function countUp() {\n    var target = 300;\n    var duration = 1600;\n    var start = null;\n    function step(ts) {\n      if (start === null) start = ts;\n      var progress = Math.min((ts - start) \/ duration, 1);\n      var eased = 1 - Math.pow(1 - progress, 3);\n      countEl.textContent = Math.round(eased * target) + \"+\";\n      if (progress < 1) requestAnimationFrame(step);\n    }\n    requestAnimationFrame(step);\n  }\n\n  if ('IntersectionObserver' in window) {\n    var observer = new IntersectionObserver(function (entries) {\n      entries.forEach(function (entry) {\n        if (entry.isIntersecting) {\n          countUp();\n          observer.disconnect();\n        }\n      });\n    }, { threshold: 0.4 });\n    observer.observe(showcase.querySelector('.ai-clients-center'));\n  } else {\n    countUp();\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>DT Solutions Talent, consulting, and delivery support for the work ahead DT Solutions helps organizations move faster with skilled talent, consulting support, and execution-ready delivery teams built for modern business transformation. Start a Conversation Explore Capabilities Workforce Signal Precision talent alignment Capability, speed, and business priority aligned into one execution layer. Delivery Layer Built for [&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-6","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/digi.alphanzo.com\/index.php?rest_route=\/wp\/v2\/pages\/6","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=6"}],"version-history":[{"count":1814,"href":"https:\/\/digi.alphanzo.com\/index.php?rest_route=\/wp\/v2\/pages\/6\/revisions"}],"predecessor-version":[{"id":3389,"href":"https:\/\/digi.alphanzo.com\/index.php?rest_route=\/wp\/v2\/pages\/6\/revisions\/3389"}],"wp:attachment":[{"href":"https:\/\/digi.alphanzo.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=6"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}