About DT Solutions<\/title>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Space+Grotesk:wght@300;400;500;600;700&family=Syne:wght@700;800&family=JetBrains+Mono:wght@400;500&display=swap\" rel=\"stylesheet\">\n<style>\n\/* ============================================================\n DTS ABOUT V4 \u2014 ALL ISSUES FIXED\n ============================================================ *\/\n:root {\n --bg:#020610;--bg2:#040c1c;\n --blue:#0f8fff;--electric:#00d4ff;--cyan:#5ef0ff;\n --orange:#ff6a00;--orange2:#ff9500;\n --purple:#7c3aff;--violet:#b45dff;\n --white:#e8f4ff;--muted:rgba(180,220,255,0.72);--soft:rgba(180,220,255,0.45);\n --font-head:'Syne',system-ui,sans-serif;\n --font-body:'Space Grotesk',system-ui,sans-serif;\n --font-mono:'JetBrains Mono',monospace;\n}\n*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}\nhtml{scroll-behavior:smooth;}\nbody{font-family:var(--font-body);background:var(--bg);color:var(--white);overflow-x:hidden;-webkit-font-smoothing:antialiased;}\n\n\/* \u2500\u2500 GLOBAL BG CANVAS (particle net) \u2500\u2500 *\/\n#bg-canvas{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:0;}\n\n\/* \u2500\u2500 SHARED \u2500\u2500 *\/\n.container{max-width:1280px;margin:0 auto;padding:0 48px;width:100%;}\n.grid-bg{position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(0,212,255,0.022) 1px,transparent 1px),linear-gradient(90deg,rgba(0,212,255,0.022) 1px,transparent 1px);background-size:60px 60px;}\n.orb{position:absolute;border-radius:50%;pointer-events:none;filter:blur(90px);}\n.section-divider{height:1px;background:linear-gradient(90deg,transparent,rgba(0,212,255,0.18) 20%,rgba(0,212,255,0.38) 50%,rgba(0,212,255,0.18) 80%,transparent);position:relative;}\n.section-divider::after{content:'';display:block;height:4px;background:inherit;filter:blur(4px);margin-top:-2px;}\n\n.eyebrow{display:inline-flex;align-items:center;gap:10px;font-family:var(--font-mono);font-size:9.5px;font-weight:500;letter-spacing:0.28em;text-transform:uppercase;color:var(--electric);margin-bottom:22px;padding:5px 13px;border:1px solid rgba(0,212,255,0.25);border-radius:3px;background:rgba(0,212,255,0.035);position:relative;overflow:hidden;}\n.eyebrow::before{content:'';position:absolute;top:0;left:-100%;width:60%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,212,255,0.1),transparent);animation:shine 3.5s infinite ease-in-out;}\n.edot{width:5px;height:5px;border-radius:50%;background:var(--electric);box-shadow:0 0 8px var(--electric);animation:dpulse 2s infinite;}\n.h2{font-family:var(--font-head);font-size:clamp(30px,3.8vw,58px);font-weight:800;line-height:1.06;letter-spacing:-0.03em;}\n.h2 em{font-style:normal;background:linear-gradient(130deg,var(--blue),var(--electric),var(--cyan));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}\n.body-text{font-size:15px;line-height:1.82;color:var(--muted);max-width:520px;}\n\n.btn-primary{display:inline-flex;align-items:center;gap:10px;padding:15px 36px;background:linear-gradient(135deg,var(--orange),var(--orange2));color:#fff;font-family:var(--font-body);font-size:12.5px;font-weight:700;letter-spacing:0.07em;text-transform:uppercase;text-decoration:none;border:none;border-radius:3px;cursor:pointer;position:relative;overflow:hidden;box-shadow:0 0 28px rgba(255,106,0,0.48),0 4px 18px rgba(0,0,0,0.4);transition:box-shadow 0.3s,transform 0.25s;}\n.btn-primary::after{content:'';position:absolute;top:-50%;left:-80%;width:50%;height:200%;background:rgba(255,255,255,0.14);transform:skewX(-20deg);animation:btnshine 3.5s infinite;}\n.btn-primary:hover{box-shadow:0 0 55px rgba(255,106,0,0.62),0 8px 28px rgba(0,0,0,0.5);transform:translateY(-2px);}\n.btn-ghost{display:inline-flex;align-items:center;gap:10px;padding:14px 34px;background:transparent;color:var(--electric);font-family:var(--font-body);font-size:12.5px;font-weight:700;letter-spacing:0.07em;text-transform:uppercase;text-decoration:none;border:1.5px solid rgba(0,212,255,0.32);border-radius:3px;cursor:pointer;transition:border-color 0.3s,box-shadow 0.3s,background 0.3s;}\n.btn-ghost:hover{border-color:var(--electric);box-shadow:0 0 28px rgba(0,212,255,0.18);background:rgba(0,212,255,0.05);}\n\n\/* reveal *\/\n.rv{opacity:0;transform:translateY(36px);transition:opacity 0.8s cubic-bezier(0.22,1,0.36,1),transform 0.8s cubic-bezier(0.22,1,0.36,1);}\n.rv.rl{transform:translateX(-44px);}.rv.rr{transform:translateX(44px);}.rv.rs{transform:translateY(18px);}\n.rv.on{opacity:1;transform:none;}\n.d1{transition-delay:.1s}.d2{transition-delay:.22s}.d3{transition-delay:.34s}.d4{transition-delay:.46s}.d5{transition-delay:.58s}.d6{transition-delay:.70s}\n\n\/* \u2500\u2500 KEYFRAMES \u2500\u2500 *\/\n@keyframes dpulse{0%,100%{opacity:.45}50%{opacity:1}}\n@keyframes shine{0%{left:-100%}100%{left:200%}}\n@keyframes btnshine{0%{left:-80%}100%{left:160%}}\n@keyframes floata{0%,100%{transform:translateY(0)}50%{transform:translateY(-13px)}}\n@keyframes floatb{0%,100%{transform:translateY(-7px)}50%{transform:translateY(6px)}}\n@keyframes floatc{0%,100%{transform:translateY(-4px) rotate(-.8deg)}50%{transform:translateY(9px) rotate(.8deg)}}\n@keyframes glowpulse{0%,100%{opacity:.55}50%{opacity:.82}}\n@keyframes spinslow{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}\n@keyframes spinrev{from{transform:rotate(360deg)}to{transform:rotate(0deg)}}\n@keyframes spintilt{from{transform:rotateX(72deg) rotateZ(0deg)}to{transform:rotateX(72deg) rotateZ(360deg)}}\n@keyframes beampulse{0%,100%{opacity:.3}50%{opacity:.85}}\n@keyframes pingout{0%{transform:scale(1);opacity:.85}100%{transform:scale(3);opacity:0}}\n@keyframes scanline{0%{top:0%;opacity:0}5%{opacity:.55}95%{opacity:.25}100%{top:100%;opacity:0}}\n@keyframes edgeglow{0%{background-position:0%}100%{background-position:200%}}\n@keyframes hudblink{0%,100%{opacity:1}50%{opacity:.3}}\n@keyframes ticker{from{transform:translateX(0)}to{transform:translateX(-50%)}}\n@keyframes aurora{0%,100%{opacity:.1;transform:translateX(0)}50%{opacity:.22;transform:translateX(3%)}}\n@keyframes glowtext{0%,100%{text-shadow:0 0 18px rgba(0,212,255,.35)}50%{text-shadow:0 0 45px rgba(0,212,255,.85),0 0 90px rgba(0,212,255,.28)}}\n@keyframes roadl{0%{transform:translateX(-140%)}100%{transform:translateX(320%)}}\n@keyframes roadr{0%{transform:translateX(140%)}100%{transform:translateX(-320%)}}\n\/* 2D Background animations *\/\n@keyframes gridpulse{0%,100%{opacity:.022}50%{opacity:.055}}\n@keyframes flowline{0%{stroke-dashoffset:600;opacity:0}20%{opacity:.5}80%{opacity:.3}100%{stroke-dashoffset:0;opacity:0}}\n@keyframes orbitmove{0%{offset-distance:0%}100%{offset-distance:100%}}\n@keyframes neonflicker{0%,100%{opacity:.7}48%{opacity:.7}50%{opacity:.2}52%{opacity:.7}92%{opacity:.7}94%{opacity:.35}96%{opacity:.7}}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n SECTION 1: HERO\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.hero{\n position:relative;min-height:100vh;overflow:hidden;\n background:radial-gradient(ellipse 110% 80% at 65% 45%,rgba(15,143,255,.1) 0%,rgba(124,58,255,.05) 40%,transparent 65%),var(--bg);\n}\n\n\/* 2D Animated BG Canvas overlay for hero *\/\n#hero-2d{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:1;}\n\n\/* Aurora bands *\/\n.aurora-wrap{position:absolute;inset:0;pointer-events:none;z-index:1;overflow:hidden;}\n.ab{position:absolute;height:160px;width:120%;left:-10%;background:linear-gradient(90deg,transparent,rgba(0,212,255,.035),rgba(124,58,255,.025),transparent);filter:blur(28px);animation:aurora 12s infinite ease-in-out;}\n.ab:nth-child(1){top:18%}.ab:nth-child(2){top:48%;animation-delay:3s;transform:scaleX(-1)}.ab:nth-child(3){top:74%;animation-delay:6s}\n\n\/* Layout \u2014 FIXED: left column capped so title never clips *\/\n.hero-layout{\n position:relative;z-index:4;\n display:grid;\n \/* Left panel wider (580px) so title fits on 2 lines max; right gets the rest *\/\n grid-template-columns:580px 1fr;\n min-height:100vh;\n align-items:center;\n gap:0;\n}\n\n\/* Left *\/\n.hero-left{\n padding:110px 52px 90px 52px;\n position:relative;z-index:5;\n min-width:0;\n}\n\n.hero-status{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:9px;letter-spacing:.22em;text-transform:uppercase;color:rgba(0,212,255,.68);margin-bottom:24px;padding:5px 11px 5px 8px;background:rgba(0,212,255,.045);border:1px solid rgba(0,212,255,.18);border-radius:2px;}\n.sdot{width:6px;height:6px;border-radius:50%;background:#00ff88;box-shadow:0 0 8px #00ff88;animation:hudblink 1.8s infinite;}\n\n\/* Title \u2014 single large block, nowrap so \"DT Solutions\" stays on one line *\/\n.hero-title{\n font-family:var(--font-head);\n font-size:clamp(48px,4.8vw,50px);\n font-weight:800;line-height:.95;letter-spacing:-.04em;\n color:var(--white);margin-bottom:10px;\n white-space:nowrap; \/* keeps \"DT Solutions\" on one line *\/\n}\n.hero-title .accent{\n display:block;\n background:linear-gradient(118deg,var(--blue),var(--electric),var(--cyan));\n -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;\n animation:glowtext 4s infinite ease-in-out;\n}\n\n.hero-divider{width:72px;height:2px;background:linear-gradient(90deg,var(--orange),rgba(255,106,0,.12));margin:20px 0;}\n\n.hero-desc{font-size:15.5px;line-height:1.76;color:var(--muted);margin-bottom:18px;max-width:440px;}\n\n.hero-quote{font-size:13.5px;line-height:1.78;color:var(--soft);margin-bottom:34px;padding:14px 18px;border-left:2px solid rgba(0,212,255,.48);background:rgba(0,212,255,.035);border-radius:0 5px 5px 0;max-width:440px;position:relative;overflow:hidden;}\n.hero-quote::after{content:'';position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,212,255,.06),transparent);animation:shine 4s infinite;}\n\n.hero-tiles{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-bottom:38px;}\n.htile{display:flex;align-items:flex-start;gap:11px;padding:13px 14px;background:rgba(6,20,42,.72);border:1px solid rgba(0,212,255,.13);border-left:2px solid rgba(0,212,255,.42);border-radius:0 5px 5px 0;backdrop-filter:blur(10px);transition:border-color .3s,background .3s;}\n.htile:hover{border-color:rgba(0,212,255,.28);background:rgba(0,212,255,.055);}\n.hti{flex-shrink:0;width:28px;height:28px;border-radius:6px;background:rgba(0,212,255,.09);border:1px solid rgba(0,212,255,.18);display:flex;align-items:center;justify-content:center;}\n.hti svg{width:13px;height:13px;}\n.htt{font-size:11.5px;font-weight:700;color:var(--white);margin-bottom:2px;}\n.htx{font-size:10.5px;color:var(--soft);line-height:1.5;}\n\n.hero-cta{display:flex;align-items:center;gap:18px;flex-wrap:wrap;}\n.scroll-cue{display:flex;align-items:center;gap:9px;font-family:var(--font-mono);font-size:8.5px;letter-spacing:.2em;color:rgba(0,212,255,.3);text-transform:uppercase;margin-top:28px;}\n.scl{width:1px;height:36px;background:linear-gradient(to bottom,var(--electric),transparent);animation:beampulse 2.5s infinite ease-in-out;}\n\n\/* RIGHT: Spline iframe + float cards *\/\n.hero-right{\n position:relative;\n height:100vh;\n min-height:600px;\n z-index:3;\n overflow:hidden;\n}\n\n\/* Spline container *\/\n.spline-mask{\n position:absolute;\n inset:0;\n width:100%;height:100%;\n overflow:hidden;\n pointer-events:none;\n z-index:4;\n}\n.spline-mask iframe{\n width:100%;height:100%;\n border:none;display:block;\n \/* Allow iframe to render visually but block all pointer events *\/\n pointer-events:none;\n transform:scale(1.15);\n transform-origin:center center;\n}\n\/* Transparent overlay on top of iframe \u2014 captures scroll & mouse events\n so the page scrolls normally when cursor is over the Spline area *\/\n.spline-overlay{\n position:absolute;\n inset:0;\n z-index:5;\n cursor:default;\n \/* Transparent \u2014 invisible but captures all pointer events *\/\n background:transparent;\n}\n\n\/* Fallback 3D sphere (shown if Spline fails \/ no iframe context) *\/\n.sphere-fallback{\n position:absolute;\n inset:0;\n display:flex;align-items:center;justify-content:center;\n z-index:3;\n pointer-events:none;\n}\n.sphere-sys{position:relative;width:560px;height:560px;display:flex;align-items:center;justify-content:center;}\n.sph-core{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:240px;height:240px;border-radius:50%;background:radial-gradient(circle at 35% 30%,rgba(94,240,255,.28),rgba(15,143,255,.22) 35%,rgba(8,30,80,.85) 70%,rgba(4,12,32,.95));box-shadow:0 0 55px rgba(0,212,255,.28),0 0 110px rgba(0,212,255,.1),inset 0 0 55px rgba(0,212,255,.07);z-index:5;}\n.oring{position:absolute;top:50%;left:50%;border-radius:50%;border:1px solid transparent;transform-style:preserve-3d;}\n.o1{width:340px;height:340px;margin:-170px 0 0 -170px;border-color:rgba(0,212,255,.22);animation:spintilt 18s linear infinite;}\n.o2{width:440px;height:440px;margin:-220px 0 0 -220px;border-color:rgba(124,58,255,.16);animation:spintilt 28s linear infinite reverse;transform:rotateX(72deg) rotateZ(45deg);}\n.o3{width:540px;height:540px;margin:-270px 0 0 -270px;border-color:rgba(255,106,0,.1);animation:spintilt 40s linear infinite;transform:rotateX(60deg) rotateZ(-30deg);}\n.on-dot{position:absolute;width:7px;height:7px;border-radius:50%;top:-3.5px;left:calc(50% - 3.5px);z-index:8;}\n.on-dot.b{background:var(--electric);box-shadow:0 0 9px var(--electric);}\n.on-dot.o{background:var(--orange);box-shadow:0 0 9px var(--orange);}\n.on-dot.p{background:var(--violet);box-shadow:0 0 9px var(--violet);}\n.vbeam{position:absolute;bottom:4%;left:50%;transform:translateX(-50%);width:2px;height:140px;background:linear-gradient(to bottom,var(--electric),transparent);animation:beampulse 3.5s infinite ease-in-out;z-index:4;}\n.splatform{position:absolute;bottom:6%;left:50%;transform:translateX(-50%);width:300px;height:16px;background:linear-gradient(90deg,transparent,rgba(0,212,255,.22),rgba(15,143,255,.28),rgba(0,212,255,.22),transparent);border-radius:50%;filter:blur(5px);z-index:3;}\n\n\/* Float cards \u2014 on top of Spline *\/\n.float-cards{position:absolute;inset:0;z-index:10;pointer-events:none;}\n.fc{position:absolute;display:flex;align-items:center;gap:9px;padding:9px 14px 9px 10px;background:rgba(4,12,28,.9);border:1px solid rgba(0,212,255,.28);border-radius:6px;backdrop-filter:blur(18px);white-space:nowrap;box-shadow:0 0 24px rgba(0,212,255,.09),inset 0 1px 0 rgba(255,255,255,.04);}\n.fc::before{content:'';position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,212,255,.07),transparent);animation:shine 4s infinite;}\n.fci{width:26px;height:26px;border-radius:5px;background:rgba(0,212,255,.11);border:1px solid rgba(0,212,255,.2);display:flex;align-items:center;justify-content:center;flex-shrink:0;}\n.fci svg{width:12px;height:12px;}\n.fcl{font-family:var(--font-head);font-size:11px;font-weight:700;color:var(--white);}\n.fcd{width:5px;height:5px;border-radius:50%;background:var(--electric);box-shadow:0 0 6px var(--electric);animation:dpulse 2s infinite;flex-shrink:0;}\n.fc:nth-child(1){top:14%;left:4%;animation:floata 5.5s infinite ease-in-out;}\n.fc:nth-child(2){top:30%;right:3%;animation:floatb 6.5s infinite ease-in-out .5s;}\n.fc:nth-child(3){bottom:32%;left:3%;animation:floata 7s infinite ease-in-out 1s;}\n.fc:nth-child(4){bottom:16%;right:5%;animation:floatb 5s infinite ease-in-out 1.5s;}\n.fc:nth-child(5){top:50%;left:2%;animation:floatc 6s infinite ease-in-out .8s;}\n\n\/* HUD corners *\/\n.hud{position:absolute;width:22px;height:22px;z-index:6;pointer-events:none;}\n.hud.tl{top:12px;left:12px;border-top:1.5px solid rgba(0,212,255,.45);border-left:1.5px solid rgba(0,212,255,.45);}\n.hud.tr{top:12px;right:12px;border-top:1.5px solid rgba(0,212,255,.45);border-right:1.5px solid rgba(0,212,255,.45);}\n.hud.bl{bottom:12px;left:12px;border-bottom:1.5px solid rgba(0,212,255,.25);border-left:1.5px solid rgba(0,212,255,.25);}\n.hud.br{bottom:12px;right:12px;border-bottom:1.5px solid rgba(0,212,255,.25);border-right:1.5px solid rgba(0,212,255,.25);}\n\n\/* Ticker *\/\n.ticker-wrap{position:absolute;bottom:0;left:0;right:0;height:34px;background:rgba(0,212,255,.03);border-top:1px solid rgba(0,212,255,.11);overflow:hidden;z-index:8;display:flex;align-items:center;}\n.ticker-inner{display:flex;white-space:nowrap;animation:ticker 32s linear infinite;font-family:var(--font-mono);font-size:12px;letter-spacing:.18em;color:rgba(0, 213, 255, 0.702);text-transform:uppercase;}\n.ti{padding:0 26px;}.ts{color:rgba(0,212,255,.18);}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n SECTION 2: WHO WE ARE\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.who{position:relative;padding:120px 0;background:linear-gradient(180deg,var(--bg),var(--bg2));overflow:hidden;}\n.who-inner{position:relative;z-index:2;display:grid;grid-template-columns:420px 1fr;gap:70px;align-items:start;}\n.who-mods{margin-top:40px;}\n.wmod{position:relative;display:flex;align-items:stretch;border:1px solid rgba(0,212,255,.13);border-bottom:none;background:rgba(6,18,36,.72);backdrop-filter:blur(10px);overflow:hidden;transition:background .3s;}\n.wmod:last-child{border-bottom:1px solid rgba(0,212,255,.13);}\n.wmod::before{content:'';position:absolute;top:0;left:0;bottom:0;width:3px;background:linear-gradient(to bottom,var(--electric),var(--blue));opacity:0;transition:opacity .4s;}\n.wmod.lit::before{opacity:1;}\n.wmod:hover{background:rgba(0,212,255,.038);}\n.wmod-num{display:flex;align-items:center;justify-content:center;padding:0 20px;font-family:var(--font-mono);font-size:9.5px;font-weight:500;letter-spacing:.14em;color:rgba(0,212,255,.42);border-right:1px solid rgba(0,212,255,.09);min-width:60px;flex-shrink:0;}\n.wmod-body{padding:22px 24px;}\n.wmod-body h4{font-family:var(--font-head);font-size:15.5px;font-weight:700;color:var(--white);margin-bottom:8px;}\n.wmod-body p{font-size:13px;color:var(--muted);line-height:1.68;}\n.who-right{position:relative;height:540px;}\n.odash{position:relative;width:100%;height:100%;border:1px solid rgba(0,212,255,.16);border-radius:11px;overflow:hidden;background:rgba(3,10,24,.92);backdrop-filter:blur(8px);box-shadow:0 0 55px rgba(0,212,255,.07),inset 0 0 38px rgba(0,212,255,.025);}\n.odash::before{content:'';position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,212,255,.035),transparent);animation:shine 6s infinite ease-in-out;z-index:5;pointer-events:none;}\n.dtop{position:absolute;top:0;left:0;right:0;height:36px;background:rgba(6,18,40,.96);border-bottom:1px solid rgba(0,212,255,.13);display:flex;align-items:center;padding:0 14px;gap:7px;z-index:10;}\n.ddot{width:8px;height:8px;border-radius:50%;}\n.dtitle{font-family:var(--font-mono);font-size:9px;font-weight:500;letter-spacing:.2em;color:rgba(0,212,255,.52);text-transform:uppercase;margin-left:auto;}\n.dstat{display:flex;align-items:center;gap:4px;font-family:var(--font-mono);font-size:8px;letter-spacing:.1em;color:rgba(0,255,136,.68);margin-left:14px;}\n.dldot{width:4px;height:4px;border-radius:50%;background:#00ff88;box-shadow:0 0 5px #00ff88;animation:hudblink 1.5s infinite;}\n.dcont{padding:50px 18px 18px;height:100%;display:flex;flex-direction:column;gap:11px;}\n.dmets{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;}\n.dmet{background:rgba(0,212,255,.038);border:1px solid rgba(0,212,255,.11);border-radius:5px;padding:11px 13px;position:relative;overflow:hidden;}\n.dmet::after{content:'';position:absolute;bottom:0;left:0;right:0;height:1.5px;background:linear-gradient(90deg,transparent,var(--electric),transparent);background-size:200% 100%;animation:edgeglow 2s linear infinite;}\n.dmv{font-family:var(--font-head);font-size:20px;font-weight:800;color:var(--electric);line-height:1;text-shadow:0 0 18px rgba(0,212,255,.48);}\n.dml{font-family:var(--font-mono);font-size:8px;letter-spacing:.14em;color:rgba(0,212,255,.48);text-transform:uppercase;margin-top:3px;}\n.dchart{background:rgba(0,0,0,.28);border:1px solid rgba(0,212,255,.09);border-radius:5px;padding:11px;flex:1;}\n.dclbl{font-family:var(--font-mono);font-size:8px;letter-spacing:.14em;color:rgba(0,212,255,.42);text-transform:uppercase;margin-bottom:9px;display:flex;align-items:center;gap:5px;}\n.dplist{display:flex;flex-direction:column;gap:7px;}\n.dprow{}\n.dphead{display:flex;justify-content:space-between;margin-bottom:3px;}\n.dpn{font-family:var(--font-mono);font-size:8.5px;letter-spacing:.09em;color:var(--soft);text-transform:uppercase;}\n.dpv{font-family:var(--font-mono);font-size:8.5px;color:var(--electric);}\n.dpbar{height:3.5px;background:rgba(0,212,255,.07);border-radius:2px;overflow:hidden;}\n.dpf{height:100%;border-radius:2px;background:linear-gradient(90deg,var(--blue),var(--electric));box-shadow:0 0 7px rgba(0,212,255,.38);width:0%;transition:width 1.5s cubic-bezier(.22,1,.36,1);}\n.dpf.of{background:linear-gradient(90deg,var(--orange),var(--orange2));box-shadow:0 0 7px rgba(255,106,0,.38);}\n.dpf.pf{background:linear-gradient(90deg,var(--purple),var(--violet));box-shadow:0 0 7px rgba(124,58,255,.38);}\n.dmini{display:grid;grid-template-columns:1fr 1fr;gap:7px;}\n.dmc{background:rgba(0,212,255,.028);border:1px solid rgba(0,212,255,.09);border-radius:5px;padding:9px 11px;display:flex;align-items:center;gap:9px;}\n.dmci{width:24px;height:24px;border-radius:4px;background:rgba(0,212,255,.09);display:flex;align-items:center;justify-content:center;flex-shrink:0;}\n.dmci svg{width:11px;height:11px;}\n.dmct{font-family:var(--font-head);font-size:10.5px;font-weight:700;color:var(--white);}\n.dmcs{font-family:var(--font-mono);font-size:8.5px;color:var(--soft);}\n.scanl{position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(0,212,255,.38),transparent);pointer-events:none;z-index:9;animation:scanline 8s linear infinite;}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n SECTION 3: OPERATING APPROACH\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.ops{position:relative;padding:120px 0;background:var(--bg);overflow:hidden;}\n.ops-head{text-align:center;margin-bottom:80px;position:relative;z-index:2;}\n.ops-head .eyebrow{display:inline-flex;}\n.ops-head .body-text{margin:14px auto 0;text-align:center;}\n.steps{position:relative;z-index:2;}\n.steps-svg{position:absolute;top:44px;left:0;right:0;height:55px;z-index:1;pointer-events:none;overflow:visible;}\n.steps-row{position:relative;display:flex;align-items:flex-start;justify-content:space-between;z-index:2;padding:0 8px;}\n.snode{flex:1;max-width:200px;text-align:center;opacity:0;transform:translateY(24px);transition:opacity .6s,transform .6s;}\n.snode:nth-child(even){margin-top:70px;}\n.snode.on{opacity:1;transform:translateY(0);}\n.sci-wrap{display:flex;justify-content:center;margin-bottom:18px;position:relative;}\n.sci{width:60px;height:60px;border-radius:50%;background:rgba(6,18,40,.92);border:1.5px solid rgba(0,212,255,.25);display:flex;align-items:center;justify-content:center;position:relative;z-index:2;transition:border-color .5s,box-shadow .5s;}\n.snode.on .sci{border-color:var(--electric);box-shadow:0 0 18px rgba(0,212,255,.45),0 0 36px rgba(0,212,255,.12);}\n.sci svg{width:24px;height:24px;}\n.sbg{position:absolute;top:-28px;left:50%;transform:translateX(-50%);font-family:var(--font-head);font-size:90px;font-weight:800;color:rgba(0,212,255,.03);line-height:1;white-space:nowrap;user-select:none;}\n.stag{display:inline-block;font-family:var(--font-mono);font-size:8.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--orange);margin-bottom:7px;}\n.stitle{font-family:var(--font-head);font-size:13.5px;font-weight:700;color:var(--white);margin-bottom:9px;line-height:1.3;}\n.stext{font-size:12px;color:var(--muted);line-height:1.65;}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n SECTION 4: REACH \u2014 FIXED LAYOUT\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.reach{position:relative;padding:120px 0;background:linear-gradient(180deg,var(--bg2),var(--bg));overflow:hidden;}\n\n\/* FIXED: no more absolute panels \u2014 use proper grid *\/\n.reach-inner{position:relative;z-index:2;display:grid;grid-template-columns:340px 1fr;gap:80px;align-items:center;}\n.reach-left .body-text{margin-top:16px;}\n\n.reach-right{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;}\n\n\/* Globe contained properly *\/\n.globe-wrap{position:relative;width:100%;aspect-ratio:1;max-width:340px;margin:0 auto;display:flex;align-items:center;justify-content:center;}\n.gring{position:absolute;top:50%;left:50%;border-radius:50%;pointer-events:none;}\n.gr1{width:260px;height:260px;margin:-130px 0 0 -130px;border:1px solid rgba(0,212,255,.18);animation:spinslow 18s linear infinite;}\n.gr2{width:330px;height:330px;margin:-165px 0 0 -165px;border:1px solid rgba(124,58,255,.12);animation:spinrev 28s linear infinite;}\n.gr3{width:400px;height:400px;margin:-200px 0 0 -200px;border:1px solid rgba(255,106,0,.07);animation:spinslow 40s linear infinite;}\n.globeglow{position:absolute;top:50%;left:50%;width:200px;height:200px;margin:-100px 0 0 -100px;border-radius:50%;background:radial-gradient(circle,rgba(0,212,255,.2),transparent 65%);}\n\n\/* Reach panels \u2014 now in a proper column, NOT absolutely positioned *\/\n.reach-panels{display:flex;flex-direction:column;gap:12px;}\n.rpanel{padding:18px 20px;background:rgba(6,18,36,.78);border:1px solid rgba(0,212,255,.16);border-left:2px solid var(--electric);border-radius:0 7px 7px 0;backdrop-filter:blur(12px);display:flex;align-items:flex-start;gap:14px;position:relative;overflow:hidden;transition:border-color .3s,box-shadow .3s;}\n.rpanel:hover{border-color:rgba(0,212,255,.32);box-shadow:0 0 26px rgba(0,212,255,.055);}\n.rpanel::after{content:'';position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,212,255,.04),transparent);animation:shine 5.5s infinite ease-in-out;}\n.rpi{flex-shrink:0;width:34px;height:34px;border-radius:7px;background:rgba(0,212,255,.09);border:1px solid rgba(0,212,255,.18);display:flex;align-items:center;justify-content:center;}\n.rpi svg{width:16px;height:16px;}\n.rpanel h4{font-family:var(--font-head);font-size:13.5px;font-weight:700;color:var(--white);margin-bottom:5px;}\n.rpanel p{font-size:12.5px;color:var(--muted);line-height:1.62;}\n\n\/* Credibility strip *\/\n.rstrip{position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:56px;background:rgba(0,212,255,.09);border:1px solid rgba(0,212,255,.13);border-radius:7px;overflow:hidden;}\n.rcell{background:rgba(4,14,30,.92);padding:22px 26px;display:flex;align-items:center;gap:16px;transition:background .3s;}\n.rcell:hover{background:rgba(0,212,255,.035);}\n.rci{width:38px;height:38px;border-radius:7px;background:rgba(0,212,255,.09);border:1px solid rgba(0,212,255,.16);display:flex;align-items:center;justify-content:center;flex-shrink:0;}\n.rci svg{width:18px;height:18px;}\n.rcl{font-family:var(--font-head);font-size:13px;font-weight:700;color:var(--white);margin-bottom:3px;}\n.rcs{font-size:11.5px;color:var(--soft);line-height:1.5;}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n SECTION 5: DIFFERENTIATORS\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.diff{position:relative;padding:120px 0;background:var(--bg);overflow:hidden;}\n.diff-inner{position:relative;z-index:2;display:grid;grid-template-columns:380px 1fr;gap:72px;align-items:start;}\n.dquote{margin-top:32px;padding:18px 20px;background:rgba(4,12,28,.72);border:1px solid rgba(255,106,0,.18);border-left:2px solid var(--orange);border-radius:0 7px 7px 0;position:relative;overflow:hidden;}\n.dqt{font-size:13.5px;color:var(--soft);line-height:1.74;font-style:italic;margin-bottom:9px;}\n.dqa{font-family:var(--font-mono);font-size:9.5px;color:rgba(255,106,0,.58);letter-spacing:.1em;}\n.diff-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;}\n.dcard{position:relative;padding:26px 24px;background:linear-gradient(135deg,rgba(6,18,42,.92),rgba(10,28,58,.78));border:1px solid rgba(0,212,255,.14);border-radius:9px;backdrop-filter:blur(12px);overflow:hidden;transition:border-color .4s,box-shadow .4s,transform .3s;}\n.dcard:nth-child(2){margin-top:26px;}.dcard:nth-child(4){margin-top:-14px;}\n.dcard:hover{border-color:rgba(0,212,255,.32);box-shadow:0 0 36px rgba(0,212,255,.09);transform:translateY(-3px);}\n.dcard::before{content:'';position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,212,255,.045),transparent);animation:shine 6s infinite ease-in-out;}\n.dcard::after{content:'';position:absolute;bottom:0;left:0;right:0;height:1.5px;background:linear-gradient(90deg,transparent,var(--electric),transparent);background-size:200% 100%;animation:edgeglow 4s linear infinite;}\n.dcn{position:absolute;top:12px;right:16px;font-family:var(--font-head);font-size:48px;font-weight:800;color:rgba(0,212,255,.038);line-height:1;user-select:none;}\n.dci{width:42px;height:42px;border-radius:9px;background:rgba(0,212,255,.09);border:1px solid rgba(0,212,255,.18);display:flex;align-items:center;justify-content:center;margin-bottom:16px;box-shadow:0 0 14px rgba(0,212,255,.15);}\n.dci svg{width:20px;height:20px;}\n.dct{font-family:var(--font-head);font-size:14px;font-weight:700;color:var(--white);margin-bottom:9px;line-height:1.3;}\n.dcx{font-size:12.5px;color:var(--muted);line-height:1.68;}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n SECTION 6: DIVERSITY\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.div-sec{position:relative;padding:120px 0;background:linear-gradient(180deg,var(--bg2),var(--bg));overflow:hidden;}\n.div-bg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:580px;height:580px;border-radius:50%;background:radial-gradient(circle,rgba(124,58,255,.065),transparent 65%);pointer-events:none;}\n.div-inner{position:relative;z-index:2;display:grid;grid-template-columns:1fr 320px 1fr;gap:56px;align-items:center;}\n.div-portal{position:relative;height:380px;display:flex;align-items:center;justify-content:center;}\n.pr{position:absolute;top:50%;left:50%;border-radius:50%;pointer-events:none;}\n.pr1{width:300px;height:300px;margin:-150px 0 0 -150px;border:1.5px solid rgba(0,212,255,.2);animation:spinslow 14s linear infinite;}\n.pr2{width:360px;height:360px;margin:-180px 0 0 -180px;border:1px solid rgba(124,58,255,.14);animation:spinrev 22s linear infinite;}\n.pr3{width:230px;height:230px;margin:-115px 0 0 -115px;border:1px solid rgba(255,106,0,.11);animation:spinslow 9s linear infinite;}\n.pr4{width:160px;height:160px;margin:-80px 0 0 -80px;border:1.5px solid rgba(0,212,255,.28);animation:spinrev 6s linear infinite;}\n.pcenter{position:relative;z-index:4;width:130px;height:130px;border-radius:50%;background:radial-gradient(circle at 40% 38%,rgba(0,212,255,.25),rgba(124,58,255,.16) 50%,rgba(4,14,28,.92));border:1.5px solid rgba(0,212,255,.38);display:flex;align-items:center;justify-content:center;box-shadow:0 0 55px rgba(0,212,255,.28),0 0 110px rgba(0,212,255,.07),inset 0 0 28px rgba(0,212,255,.09);}\n.pcenter svg{width:58px;height:58px;}\n.pspark{position:absolute;width:5px;height:5px;border-radius:50%;background:var(--orange);box-shadow:0 0 7px var(--orange);animation:dpulse 1.8s infinite ease-in-out;}\n.div-mods{display:flex;flex-direction:column;gap:14px;}\n.dmod{padding:20px 22px;background:rgba(6,18,36,.78);border:1px solid rgba(0,212,255,.14);border-left:2px solid var(--purple);border-radius:0 7px 7px 0;backdrop-filter:blur(10px);overflow:hidden;transition:border-color .3s;}\n.dmod:hover{border-color:rgba(0,212,255,.28);}\n.dmod h4{font-family:var(--font-head);font-size:13.5px;font-weight:700;color:var(--white);margin-bottom:7px;display:flex;align-items:center;gap:8px;}\n.dmod h4 svg{width:14px;height:14px;flex-shrink:0;}\n.dmod p{font-size:12.5px;color:var(--muted);line-height:1.64;}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n SECTION 7: CTA\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.cta-sec{position:relative;min-height:680px;background:var(--bg);overflow:hidden;display:flex;flex-direction:column;}\n.ctabg{position:absolute;inset:0;background:radial-gradient(ellipse 58% 48% at 50% 38%,rgba(0,212,255,.08),transparent 58%),radial-gradient(ellipse 28% 38% at 84% 72%,rgba(124,58,255,.065),transparent 52%),radial-gradient(ellipse 18% 28% at 14% 78%,rgba(255,106,0,.048),transparent 52%);pointer-events:none;}\n.cta-wrap{position:relative;z-index:4;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:110px 48px 56px;flex:1;text-align:center;}\n.ctah2{font-family:var(--font-head);font-size:clamp(30px,4.8vw,62px);font-weight:800;line-height:1.06;letter-spacing:-.035em;color:var(--white);max-width:820px;margin-bottom:20px;}\n.ctah2 em{font-style:normal;background:linear-gradient(120deg,var(--blue),var(--electric),var(--cyan));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}\n.ctab{font-size:15.5px;color:var(--muted);max-width:520px;margin:0 auto 40px;line-height:1.75;}\n.ctabtns{display:flex;align-items:center;justify-content:center;gap:18px;flex-wrap:wrap;margin-bottom:46px;}\n.ctabadge{padding:13px 28px;background:rgba(6,18,40,.82);border:1px solid rgba(0,212,255,.16);border-radius:5px;font-size:13.5px;color:var(--soft);line-height:1.65;backdrop-filter:blur(12px);max-width:580px;}\n.ctafloat{position:absolute;pointer-events:none;z-index:3;width:40px;height:40px;background:rgba(6,18,40,.82);border:1px solid rgba(0,212,255,.18);border-radius:8px;display:flex;align-items:center;justify-content:center;box-shadow:0 0 18px rgba(0,212,255,.07);}\n.ctafloat svg{width:17px;height:17px;}\n.ctafloat:nth-child(1){top:20%;left:6%;animation:floata 5.5s infinite ease-in-out;}\n.ctafloat:nth-child(2){top:32%;right:7%;animation:floatb 6.5s infinite ease-in-out .8s;}\n.ctafloat:nth-child(3){top:60%;left:4%;animation:floata 7s infinite ease-in-out 1.3s;}\n.ctafloat:nth-child(4){top:48%;right:5%;animation:floatb 5s infinite ease-in-out .4s;}\n.cta-city{position:relative;z-index:2;width:100%;}\n.cta-city svg{width:100%;display:block;}\n.hglow{position:absolute;z-index:2;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent 5%,var(--blue) 25%,var(--electric) 50%,var(--blue) 75%,transparent 95%);filter:blur(2px);opacity:.55;}\n\n\/* \u2550\u2550 RESPONSIVE \u2550\u2550 *\/\n@media(max-width:1100px){\n .hero-layout{grid-template-columns:minmax(0,440px) 1fr;}\n .who-inner{grid-template-columns:360px 1fr;gap:50px;}\n .diff-inner{grid-template-columns:320px 1fr;gap:50px;}\n .div-inner{grid-template-columns:1fr 280px 1fr;gap:40px;}\n .reach-inner{grid-template-columns:300px 1fr;gap:60px;}\n}\n@media(max-width:900px){\n .container{padding:0 24px;}\n .hero-layout{grid-template-columns:1fr;min-height:auto;}\n .hero-left{padding:80px 24px 24px;max-width:100%;}\n .hero-right{position:relative;width:100%;height:520px;}\n .spline-mask{width:100%;height:100%;}\n .float-cards{display:none;}\n .who-inner,.diff-inner{grid-template-columns:1fr;}\n .who-right{height:420px;}\n .div-inner{grid-template-columns:1fr;}\n .div-portal{height:300px;}\n .reach-inner{grid-template-columns:1fr;}\n .reach-right{grid-template-columns:1fr;}\n .globe-wrap{max-width:260px;}\n .rstrip{grid-template-columns:1fr;}\n .steps-row{flex-direction:column;align-items:center;gap:36px;}\n .snode{max-width:280px;}.snode:nth-child(even){margin-top:0;}\n .steps-svg{display:none;}\n .hero-tiles,.diff-grid{grid-template-columns:1fr;}\n .dcard:nth-child(n){margin-top:0;}\n .ctabtns{flex-direction:column;align-items:center;}\n .ctafloat{display:none;}\n}\n@media(max-width:600px){\n .container{padding:0 18px;}\n .who,.ops,.reach,.diff,.div-sec{padding:90px 0;}\n .rstrip{display:none;}\n}\n@media(prefers-reduced-motion:reduce){\n *,*::before,*::after{animation:none!important;transition:opacity .3s,transform .3s!important;}\n .rv{opacity:0;transform:none;}.rv.on{opacity:1;}\n .snode{opacity:1;transform:none;}\n}\n<\/style>\n<\/head>\n<body>\n<canvas id=\"bg-canvas\" aria-hidden=\"true\"><\/canvas>\n\n<section class=\"hero\" aria-label=\"About DT Solutions\">\n <div class=\"grid-bg\" aria-hidden=\"true\" style=\"animation:gridpulse 6s infinite ease-in-out;\"><\/div>\n <div class=\"orb\" style=\"width:800px;height:800px;top:-18%;right:-4%;background:radial-gradient(circle,rgba(0,212,255,.08),rgba(15,143,255,.03) 40%,transparent 65%);\" aria-hidden=\"true\"><\/div>\n <div class=\"orb\" style=\"width:500px;height:500px;top:28%;right:8%;background:radial-gradient(circle,rgba(124,58,255,.06),transparent 65%);\" aria-hidden=\"true\"><\/div>\n\n \n <canvas id=\"hero-2d\" aria-hidden=\"true\"><\/canvas>\n\n <div class=\"aurora-wrap\" aria-hidden=\"true\">\n <div class=\"ab\"><\/div><div class=\"ab\"><\/div><div class=\"ab\"><\/div>\n <\/div>\n <div id=\"hero-stars\" aria-hidden=\"true\" style=\"position:absolute;inset:0;pointer-events:none;z-index:1;overflow:hidden;\"><\/div>\n\n <div class=\"hero-layout\">\n \n <div class=\"hero-left\">\n <div class=\"hero-status rv\"><span class=\"sdot\"><\/span>01 \/ About Us \u00b7 DT Solutions<\/div>\n <h1 class=\"hero-title rv d1\">About<span class=\"accent\">DT Solutions<\/span><\/h1>\n <div class=\"hero-divider rv d2\" aria-hidden=\"true\"><\/div>\n <p class=\"hero-desc rv d2\">A North American consulting and workforce solutions partner helping organizations add dependable capacity where people, delivery, and operations matter.<\/p>\n <blockquote class=\"hero-quote rv d3\">We support public and private sector clients across technology, business operations, regulated environments, and project-based delivery needs \u2014 bringing practical coordination, trusted talent, and responsive support to work that needs to move forward.<\/blockquote>\n <div class=\"hero-tiles rv d3\">\n <div class=\"htile\"><div class=\"hti\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--electric)\" stroke-width=\"1.8\"><circle cx=\"12\" cy=\"12\" r=\"3\"\/><path d=\"M12 2v2M12 20v2M2 12h2M20 12h2\"\/><\/svg><\/div><div><div class=\"htt\">Practical delivery support<\/div><div class=\"htx\">Capacity for real operating needs, active priorities, and day-to-day execution.<\/div><\/div><\/div>\n <div class=\"htile\"><div class=\"hti\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--electric)\" stroke-width=\"1.8\"><path d=\"M12 2L2 7l10 5 10-5-10-5z\"\/><path d=\"M2 17l10 5 10-5M2 12l10 5 10-5\"\/><\/svg><\/div><div><div class=\"htt\">Built for complex environments<\/div><div class=\"htx\">Support across timelines, stakeholders, documentation, and specialized skills.<\/div><\/div><\/div>\n <div class=\"htile\"><div class=\"hti\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--cyan)\" stroke-width=\"1.8\"><rect x=\"2\" y=\"3\" width=\"20\" height=\"14\" rx=\"2\"\/><path d=\"M8 21h8M12 17v4\"\/><\/svg><\/div><div><div class=\"htt\">Flexible engagement models<\/div><div class=\"htx\">Talent solutions, consulting support, project delivery, managed capacity, SOW-based work.<\/div><\/div><\/div>\n <div class=\"htile\"><div class=\"hti\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--orange)\" stroke-width=\"1.8\"><path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"\/><circle cx=\"9\" cy=\"7\" r=\"4\"\/><\/svg><\/div><div><div class=\"htt\">Relationship-led delivery<\/div><div class=\"htx\">Clear communication, accountability, responsiveness, and long-term client trust.<\/div><\/div><\/div>\n <\/div>\n <div class=\"hero-cta rv d4\">\n <a href=\"#who\" class=\"btn-primary\">Learn Who We Are <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" width=\"15\" height=\"15\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg><\/a>\n <\/div>\n <div class=\"scroll-cue rv d5\" aria-hidden=\"true\"><div class=\"scl\"><\/div>Scroll to explore<\/div>\n <\/div>\n\n \n <div class=\"hero-right\" aria-hidden=\"true\">\n <div class=\"hud tl\"><\/div><div class=\"hud tr\"><\/div><div class=\"hud bl\"><\/div><div class=\"hud br\"><\/div>\n \n <div class=\"spline-mask\">\n <iframe src=\"https:\/\/my.spline.design\/orbitalbluestar-O7iqe6sRczTctI2XsvOQBVBr\/\" frameborder=\"0\" width=\"100%\" height=\"100%\" loading=\"lazy\" title=\"DT Solutions orbital visualization\" tabindex=\"-1\" scrolling=\"no\"><\/iframe>\n \n <div class=\"spline-overlay\" aria-hidden=\"true\"><\/div>\n <\/div>\n \n <div class=\"float-cards\">\n <div class=\"fc\"><div class=\"fci\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--electric)\" stroke-width=\"1.8\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><line x1=\"2\" y1=\"12\" x2=\"22\" y2=\"12\"\/><path d=\"M12 2a15 15 0 0 1 4 10 15 15 0 0 1-4 10z\"\/><\/svg><\/div><span class=\"fcl\">Our Purpose<\/span><div class=\"fcd\"><\/div><\/div>\n <div class=\"fc\"><div class=\"fci\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--cyan)\" stroke-width=\"1.8\"><path d=\"M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"\/><polyline points=\"9 22 9 12 15 12 15 22\"\/><\/svg><\/div><span class=\"fcl\">North American Presence<\/span><div class=\"fcd\" style=\"background:var(--cyan);box-shadow:0 0 6px var(--cyan);\"><\/div><\/div>\n <div class=\"fc\"><div class=\"fci\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--orange)\" stroke-width=\"1.8\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><\/svg><\/div><span class=\"fcl\">Public + Private Sector<\/span><div class=\"fcd\" style=\"background:var(--orange);box-shadow:0 0 6px var(--orange);\"><\/div><\/div>\n <div class=\"fc\"><div class=\"fci\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--violet)\" stroke-width=\"1.8\"><path d=\"M22 12h-4l-3 9L9 3l-3 9H2\"\/><\/svg><\/div><span class=\"fcl\">Delivery Capacity<\/span><div class=\"fcd\" style=\"background:var(--violet);box-shadow:0 0 6px var(--violet);\"><\/div><\/div>\n <div class=\"fc\"><div class=\"fci\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--electric)\" stroke-width=\"1.8\"><path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"\/><circle cx=\"9\" cy=\"7\" r=\"4\"\/><path d=\"M23 21v-2a4 4 0 0 0-3-3.87M16 3.13a4 4 0 0 1 0 7.75\"\/><\/svg><\/div><span class=\"fcl\">Workforce + Consulting<\/span><div class=\"fcd\"><\/div><\/div>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"ticker-wrap\" aria-hidden=\"true\"><div class=\"ticker-inner\" id=\"hticker\"><\/div><\/div>\n<\/section>\n<div class=\"section-divider\" aria-hidden=\"true\"><\/div>\n\n\n<section class=\"who\" id=\"who\" aria-label=\"Who We Are\">\n <div class=\"grid-bg\" aria-hidden=\"true\"><\/div>\n <svg style=\"position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0;\" viewBox=\"0 0 1400 700\" preserveAspectRatio=\"xMidYMid slice\" aria-hidden=\"true\">\n <path d=\"M0 140 Q350 70 700 140 T1400 140\" stroke=\"rgba(0,212,255,.038)\" fill=\"none\" stroke-width=\"1.5\"\/>\n <path d=\"M0 270 Q350 200 700 270 T1400 270\" stroke=\"rgba(0,212,255,.028)\" fill=\"none\" stroke-width=\"1\"\/>\n <path d=\"M0 410 Q350 340 700 410 T1400 410\" stroke=\"rgba(124,58,255,.022)\" fill=\"none\" stroke-width=\"1\"\/>\n <path d=\"M0 550 Q350 480 700 550 T1400 550\" stroke=\"rgba(0,212,255,.018)\" fill=\"none\" stroke-width=\"1\"\/>\n <\/svg>\n <div class=\"container\">\n <div class=\"who-inner\">\n <div>\n <div class=\"eyebrow rv\"><span class=\"edot\"><\/span>02 \/ Who We Are<\/div>\n <h2 class=\"h2 rv d1\">Who<br>We Are<\/h2>\n <p class=\"body-text rv d2\" style=\"margin-top:16px;\">DT Solutions is built to help organizations strengthen capacity with practical talent, consulting, and delivery support aligned to real operating needs.<\/p>\n <div class=\"who-mods rv d3\">\n <div class=\"wmod\"><div class=\"wmod-num\">01<\/div><div class=\"wmod-body\"><h4>Practical execution<\/h4><p>Support that helps work move forward in real operating environments where priorities and timelines are active.<\/p><\/div><\/div>\n <div class=\"wmod\"><div class=\"wmod-num\">02<\/div><div class=\"wmod-body\"><h4>Complex client needs<\/h4><p>Experience across timelines, stakeholders, specialized skills, procurement, and compliance expectations.<\/p><\/div><\/div>\n <div class=\"wmod\"><div class=\"wmod-num\">03<\/div><div class=\"wmod-body\"><h4>Dependable relationships<\/h4><p>Responsive communication, sector awareness, and delivery-focused support clients can rely on.<\/p><\/div><\/div>\n <\/div>\n <\/div>\n <div class=\"who-right rv rr d2\">\n <div class=\"odash\">\n <div class=\"scanl\"><\/div>\n <div class=\"dtop\">\n <div class=\"ddot\" style=\"background:#ff5f57;\"><\/div>\n <div class=\"ddot\" style=\"background:#febc2e;\"><\/div>\n <div class=\"ddot\" style=\"background:#28c840;\"><\/div>\n <span class=\"dtitle\">DTS \/ Enterprise Operations Center<\/span>\n <div class=\"dstat\"><span class=\"dldot\"><\/span>LIVE<\/div>\n <\/div>\n <div class=\"dcont\">\n <div class=\"dmets\">\n <div class=\"dmet\"><div class=\"dmv\" data-t=\"98\">0<\/div><div class=\"dml\">Delivery Rate %<\/div><\/div>\n <div class=\"dmet\"><div class=\"dmv\" data-t=\"12\">0<\/div><div class=\"dml\">Active Sectors<\/div><\/div>\n <div class=\"dmet\"><div class=\"dmv\" data-t=\"7\" data-s=\"x\">0<\/div><div class=\"dml\">Engagement Models<\/div><\/div>\n <\/div>\n <div class=\"dchart\">\n <div class=\"dclbl\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--electric)\" stroke-width=\"1.8\" width=\"9\" height=\"9\"><path d=\"M22 12h-4l-3 9L9 3l-3 9H2\"\/><\/svg>Capability Coverage<\/div>\n <div class=\"dplist\">\n <div class=\"dprow\"><div class=\"dphead\"><span class=\"dpn\">Workforce Solutions<\/span><span class=\"dpv\">95%<\/span><\/div><div class=\"dpbar\"><div class=\"dpf\" style=\"--w:95%\"><\/div><\/div><\/div>\n <div class=\"dprow\"><div class=\"dphead\"><span class=\"dpn\">Consulting Support<\/span><span class=\"dpv\">88%<\/span><\/div><div class=\"dpbar\"><div class=\"dpf of\" style=\"--w:88%\"><\/div><\/div><\/div>\n <div class=\"dprow\"><div class=\"dphead\"><span class=\"dpn\">Project Delivery<\/span><span class=\"dpv\">92%<\/span><\/div><div class=\"dpbar\"><div class=\"dpf pf\" style=\"--w:92%\"><\/div><\/div><\/div>\n <div class=\"dprow\"><div class=\"dphead\"><span class=\"dpn\">Managed Capacity<\/span><span class=\"dpv\">85%<\/span><\/div><div class=\"dpbar\"><div class=\"dpf\" style=\"--w:85%\"><\/div><\/div><\/div>\n <\/div>\n <\/div>\n <div class=\"dmini\">\n <div class=\"dmc\"><div class=\"dmci\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--electric)\" stroke-width=\"1.8\"><rect x=\"2\" y=\"7\" width=\"20\" height=\"14\" rx=\"2\"\/><path d=\"M16 21V5a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16\"\/><\/svg><\/div><div><div class=\"dmct\">Public Sector<\/div><div class=\"dmcs\">Gov \u00b7 Healthcare \u00b7 Education<\/div><\/div><\/div>\n <div class=\"dmc\"><div class=\"dmci\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--orange)\" stroke-width=\"1.8\"><path d=\"M12 2L2 7l10 5 10-5-10-5z\"\/><path d=\"M2 17l10 5 10-5M2 12l10 5 10-5\"\/><\/svg><\/div><div><div class=\"dmct\">Private Sector<\/div><div class=\"dmcs\">Tech \u00b7 Finance \u00b7 Energy<\/div><\/div><\/div>\n <div class=\"dmc\"><div class=\"dmci\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--cyan)\" stroke-width=\"1.8\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><\/svg><\/div><div><div class=\"dmct\">Regulated Env.<\/div><div class=\"dmcs\">Compliance \u00b7 Procurement<\/div><\/div><\/div>\n <div class=\"dmc\"><div class=\"dmci\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--violet)\" stroke-width=\"1.8\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><line x1=\"2\" y1=\"12\" x2=\"22\" y2=\"12\"\/><path d=\"M12 2a15 15 0 0 1 4 10z\"\/><\/svg><\/div><div><div class=\"dmct\">North American<\/div><div class=\"dmcs\">CA \u00b7 US \u00b7 Cross-border<\/div><\/div><\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n<div class=\"section-divider\" aria-hidden=\"true\"><\/div>\n\n\n<section class=\"ops\" id=\"ops\" aria-label=\"Our Operating Approach\">\n <svg style=\"position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0;opacity:.65;\" viewBox=\"0 0 1400 700\" preserveAspectRatio=\"xMidYMid slice\" aria-hidden=\"true\">\n <path d=\"M-100 180 Q300 110 700 180 T1500 180\" stroke=\"rgba(0,212,255,.038)\" fill=\"none\" stroke-width=\"1.5\"\/>\n <path d=\"M-100 290 Q300 220 700 290 T1500 290\" stroke=\"rgba(0,212,255,.028)\" fill=\"none\" stroke-width=\"1\"\/>\n <path d=\"M-100 400 Q300 330 700 400 T1500 400\" stroke=\"rgba(124,58,255,.022)\" fill=\"none\" stroke-width=\"1\"\/>\n <path d=\"M-100 510 Q300 440 700 510 T1500 510\" stroke=\"rgba(0,212,255,.022)\" fill=\"none\" stroke-width=\"1\"\/>\n <radialGradient id=\"oc\" cx=\"50%\" cy=\"50%\" r=\"40%\"><stop offset=\"0%\" stop-color=\"rgba(0,212,255,.065)\"\/><stop offset=\"100%\" stop-color=\"transparent\"\/><\/radialGradient>\n <ellipse cx=\"700\" cy=\"350\" rx=\"560\" ry=\"240\" fill=\"url(#oc)\"\/>\n <\/svg>\n <div class=\"grid-bg\" aria-hidden=\"true\"><\/div>\n <div class=\"container\">\n <div class=\"ops-head\">\n <div class=\"eyebrow rv\"><span class=\"edot\"><\/span>03 \/ Our Operating Approach<\/div>\n <h2 class=\"h2 rv d1\">Our Operating Approach<\/h2>\n <p class=\"body-text rv d2\" style=\"max-width:560px;\">DT Solutions works with clarity, discipline, and responsiveness \u2014 aligning support to how each client's work actually moves.<\/p>\n <\/div>\n <div class=\"steps\">\n <svg class=\"steps-svg\" viewBox=\"0 0 1220 55\" fill=\"none\" aria-hidden=\"true\">\n <defs><linearGradient id=\"pg\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"0\"><stop offset=\"0%\" stop-color=\"var(--purple)\" stop-opacity=\".38\"\/><stop offset=\"50%\" stop-color=\"var(--electric)\" stop-opacity=\".68\"\/><stop offset=\"100%\" stop-color=\"var(--orange)\" stop-opacity=\".48\"\/><\/linearGradient><\/defs>\n <path d=\"M20 28 Q150 5 310 28 Q400 46 490 28 Q620 5 750 28 Q840 46 930 28 Q1060 5 1200 28\" stroke=\"rgba(0,212,255,.045)\" stroke-width=\"7\" fill=\"none\" stroke-linecap=\"round\"\/>\n <path id=\"sp\" d=\"M20 28 Q150 5 310 28 Q400 46 490 28 Q620 5 750 28 Q840 46 930 28 Q1060 5 1200 28\" stroke=\"url(#pg)\" stroke-width=\"1.8\" fill=\"none\" stroke-linecap=\"round\" stroke-dasharray=\"2200\" stroke-dashoffset=\"2200\" style=\"transition:stroke-dashoffset 2.2s cubic-bezier(.4,0,.2,1)\"\/>\n <\/svg>\n <div class=\"steps-row\" id=\"steps-row\">\n <div class=\"snode\"><div class=\"sci-wrap\"><div class=\"sbg\" aria-hidden=\"true\">01<\/div><div class=\"sci\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--electric)\" stroke-width=\"1.8\"><circle cx=\"11\" cy=\"11\" r=\"8\"\/><path d=\"m21 21-4.35-4.35\"\/><\/svg><\/div><\/div><span class=\"stag\">Step 01<\/span><h4 class=\"stitle\">Understand the environment first<\/h4><p class=\"stext\">We begin with the client's priorities, constraints, timelines, stakeholders, and delivery context.<\/p><\/div>\n <div class=\"snode\"><div class=\"sci-wrap\"><div class=\"sbg\" aria-hidden=\"true\">02<\/div><div class=\"sci\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--orange)\" stroke-width=\"1.8\"><path d=\"M12 2L2 7l10 5 10-5-10-5z\"\/><path d=\"M2 17l10 5 10-5M2 12l10 5 10-5\"\/><\/svg><\/div><\/div><span class=\"stag\" style=\"color:var(--orange)\">Step 02<\/span><h4 class=\"stitle\">Match support to real work<\/h4><p class=\"stext\">We align capacity to the way work moves across teams, systems, approvals, and dependencies.<\/p><\/div>\n <div class=\"snode\"><div class=\"sci-wrap\"><div class=\"sbg\" aria-hidden=\"true\">03<\/div><div class=\"sci\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--cyan)\" stroke-width=\"1.8\"><path d=\"M22 12h-4l-3 9L9 3l-3 9H2\"\/><\/svg><\/div><\/div><span class=\"stag\" style=\"color:var(--cyan)\">Step 03<\/span><h4 class=\"stitle\">Stay close after launch<\/h4><p class=\"stext\">We remain responsive to fit, communication, performance, and changing needs.<\/p><\/div>\n <div class=\"snode\"><div class=\"sci-wrap\"><div class=\"sbg\" aria-hidden=\"true\">04<\/div><div class=\"sci\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--electric)\" stroke-width=\"1.8\"><path d=\"M13 2L3 14h9l-1 8 10-12h-9l1-8z\"\/><\/svg><\/div><\/div><span class=\"stag\">Step 04<\/span><h4 class=\"stitle\">Balance speed with care<\/h4><p class=\"stext\">We move quickly without overlooking quality, clarity, documentation, or long-term confidence.<\/p><\/div>\n <div class=\"snode\"><div class=\"sci-wrap\"><div class=\"sbg\" aria-hidden=\"true\">05<\/div><div class=\"sci\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--violet)\" stroke-width=\"1.8\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><\/svg><\/div><\/div><span class=\"stag\" style=\"color:var(--violet)\">Step 05<\/span><h4 class=\"stitle\">Build trust through consistency<\/h4><p class=\"stext\">Dependable follow-through, practical communication, support that reflects client reality.<\/p><\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n<div class=\"section-divider\" aria-hidden=\"true\"><\/div>\n\n\n<section class=\"reach\" id=\"reach\" aria-label=\"Market Reach\">\n <div class=\"grid-bg\" style=\"opacity:.55;\" aria-hidden=\"true\"><\/div>\n <div class=\"orb\" style=\"width:650px;height:650px;top:-8%;right:-8%;background:radial-gradient(circle,rgba(0,212,255,.048),transparent 65%);pointer-events:none;\" aria-hidden=\"true\"><\/div>\n <div class=\"container\">\n <div class=\"reach-inner\">\n <div>\n <div class=\"eyebrow rv\"><span class=\"edot\"><\/span>04 \/ Our Experience & Market Reach<\/div>\n <h2 class=\"h2 rv d1\">Our Experience &<br><em>Market Reach<\/em><\/h2>\n <p class=\"body-text rv d2\">DT Solutions works across public, private, regulated, and growth-focused environments where dependable workforce and project capacity matter.<\/p>\n <\/div>\n \n <div class=\"reach-right\">\n <div class=\"globe-wrap rv rs d2\" aria-hidden=\"true\">\n <div class=\"gring gr1\"><\/div>\n <div class=\"gring gr2\"><\/div>\n <div class=\"gring gr3\"><\/div>\n <div class=\"globeglow\"><\/div>\n <svg viewBox=\"0 0 280 280\" width=\"220\" height=\"220\" fill=\"none\" style=\"position:relative;z-index:5;\">\n <defs>\n <radialGradient id=\"gg\" cx=\"38%\" cy=\"35%\" r=\"60%\"><stop offset=\"0%\" stop-color=\"rgba(0,212,255,.28)\"\/><stop offset=\"55%\" stop-color=\"rgba(8,40,100,.68)\"\/><stop offset=\"100%\" stop-color=\"rgba(2,8,20,.95)\"\/><\/radialGradient>\n <radialGradient id=\"gl\" cx=\"32%\" cy=\"28%\" r=\"42%\"><stop offset=\"0%\" stop-color=\"rgba(94,240,255,.28)\"\/><stop offset=\"100%\" stop-color=\"transparent\"\/><\/radialGradient>\n <\/defs>\n <circle cx=\"140\" cy=\"140\" r=\"128\" fill=\"url(#gg)\" stroke=\"rgba(0,212,255,.25)\" stroke-width=\"1.2\"\/>\n <circle cx=\"140\" cy=\"140\" r=\"128\" fill=\"url(#gl)\"\/>\n <ellipse cx=\"140\" cy=\"140\" rx=\"48\" ry=\"126\" stroke=\"rgba(0,212,255,.1)\" stroke-width=\"1\" fill=\"none\"\/>\n <ellipse cx=\"140\" cy=\"140\" rx=\"96\" ry=\"126\" stroke=\"rgba(0,212,255,.08)\" stroke-width=\"1\" fill=\"none\"\/>\n <line x1=\"140\" y1=\"14\" x2=\"140\" y2=\"266\" stroke=\"rgba(0,212,255,.09)\" stroke-width=\"1\"\/>\n <ellipse cx=\"140\" cy=\"105\" rx=\"118\" ry=\"24\" stroke=\"rgba(0,212,255,.09)\" stroke-width=\"1\" fill=\"none\"\/>\n <ellipse cx=\"140\" cy=\"140\" rx=\"126\" ry=\"22\" stroke=\"rgba(0,212,255,.1)\" stroke-width=\"1\" fill=\"none\"\/>\n <ellipse cx=\"140\" cy=\"175\" rx=\"118\" ry=\"24\" stroke=\"rgba(0,212,255,.09)\" stroke-width=\"1\" fill=\"none\"\/>\n <path d=\"M80 88 Q98 76 122 85 Q138 93 135 108 Q130 126 112 129 Q92 133 80 120 Q68 106 80 88Z\" fill=\"rgba(0,212,255,.14)\" stroke=\"rgba(0,212,255,.26)\" stroke-width=\"1\"\/>\n <path d=\"M140 78 Q159 68 176 77 Q190 85 188 100 Q185 114 170 118 Q155 122 144 111 Q136 97 140 78Z\" fill=\"rgba(0,212,255,.11)\" stroke=\"rgba(0,212,255,.22)\" stroke-width=\"1\"\/>\n <circle cx=\"105\" cy=\"102\" r=\"4.5\" fill=\"rgba(0,212,255,.88)\"><animate attributeName=\"opacity\" values=\".38;1;.38\" dur=\"2.7s\" repeatCount=\"indefinite\"\/><\/circle>\n <circle cx=\"162\" cy=\"94\" r=\"4\" fill=\"rgba(255,106,0,.88)\"><animate attributeName=\"opacity\" values=\".28;1;.28\" dur=\"3.1s\" repeatCount=\"indefinite\" begin=\".7s\"\/><\/circle>\n <circle cx=\"194\" cy=\"142\" r=\"3.5\" fill=\"rgba(124,58,255,.88)\"><animate attributeName=\"opacity\" values=\".35;.92;.35\" dur=\"2.9s\" repeatCount=\"indefinite\" begin=\"1.3s\"\/><\/circle>\n <line x1=\"105\" y1=\"102\" x2=\"162\" y2=\"94\" stroke=\"rgba(0,212,255,.32)\" stroke-width=\"1\" stroke-dasharray=\"4 3\"><animate attributeName=\"stroke-dashoffset\" values=\"0;14;0\" dur=\"3s\" repeatCount=\"indefinite\"\/><\/line>\n <line x1=\"162\" y1=\"94\" x2=\"194\" y2=\"142\" stroke=\"rgba(255,106,0,.28)\" stroke-width=\"1\" stroke-dasharray=\"4 3\"><animate attributeName=\"stroke-dashoffset\" values=\"14;0;14\" dur=\"4s\" repeatCount=\"indefinite\"\/><\/line>\n <\/svg>\n \n <div style=\"position:absolute;top:22%;left:12%;z-index:8;\"><div style=\"width:7px;height:7px;border-radius:50%;background:var(--electric);box-shadow:0 0 9px var(--electric);\"><\/div><div style=\"position:absolute;top:50%;left:50%;width:18px;height:18px;margin:-9px 0 0 -9px;border-radius:50%;border:1.5px solid var(--electric);animation:pingout 2.2s infinite ease-out;\"><\/div><\/div>\n <div style=\"position:absolute;top:28%;right:10%;z-index:8;\"><div style=\"width:7px;height:7px;border-radius:50%;background:var(--orange);box-shadow:0 0 9px var(--orange);\"><\/div><div style=\"position:absolute;top:50%;left:50%;width:18px;height:18px;margin:-9px 0 0 -9px;border-radius:50%;border:1.5px solid var(--orange);animation:pingout 2.2s infinite ease-out .7s;\"><\/div><\/div>\n <\/div>\n \n <div class=\"reach-panels rv rr d3\">\n <div class=\"rpanel\"><div class=\"rpi\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--electric)\" stroke-width=\"1.8\"><rect x=\"2\" y=\"7\" width=\"20\" height=\"14\" rx=\"2\"\/><path d=\"M16 21V5a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16\"\/><\/svg><\/div><div><h4>Cross-sector experience<\/h4><p>Government, healthcare, financial services, education, energy, technology, infrastructure, and business operations.<\/p><\/div><\/div>\n <div class=\"rpanel\"><div class=\"rpi\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--cyan)\" stroke-width=\"1.8\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><line x1=\"2\" y1=\"12\" x2=\"22\" y2=\"12\"\/><path d=\"M12 2a15 15 0 0 1 4 10z\"\/><\/svg><\/div><div><h4>North American delivery reach<\/h4><p>Responsive account management, recruitment, consulting, and professional services across North American environments.<\/p><\/div><\/div>\n <div class=\"rpanel\"><div class=\"rpi\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--orange)\" stroke-width=\"1.8\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><\/svg><\/div><div><h4>Regulated & complex environments<\/h4><p>Experienced in settings shaped by compliance, documentation, procurement, and stakeholder expectations.<\/p><\/div><\/div>\n <div class=\"rpanel\"><div class=\"rpi\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--violet)\" stroke-width=\"1.8\"><path d=\"M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z\"\/><\/svg><\/div><div><h4>Flexible operating reach<\/h4><p>Supporting recruitment, consulting, managed services, project-based work, and structured engagement models.<\/p><\/div><\/div>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"rstrip rv d4\">\n <div class=\"rcell\"><div class=\"rci\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--electric)\" stroke-width=\"1.8\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><polyline points=\"9 12 11 14 15 10\"\/><\/svg><\/div><div><div class=\"rcl\">Diverse Supplier Credentials<\/div><div class=\"rcs\">Supporting inclusive, responsible procurement environments<\/div><\/div><\/div>\n <div class=\"rcell\"><div class=\"rci\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--orange)\" stroke-width=\"1.8\"><path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"\/><circle cx=\"9\" cy=\"7\" r=\"4\"\/><path d=\"M23 21v-2a4 4 0 0 0-3-3.87M16 3.13a4 4 0 0 1 0 7.75\"\/><\/svg><\/div><div><div class=\"rcl\">Public + Private Sector Clients<\/div><div class=\"rcs\">Serving complex, regulated, and growth-focused organizations<\/div><\/div><\/div>\n <div class=\"rcell\"><div class=\"rci\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--cyan)\" stroke-width=\"1.8\"><polyline points=\"22 12 18 12 15 21 9 3 6 12 2 12\"\/><\/svg><\/div><div><div class=\"rcl\">Responsive Delivery Model<\/div><div class=\"rcs\">Talent, consulting, managed services, and SOW-based engagements<\/div><\/div><\/div>\n <\/div>\n <\/div>\n<\/section>\n<div class=\"section-divider\" aria-hidden=\"true\"><\/div>\n\n\n<section class=\"diff\" id=\"diff\" aria-label=\"What Makes DT Solutions Different\">\n <div class=\"grid-bg\" aria-hidden=\"true\"><\/div>\n <div class=\"orb\" style=\"width:560px;height:560px;top:28%;left:-8%;background:radial-gradient(circle,rgba(124,58,255,.065),transparent 65%);pointer-events:none;\" aria-hidden=\"true\"><\/div>\n <div class=\"container\">\n <div class=\"diff-inner\">\n <div>\n <div class=\"eyebrow rv\"><span class=\"edot\"><\/span>05 \/ What Makes Us Different<\/div>\n <h2 class=\"h2 rv d1\">What Makes<br>DT Solutions<br><em>Different<\/em><\/h2>\n <p class=\"body-text rv d2\">DT Solutions combines responsive workforce support, practical follow-through, and sector-aware execution for organizations that need dependable capacity.<\/p>\n <div class=\"dquote rv d3\"><p class=\"dqt\">\"We look beyond job titles to understand the operating need, team context, delivery pressure, and intended outcome.\"<\/p><p class=\"dqa\">\u2014 DT Solutions Operating Principle<\/p><\/div>\n <\/div>\n <div class=\"diff-grid rv rr d2\">\n <div class=\"dcard\"><div class=\"dcn\" aria-hidden=\"true\">1<\/div><div class=\"dci\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--electric)\" stroke-width=\"1.8\"><circle cx=\"11\" cy=\"11\" r=\"8\"\/><path d=\"m21 21-4.35-4.35\"\/><\/svg><\/div><h3 class=\"dct\">We understand the work behind the role<\/h3><p class=\"dcx\">We look beyond job titles to understand the operating need, team context, delivery pressure, and intended outcome.<\/p><\/div>\n <div class=\"dcard\"><div class=\"dcn\" aria-hidden=\"true\">2<\/div><div class=\"dci\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--orange)\" stroke-width=\"1.8\"><path d=\"M22 12h-4l-3 9L9 3l-3 9H2\"\/><\/svg><\/div><h3 class=\"dct\">We stay close after the engagement starts<\/h3><p class=\"dcx\">Our involvement continues through communication, fit, performance, issue resolution, and changing priorities.<\/p><\/div>\n <div class=\"dcard\"><div class=\"dcn\" aria-hidden=\"true\">3<\/div><div class=\"dci\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--cyan)\" stroke-width=\"1.8\"><path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"\/><circle cx=\"9\" cy=\"7\" r=\"4\"\/><\/svg><\/div><h3 class=\"dct\">We support both people and delivery needs<\/h3><p class=\"dcx\">Individual expertise, coordinated teams, project support, managed models, and structured engagements.<\/p><\/div>\n <div class=\"dcard\"><div class=\"dcn\" aria-hidden=\"true\">4<\/div><div class=\"dci\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--violet)\" stroke-width=\"1.8\"><path d=\"M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z\"\/><\/svg><\/div><h3 class=\"dct\">We work with accountability and care<\/h3><p class=\"dcx\">Clear communication, realistic commitments, disciplined follow-through, and long-term trust.<\/p><\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n<div class=\"section-divider\" aria-hidden=\"true\"><\/div>\n\n\n<section class=\"div-sec\" id=\"diversity\" aria-label=\"Diversity, Inclusion and Supplier Identity\">\n <div class=\"grid-bg\" aria-hidden=\"true\"><\/div>\n <div class=\"div-bg\" aria-hidden=\"true\"><\/div>\n <div class=\"container\">\n <div class=\"div-inner\">\n <div>\n <div class=\"eyebrow rv\"><span class=\"edot\"><\/span>06 \/ Diversity, Inclusion & Supplier Identity<\/div>\n <h2 class=\"h2 rv d1\">Diversity,<br>Inclusion &<br><em>Supplier Identity<\/em><\/h2>\n <p class=\"body-text rv d2\">DT Solutions brings a diverse supplier perspective to client partnerships, with a commitment to inclusive access, responsible business, and meaningful representation.<\/p>\n <\/div>\n <div class=\"div-portal rv rs d2\" aria-hidden=\"true\">\n <div class=\"pr pr1\"><\/div><div class=\"pr pr2\"><\/div><div class=\"pr pr3\"><\/div><div class=\"pr pr4\"><\/div>\n <div class=\"pspark\" style=\"top:7%;left:48%;\"><\/div>\n <div class=\"pspark\" style=\"top:48%;right:7%;animation-delay:.5s;\"><\/div>\n <div class=\"pspark\" style=\"bottom:9%;left:38%;animation-delay:1s;\"><\/div>\n <div class=\"pspark\" style=\"top:38%;left:9%;animation-delay:1.5s;\"><\/div>\n <div class=\"pcenter\">\n <svg viewBox=\"0 0 80 80\" fill=\"none\" stroke=\"var(--cyan)\" stroke-width=\"1.4\">\n <circle cx=\"40\" cy=\"22\" r=\"9\"\/><path d=\"M22 58c0-9.94 8.06-18 18-18s18 8.06 18 18\"\/>\n <circle cx=\"22\" cy=\"28\" r=\"7\"\/><path d=\"M8 58c0-7.73 6.27-14 14-14\"\/>\n <circle cx=\"58\" cy=\"28\" r=\"7\"\/><path d=\"M72 58c0-7.73-6.27-14-14-14\"\/>\n <\/svg>\n <\/div>\n <\/div>\n <div class=\"div-mods\">\n <div class=\"dmod rv rr d2\"><h4><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--orange)\" stroke-width=\"1.8\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><polyline points=\"9 12 11 14 15 10\"\/><\/svg>Certified diverse supplier identity<\/h4><p>Our credentials support clients that value inclusive procurement, responsible sourcing, and broader market participation.<\/p><\/div>\n <div class=\"dmod rv rr d3\"><h4><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--electric)\" stroke-width=\"1.8\"><path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"\/><circle cx=\"9\" cy=\"7\" r=\"4\"\/><path d=\"M23 21v-2a4 4 0 0 0-3-3.87M16 3.13a4 4 0 0 1 0 7.75\"\/><\/svg>Inclusive workforce perspective<\/h4><p>We recognize the importance of widening access to opportunity across talent communities and client environments.<\/p><\/div>\n <div class=\"dmod rv rr d4\"><h4><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--cyan)\" stroke-width=\"1.8\"><rect x=\"2\" y=\"7\" width=\"20\" height=\"14\" rx=\"2\"\/><path d=\"M16 21V5a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16\"\/><\/svg>Procurement-ready credibility<\/h4><p>Our experience with public, regulated, and enterprise clients helps us meet supplier standards, documentation, and accountability expectations.<\/p><\/div>\n <div class=\"rv d5\" style=\"margin-top:20px;\"><a href=\"#\" class=\"btn-ghost\">Explore Diversity & Inclusion Commitment <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" width=\"13\" height=\"13\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg><\/a><\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n<div class=\"section-divider\" aria-hidden=\"true\"><\/div>\n\n\n<section class=\"cta-sec\" id=\"cta\" aria-label=\"Let's Connect\">\n <div class=\"ctabg\" aria-hidden=\"true\"><\/div>\n <div class=\"grid-bg\" aria-hidden=\"true\"><\/div>\n <div class=\"ctafloat\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--electric)\" stroke-width=\"1.8\" width=\"17\" height=\"17\"><path d=\"M12 2L2 7l10 5 10-5-10-5z\"\/><path d=\"M2 17l10 5 10-5M2 12l10 5 10-5\"\/><\/svg><\/div>\n <div class=\"ctafloat\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--orange)\" stroke-width=\"1.8\" width=\"17\" height=\"17\"><path d=\"M22 12h-4l-3 9L9 3l-3 9H2\"\/><\/svg><\/div>\n <div class=\"ctafloat\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--violet)\" stroke-width=\"1.8\" width=\"17\" height=\"17\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><\/svg><\/div>\n <div class=\"ctafloat\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--cyan)\" stroke-width=\"1.8\" width=\"17\" height=\"17\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><line x1=\"2\" y1=\"12\" x2=\"22\" y2=\"12\"\/><path d=\"M12 2a15 15 0 0 1 4 10z\"\/><\/svg><\/div>\n <div class=\"cta-wrap\">\n <div class=\"eyebrow rv\"><span class=\"edot\"><\/span>07 \/ Let's Connect<\/div>\n <h2 class=\"ctah2 rv d1\">Move forward with <em>clarity,<br>responsiveness,<\/em> and delivery focus<\/h2>\n <p class=\"ctab rv d2\">Connect with DT Solutions to discuss how we can support your talent, project, consulting, or delivery needs.<\/p>\n <div class=\"ctabtns rv d3\">\n <a href=\"#\" class=\"btn-primary\">Connect With DT Solutions <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" width=\"15\" height=\"15\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg><\/a>\n <a href=\"#\" class=\"btn-ghost\">Explore What We Do <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" width=\"15\" height=\"15\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg><\/a>\n <\/div>\n <div class=\"ctabadge rv d4\">Work with a partner that understands real client priorities and delivers with care, structure, and accountability.<\/div>\n <\/div>\n <div class=\"hglow\" style=\"bottom:210px;\"><\/div>\n <div class=\"cta-city\">\n <svg viewBox=\"0 0 1400 250\" preserveAspectRatio=\"xMidYMax meet\">\n <defs>\n <linearGradient id=\"cs\" x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\"><stop offset=\"0%\" stop-color=\"rgba(2,6,20,0)\"\/><stop offset=\"42%\" stop-color=\"rgba(4,12,32,.48)\"\/><stop offset=\"100%\" stop-color=\"rgba(4,12,32,.98)\"\/><\/linearGradient>\n <linearGradient id=\"hg\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"0\"><stop offset=\"0%\" stop-color=\"transparent\"\/><stop offset=\"30%\" stop-color=\"rgba(0,212,255,.16)\"\/><stop offset=\"50%\" stop-color=\"rgba(0,212,255,.3)\"\/><stop offset=\"70%\" stop-color=\"rgba(0,212,255,.16)\"\/><stop offset=\"100%\" stop-color=\"transparent\"\/><\/linearGradient>\n <\/defs>\n <rect width=\"1400\" height=\"250\" fill=\"url(#cs)\"\/>\n <rect x=\"0\" y=\"100\" width=\"36\" height=\"150\" fill=\"rgba(3,12,28,.95)\"\/>\n <rect x=\"40\" y=\"65\" width=\"50\" height=\"185\" fill=\"rgba(5,16,36,.95)\" stroke=\"rgba(0,212,255,.07)\" stroke-width=\"1\"\/>\n <rect x=\"50\" y=\"48\" width=\"12\" height=\"20\" fill=\"rgba(5,16,36,.95)\"\/>\n <rect x=\"94\" y=\"82\" width=\"40\" height=\"168\" fill=\"rgba(3,10,26,.9)\"\/>\n <rect x=\"138\" y=\"54\" width=\"66\" height=\"196\" fill=\"rgba(5,16,36,.95)\" stroke=\"rgba(0,212,255,.09)\" stroke-width=\"1\"\/>\n <rect x=\"149\" y=\"36\" width=\"14\" height=\"21\" fill=\"rgba(5,16,36,.95)\"\/>\n <rect x=\"208\" y=\"74\" width=\"46\" height=\"176\" fill=\"rgba(3,12,28,.9)\"\/>\n <rect x=\"258\" y=\"36\" width=\"80\" height=\"214\" fill=\"rgba(6,20,44,.95)\" stroke=\"rgba(0,212,255,.11)\" stroke-width=\"1\"\/>\n <rect x=\"271\" y=\"18\" width=\"16\" height=\"21\" fill=\"rgba(6,20,44,.95)\"\/>\n <rect x=\"342\" y=\"60\" width=\"50\" height=\"190\" fill=\"rgba(3,10,26,.9)\"\/>\n <rect x=\"396\" y=\"46\" width=\"70\" height=\"204\" fill=\"rgba(5,16,36,.95)\" stroke=\"rgba(0,212,255,.08)\" stroke-width=\"1\"\/>\n <rect x=\"409\" y=\"28\" width=\"12\" height=\"21\" fill=\"rgba(5,16,36,.95)\"\/>\n <rect x=\"470\" y=\"68\" width=\"46\" height=\"182\" fill=\"rgba(3,12,28,.9)\"\/>\n <rect x=\"520\" y=\"40\" width=\"86\" height=\"210\" fill=\"rgba(6,22,46,.95)\" stroke=\"rgba(0,212,255,.12)\" stroke-width=\"1\"\/>\n <rect x=\"534\" y=\"22\" width=\"14\" height=\"21\" fill=\"rgba(6,22,46,.95)\"\/>\n <rect x=\"610\" y=\"78\" width=\"50\" height=\"172\" fill=\"rgba(3,10,26,.9)\"\/>\n <rect x=\"664\" y=\"50\" width=\"74\" height=\"200\" fill=\"rgba(5,16,36,.95)\" stroke=\"rgba(0,212,255,.09)\" stroke-width=\"1\"\/>\n <rect x=\"677\" y=\"28\" width=\"16\" height=\"25\" fill=\"rgba(5,16,36,.95)\"\/>\n <rect x=\"742\" y=\"64\" width=\"54\" height=\"186\" fill=\"rgba(3,12,28,.9)\"\/>\n <rect x=\"800\" y=\"34\" width=\"80\" height=\"216\" fill=\"rgba(6,20,44,.95)\" stroke=\"rgba(0,212,255,.1)\" stroke-width=\"1\"\/>\n <rect x=\"813\" y=\"16\" width=\"16\" height=\"21\" fill=\"rgba(6,20,44,.95)\"\/>\n <rect x=\"884\" y=\"74\" width=\"50\" height=\"176\" fill=\"rgba(3,10,26,.9)\"\/>\n <rect x=\"938\" y=\"46\" width=\"70\" height=\"204\" fill=\"rgba(5,16,36,.95)\"\/>\n <rect x=\"951\" y=\"26\" width=\"12\" height=\"23\" fill=\"rgba(5,16,36,.95)\"\/>\n <rect x=\"1012\" y=\"60\" width=\"56\" height=\"190\" fill=\"rgba(3,12,28,.9)\"\/>\n <rect x=\"1072\" y=\"34\" width=\"86\" height=\"216\" fill=\"rgba(6,22,46,.95)\" stroke=\"rgba(0,212,255,.09)\" stroke-width=\"1\"\/>\n <rect x=\"1086\" y=\"16\" width=\"14\" height=\"21\" fill=\"rgba(6,22,46,.95)\"\/>\n <rect x=\"1162\" y=\"68\" width=\"50\" height=\"182\" fill=\"rgba(3,10,26,.9)\"\/>\n <rect x=\"1216\" y=\"54\" width=\"74\" height=\"196\" fill=\"rgba(5,16,36,.95)\"\/>\n <rect x=\"1294\" y=\"76\" width=\"64\" height=\"174\" fill=\"rgba(3,12,28,.9)\"\/>\n <rect x=\"150\" y=\"74\" width=\"4\" height=\"4\" fill=\"rgba(0,212,255,.52)\"><animate attributeName=\"opacity\" values=\".18;.78;.18\" dur=\"3s\" repeatCount=\"indefinite\"\/><\/rect>\n <rect x=\"272\" y=\"56\" width=\"4\" height=\"4\" fill=\"rgba(255,106,0,.58)\"><animate attributeName=\"opacity\" values=\".28;.88;.28\" dur=\"3.5s\" repeatCount=\"indefinite\" begin=\"1s\"\/><\/rect>\n <rect x=\"411\" y=\"66\" width=\"4\" height=\"4\" fill=\"rgba(124,58,255,.58)\"><animate attributeName=\"opacity\" values=\".22;.72;.22\" dur=\"3.2s\" repeatCount=\"indefinite\" begin=\".8s\"\/><\/rect>\n <rect x=\"535\" y=\"58\" width=\"4\" height=\"4\" fill=\"rgba(0,212,255,.48)\"><animate attributeName=\"opacity\" values=\".28;.82;.28\" dur=\"2.6s\" repeatCount=\"indefinite\" begin=\".3s\"\/><\/rect>\n <rect x=\"679\" y=\"68\" width=\"4\" height=\"4\" fill=\"rgba(255,106,0,.52)\"><animate attributeName=\"opacity\" values=\".18;.68;.18\" dur=\"3.1s\" repeatCount=\"indefinite\" begin=\"1.2s\"\/><\/rect>\n <rect x=\"815\" y=\"54\" width=\"4\" height=\"4\" fill=\"rgba(0,212,255,.48)\"><animate attributeName=\"opacity\" values=\".28;.82;.28\" dur=\"2.9s\" repeatCount=\"indefinite\" begin=\".6s\"\/><\/rect>\n <rect x=\"1088\" y=\"54\" width=\"4\" height=\"4\" fill=\"rgba(0,212,255,.52)\"><animate attributeName=\"opacity\" values=\".18;.78;.18\" dur=\"3s\" repeatCount=\"indefinite\" begin=\".9s\"\/><\/rect>\n <rect x=\"0\" y=\"242\" width=\"1400\" height=\"8\" fill=\"rgba(4,12,30,.99)\"\/>\n <rect x=\"0\" y=\"241\" width=\"1400\" height=\"1\" fill=\"rgba(0,212,255,.12)\"\/>\n <rect x=\"0\" y=\"178\" width=\"1400\" height=\"3\" fill=\"url(#hg)\"> <\/rect>\n <line x1=\"0\" y1=\"245\" x2=\"480\" y2=\"245\" stroke=\"rgba(255,106,0,.42)\" stroke-width=\"1.5\" style=\"animation:roadl 6s infinite linear;transform-box:fill-box;transform-origin:left center;\"\/>\n <line x1=\"1400\" y1=\"248\" x2=\"920\" y2=\"248\" stroke=\"rgba(0,212,255,.42)\" stroke-width=\"1.5\" style=\"animation:roadr 8s infinite linear;transform-box:fill-box;transform-origin:right center;\"\/>\n <\/svg>\n <\/div>\n<\/section>\n<script>\n(function(){\n'use strict';\nconst pref = window.matchMedia?.('(prefers-reduced-motion:reduce)').matches;\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n 1. GLOBAL PARTICLE CANVAS\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\nconst gc = document.getElementById('bg-canvas');\nif(gc && !pref){\n const gx = gc.getContext('2d');\n let gW, gH, gPts = [];\n const GN = 110;\n const GCOLS = [[0,212,255],[15,143,255],[124,58,255],[94,240,255],[255,106,0]];\n function gResize(){ gW = gc.width = window.innerWidth; gH = gc.height = window.innerHeight; }\n gResize();\n window.addEventListener('resize', gResize, {passive:true});\n for(let i=0;i<GN;i++){\n const rare = Math.random()<0.06;\n const c = GCOLS[rare?4:Math.floor(Math.random()*4)];\n gPts.push({x:Math.random()*window.innerWidth,y:Math.random()*window.innerHeight,r:0.4+Math.random()*1.3,vx:(Math.random()-0.5)*0.16,vy:(Math.random()-0.5)*0.13-0.025,op:0.1+Math.random()*0.55,c,ph:Math.random()*Math.PI*2,sp:0.007+Math.random()*0.015});\n }\n function gFrame(){\n gx.clearRect(0,0,gW,gH);\n gx.lineWidth = 0.28;\n for(let a=0;a<GN;a++) for(let b=a+1;b<GN;b++){\n const dx=gPts[a].x-gPts[b].x, dy=gPts[a].y-gPts[b].y, d=Math.sqrt(dx*dx+dy*dy);\n if(d<105){\n const al=(1-d\/105)*0.06; const c=gPts[a].c;\n gx.strokeStyle=`rgba(${c[0]},${c[1]},${c[2]},${al})`;\n gx.beginPath(); gx.moveTo(gPts[a].x,gPts[a].y); gx.lineTo(gPts[b].x,gPts[b].y); gx.stroke();\n }\n }\n for(let i=0;i<GN;i++){\n const p=gPts[i]; p.ph+=p.sp;\n const tw=0.5+0.5*Math.sin(p.ph), op=p.op*tw; const c=p.c;\n const g=gx.createRadialGradient(p.x,p.y,0,p.x,p.y,p.r*3.5);\n g.addColorStop(0,`rgba(${c[0]},${c[1]},${c[2]},${op})`);\n g.addColorStop(1,`rgba(${c[0]},${c[1]},${c[2]},0)`);\n gx.fillStyle=g; gx.beginPath(); gx.arc(p.x,p.y,p.r*3.5,0,Math.PI*2); gx.fill();\n gx.fillStyle=`rgba(${c[0]},${c[1]},${c[2]},${op*0.88})`; gx.beginPath(); gx.arc(p.x,p.y,p.r,0,Math.PI*2); gx.fill();\n p.x+=p.vx; p.y+=p.vy;\n if(p.x<-20)p.x=gW+20; if(p.x>gW+20)p.x=-20;\n if(p.y<-20)p.y=gH+20; if(p.y>gH+20)p.y=-20;\n }\n requestAnimationFrame(gFrame);\n }\n gFrame();\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n 2. HERO 2D ANIMATED CANVAS\n (flowing lines, data streams, grid pulses)\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\nconst h2d = document.getElementById('hero-2d');\nif(h2d && !pref){\n const hx = h2d.getContext('2d');\n let hW, hH;\n function hResize(){\n hW = h2d.width = h2d.offsetWidth;\n hH = h2d.height = h2d.offsetHeight;\n }\n hResize();\n window.addEventListener('resize', hResize, {passive:true});\n\n \/\/ Flowing data stream lines\n const streams = [];\n for(let i=0;i<18;i++){\n streams.push({\n x: Math.random()*hW,\n y: Math.random()*hH,\n len: 60 + Math.random()*140,\n speed: 0.4 + Math.random()*1.2,\n op: 0,\n maxOp: 0.08 + Math.random()*0.2,\n angle: (Math.random()*0.4 - 0.2) + Math.PI\/2, \/\/ mostly downward\n col: Math.random()<0.3 ? [255,106,0] : Math.random()<0.5 ? [124,58,255] : [0,212,255],\n phase: Math.random()*Math.PI*2,\n active: false,\n w: 0.5+Math.random()*1\n });\n }\n\n \/\/ Horizontal scan rings\n const scanRings = [];\n for(let i=0;i<5;i++){\n scanRings.push({\n y: (i+1)*(hH\/6),\n op: 0,\n phase: Math.random()*Math.PI*2,\n speed: 0.008+Math.random()*0.015\n });\n }\n\n \/\/ Grid intersection pulses\n const gridPulses = [];\n const GRID = 60;\n for(let i=0;i<12;i++){\n gridPulses.push({\n gx: Math.floor(Math.random()*(hW\/GRID))*GRID,\n gy: Math.floor(Math.random()*(hH\/GRID))*GRID,\n r: 0, maxR: 20+Math.random()*30,\n op: 0, speed: 0.3+Math.random()*0.5,\n delay: Math.random()*200\n });\n }\n\n let hT = 0;\n function hFrame(){\n hx.clearRect(0,0,hW,hH);\n hT++;\n\n \/\/ Flowing streams\n for(const s of streams){\n s.phase += 0.018;\n if(!s.active && Math.random()<0.004){ s.active=true; s.op=0; s.x=Math.random()*hW; s.y=-s.len; }\n if(s.active){\n s.y += s.speed;\n s.op = Math.min(s.op+0.015, s.maxOp) * (0.7 + 0.3*Math.sin(s.phase));\n const ex = s.x + Math.cos(s.angle)*s.len;\n const ey = s.y + Math.sin(s.angle)*s.len;\n const g = hx.createLinearGradient(s.x,s.y,ex,ey);\n g.addColorStop(0,`rgba(${s.col[0]},${s.col[1]},${s.col[2]},0)`);\n g.addColorStop(0.4,`rgba(${s.col[0]},${s.col[1]},${s.col[2]},${s.op})`);\n g.addColorStop(1,`rgba(${s.col[0]},${s.col[1]},${s.col[2]},0)`);\n hx.beginPath(); hx.moveTo(s.x,s.y); hx.lineTo(ex,ey);\n hx.strokeStyle=g; hx.lineWidth=s.w; hx.stroke();\n if(s.y > hH+s.len){ s.active=false; }\n }\n }\n\n \/\/ Horizontal scan rings (subtle horizontal glow lines)\n for(const r of scanRings){\n r.phase += r.speed;\n r.op = (0.5+0.5*Math.sin(r.phase)) * 0.06;\n const g = hx.createLinearGradient(0,r.y,hW,r.y);\n g.addColorStop(0,'transparent');\n g.addColorStop(0.2,`rgba(0,212,255,${r.op})`);\n g.addColorStop(0.5,`rgba(0,212,255,${r.op*1.6})`);\n g.addColorStop(0.8,`rgba(0,212,255,${r.op})`);\n g.addColorStop(1,'transparent');\n hx.beginPath(); hx.moveTo(0,r.y); hx.lineTo(hW,r.y);\n hx.strokeStyle=g; hx.lineWidth=1; hx.stroke();\n }\n\n \/\/ Grid intersection pulses\n for(const p of gridPulses){\n p.delay--;\n if(p.delay>0) continue;\n p.r += p.speed;\n p.op = Math.max(0, 0.35*(1-(p.r\/p.maxR)));\n hx.beginPath(); hx.arc(p.gx,p.gy,p.r,0,Math.PI*2);\n hx.strokeStyle=`rgba(0,212,255,${p.op})`; hx.lineWidth=0.8; hx.stroke();\n if(p.r>=p.maxR){\n p.r=0; p.op=0;\n p.gx=Math.floor(Math.random()*(hW\/GRID))*GRID;\n p.gy=Math.floor(Math.random()*(hH\/GRID))*GRID;\n p.delay=80+Math.random()*160;\n p.maxR=20+Math.random()*30;\n }\n }\n\n requestAnimationFrame(hFrame);\n }\n hFrame();\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n 3. STARFIELD\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\nconst starsEl = document.getElementById('hero-stars');\nif(starsEl && !pref){\n const frag = document.createDocumentFragment();\n const sty = document.createElement('style');\n sty.textContent = '@keyframes sb{0%,100%{opacity:.08}50%{opacity:.88}}';\n document.head.appendChild(sty);\n for(let i=0;i<90;i++){\n const s = document.createElement('div');\n const sz = Math.random()<0.18?3:Math.random()<0.42?2:1;\n const dur = (2.2+Math.random()*3.8).toFixed(2);\n const dl = (Math.random()*6).toFixed(2);\n const cols=['#fff','rgba(0,212,255,.8)','rgba(94,240,255,.7)'];\n const col = cols[Math.random()<0.15?(Math.random()<0.5?1:2):0];\n s.style.cssText=`position:absolute;width:${sz}px;height:${sz}px;border-radius:50%;background:${col};left:${Math.random()*100}%;top:${Math.random()*100}%;opacity:${(0.08+Math.random()*0.55).toFixed(2)};animation:sb ${dur}s ${dl}s infinite ease-in-out;pointer-events:none;`;\n frag.appendChild(s);\n }\n starsEl.appendChild(frag);\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n 4. TICKER\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\nconst tEl = document.getElementById('hticker');\nif(tEl){\n const items=['Delivery Velocity \u2014 Active','\u25cf Workforce Solutions','Project Coordination \u2014 Live','\u25cf Consulting Services','Managed Capacity \u2014 Engaged','\u25cf Talent Acquisition','Operating Approach \u2014 Client-First','\u25cf North American Reach','Diverse Supplier \u2014 Certified','\u25cf Accountability \u2014 Core Value','Regulated Environments \u2014 Experienced','\u25cf SOW Engagements','Practical Execution \u2014 Dependable','\u25cf DT Solutions'];\n const html = items.map(i=>`<span class=\"ti\">${i}<\/span>`).join('<span class=\"ts\"> | <\/span>');\n tEl.innerHTML = html + '<span class=\"ts\"> | <\/span>' + html;\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n 5. REVEAL OBSERVER\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\nconst rvEls = document.querySelectorAll('.rv');\nif(pref){\n rvEls.forEach(el=>el.classList.add('on'));\n} else {\n const obs = new IntersectionObserver(entries=>{\n entries.forEach(e=>{ if(e.isIntersecting){ e.target.classList.add('on'); obs.unobserve(e.target); }});\n },{threshold:0.1,rootMargin:'0px 0px -55px 0px'});\n rvEls.forEach(el=>obs.observe(el));\n \/\/ Hero: stagger in immediately\n document.querySelectorAll('.hero .rv').forEach((el,i)=>setTimeout(()=>el.classList.add('on'),80+i*110));\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n 6. WHO MODULE LEFT BORDER\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\nconst wObs = new IntersectionObserver(entries=>{\n entries.forEach(e=>{ if(e.isIntersecting) e.target.classList.add('lit'); });\n},{threshold:0.4});\ndocument.querySelectorAll('.wmod').forEach(m=>wObs.observe(m));\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n 7. DASHBOARD PROGRESS BARS + COUNTERS\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\nconst dashEl = document.querySelector('.odash');\nif(dashEl){\n const dObs = new IntersectionObserver(entries=>{\n if(!entries[0].isIntersecting) return;\n \/\/ Progress bars\n dashEl.querySelectorAll('.dpf').forEach(f=>{\n const w = f.style.getPropertyValue('--w') || '80%';\n setTimeout(()=>{ f.style.width=w; },200);\n });\n \/\/ Counters\n dashEl.querySelectorAll('.dmv[data-t]').forEach(m=>{\n const target = parseInt(m.dataset.t);\n const suffix = m.dataset.s || '';\n let cur = 0;\n const step = Math.ceil(target\/40);\n const iv = setInterval(()=>{\n cur = Math.min(cur+step, target);\n m.textContent = cur + suffix;\n if(cur>=target) clearInterval(iv);\n },35);\n });\n dObs.unobserve(dashEl);\n },{threshold:0.28});\n dObs.observe(dashEl);\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n 8. OPERATING STEPS PATH + ANIMATION\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\nconst opsSection = document.querySelector('#ops');\nconst stepsRow = document.getElementById('steps-row');\nconst spPath = document.getElementById('sp');\nif(opsSection && !pref){\n const sObs = new IntersectionObserver(entries=>{\n if(!entries[0].isIntersecting) return;\n if(spPath) spPath.style.strokeDashoffset='0';\n stepsRow?.querySelectorAll('.snode').forEach((n,i)=>\n setTimeout(()=>n.classList.add('on'), 380+i*200)\n );\n sObs.unobserve(opsSection);\n },{threshold:0.12});\n sObs.observe(opsSection);\n} else {\n document.querySelectorAll('.snode').forEach(n=>n.classList.add('on'));\n if(spPath) spPath.style.strokeDashoffset='0';\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n 9. SMOOTH SCROLL\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\ndocument.querySelectorAll('a[href^=\"#\"]').forEach(a=>{\n a.addEventListener('click',e=>{\n const t = document.querySelector(a.getAttribute('href'));\n if(t){ e.preventDefault(); t.scrollIntoView({behavior:'smooth',block:'start'}); }\n });\n});\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n 10. PER-SECTION SCAN LINES\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\nif(!pref){\n document.querySelectorAll('section').forEach(sec=>{\n if(getComputedStyle(sec).position==='static') sec.style.position='relative';\n const sl = document.createElement('div');\n sl.style.cssText=`position:absolute;top:0;left:0;right:0;height:1.5px;background:linear-gradient(90deg,transparent,rgba(0,212,255,.25),transparent);pointer-events:none;z-index:9;animation:scanline ${(14+Math.random()*10).toFixed(1)}s linear infinite;animation-delay:${(Math.random()*8).toFixed(1)}s;opacity:0;`;\n sec.appendChild(sl);\n });\n}\n\n}());\n<\/script>\n<\/body>\n<\/html>\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>About DT Solutions 01 \/ About Us \u00b7 DT Solutions AboutDT Solutions A North American consulting and workforce solutions partner helping organizations add dependable capacity where people, delivery, and operations matter. We support public and private sector clients across technology, business operations, regulated environments, and project-based delivery needs \u2014 bringing practical coordination, trusted talent, and […]<\/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-3305","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/digi.alphanzo.com\/index.php?rest_route=\/wp\/v2\/pages\/3305","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=3305"}],"version-history":[{"count":7,"href":"https:\/\/digi.alphanzo.com\/index.php?rest_route=\/wp\/v2\/pages\/3305\/revisions"}],"predecessor-version":[{"id":3312,"href":"https:\/\/digi.alphanzo.com\/index.php?rest_route=\/wp\/v2\/pages\/3305\/revisions\/3312"}],"wp:attachment":[{"href":"https:\/\/digi.alphanzo.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=3305"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t\n\n\n\n\nAbout DT Solutions<\/title>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Space+Grotesk:wght@300;400;500;600;700&family=Syne:wght@700;800&family=JetBrains+Mono:wght@400;500&display=swap\" rel=\"stylesheet\">\n<style>\n\/* ============================================================\n DTS ABOUT V4 \u2014 ALL ISSUES FIXED\n ============================================================ *\/\n:root {\n --bg:#020610;--bg2:#040c1c;\n --blue:#0f8fff;--electric:#00d4ff;--cyan:#5ef0ff;\n --orange:#ff6a00;--orange2:#ff9500;\n --purple:#7c3aff;--violet:#b45dff;\n --white:#e8f4ff;--muted:rgba(180,220,255,0.72);--soft:rgba(180,220,255,0.45);\n --font-head:'Syne',system-ui,sans-serif;\n --font-body:'Space Grotesk',system-ui,sans-serif;\n --font-mono:'JetBrains Mono',monospace;\n}\n*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}\nhtml{scroll-behavior:smooth;}\nbody{font-family:var(--font-body);background:var(--bg);color:var(--white);overflow-x:hidden;-webkit-font-smoothing:antialiased;}\n\n\/* \u2500\u2500 GLOBAL BG CANVAS (particle net) \u2500\u2500 *\/\n#bg-canvas{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:0;}\n\n\/* \u2500\u2500 SHARED \u2500\u2500 *\/\n.container{max-width:1280px;margin:0 auto;padding:0 48px;width:100%;}\n.grid-bg{position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(0,212,255,0.022) 1px,transparent 1px),linear-gradient(90deg,rgba(0,212,255,0.022) 1px,transparent 1px);background-size:60px 60px;}\n.orb{position:absolute;border-radius:50%;pointer-events:none;filter:blur(90px);}\n.section-divider{height:1px;background:linear-gradient(90deg,transparent,rgba(0,212,255,0.18) 20%,rgba(0,212,255,0.38) 50%,rgba(0,212,255,0.18) 80%,transparent);position:relative;}\n.section-divider::after{content:'';display:block;height:4px;background:inherit;filter:blur(4px);margin-top:-2px;}\n\n.eyebrow{display:inline-flex;align-items:center;gap:10px;font-family:var(--font-mono);font-size:9.5px;font-weight:500;letter-spacing:0.28em;text-transform:uppercase;color:var(--electric);margin-bottom:22px;padding:5px 13px;border:1px solid rgba(0,212,255,0.25);border-radius:3px;background:rgba(0,212,255,0.035);position:relative;overflow:hidden;}\n.eyebrow::before{content:'';position:absolute;top:0;left:-100%;width:60%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,212,255,0.1),transparent);animation:shine 3.5s infinite ease-in-out;}\n.edot{width:5px;height:5px;border-radius:50%;background:var(--electric);box-shadow:0 0 8px var(--electric);animation:dpulse 2s infinite;}\n.h2{font-family:var(--font-head);font-size:clamp(30px,3.8vw,58px);font-weight:800;line-height:1.06;letter-spacing:-0.03em;}\n.h2 em{font-style:normal;background:linear-gradient(130deg,var(--blue),var(--electric),var(--cyan));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}\n.body-text{font-size:15px;line-height:1.82;color:var(--muted);max-width:520px;}\n\n.btn-primary{display:inline-flex;align-items:center;gap:10px;padding:15px 36px;background:linear-gradient(135deg,var(--orange),var(--orange2));color:#fff;font-family:var(--font-body);font-size:12.5px;font-weight:700;letter-spacing:0.07em;text-transform:uppercase;text-decoration:none;border:none;border-radius:3px;cursor:pointer;position:relative;overflow:hidden;box-shadow:0 0 28px rgba(255,106,0,0.48),0 4px 18px rgba(0,0,0,0.4);transition:box-shadow 0.3s,transform 0.25s;}\n.btn-primary::after{content:'';position:absolute;top:-50%;left:-80%;width:50%;height:200%;background:rgba(255,255,255,0.14);transform:skewX(-20deg);animation:btnshine 3.5s infinite;}\n.btn-primary:hover{box-shadow:0 0 55px rgba(255,106,0,0.62),0 8px 28px rgba(0,0,0,0.5);transform:translateY(-2px);}\n.btn-ghost{display:inline-flex;align-items:center;gap:10px;padding:14px 34px;background:transparent;color:var(--electric);font-family:var(--font-body);font-size:12.5px;font-weight:700;letter-spacing:0.07em;text-transform:uppercase;text-decoration:none;border:1.5px solid rgba(0,212,255,0.32);border-radius:3px;cursor:pointer;transition:border-color 0.3s,box-shadow 0.3s,background 0.3s;}\n.btn-ghost:hover{border-color:var(--electric);box-shadow:0 0 28px rgba(0,212,255,0.18);background:rgba(0,212,255,0.05);}\n\n\/* reveal *\/\n.rv{opacity:0;transform:translateY(36px);transition:opacity 0.8s cubic-bezier(0.22,1,0.36,1),transform 0.8s cubic-bezier(0.22,1,0.36,1);}\n.rv.rl{transform:translateX(-44px);}.rv.rr{transform:translateX(44px);}.rv.rs{transform:translateY(18px);}\n.rv.on{opacity:1;transform:none;}\n.d1{transition-delay:.1s}.d2{transition-delay:.22s}.d3{transition-delay:.34s}.d4{transition-delay:.46s}.d5{transition-delay:.58s}.d6{transition-delay:.70s}\n\n\/* \u2500\u2500 KEYFRAMES \u2500\u2500 *\/\n@keyframes dpulse{0%,100%{opacity:.45}50%{opacity:1}}\n@keyframes shine{0%{left:-100%}100%{left:200%}}\n@keyframes btnshine{0%{left:-80%}100%{left:160%}}\n@keyframes floata{0%,100%{transform:translateY(0)}50%{transform:translateY(-13px)}}\n@keyframes floatb{0%,100%{transform:translateY(-7px)}50%{transform:translateY(6px)}}\n@keyframes floatc{0%,100%{transform:translateY(-4px) rotate(-.8deg)}50%{transform:translateY(9px) rotate(.8deg)}}\n@keyframes glowpulse{0%,100%{opacity:.55}50%{opacity:.82}}\n@keyframes spinslow{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}\n@keyframes spinrev{from{transform:rotate(360deg)}to{transform:rotate(0deg)}}\n@keyframes spintilt{from{transform:rotateX(72deg) rotateZ(0deg)}to{transform:rotateX(72deg) rotateZ(360deg)}}\n@keyframes beampulse{0%,100%{opacity:.3}50%{opacity:.85}}\n@keyframes pingout{0%{transform:scale(1);opacity:.85}100%{transform:scale(3);opacity:0}}\n@keyframes scanline{0%{top:0%;opacity:0}5%{opacity:.55}95%{opacity:.25}100%{top:100%;opacity:0}}\n@keyframes edgeglow{0%{background-position:0%}100%{background-position:200%}}\n@keyframes hudblink{0%,100%{opacity:1}50%{opacity:.3}}\n@keyframes ticker{from{transform:translateX(0)}to{transform:translateX(-50%)}}\n@keyframes aurora{0%,100%{opacity:.1;transform:translateX(0)}50%{opacity:.22;transform:translateX(3%)}}\n@keyframes glowtext{0%,100%{text-shadow:0 0 18px rgba(0,212,255,.35)}50%{text-shadow:0 0 45px rgba(0,212,255,.85),0 0 90px rgba(0,212,255,.28)}}\n@keyframes roadl{0%{transform:translateX(-140%)}100%{transform:translateX(320%)}}\n@keyframes roadr{0%{transform:translateX(140%)}100%{transform:translateX(-320%)}}\n\/* 2D Background animations *\/\n@keyframes gridpulse{0%,100%{opacity:.022}50%{opacity:.055}}\n@keyframes flowline{0%{stroke-dashoffset:600;opacity:0}20%{opacity:.5}80%{opacity:.3}100%{stroke-dashoffset:0;opacity:0}}\n@keyframes orbitmove{0%{offset-distance:0%}100%{offset-distance:100%}}\n@keyframes neonflicker{0%,100%{opacity:.7}48%{opacity:.7}50%{opacity:.2}52%{opacity:.7}92%{opacity:.7}94%{opacity:.35}96%{opacity:.7}}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n SECTION 1: HERO\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.hero{\n position:relative;min-height:100vh;overflow:hidden;\n background:radial-gradient(ellipse 110% 80% at 65% 45%,rgba(15,143,255,.1) 0%,rgba(124,58,255,.05) 40%,transparent 65%),var(--bg);\n}\n\n\/* 2D Animated BG Canvas overlay for hero *\/\n#hero-2d{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:1;}\n\n\/* Aurora bands *\/\n.aurora-wrap{position:absolute;inset:0;pointer-events:none;z-index:1;overflow:hidden;}\n.ab{position:absolute;height:160px;width:120%;left:-10%;background:linear-gradient(90deg,transparent,rgba(0,212,255,.035),rgba(124,58,255,.025),transparent);filter:blur(28px);animation:aurora 12s infinite ease-in-out;}\n.ab:nth-child(1){top:18%}.ab:nth-child(2){top:48%;animation-delay:3s;transform:scaleX(-1)}.ab:nth-child(3){top:74%;animation-delay:6s}\n\n\/* Layout \u2014 FIXED: left column capped so title never clips *\/\n.hero-layout{\n position:relative;z-index:4;\n display:grid;\n \/* Left panel wider (580px) so title fits on 2 lines max; right gets the rest *\/\n grid-template-columns:580px 1fr;\n min-height:100vh;\n align-items:center;\n gap:0;\n}\n\n\/* Left *\/\n.hero-left{\n padding:110px 52px 90px 52px;\n position:relative;z-index:5;\n min-width:0;\n}\n\n.hero-status{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:9px;letter-spacing:.22em;text-transform:uppercase;color:rgba(0,212,255,.68);margin-bottom:24px;padding:5px 11px 5px 8px;background:rgba(0,212,255,.045);border:1px solid rgba(0,212,255,.18);border-radius:2px;}\n.sdot{width:6px;height:6px;border-radius:50%;background:#00ff88;box-shadow:0 0 8px #00ff88;animation:hudblink 1.8s infinite;}\n\n\/* Title \u2014 single large block, nowrap so \"DT Solutions\" stays on one line *\/\n.hero-title{\n font-family:var(--font-head);\n font-size:clamp(48px,4.8vw,50px);\n font-weight:800;line-height:.95;letter-spacing:-.04em;\n color:var(--white);margin-bottom:10px;\n white-space:nowrap; \/* keeps \"DT Solutions\" on one line *\/\n}\n.hero-title .accent{\n display:block;\n background:linear-gradient(118deg,var(--blue),var(--electric),var(--cyan));\n -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;\n animation:glowtext 4s infinite ease-in-out;\n}\n\n.hero-divider{width:72px;height:2px;background:linear-gradient(90deg,var(--orange),rgba(255,106,0,.12));margin:20px 0;}\n\n.hero-desc{font-size:15.5px;line-height:1.76;color:var(--muted);margin-bottom:18px;max-width:440px;}\n\n.hero-quote{font-size:13.5px;line-height:1.78;color:var(--soft);margin-bottom:34px;padding:14px 18px;border-left:2px solid rgba(0,212,255,.48);background:rgba(0,212,255,.035);border-radius:0 5px 5px 0;max-width:440px;position:relative;overflow:hidden;}\n.hero-quote::after{content:'';position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,212,255,.06),transparent);animation:shine 4s infinite;}\n\n.hero-tiles{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-bottom:38px;}\n.htile{display:flex;align-items:flex-start;gap:11px;padding:13px 14px;background:rgba(6,20,42,.72);border:1px solid rgba(0,212,255,.13);border-left:2px solid rgba(0,212,255,.42);border-radius:0 5px 5px 0;backdrop-filter:blur(10px);transition:border-color .3s,background .3s;}\n.htile:hover{border-color:rgba(0,212,255,.28);background:rgba(0,212,255,.055);}\n.hti{flex-shrink:0;width:28px;height:28px;border-radius:6px;background:rgba(0,212,255,.09);border:1px solid rgba(0,212,255,.18);display:flex;align-items:center;justify-content:center;}\n.hti svg{width:13px;height:13px;}\n.htt{font-size:11.5px;font-weight:700;color:var(--white);margin-bottom:2px;}\n.htx{font-size:10.5px;color:var(--soft);line-height:1.5;}\n\n.hero-cta{display:flex;align-items:center;gap:18px;flex-wrap:wrap;}\n.scroll-cue{display:flex;align-items:center;gap:9px;font-family:var(--font-mono);font-size:8.5px;letter-spacing:.2em;color:rgba(0,212,255,.3);text-transform:uppercase;margin-top:28px;}\n.scl{width:1px;height:36px;background:linear-gradient(to bottom,var(--electric),transparent);animation:beampulse 2.5s infinite ease-in-out;}\n\n\/* RIGHT: Spline iframe + float cards *\/\n.hero-right{\n position:relative;\n height:100vh;\n min-height:600px;\n z-index:3;\n overflow:hidden;\n}\n\n\/* Spline container *\/\n.spline-mask{\n position:absolute;\n inset:0;\n width:100%;height:100%;\n overflow:hidden;\n pointer-events:none;\n z-index:4;\n}\n.spline-mask iframe{\n width:100%;height:100%;\n border:none;display:block;\n \/* Allow iframe to render visually but block all pointer events *\/\n pointer-events:none;\n transform:scale(1.15);\n transform-origin:center center;\n}\n\/* Transparent overlay on top of iframe \u2014 captures scroll & mouse events\n so the page scrolls normally when cursor is over the Spline area *\/\n.spline-overlay{\n position:absolute;\n inset:0;\n z-index:5;\n cursor:default;\n \/* Transparent \u2014 invisible but captures all pointer events *\/\n background:transparent;\n}\n\n\/* Fallback 3D sphere (shown if Spline fails \/ no iframe context) *\/\n.sphere-fallback{\n position:absolute;\n inset:0;\n display:flex;align-items:center;justify-content:center;\n z-index:3;\n pointer-events:none;\n}\n.sphere-sys{position:relative;width:560px;height:560px;display:flex;align-items:center;justify-content:center;}\n.sph-core{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:240px;height:240px;border-radius:50%;background:radial-gradient(circle at 35% 30%,rgba(94,240,255,.28),rgba(15,143,255,.22) 35%,rgba(8,30,80,.85) 70%,rgba(4,12,32,.95));box-shadow:0 0 55px rgba(0,212,255,.28),0 0 110px rgba(0,212,255,.1),inset 0 0 55px rgba(0,212,255,.07);z-index:5;}\n.oring{position:absolute;top:50%;left:50%;border-radius:50%;border:1px solid transparent;transform-style:preserve-3d;}\n.o1{width:340px;height:340px;margin:-170px 0 0 -170px;border-color:rgba(0,212,255,.22);animation:spintilt 18s linear infinite;}\n.o2{width:440px;height:440px;margin:-220px 0 0 -220px;border-color:rgba(124,58,255,.16);animation:spintilt 28s linear infinite reverse;transform:rotateX(72deg) rotateZ(45deg);}\n.o3{width:540px;height:540px;margin:-270px 0 0 -270px;border-color:rgba(255,106,0,.1);animation:spintilt 40s linear infinite;transform:rotateX(60deg) rotateZ(-30deg);}\n.on-dot{position:absolute;width:7px;height:7px;border-radius:50%;top:-3.5px;left:calc(50% - 3.5px);z-index:8;}\n.on-dot.b{background:var(--electric);box-shadow:0 0 9px var(--electric);}\n.on-dot.o{background:var(--orange);box-shadow:0 0 9px var(--orange);}\n.on-dot.p{background:var(--violet);box-shadow:0 0 9px var(--violet);}\n.vbeam{position:absolute;bottom:4%;left:50%;transform:translateX(-50%);width:2px;height:140px;background:linear-gradient(to bottom,var(--electric),transparent);animation:beampulse 3.5s infinite ease-in-out;z-index:4;}\n.splatform{position:absolute;bottom:6%;left:50%;transform:translateX(-50%);width:300px;height:16px;background:linear-gradient(90deg,transparent,rgba(0,212,255,.22),rgba(15,143,255,.28),rgba(0,212,255,.22),transparent);border-radius:50%;filter:blur(5px);z-index:3;}\n\n\/* Float cards \u2014 on top of Spline *\/\n.float-cards{position:absolute;inset:0;z-index:10;pointer-events:none;}\n.fc{position:absolute;display:flex;align-items:center;gap:9px;padding:9px 14px 9px 10px;background:rgba(4,12,28,.9);border:1px solid rgba(0,212,255,.28);border-radius:6px;backdrop-filter:blur(18px);white-space:nowrap;box-shadow:0 0 24px rgba(0,212,255,.09),inset 0 1px 0 rgba(255,255,255,.04);}\n.fc::before{content:'';position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,212,255,.07),transparent);animation:shine 4s infinite;}\n.fci{width:26px;height:26px;border-radius:5px;background:rgba(0,212,255,.11);border:1px solid rgba(0,212,255,.2);display:flex;align-items:center;justify-content:center;flex-shrink:0;}\n.fci svg{width:12px;height:12px;}\n.fcl{font-family:var(--font-head);font-size:11px;font-weight:700;color:var(--white);}\n.fcd{width:5px;height:5px;border-radius:50%;background:var(--electric);box-shadow:0 0 6px var(--electric);animation:dpulse 2s infinite;flex-shrink:0;}\n.fc:nth-child(1){top:14%;left:4%;animation:floata 5.5s infinite ease-in-out;}\n.fc:nth-child(2){top:30%;right:3%;animation:floatb 6.5s infinite ease-in-out .5s;}\n.fc:nth-child(3){bottom:32%;left:3%;animation:floata 7s infinite ease-in-out 1s;}\n.fc:nth-child(4){bottom:16%;right:5%;animation:floatb 5s infinite ease-in-out 1.5s;}\n.fc:nth-child(5){top:50%;left:2%;animation:floatc 6s infinite ease-in-out .8s;}\n\n\/* HUD corners *\/\n.hud{position:absolute;width:22px;height:22px;z-index:6;pointer-events:none;}\n.hud.tl{top:12px;left:12px;border-top:1.5px solid rgba(0,212,255,.45);border-left:1.5px solid rgba(0,212,255,.45);}\n.hud.tr{top:12px;right:12px;border-top:1.5px solid rgba(0,212,255,.45);border-right:1.5px solid rgba(0,212,255,.45);}\n.hud.bl{bottom:12px;left:12px;border-bottom:1.5px solid rgba(0,212,255,.25);border-left:1.5px solid rgba(0,212,255,.25);}\n.hud.br{bottom:12px;right:12px;border-bottom:1.5px solid rgba(0,212,255,.25);border-right:1.5px solid rgba(0,212,255,.25);}\n\n\/* Ticker *\/\n.ticker-wrap{position:absolute;bottom:0;left:0;right:0;height:34px;background:rgba(0,212,255,.03);border-top:1px solid rgba(0,212,255,.11);overflow:hidden;z-index:8;display:flex;align-items:center;}\n.ticker-inner{display:flex;white-space:nowrap;animation:ticker 32s linear infinite;font-family:var(--font-mono);font-size:12px;letter-spacing:.18em;color:rgba(0, 213, 255, 0.702);text-transform:uppercase;}\n.ti{padding:0 26px;}.ts{color:rgba(0,212,255,.18);}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n SECTION 2: WHO WE ARE\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.who{position:relative;padding:120px 0;background:linear-gradient(180deg,var(--bg),var(--bg2));overflow:hidden;}\n.who-inner{position:relative;z-index:2;display:grid;grid-template-columns:420px 1fr;gap:70px;align-items:start;}\n.who-mods{margin-top:40px;}\n.wmod{position:relative;display:flex;align-items:stretch;border:1px solid rgba(0,212,255,.13);border-bottom:none;background:rgba(6,18,36,.72);backdrop-filter:blur(10px);overflow:hidden;transition:background .3s;}\n.wmod:last-child{border-bottom:1px solid rgba(0,212,255,.13);}\n.wmod::before{content:'';position:absolute;top:0;left:0;bottom:0;width:3px;background:linear-gradient(to bottom,var(--electric),var(--blue));opacity:0;transition:opacity .4s;}\n.wmod.lit::before{opacity:1;}\n.wmod:hover{background:rgba(0,212,255,.038);}\n.wmod-num{display:flex;align-items:center;justify-content:center;padding:0 20px;font-family:var(--font-mono);font-size:9.5px;font-weight:500;letter-spacing:.14em;color:rgba(0,212,255,.42);border-right:1px solid rgba(0,212,255,.09);min-width:60px;flex-shrink:0;}\n.wmod-body{padding:22px 24px;}\n.wmod-body h4{font-family:var(--font-head);font-size:15.5px;font-weight:700;color:var(--white);margin-bottom:8px;}\n.wmod-body p{font-size:13px;color:var(--muted);line-height:1.68;}\n.who-right{position:relative;height:540px;}\n.odash{position:relative;width:100%;height:100%;border:1px solid rgba(0,212,255,.16);border-radius:11px;overflow:hidden;background:rgba(3,10,24,.92);backdrop-filter:blur(8px);box-shadow:0 0 55px rgba(0,212,255,.07),inset 0 0 38px rgba(0,212,255,.025);}\n.odash::before{content:'';position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,212,255,.035),transparent);animation:shine 6s infinite ease-in-out;z-index:5;pointer-events:none;}\n.dtop{position:absolute;top:0;left:0;right:0;height:36px;background:rgba(6,18,40,.96);border-bottom:1px solid rgba(0,212,255,.13);display:flex;align-items:center;padding:0 14px;gap:7px;z-index:10;}\n.ddot{width:8px;height:8px;border-radius:50%;}\n.dtitle{font-family:var(--font-mono);font-size:9px;font-weight:500;letter-spacing:.2em;color:rgba(0,212,255,.52);text-transform:uppercase;margin-left:auto;}\n.dstat{display:flex;align-items:center;gap:4px;font-family:var(--font-mono);font-size:8px;letter-spacing:.1em;color:rgba(0,255,136,.68);margin-left:14px;}\n.dldot{width:4px;height:4px;border-radius:50%;background:#00ff88;box-shadow:0 0 5px #00ff88;animation:hudblink 1.5s infinite;}\n.dcont{padding:50px 18px 18px;height:100%;display:flex;flex-direction:column;gap:11px;}\n.dmets{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;}\n.dmet{background:rgba(0,212,255,.038);border:1px solid rgba(0,212,255,.11);border-radius:5px;padding:11px 13px;position:relative;overflow:hidden;}\n.dmet::after{content:'';position:absolute;bottom:0;left:0;right:0;height:1.5px;background:linear-gradient(90deg,transparent,var(--electric),transparent);background-size:200% 100%;animation:edgeglow 2s linear infinite;}\n.dmv{font-family:var(--font-head);font-size:20px;font-weight:800;color:var(--electric);line-height:1;text-shadow:0 0 18px rgba(0,212,255,.48);}\n.dml{font-family:var(--font-mono);font-size:8px;letter-spacing:.14em;color:rgba(0,212,255,.48);text-transform:uppercase;margin-top:3px;}\n.dchart{background:rgba(0,0,0,.28);border:1px solid rgba(0,212,255,.09);border-radius:5px;padding:11px;flex:1;}\n.dclbl{font-family:var(--font-mono);font-size:8px;letter-spacing:.14em;color:rgba(0,212,255,.42);text-transform:uppercase;margin-bottom:9px;display:flex;align-items:center;gap:5px;}\n.dplist{display:flex;flex-direction:column;gap:7px;}\n.dprow{}\n.dphead{display:flex;justify-content:space-between;margin-bottom:3px;}\n.dpn{font-family:var(--font-mono);font-size:8.5px;letter-spacing:.09em;color:var(--soft);text-transform:uppercase;}\n.dpv{font-family:var(--font-mono);font-size:8.5px;color:var(--electric);}\n.dpbar{height:3.5px;background:rgba(0,212,255,.07);border-radius:2px;overflow:hidden;}\n.dpf{height:100%;border-radius:2px;background:linear-gradient(90deg,var(--blue),var(--electric));box-shadow:0 0 7px rgba(0,212,255,.38);width:0%;transition:width 1.5s cubic-bezier(.22,1,.36,1);}\n.dpf.of{background:linear-gradient(90deg,var(--orange),var(--orange2));box-shadow:0 0 7px rgba(255,106,0,.38);}\n.dpf.pf{background:linear-gradient(90deg,var(--purple),var(--violet));box-shadow:0 0 7px rgba(124,58,255,.38);}\n.dmini{display:grid;grid-template-columns:1fr 1fr;gap:7px;}\n.dmc{background:rgba(0,212,255,.028);border:1px solid rgba(0,212,255,.09);border-radius:5px;padding:9px 11px;display:flex;align-items:center;gap:9px;}\n.dmci{width:24px;height:24px;border-radius:4px;background:rgba(0,212,255,.09);display:flex;align-items:center;justify-content:center;flex-shrink:0;}\n.dmci svg{width:11px;height:11px;}\n.dmct{font-family:var(--font-head);font-size:10.5px;font-weight:700;color:var(--white);}\n.dmcs{font-family:var(--font-mono);font-size:8.5px;color:var(--soft);}\n.scanl{position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(0,212,255,.38),transparent);pointer-events:none;z-index:9;animation:scanline 8s linear infinite;}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n SECTION 3: OPERATING APPROACH\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.ops{position:relative;padding:120px 0;background:var(--bg);overflow:hidden;}\n.ops-head{text-align:center;margin-bottom:80px;position:relative;z-index:2;}\n.ops-head .eyebrow{display:inline-flex;}\n.ops-head .body-text{margin:14px auto 0;text-align:center;}\n.steps{position:relative;z-index:2;}\n.steps-svg{position:absolute;top:44px;left:0;right:0;height:55px;z-index:1;pointer-events:none;overflow:visible;}\n.steps-row{position:relative;display:flex;align-items:flex-start;justify-content:space-between;z-index:2;padding:0 8px;}\n.snode{flex:1;max-width:200px;text-align:center;opacity:0;transform:translateY(24px);transition:opacity .6s,transform .6s;}\n.snode:nth-child(even){margin-top:70px;}\n.snode.on{opacity:1;transform:translateY(0);}\n.sci-wrap{display:flex;justify-content:center;margin-bottom:18px;position:relative;}\n.sci{width:60px;height:60px;border-radius:50%;background:rgba(6,18,40,.92);border:1.5px solid rgba(0,212,255,.25);display:flex;align-items:center;justify-content:center;position:relative;z-index:2;transition:border-color .5s,box-shadow .5s;}\n.snode.on .sci{border-color:var(--electric);box-shadow:0 0 18px rgba(0,212,255,.45),0 0 36px rgba(0,212,255,.12);}\n.sci svg{width:24px;height:24px;}\n.sbg{position:absolute;top:-28px;left:50%;transform:translateX(-50%);font-family:var(--font-head);font-size:90px;font-weight:800;color:rgba(0,212,255,.03);line-height:1;white-space:nowrap;user-select:none;}\n.stag{display:inline-block;font-family:var(--font-mono);font-size:8.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--orange);margin-bottom:7px;}\n.stitle{font-family:var(--font-head);font-size:13.5px;font-weight:700;color:var(--white);margin-bottom:9px;line-height:1.3;}\n.stext{font-size:12px;color:var(--muted);line-height:1.65;}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n SECTION 4: REACH \u2014 FIXED LAYOUT\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.reach{position:relative;padding:120px 0;background:linear-gradient(180deg,var(--bg2),var(--bg));overflow:hidden;}\n\n\/* FIXED: no more absolute panels \u2014 use proper grid *\/\n.reach-inner{position:relative;z-index:2;display:grid;grid-template-columns:340px 1fr;gap:80px;align-items:center;}\n.reach-left .body-text{margin-top:16px;}\n\n.reach-right{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;}\n\n\/* Globe contained properly *\/\n.globe-wrap{position:relative;width:100%;aspect-ratio:1;max-width:340px;margin:0 auto;display:flex;align-items:center;justify-content:center;}\n.gring{position:absolute;top:50%;left:50%;border-radius:50%;pointer-events:none;}\n.gr1{width:260px;height:260px;margin:-130px 0 0 -130px;border:1px solid rgba(0,212,255,.18);animation:spinslow 18s linear infinite;}\n.gr2{width:330px;height:330px;margin:-165px 0 0 -165px;border:1px solid rgba(124,58,255,.12);animation:spinrev 28s linear infinite;}\n.gr3{width:400px;height:400px;margin:-200px 0 0 -200px;border:1px solid rgba(255,106,0,.07);animation:spinslow 40s linear infinite;}\n.globeglow{position:absolute;top:50%;left:50%;width:200px;height:200px;margin:-100px 0 0 -100px;border-radius:50%;background:radial-gradient(circle,rgba(0,212,255,.2),transparent 65%);}\n\n\/* Reach panels \u2014 now in a proper column, NOT absolutely positioned *\/\n.reach-panels{display:flex;flex-direction:column;gap:12px;}\n.rpanel{padding:18px 20px;background:rgba(6,18,36,.78);border:1px solid rgba(0,212,255,.16);border-left:2px solid var(--electric);border-radius:0 7px 7px 0;backdrop-filter:blur(12px);display:flex;align-items:flex-start;gap:14px;position:relative;overflow:hidden;transition:border-color .3s,box-shadow .3s;}\n.rpanel:hover{border-color:rgba(0,212,255,.32);box-shadow:0 0 26px rgba(0,212,255,.055);}\n.rpanel::after{content:'';position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,212,255,.04),transparent);animation:shine 5.5s infinite ease-in-out;}\n.rpi{flex-shrink:0;width:34px;height:34px;border-radius:7px;background:rgba(0,212,255,.09);border:1px solid rgba(0,212,255,.18);display:flex;align-items:center;justify-content:center;}\n.rpi svg{width:16px;height:16px;}\n.rpanel h4{font-family:var(--font-head);font-size:13.5px;font-weight:700;color:var(--white);margin-bottom:5px;}\n.rpanel p{font-size:12.5px;color:var(--muted);line-height:1.62;}\n\n\/* Credibility strip *\/\n.rstrip{position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:56px;background:rgba(0,212,255,.09);border:1px solid rgba(0,212,255,.13);border-radius:7px;overflow:hidden;}\n.rcell{background:rgba(4,14,30,.92);padding:22px 26px;display:flex;align-items:center;gap:16px;transition:background .3s;}\n.rcell:hover{background:rgba(0,212,255,.035);}\n.rci{width:38px;height:38px;border-radius:7px;background:rgba(0,212,255,.09);border:1px solid rgba(0,212,255,.16);display:flex;align-items:center;justify-content:center;flex-shrink:0;}\n.rci svg{width:18px;height:18px;}\n.rcl{font-family:var(--font-head);font-size:13px;font-weight:700;color:var(--white);margin-bottom:3px;}\n.rcs{font-size:11.5px;color:var(--soft);line-height:1.5;}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n SECTION 5: DIFFERENTIATORS\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.diff{position:relative;padding:120px 0;background:var(--bg);overflow:hidden;}\n.diff-inner{position:relative;z-index:2;display:grid;grid-template-columns:380px 1fr;gap:72px;align-items:start;}\n.dquote{margin-top:32px;padding:18px 20px;background:rgba(4,12,28,.72);border:1px solid rgba(255,106,0,.18);border-left:2px solid var(--orange);border-radius:0 7px 7px 0;position:relative;overflow:hidden;}\n.dqt{font-size:13.5px;color:var(--soft);line-height:1.74;font-style:italic;margin-bottom:9px;}\n.dqa{font-family:var(--font-mono);font-size:9.5px;color:rgba(255,106,0,.58);letter-spacing:.1em;}\n.diff-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;}\n.dcard{position:relative;padding:26px 24px;background:linear-gradient(135deg,rgba(6,18,42,.92),rgba(10,28,58,.78));border:1px solid rgba(0,212,255,.14);border-radius:9px;backdrop-filter:blur(12px);overflow:hidden;transition:border-color .4s,box-shadow .4s,transform .3s;}\n.dcard:nth-child(2){margin-top:26px;}.dcard:nth-child(4){margin-top:-14px;}\n.dcard:hover{border-color:rgba(0,212,255,.32);box-shadow:0 0 36px rgba(0,212,255,.09);transform:translateY(-3px);}\n.dcard::before{content:'';position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,212,255,.045),transparent);animation:shine 6s infinite ease-in-out;}\n.dcard::after{content:'';position:absolute;bottom:0;left:0;right:0;height:1.5px;background:linear-gradient(90deg,transparent,var(--electric),transparent);background-size:200% 100%;animation:edgeglow 4s linear infinite;}\n.dcn{position:absolute;top:12px;right:16px;font-family:var(--font-head);font-size:48px;font-weight:800;color:rgba(0,212,255,.038);line-height:1;user-select:none;}\n.dci{width:42px;height:42px;border-radius:9px;background:rgba(0,212,255,.09);border:1px solid rgba(0,212,255,.18);display:flex;align-items:center;justify-content:center;margin-bottom:16px;box-shadow:0 0 14px rgba(0,212,255,.15);}\n.dci svg{width:20px;height:20px;}\n.dct{font-family:var(--font-head);font-size:14px;font-weight:700;color:var(--white);margin-bottom:9px;line-height:1.3;}\n.dcx{font-size:12.5px;color:var(--muted);line-height:1.68;}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n SECTION 6: DIVERSITY\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.div-sec{position:relative;padding:120px 0;background:linear-gradient(180deg,var(--bg2),var(--bg));overflow:hidden;}\n.div-bg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:580px;height:580px;border-radius:50%;background:radial-gradient(circle,rgba(124,58,255,.065),transparent 65%);pointer-events:none;}\n.div-inner{position:relative;z-index:2;display:grid;grid-template-columns:1fr 320px 1fr;gap:56px;align-items:center;}\n.div-portal{position:relative;height:380px;display:flex;align-items:center;justify-content:center;}\n.pr{position:absolute;top:50%;left:50%;border-radius:50%;pointer-events:none;}\n.pr1{width:300px;height:300px;margin:-150px 0 0 -150px;border:1.5px solid rgba(0,212,255,.2);animation:spinslow 14s linear infinite;}\n.pr2{width:360px;height:360px;margin:-180px 0 0 -180px;border:1px solid rgba(124,58,255,.14);animation:spinrev 22s linear infinite;}\n.pr3{width:230px;height:230px;margin:-115px 0 0 -115px;border:1px solid rgba(255,106,0,.11);animation:spinslow 9s linear infinite;}\n.pr4{width:160px;height:160px;margin:-80px 0 0 -80px;border:1.5px solid rgba(0,212,255,.28);animation:spinrev 6s linear infinite;}\n.pcenter{position:relative;z-index:4;width:130px;height:130px;border-radius:50%;background:radial-gradient(circle at 40% 38%,rgba(0,212,255,.25),rgba(124,58,255,.16) 50%,rgba(4,14,28,.92));border:1.5px solid rgba(0,212,255,.38);display:flex;align-items:center;justify-content:center;box-shadow:0 0 55px rgba(0,212,255,.28),0 0 110px rgba(0,212,255,.07),inset 0 0 28px rgba(0,212,255,.09);}\n.pcenter svg{width:58px;height:58px;}\n.pspark{position:absolute;width:5px;height:5px;border-radius:50%;background:var(--orange);box-shadow:0 0 7px var(--orange);animation:dpulse 1.8s infinite ease-in-out;}\n.div-mods{display:flex;flex-direction:column;gap:14px;}\n.dmod{padding:20px 22px;background:rgba(6,18,36,.78);border:1px solid rgba(0,212,255,.14);border-left:2px solid var(--purple);border-radius:0 7px 7px 0;backdrop-filter:blur(10px);overflow:hidden;transition:border-color .3s;}\n.dmod:hover{border-color:rgba(0,212,255,.28);}\n.dmod h4{font-family:var(--font-head);font-size:13.5px;font-weight:700;color:var(--white);margin-bottom:7px;display:flex;align-items:center;gap:8px;}\n.dmod h4 svg{width:14px;height:14px;flex-shrink:0;}\n.dmod p{font-size:12.5px;color:var(--muted);line-height:1.64;}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n SECTION 7: CTA\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.cta-sec{position:relative;min-height:680px;background:var(--bg);overflow:hidden;display:flex;flex-direction:column;}\n.ctabg{position:absolute;inset:0;background:radial-gradient(ellipse 58% 48% at 50% 38%,rgba(0,212,255,.08),transparent 58%),radial-gradient(ellipse 28% 38% at 84% 72%,rgba(124,58,255,.065),transparent 52%),radial-gradient(ellipse 18% 28% at 14% 78%,rgba(255,106,0,.048),transparent 52%);pointer-events:none;}\n.cta-wrap{position:relative;z-index:4;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:110px 48px 56px;flex:1;text-align:center;}\n.ctah2{font-family:var(--font-head);font-size:clamp(30px,4.8vw,62px);font-weight:800;line-height:1.06;letter-spacing:-.035em;color:var(--white);max-width:820px;margin-bottom:20px;}\n.ctah2 em{font-style:normal;background:linear-gradient(120deg,var(--blue),var(--electric),var(--cyan));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}\n.ctab{font-size:15.5px;color:var(--muted);max-width:520px;margin:0 auto 40px;line-height:1.75;}\n.ctabtns{display:flex;align-items:center;justify-content:center;gap:18px;flex-wrap:wrap;margin-bottom:46px;}\n.ctabadge{padding:13px 28px;background:rgba(6,18,40,.82);border:1px solid rgba(0,212,255,.16);border-radius:5px;font-size:13.5px;color:var(--soft);line-height:1.65;backdrop-filter:blur(12px);max-width:580px;}\n.ctafloat{position:absolute;pointer-events:none;z-index:3;width:40px;height:40px;background:rgba(6,18,40,.82);border:1px solid rgba(0,212,255,.18);border-radius:8px;display:flex;align-items:center;justify-content:center;box-shadow:0 0 18px rgba(0,212,255,.07);}\n.ctafloat svg{width:17px;height:17px;}\n.ctafloat:nth-child(1){top:20%;left:6%;animation:floata 5.5s infinite ease-in-out;}\n.ctafloat:nth-child(2){top:32%;right:7%;animation:floatb 6.5s infinite ease-in-out .8s;}\n.ctafloat:nth-child(3){top:60%;left:4%;animation:floata 7s infinite ease-in-out 1.3s;}\n.ctafloat:nth-child(4){top:48%;right:5%;animation:floatb 5s infinite ease-in-out .4s;}\n.cta-city{position:relative;z-index:2;width:100%;}\n.cta-city svg{width:100%;display:block;}\n.hglow{position:absolute;z-index:2;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent 5%,var(--blue) 25%,var(--electric) 50%,var(--blue) 75%,transparent 95%);filter:blur(2px);opacity:.55;}\n\n\/* \u2550\u2550 RESPONSIVE \u2550\u2550 *\/\n@media(max-width:1100px){\n .hero-layout{grid-template-columns:minmax(0,440px) 1fr;}\n .who-inner{grid-template-columns:360px 1fr;gap:50px;}\n .diff-inner{grid-template-columns:320px 1fr;gap:50px;}\n .div-inner{grid-template-columns:1fr 280px 1fr;gap:40px;}\n .reach-inner{grid-template-columns:300px 1fr;gap:60px;}\n}\n@media(max-width:900px){\n .container{padding:0 24px;}\n .hero-layout{grid-template-columns:1fr;min-height:auto;}\n .hero-left{padding:80px 24px 24px;max-width:100%;}\n .hero-right{position:relative;width:100%;height:520px;}\n .spline-mask{width:100%;height:100%;}\n .float-cards{display:none;}\n .who-inner,.diff-inner{grid-template-columns:1fr;}\n .who-right{height:420px;}\n .div-inner{grid-template-columns:1fr;}\n .div-portal{height:300px;}\n .reach-inner{grid-template-columns:1fr;}\n .reach-right{grid-template-columns:1fr;}\n .globe-wrap{max-width:260px;}\n .rstrip{grid-template-columns:1fr;}\n .steps-row{flex-direction:column;align-items:center;gap:36px;}\n .snode{max-width:280px;}.snode:nth-child(even){margin-top:0;}\n .steps-svg{display:none;}\n .hero-tiles,.diff-grid{grid-template-columns:1fr;}\n .dcard:nth-child(n){margin-top:0;}\n .ctabtns{flex-direction:column;align-items:center;}\n .ctafloat{display:none;}\n}\n@media(max-width:600px){\n .container{padding:0 18px;}\n .who,.ops,.reach,.diff,.div-sec{padding:90px 0;}\n .rstrip{display:none;}\n}\n@media(prefers-reduced-motion:reduce){\n *,*::before,*::after{animation:none!important;transition:opacity .3s,transform .3s!important;}\n .rv{opacity:0;transform:none;}.rv.on{opacity:1;}\n .snode{opacity:1;transform:none;}\n}\n<\/style>\n<\/head>\n<body>\n<canvas id=\"bg-canvas\" aria-hidden=\"true\"><\/canvas>\n\n<section class=\"hero\" aria-label=\"About DT Solutions\">\n <div class=\"grid-bg\" aria-hidden=\"true\" style=\"animation:gridpulse 6s infinite ease-in-out;\"><\/div>\n <div class=\"orb\" style=\"width:800px;height:800px;top:-18%;right:-4%;background:radial-gradient(circle,rgba(0,212,255,.08),rgba(15,143,255,.03) 40%,transparent 65%);\" aria-hidden=\"true\"><\/div>\n <div class=\"orb\" style=\"width:500px;height:500px;top:28%;right:8%;background:radial-gradient(circle,rgba(124,58,255,.06),transparent 65%);\" aria-hidden=\"true\"><\/div>\n\n \n <canvas id=\"hero-2d\" aria-hidden=\"true\"><\/canvas>\n\n <div class=\"aurora-wrap\" aria-hidden=\"true\">\n <div class=\"ab\"><\/div><div class=\"ab\"><\/div><div class=\"ab\"><\/div>\n <\/div>\n <div id=\"hero-stars\" aria-hidden=\"true\" style=\"position:absolute;inset:0;pointer-events:none;z-index:1;overflow:hidden;\"><\/div>\n\n <div class=\"hero-layout\">\n \n <div class=\"hero-left\">\n <div class=\"hero-status rv\"><span class=\"sdot\"><\/span>01 \/ About Us \u00b7 DT Solutions<\/div>\n <h1 class=\"hero-title rv d1\">About<span class=\"accent\">DT Solutions<\/span><\/h1>\n <div class=\"hero-divider rv d2\" aria-hidden=\"true\"><\/div>\n <p class=\"hero-desc rv d2\">A North American consulting and workforce solutions partner helping organizations add dependable capacity where people, delivery, and operations matter.<\/p>\n <blockquote class=\"hero-quote rv d3\">We support public and private sector clients across technology, business operations, regulated environments, and project-based delivery needs \u2014 bringing practical coordination, trusted talent, and responsive support to work that needs to move forward.<\/blockquote>\n <div class=\"hero-tiles rv d3\">\n <div class=\"htile\"><div class=\"hti\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--electric)\" stroke-width=\"1.8\"><circle cx=\"12\" cy=\"12\" r=\"3\"\/><path d=\"M12 2v2M12 20v2M2 12h2M20 12h2\"\/><\/svg><\/div><div><div class=\"htt\">Practical delivery support<\/div><div class=\"htx\">Capacity for real operating needs, active priorities, and day-to-day execution.<\/div><\/div><\/div>\n <div class=\"htile\"><div class=\"hti\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--electric)\" stroke-width=\"1.8\"><path d=\"M12 2L2 7l10 5 10-5-10-5z\"\/><path d=\"M2 17l10 5 10-5M2 12l10 5 10-5\"\/><\/svg><\/div><div><div class=\"htt\">Built for complex environments<\/div><div class=\"htx\">Support across timelines, stakeholders, documentation, and specialized skills.<\/div><\/div><\/div>\n <div class=\"htile\"><div class=\"hti\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--cyan)\" stroke-width=\"1.8\"><rect x=\"2\" y=\"3\" width=\"20\" height=\"14\" rx=\"2\"\/><path d=\"M8 21h8M12 17v4\"\/><\/svg><\/div><div><div class=\"htt\">Flexible engagement models<\/div><div class=\"htx\">Talent solutions, consulting support, project delivery, managed capacity, SOW-based work.<\/div><\/div><\/div>\n <div class=\"htile\"><div class=\"hti\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--orange)\" stroke-width=\"1.8\"><path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"\/><circle cx=\"9\" cy=\"7\" r=\"4\"\/><\/svg><\/div><div><div class=\"htt\">Relationship-led delivery<\/div><div class=\"htx\">Clear communication, accountability, responsiveness, and long-term client trust.<\/div><\/div><\/div>\n <\/div>\n <div class=\"hero-cta rv d4\">\n <a href=\"#who\" class=\"btn-primary\">Learn Who We Are <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" width=\"15\" height=\"15\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg><\/a>\n <\/div>\n <div class=\"scroll-cue rv d5\" aria-hidden=\"true\"><div class=\"scl\"><\/div>Scroll to explore<\/div>\n <\/div>\n\n \n <div class=\"hero-right\" aria-hidden=\"true\">\n <div class=\"hud tl\"><\/div><div class=\"hud tr\"><\/div><div class=\"hud bl\"><\/div><div class=\"hud br\"><\/div>\n \n <div class=\"spline-mask\">\n <iframe src=\"https:\/\/my.spline.design\/orbitalbluestar-O7iqe6sRczTctI2XsvOQBVBr\/\" frameborder=\"0\" width=\"100%\" height=\"100%\" loading=\"lazy\" title=\"DT Solutions orbital visualization\" tabindex=\"-1\" scrolling=\"no\"><\/iframe>\n \n <div class=\"spline-overlay\" aria-hidden=\"true\"><\/div>\n <\/div>\n \n <div class=\"float-cards\">\n <div class=\"fc\"><div class=\"fci\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--electric)\" stroke-width=\"1.8\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><line x1=\"2\" y1=\"12\" x2=\"22\" y2=\"12\"\/><path d=\"M12 2a15 15 0 0 1 4 10 15 15 0 0 1-4 10z\"\/><\/svg><\/div><span class=\"fcl\">Our Purpose<\/span><div class=\"fcd\"><\/div><\/div>\n <div class=\"fc\"><div class=\"fci\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--cyan)\" stroke-width=\"1.8\"><path d=\"M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"\/><polyline points=\"9 22 9 12 15 12 15 22\"\/><\/svg><\/div><span class=\"fcl\">North American Presence<\/span><div class=\"fcd\" style=\"background:var(--cyan);box-shadow:0 0 6px var(--cyan);\"><\/div><\/div>\n <div class=\"fc\"><div class=\"fci\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--orange)\" stroke-width=\"1.8\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><\/svg><\/div><span class=\"fcl\">Public + Private Sector<\/span><div class=\"fcd\" style=\"background:var(--orange);box-shadow:0 0 6px var(--orange);\"><\/div><\/div>\n <div class=\"fc\"><div class=\"fci\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--violet)\" stroke-width=\"1.8\"><path d=\"M22 12h-4l-3 9L9 3l-3 9H2\"\/><\/svg><\/div><span class=\"fcl\">Delivery Capacity<\/span><div class=\"fcd\" style=\"background:var(--violet);box-shadow:0 0 6px var(--violet);\"><\/div><\/div>\n <div class=\"fc\"><div class=\"fci\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--electric)\" stroke-width=\"1.8\"><path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"\/><circle cx=\"9\" cy=\"7\" r=\"4\"\/><path d=\"M23 21v-2a4 4 0 0 0-3-3.87M16 3.13a4 4 0 0 1 0 7.75\"\/><\/svg><\/div><span class=\"fcl\">Workforce + Consulting<\/span><div class=\"fcd\"><\/div><\/div>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"ticker-wrap\" aria-hidden=\"true\"><div class=\"ticker-inner\" id=\"hticker\"><\/div><\/div>\n<\/section>\n<div class=\"section-divider\" aria-hidden=\"true\"><\/div>\n\n\n<section class=\"who\" id=\"who\" aria-label=\"Who We Are\">\n <div class=\"grid-bg\" aria-hidden=\"true\"><\/div>\n <svg style=\"position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0;\" viewBox=\"0 0 1400 700\" preserveAspectRatio=\"xMidYMid slice\" aria-hidden=\"true\">\n <path d=\"M0 140 Q350 70 700 140 T1400 140\" stroke=\"rgba(0,212,255,.038)\" fill=\"none\" stroke-width=\"1.5\"\/>\n <path d=\"M0 270 Q350 200 700 270 T1400 270\" stroke=\"rgba(0,212,255,.028)\" fill=\"none\" stroke-width=\"1\"\/>\n <path d=\"M0 410 Q350 340 700 410 T1400 410\" stroke=\"rgba(124,58,255,.022)\" fill=\"none\" stroke-width=\"1\"\/>\n <path d=\"M0 550 Q350 480 700 550 T1400 550\" stroke=\"rgba(0,212,255,.018)\" fill=\"none\" stroke-width=\"1\"\/>\n <\/svg>\n <div class=\"container\">\n <div class=\"who-inner\">\n <div>\n <div class=\"eyebrow rv\"><span class=\"edot\"><\/span>02 \/ Who We Are<\/div>\n <h2 class=\"h2 rv d1\">Who<br>We Are<\/h2>\n <p class=\"body-text rv d2\" style=\"margin-top:16px;\">DT Solutions is built to help organizations strengthen capacity with practical talent, consulting, and delivery support aligned to real operating needs.<\/p>\n <div class=\"who-mods rv d3\">\n <div class=\"wmod\"><div class=\"wmod-num\">01<\/div><div class=\"wmod-body\"><h4>Practical execution<\/h4><p>Support that helps work move forward in real operating environments where priorities and timelines are active.<\/p><\/div><\/div>\n <div class=\"wmod\"><div class=\"wmod-num\">02<\/div><div class=\"wmod-body\"><h4>Complex client needs<\/h4><p>Experience across timelines, stakeholders, specialized skills, procurement, and compliance expectations.<\/p><\/div><\/div>\n <div class=\"wmod\"><div class=\"wmod-num\">03<\/div><div class=\"wmod-body\"><h4>Dependable relationships<\/h4><p>Responsive communication, sector awareness, and delivery-focused support clients can rely on.<\/p><\/div><\/div>\n <\/div>\n <\/div>\n <div class=\"who-right rv rr d2\">\n <div class=\"odash\">\n <div class=\"scanl\"><\/div>\n <div class=\"dtop\">\n <div class=\"ddot\" style=\"background:#ff5f57;\"><\/div>\n <div class=\"ddot\" style=\"background:#febc2e;\"><\/div>\n <div class=\"ddot\" style=\"background:#28c840;\"><\/div>\n <span class=\"dtitle\">DTS \/ Enterprise Operations Center<\/span>\n <div class=\"dstat\"><span class=\"dldot\"><\/span>LIVE<\/div>\n <\/div>\n <div class=\"dcont\">\n <div class=\"dmets\">\n <div class=\"dmet\"><div class=\"dmv\" data-t=\"98\">0<\/div><div class=\"dml\">Delivery Rate %<\/div><\/div>\n <div class=\"dmet\"><div class=\"dmv\" data-t=\"12\">0<\/div><div class=\"dml\">Active Sectors<\/div><\/div>\n <div class=\"dmet\"><div class=\"dmv\" data-t=\"7\" data-s=\"x\">0<\/div><div class=\"dml\">Engagement Models<\/div><\/div>\n <\/div>\n <div class=\"dchart\">\n <div class=\"dclbl\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--electric)\" stroke-width=\"1.8\" width=\"9\" height=\"9\"><path d=\"M22 12h-4l-3 9L9 3l-3 9H2\"\/><\/svg>Capability Coverage<\/div>\n <div class=\"dplist\">\n <div class=\"dprow\"><div class=\"dphead\"><span class=\"dpn\">Workforce Solutions<\/span><span class=\"dpv\">95%<\/span><\/div><div class=\"dpbar\"><div class=\"dpf\" style=\"--w:95%\"><\/div><\/div><\/div>\n <div class=\"dprow\"><div class=\"dphead\"><span class=\"dpn\">Consulting Support<\/span><span class=\"dpv\">88%<\/span><\/div><div class=\"dpbar\"><div class=\"dpf of\" style=\"--w:88%\"><\/div><\/div><\/div>\n <div class=\"dprow\"><div class=\"dphead\"><span class=\"dpn\">Project Delivery<\/span><span class=\"dpv\">92%<\/span><\/div><div class=\"dpbar\"><div class=\"dpf pf\" style=\"--w:92%\"><\/div><\/div><\/div>\n <div class=\"dprow\"><div class=\"dphead\"><span class=\"dpn\">Managed Capacity<\/span><span class=\"dpv\">85%<\/span><\/div><div class=\"dpbar\"><div class=\"dpf\" style=\"--w:85%\"><\/div><\/div><\/div>\n <\/div>\n <\/div>\n <div class=\"dmini\">\n <div class=\"dmc\"><div class=\"dmci\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--electric)\" stroke-width=\"1.8\"><rect x=\"2\" y=\"7\" width=\"20\" height=\"14\" rx=\"2\"\/><path d=\"M16 21V5a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16\"\/><\/svg><\/div><div><div class=\"dmct\">Public Sector<\/div><div class=\"dmcs\">Gov \u00b7 Healthcare \u00b7 Education<\/div><\/div><\/div>\n <div class=\"dmc\"><div class=\"dmci\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--orange)\" stroke-width=\"1.8\"><path d=\"M12 2L2 7l10 5 10-5-10-5z\"\/><path d=\"M2 17l10 5 10-5M2 12l10 5 10-5\"\/><\/svg><\/div><div><div class=\"dmct\">Private Sector<\/div><div class=\"dmcs\">Tech \u00b7 Finance \u00b7 Energy<\/div><\/div><\/div>\n <div class=\"dmc\"><div class=\"dmci\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--cyan)\" stroke-width=\"1.8\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><\/svg><\/div><div><div class=\"dmct\">Regulated Env.<\/div><div class=\"dmcs\">Compliance \u00b7 Procurement<\/div><\/div><\/div>\n <div class=\"dmc\"><div class=\"dmci\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--violet)\" stroke-width=\"1.8\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><line x1=\"2\" y1=\"12\" x2=\"22\" y2=\"12\"\/><path d=\"M12 2a15 15 0 0 1 4 10z\"\/><\/svg><\/div><div><div class=\"dmct\">North American<\/div><div class=\"dmcs\">CA \u00b7 US \u00b7 Cross-border<\/div><\/div><\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n<div class=\"section-divider\" aria-hidden=\"true\"><\/div>\n\n\n<section class=\"ops\" id=\"ops\" aria-label=\"Our Operating Approach\">\n <svg style=\"position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0;opacity:.65;\" viewBox=\"0 0 1400 700\" preserveAspectRatio=\"xMidYMid slice\" aria-hidden=\"true\">\n <path d=\"M-100 180 Q300 110 700 180 T1500 180\" stroke=\"rgba(0,212,255,.038)\" fill=\"none\" stroke-width=\"1.5\"\/>\n <path d=\"M-100 290 Q300 220 700 290 T1500 290\" stroke=\"rgba(0,212,255,.028)\" fill=\"none\" stroke-width=\"1\"\/>\n <path d=\"M-100 400 Q300 330 700 400 T1500 400\" stroke=\"rgba(124,58,255,.022)\" fill=\"none\" stroke-width=\"1\"\/>\n <path d=\"M-100 510 Q300 440 700 510 T1500 510\" stroke=\"rgba(0,212,255,.022)\" fill=\"none\" stroke-width=\"1\"\/>\n <radialGradient id=\"oc\" cx=\"50%\" cy=\"50%\" r=\"40%\"><stop offset=\"0%\" stop-color=\"rgba(0,212,255,.065)\"\/><stop offset=\"100%\" stop-color=\"transparent\"\/><\/radialGradient>\n <ellipse cx=\"700\" cy=\"350\" rx=\"560\" ry=\"240\" fill=\"url(#oc)\"\/>\n <\/svg>\n <div class=\"grid-bg\" aria-hidden=\"true\"><\/div>\n <div class=\"container\">\n <div class=\"ops-head\">\n <div class=\"eyebrow rv\"><span class=\"edot\"><\/span>03 \/ Our Operating Approach<\/div>\n <h2 class=\"h2 rv d1\">Our Operating Approach<\/h2>\n <p class=\"body-text rv d2\" style=\"max-width:560px;\">DT Solutions works with clarity, discipline, and responsiveness \u2014 aligning support to how each client's work actually moves.<\/p>\n <\/div>\n <div class=\"steps\">\n <svg class=\"steps-svg\" viewBox=\"0 0 1220 55\" fill=\"none\" aria-hidden=\"true\">\n <defs><linearGradient id=\"pg\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"0\"><stop offset=\"0%\" stop-color=\"var(--purple)\" stop-opacity=\".38\"\/><stop offset=\"50%\" stop-color=\"var(--electric)\" stop-opacity=\".68\"\/><stop offset=\"100%\" stop-color=\"var(--orange)\" stop-opacity=\".48\"\/><\/linearGradient><\/defs>\n <path d=\"M20 28 Q150 5 310 28 Q400 46 490 28 Q620 5 750 28 Q840 46 930 28 Q1060 5 1200 28\" stroke=\"rgba(0,212,255,.045)\" stroke-width=\"7\" fill=\"none\" stroke-linecap=\"round\"\/>\n <path id=\"sp\" d=\"M20 28 Q150 5 310 28 Q400 46 490 28 Q620 5 750 28 Q840 46 930 28 Q1060 5 1200 28\" stroke=\"url(#pg)\" stroke-width=\"1.8\" fill=\"none\" stroke-linecap=\"round\" stroke-dasharray=\"2200\" stroke-dashoffset=\"2200\" style=\"transition:stroke-dashoffset 2.2s cubic-bezier(.4,0,.2,1)\"\/>\n <\/svg>\n <div class=\"steps-row\" id=\"steps-row\">\n <div class=\"snode\"><div class=\"sci-wrap\"><div class=\"sbg\" aria-hidden=\"true\">01<\/div><div class=\"sci\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--electric)\" stroke-width=\"1.8\"><circle cx=\"11\" cy=\"11\" r=\"8\"\/><path d=\"m21 21-4.35-4.35\"\/><\/svg><\/div><\/div><span class=\"stag\">Step 01<\/span><h4 class=\"stitle\">Understand the environment first<\/h4><p class=\"stext\">We begin with the client's priorities, constraints, timelines, stakeholders, and delivery context.<\/p><\/div>\n <div class=\"snode\"><div class=\"sci-wrap\"><div class=\"sbg\" aria-hidden=\"true\">02<\/div><div class=\"sci\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--orange)\" stroke-width=\"1.8\"><path d=\"M12 2L2 7l10 5 10-5-10-5z\"\/><path d=\"M2 17l10 5 10-5M2 12l10 5 10-5\"\/><\/svg><\/div><\/div><span class=\"stag\" style=\"color:var(--orange)\">Step 02<\/span><h4 class=\"stitle\">Match support to real work<\/h4><p class=\"stext\">We align capacity to the way work moves across teams, systems, approvals, and dependencies.<\/p><\/div>\n <div class=\"snode\"><div class=\"sci-wrap\"><div class=\"sbg\" aria-hidden=\"true\">03<\/div><div class=\"sci\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--cyan)\" stroke-width=\"1.8\"><path d=\"M22 12h-4l-3 9L9 3l-3 9H2\"\/><\/svg><\/div><\/div><span class=\"stag\" style=\"color:var(--cyan)\">Step 03<\/span><h4 class=\"stitle\">Stay close after launch<\/h4><p class=\"stext\">We remain responsive to fit, communication, performance, and changing needs.<\/p><\/div>\n <div class=\"snode\"><div class=\"sci-wrap\"><div class=\"sbg\" aria-hidden=\"true\">04<\/div><div class=\"sci\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--electric)\" stroke-width=\"1.8\"><path d=\"M13 2L3 14h9l-1 8 10-12h-9l1-8z\"\/><\/svg><\/div><\/div><span class=\"stag\">Step 04<\/span><h4 class=\"stitle\">Balance speed with care<\/h4><p class=\"stext\">We move quickly without overlooking quality, clarity, documentation, or long-term confidence.<\/p><\/div>\n <div class=\"snode\"><div class=\"sci-wrap\"><div class=\"sbg\" aria-hidden=\"true\">05<\/div><div class=\"sci\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--violet)\" stroke-width=\"1.8\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><\/svg><\/div><\/div><span class=\"stag\" style=\"color:var(--violet)\">Step 05<\/span><h4 class=\"stitle\">Build trust through consistency<\/h4><p class=\"stext\">Dependable follow-through, practical communication, support that reflects client reality.<\/p><\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n<div class=\"section-divider\" aria-hidden=\"true\"><\/div>\n\n\n<section class=\"reach\" id=\"reach\" aria-label=\"Market Reach\">\n <div class=\"grid-bg\" style=\"opacity:.55;\" aria-hidden=\"true\"><\/div>\n <div class=\"orb\" style=\"width:650px;height:650px;top:-8%;right:-8%;background:radial-gradient(circle,rgba(0,212,255,.048),transparent 65%);pointer-events:none;\" aria-hidden=\"true\"><\/div>\n <div class=\"container\">\n <div class=\"reach-inner\">\n <div>\n <div class=\"eyebrow rv\"><span class=\"edot\"><\/span>04 \/ Our Experience & Market Reach<\/div>\n <h2 class=\"h2 rv d1\">Our Experience &<br><em>Market Reach<\/em><\/h2>\n <p class=\"body-text rv d2\">DT Solutions works across public, private, regulated, and growth-focused environments where dependable workforce and project capacity matter.<\/p>\n <\/div>\n \n <div class=\"reach-right\">\n <div class=\"globe-wrap rv rs d2\" aria-hidden=\"true\">\n <div class=\"gring gr1\"><\/div>\n <div class=\"gring gr2\"><\/div>\n <div class=\"gring gr3\"><\/div>\n <div class=\"globeglow\"><\/div>\n <svg viewBox=\"0 0 280 280\" width=\"220\" height=\"220\" fill=\"none\" style=\"position:relative;z-index:5;\">\n <defs>\n <radialGradient id=\"gg\" cx=\"38%\" cy=\"35%\" r=\"60%\"><stop offset=\"0%\" stop-color=\"rgba(0,212,255,.28)\"\/><stop offset=\"55%\" stop-color=\"rgba(8,40,100,.68)\"\/><stop offset=\"100%\" stop-color=\"rgba(2,8,20,.95)\"\/><\/radialGradient>\n <radialGradient id=\"gl\" cx=\"32%\" cy=\"28%\" r=\"42%\"><stop offset=\"0%\" stop-color=\"rgba(94,240,255,.28)\"\/><stop offset=\"100%\" stop-color=\"transparent\"\/><\/radialGradient>\n <\/defs>\n <circle cx=\"140\" cy=\"140\" r=\"128\" fill=\"url(#gg)\" stroke=\"rgba(0,212,255,.25)\" stroke-width=\"1.2\"\/>\n <circle cx=\"140\" cy=\"140\" r=\"128\" fill=\"url(#gl)\"\/>\n <ellipse cx=\"140\" cy=\"140\" rx=\"48\" ry=\"126\" stroke=\"rgba(0,212,255,.1)\" stroke-width=\"1\" fill=\"none\"\/>\n <ellipse cx=\"140\" cy=\"140\" rx=\"96\" ry=\"126\" stroke=\"rgba(0,212,255,.08)\" stroke-width=\"1\" fill=\"none\"\/>\n <line x1=\"140\" y1=\"14\" x2=\"140\" y2=\"266\" stroke=\"rgba(0,212,255,.09)\" stroke-width=\"1\"\/>\n <ellipse cx=\"140\" cy=\"105\" rx=\"118\" ry=\"24\" stroke=\"rgba(0,212,255,.09)\" stroke-width=\"1\" fill=\"none\"\/>\n <ellipse cx=\"140\" cy=\"140\" rx=\"126\" ry=\"22\" stroke=\"rgba(0,212,255,.1)\" stroke-width=\"1\" fill=\"none\"\/>\n <ellipse cx=\"140\" cy=\"175\" rx=\"118\" ry=\"24\" stroke=\"rgba(0,212,255,.09)\" stroke-width=\"1\" fill=\"none\"\/>\n <path d=\"M80 88 Q98 76 122 85 Q138 93 135 108 Q130 126 112 129 Q92 133 80 120 Q68 106 80 88Z\" fill=\"rgba(0,212,255,.14)\" stroke=\"rgba(0,212,255,.26)\" stroke-width=\"1\"\/>\n <path d=\"M140 78 Q159 68 176 77 Q190 85 188 100 Q185 114 170 118 Q155 122 144 111 Q136 97 140 78Z\" fill=\"rgba(0,212,255,.11)\" stroke=\"rgba(0,212,255,.22)\" stroke-width=\"1\"\/>\n <circle cx=\"105\" cy=\"102\" r=\"4.5\" fill=\"rgba(0,212,255,.88)\"><animate attributeName=\"opacity\" values=\".38;1;.38\" dur=\"2.7s\" repeatCount=\"indefinite\"\/><\/circle>\n <circle cx=\"162\" cy=\"94\" r=\"4\" fill=\"rgba(255,106,0,.88)\"><animate attributeName=\"opacity\" values=\".28;1;.28\" dur=\"3.1s\" repeatCount=\"indefinite\" begin=\".7s\"\/><\/circle>\n <circle cx=\"194\" cy=\"142\" r=\"3.5\" fill=\"rgba(124,58,255,.88)\"><animate attributeName=\"opacity\" values=\".35;.92;.35\" dur=\"2.9s\" repeatCount=\"indefinite\" begin=\"1.3s\"\/><\/circle>\n <line x1=\"105\" y1=\"102\" x2=\"162\" y2=\"94\" stroke=\"rgba(0,212,255,.32)\" stroke-width=\"1\" stroke-dasharray=\"4 3\"><animate attributeName=\"stroke-dashoffset\" values=\"0;14;0\" dur=\"3s\" repeatCount=\"indefinite\"\/><\/line>\n <line x1=\"162\" y1=\"94\" x2=\"194\" y2=\"142\" stroke=\"rgba(255,106,0,.28)\" stroke-width=\"1\" stroke-dasharray=\"4 3\"><animate attributeName=\"stroke-dashoffset\" values=\"14;0;14\" dur=\"4s\" repeatCount=\"indefinite\"\/><\/line>\n <\/svg>\n \n <div style=\"position:absolute;top:22%;left:12%;z-index:8;\"><div style=\"width:7px;height:7px;border-radius:50%;background:var(--electric);box-shadow:0 0 9px var(--electric);\"><\/div><div style=\"position:absolute;top:50%;left:50%;width:18px;height:18px;margin:-9px 0 0 -9px;border-radius:50%;border:1.5px solid var(--electric);animation:pingout 2.2s infinite ease-out;\"><\/div><\/div>\n <div style=\"position:absolute;top:28%;right:10%;z-index:8;\"><div style=\"width:7px;height:7px;border-radius:50%;background:var(--orange);box-shadow:0 0 9px var(--orange);\"><\/div><div style=\"position:absolute;top:50%;left:50%;width:18px;height:18px;margin:-9px 0 0 -9px;border-radius:50%;border:1.5px solid var(--orange);animation:pingout 2.2s infinite ease-out .7s;\"><\/div><\/div>\n <\/div>\n \n <div class=\"reach-panels rv rr d3\">\n <div class=\"rpanel\"><div class=\"rpi\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--electric)\" stroke-width=\"1.8\"><rect x=\"2\" y=\"7\" width=\"20\" height=\"14\" rx=\"2\"\/><path d=\"M16 21V5a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16\"\/><\/svg><\/div><div><h4>Cross-sector experience<\/h4><p>Government, healthcare, financial services, education, energy, technology, infrastructure, and business operations.<\/p><\/div><\/div>\n <div class=\"rpanel\"><div class=\"rpi\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--cyan)\" stroke-width=\"1.8\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><line x1=\"2\" y1=\"12\" x2=\"22\" y2=\"12\"\/><path d=\"M12 2a15 15 0 0 1 4 10z\"\/><\/svg><\/div><div><h4>North American delivery reach<\/h4><p>Responsive account management, recruitment, consulting, and professional services across North American environments.<\/p><\/div><\/div>\n <div class=\"rpanel\"><div class=\"rpi\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--orange)\" stroke-width=\"1.8\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><\/svg><\/div><div><h4>Regulated & complex environments<\/h4><p>Experienced in settings shaped by compliance, documentation, procurement, and stakeholder expectations.<\/p><\/div><\/div>\n <div class=\"rpanel\"><div class=\"rpi\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--violet)\" stroke-width=\"1.8\"><path d=\"M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z\"\/><\/svg><\/div><div><h4>Flexible operating reach<\/h4><p>Supporting recruitment, consulting, managed services, project-based work, and structured engagement models.<\/p><\/div><\/div>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"rstrip rv d4\">\n <div class=\"rcell\"><div class=\"rci\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--electric)\" stroke-width=\"1.8\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><polyline points=\"9 12 11 14 15 10\"\/><\/svg><\/div><div><div class=\"rcl\">Diverse Supplier Credentials<\/div><div class=\"rcs\">Supporting inclusive, responsible procurement environments<\/div><\/div><\/div>\n <div class=\"rcell\"><div class=\"rci\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--orange)\" stroke-width=\"1.8\"><path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"\/><circle cx=\"9\" cy=\"7\" r=\"4\"\/><path d=\"M23 21v-2a4 4 0 0 0-3-3.87M16 3.13a4 4 0 0 1 0 7.75\"\/><\/svg><\/div><div><div class=\"rcl\">Public + Private Sector Clients<\/div><div class=\"rcs\">Serving complex, regulated, and growth-focused organizations<\/div><\/div><\/div>\n <div class=\"rcell\"><div class=\"rci\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--cyan)\" stroke-width=\"1.8\"><polyline points=\"22 12 18 12 15 21 9 3 6 12 2 12\"\/><\/svg><\/div><div><div class=\"rcl\">Responsive Delivery Model<\/div><div class=\"rcs\">Talent, consulting, managed services, and SOW-based engagements<\/div><\/div><\/div>\n <\/div>\n <\/div>\n<\/section>\n<div class=\"section-divider\" aria-hidden=\"true\"><\/div>\n\n\n<section class=\"diff\" id=\"diff\" aria-label=\"What Makes DT Solutions Different\">\n <div class=\"grid-bg\" aria-hidden=\"true\"><\/div>\n <div class=\"orb\" style=\"width:560px;height:560px;top:28%;left:-8%;background:radial-gradient(circle,rgba(124,58,255,.065),transparent 65%);pointer-events:none;\" aria-hidden=\"true\"><\/div>\n <div class=\"container\">\n <div class=\"diff-inner\">\n <div>\n <div class=\"eyebrow rv\"><span class=\"edot\"><\/span>05 \/ What Makes Us Different<\/div>\n <h2 class=\"h2 rv d1\">What Makes<br>DT Solutions<br><em>Different<\/em><\/h2>\n <p class=\"body-text rv d2\">DT Solutions combines responsive workforce support, practical follow-through, and sector-aware execution for organizations that need dependable capacity.<\/p>\n <div class=\"dquote rv d3\"><p class=\"dqt\">\"We look beyond job titles to understand the operating need, team context, delivery pressure, and intended outcome.\"<\/p><p class=\"dqa\">\u2014 DT Solutions Operating Principle<\/p><\/div>\n <\/div>\n <div class=\"diff-grid rv rr d2\">\n <div class=\"dcard\"><div class=\"dcn\" aria-hidden=\"true\">1<\/div><div class=\"dci\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--electric)\" stroke-width=\"1.8\"><circle cx=\"11\" cy=\"11\" r=\"8\"\/><path d=\"m21 21-4.35-4.35\"\/><\/svg><\/div><h3 class=\"dct\">We understand the work behind the role<\/h3><p class=\"dcx\">We look beyond job titles to understand the operating need, team context, delivery pressure, and intended outcome.<\/p><\/div>\n <div class=\"dcard\"><div class=\"dcn\" aria-hidden=\"true\">2<\/div><div class=\"dci\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--orange)\" stroke-width=\"1.8\"><path d=\"M22 12h-4l-3 9L9 3l-3 9H2\"\/><\/svg><\/div><h3 class=\"dct\">We stay close after the engagement starts<\/h3><p class=\"dcx\">Our involvement continues through communication, fit, performance, issue resolution, and changing priorities.<\/p><\/div>\n <div class=\"dcard\"><div class=\"dcn\" aria-hidden=\"true\">3<\/div><div class=\"dci\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--cyan)\" stroke-width=\"1.8\"><path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"\/><circle cx=\"9\" cy=\"7\" r=\"4\"\/><\/svg><\/div><h3 class=\"dct\">We support both people and delivery needs<\/h3><p class=\"dcx\">Individual expertise, coordinated teams, project support, managed models, and structured engagements.<\/p><\/div>\n <div class=\"dcard\"><div class=\"dcn\" aria-hidden=\"true\">4<\/div><div class=\"dci\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--violet)\" stroke-width=\"1.8\"><path d=\"M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z\"\/><\/svg><\/div><h3 class=\"dct\">We work with accountability and care<\/h3><p class=\"dcx\">Clear communication, realistic commitments, disciplined follow-through, and long-term trust.<\/p><\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n<div class=\"section-divider\" aria-hidden=\"true\"><\/div>\n\n\n<section class=\"div-sec\" id=\"diversity\" aria-label=\"Diversity, Inclusion and Supplier Identity\">\n <div class=\"grid-bg\" aria-hidden=\"true\"><\/div>\n <div class=\"div-bg\" aria-hidden=\"true\"><\/div>\n <div class=\"container\">\n <div class=\"div-inner\">\n <div>\n <div class=\"eyebrow rv\"><span class=\"edot\"><\/span>06 \/ Diversity, Inclusion & Supplier Identity<\/div>\n <h2 class=\"h2 rv d1\">Diversity,<br>Inclusion &<br><em>Supplier Identity<\/em><\/h2>\n <p class=\"body-text rv d2\">DT Solutions brings a diverse supplier perspective to client partnerships, with a commitment to inclusive access, responsible business, and meaningful representation.<\/p>\n <\/div>\n <div class=\"div-portal rv rs d2\" aria-hidden=\"true\">\n <div class=\"pr pr1\"><\/div><div class=\"pr pr2\"><\/div><div class=\"pr pr3\"><\/div><div class=\"pr pr4\"><\/div>\n <div class=\"pspark\" style=\"top:7%;left:48%;\"><\/div>\n <div class=\"pspark\" style=\"top:48%;right:7%;animation-delay:.5s;\"><\/div>\n <div class=\"pspark\" style=\"bottom:9%;left:38%;animation-delay:1s;\"><\/div>\n <div class=\"pspark\" style=\"top:38%;left:9%;animation-delay:1.5s;\"><\/div>\n <div class=\"pcenter\">\n <svg viewBox=\"0 0 80 80\" fill=\"none\" stroke=\"var(--cyan)\" stroke-width=\"1.4\">\n <circle cx=\"40\" cy=\"22\" r=\"9\"\/><path d=\"M22 58c0-9.94 8.06-18 18-18s18 8.06 18 18\"\/>\n <circle cx=\"22\" cy=\"28\" r=\"7\"\/><path d=\"M8 58c0-7.73 6.27-14 14-14\"\/>\n <circle cx=\"58\" cy=\"28\" r=\"7\"\/><path d=\"M72 58c0-7.73-6.27-14-14-14\"\/>\n <\/svg>\n <\/div>\n <\/div>\n <div class=\"div-mods\">\n <div class=\"dmod rv rr d2\"><h4><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--orange)\" stroke-width=\"1.8\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><polyline points=\"9 12 11 14 15 10\"\/><\/svg>Certified diverse supplier identity<\/h4><p>Our credentials support clients that value inclusive procurement, responsible sourcing, and broader market participation.<\/p><\/div>\n <div class=\"dmod rv rr d3\"><h4><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--electric)\" stroke-width=\"1.8\"><path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"\/><circle cx=\"9\" cy=\"7\" r=\"4\"\/><path d=\"M23 21v-2a4 4 0 0 0-3-3.87M16 3.13a4 4 0 0 1 0 7.75\"\/><\/svg>Inclusive workforce perspective<\/h4><p>We recognize the importance of widening access to opportunity across talent communities and client environments.<\/p><\/div>\n <div class=\"dmod rv rr d4\"><h4><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--cyan)\" stroke-width=\"1.8\"><rect x=\"2\" y=\"7\" width=\"20\" height=\"14\" rx=\"2\"\/><path d=\"M16 21V5a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16\"\/><\/svg>Procurement-ready credibility<\/h4><p>Our experience with public, regulated, and enterprise clients helps us meet supplier standards, documentation, and accountability expectations.<\/p><\/div>\n <div class=\"rv d5\" style=\"margin-top:20px;\"><a href=\"#\" class=\"btn-ghost\">Explore Diversity & Inclusion Commitment <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" width=\"13\" height=\"13\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg><\/a><\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n<div class=\"section-divider\" aria-hidden=\"true\"><\/div>\n\n\n<section class=\"cta-sec\" id=\"cta\" aria-label=\"Let's Connect\">\n <div class=\"ctabg\" aria-hidden=\"true\"><\/div>\n <div class=\"grid-bg\" aria-hidden=\"true\"><\/div>\n <div class=\"ctafloat\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--electric)\" stroke-width=\"1.8\" width=\"17\" height=\"17\"><path d=\"M12 2L2 7l10 5 10-5-10-5z\"\/><path d=\"M2 17l10 5 10-5M2 12l10 5 10-5\"\/><\/svg><\/div>\n <div class=\"ctafloat\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--orange)\" stroke-width=\"1.8\" width=\"17\" height=\"17\"><path d=\"M22 12h-4l-3 9L9 3l-3 9H2\"\/><\/svg><\/div>\n <div class=\"ctafloat\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--violet)\" stroke-width=\"1.8\" width=\"17\" height=\"17\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><\/svg><\/div>\n <div class=\"ctafloat\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--cyan)\" stroke-width=\"1.8\" width=\"17\" height=\"17\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><line x1=\"2\" y1=\"12\" x2=\"22\" y2=\"12\"\/><path d=\"M12 2a15 15 0 0 1 4 10z\"\/><\/svg><\/div>\n <div class=\"cta-wrap\">\n <div class=\"eyebrow rv\"><span class=\"edot\"><\/span>07 \/ Let's Connect<\/div>\n <h2 class=\"ctah2 rv d1\">Move forward with <em>clarity,<br>responsiveness,<\/em> and delivery focus<\/h2>\n <p class=\"ctab rv d2\">Connect with DT Solutions to discuss how we can support your talent, project, consulting, or delivery needs.<\/p>\n <div class=\"ctabtns rv d3\">\n <a href=\"#\" class=\"btn-primary\">Connect With DT Solutions <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" width=\"15\" height=\"15\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg><\/a>\n <a href=\"#\" class=\"btn-ghost\">Explore What We Do <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" width=\"15\" height=\"15\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg><\/a>\n <\/div>\n <div class=\"ctabadge rv d4\">Work with a partner that understands real client priorities and delivers with care, structure, and accountability.<\/div>\n <\/div>\n <div class=\"hglow\" style=\"bottom:210px;\"><\/div>\n <div class=\"cta-city\">\n <svg viewBox=\"0 0 1400 250\" preserveAspectRatio=\"xMidYMax meet\">\n <defs>\n <linearGradient id=\"cs\" x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\"><stop offset=\"0%\" stop-color=\"rgba(2,6,20,0)\"\/><stop offset=\"42%\" stop-color=\"rgba(4,12,32,.48)\"\/><stop offset=\"100%\" stop-color=\"rgba(4,12,32,.98)\"\/><\/linearGradient>\n <linearGradient id=\"hg\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"0\"><stop offset=\"0%\" stop-color=\"transparent\"\/><stop offset=\"30%\" stop-color=\"rgba(0,212,255,.16)\"\/><stop offset=\"50%\" stop-color=\"rgba(0,212,255,.3)\"\/><stop offset=\"70%\" stop-color=\"rgba(0,212,255,.16)\"\/><stop offset=\"100%\" stop-color=\"transparent\"\/><\/linearGradient>\n <\/defs>\n <rect width=\"1400\" height=\"250\" fill=\"url(#cs)\"\/>\n <rect x=\"0\" y=\"100\" width=\"36\" height=\"150\" fill=\"rgba(3,12,28,.95)\"\/>\n <rect x=\"40\" y=\"65\" width=\"50\" height=\"185\" fill=\"rgba(5,16,36,.95)\" stroke=\"rgba(0,212,255,.07)\" stroke-width=\"1\"\/>\n <rect x=\"50\" y=\"48\" width=\"12\" height=\"20\" fill=\"rgba(5,16,36,.95)\"\/>\n <rect x=\"94\" y=\"82\" width=\"40\" height=\"168\" fill=\"rgba(3,10,26,.9)\"\/>\n <rect x=\"138\" y=\"54\" width=\"66\" height=\"196\" fill=\"rgba(5,16,36,.95)\" stroke=\"rgba(0,212,255,.09)\" stroke-width=\"1\"\/>\n <rect x=\"149\" y=\"36\" width=\"14\" height=\"21\" fill=\"rgba(5,16,36,.95)\"\/>\n <rect x=\"208\" y=\"74\" width=\"46\" height=\"176\" fill=\"rgba(3,12,28,.9)\"\/>\n <rect x=\"258\" y=\"36\" width=\"80\" height=\"214\" fill=\"rgba(6,20,44,.95)\" stroke=\"rgba(0,212,255,.11)\" stroke-width=\"1\"\/>\n <rect x=\"271\" y=\"18\" width=\"16\" height=\"21\" fill=\"rgba(6,20,44,.95)\"\/>\n <rect x=\"342\" y=\"60\" width=\"50\" height=\"190\" fill=\"rgba(3,10,26,.9)\"\/>\n <rect x=\"396\" y=\"46\" width=\"70\" height=\"204\" fill=\"rgba(5,16,36,.95)\" stroke=\"rgba(0,212,255,.08)\" stroke-width=\"1\"\/>\n <rect x=\"409\" y=\"28\" width=\"12\" height=\"21\" fill=\"rgba(5,16,36,.95)\"\/>\n <rect x=\"470\" y=\"68\" width=\"46\" height=\"182\" fill=\"rgba(3,12,28,.9)\"\/>\n <rect x=\"520\" y=\"40\" width=\"86\" height=\"210\" fill=\"rgba(6,22,46,.95)\" stroke=\"rgba(0,212,255,.12)\" stroke-width=\"1\"\/>\n <rect x=\"534\" y=\"22\" width=\"14\" height=\"21\" fill=\"rgba(6,22,46,.95)\"\/>\n <rect x=\"610\" y=\"78\" width=\"50\" height=\"172\" fill=\"rgba(3,10,26,.9)\"\/>\n <rect x=\"664\" y=\"50\" width=\"74\" height=\"200\" fill=\"rgba(5,16,36,.95)\" stroke=\"rgba(0,212,255,.09)\" stroke-width=\"1\"\/>\n <rect x=\"677\" y=\"28\" width=\"16\" height=\"25\" fill=\"rgba(5,16,36,.95)\"\/>\n <rect x=\"742\" y=\"64\" width=\"54\" height=\"186\" fill=\"rgba(3,12,28,.9)\"\/>\n <rect x=\"800\" y=\"34\" width=\"80\" height=\"216\" fill=\"rgba(6,20,44,.95)\" stroke=\"rgba(0,212,255,.1)\" stroke-width=\"1\"\/>\n <rect x=\"813\" y=\"16\" width=\"16\" height=\"21\" fill=\"rgba(6,20,44,.95)\"\/>\n <rect x=\"884\" y=\"74\" width=\"50\" height=\"176\" fill=\"rgba(3,10,26,.9)\"\/>\n <rect x=\"938\" y=\"46\" width=\"70\" height=\"204\" fill=\"rgba(5,16,36,.95)\"\/>\n <rect x=\"951\" y=\"26\" width=\"12\" height=\"23\" fill=\"rgba(5,16,36,.95)\"\/>\n <rect x=\"1012\" y=\"60\" width=\"56\" height=\"190\" fill=\"rgba(3,12,28,.9)\"\/>\n <rect x=\"1072\" y=\"34\" width=\"86\" height=\"216\" fill=\"rgba(6,22,46,.95)\" stroke=\"rgba(0,212,255,.09)\" stroke-width=\"1\"\/>\n <rect x=\"1086\" y=\"16\" width=\"14\" height=\"21\" fill=\"rgba(6,22,46,.95)\"\/>\n <rect x=\"1162\" y=\"68\" width=\"50\" height=\"182\" fill=\"rgba(3,10,26,.9)\"\/>\n <rect x=\"1216\" y=\"54\" width=\"74\" height=\"196\" fill=\"rgba(5,16,36,.95)\"\/>\n <rect x=\"1294\" y=\"76\" width=\"64\" height=\"174\" fill=\"rgba(3,12,28,.9)\"\/>\n <rect x=\"150\" y=\"74\" width=\"4\" height=\"4\" fill=\"rgba(0,212,255,.52)\"><animate attributeName=\"opacity\" values=\".18;.78;.18\" dur=\"3s\" repeatCount=\"indefinite\"\/><\/rect>\n <rect x=\"272\" y=\"56\" width=\"4\" height=\"4\" fill=\"rgba(255,106,0,.58)\"><animate attributeName=\"opacity\" values=\".28;.88;.28\" dur=\"3.5s\" repeatCount=\"indefinite\" begin=\"1s\"\/><\/rect>\n <rect x=\"411\" y=\"66\" width=\"4\" height=\"4\" fill=\"rgba(124,58,255,.58)\"><animate attributeName=\"opacity\" values=\".22;.72;.22\" dur=\"3.2s\" repeatCount=\"indefinite\" begin=\".8s\"\/><\/rect>\n <rect x=\"535\" y=\"58\" width=\"4\" height=\"4\" fill=\"rgba(0,212,255,.48)\"><animate attributeName=\"opacity\" values=\".28;.82;.28\" dur=\"2.6s\" repeatCount=\"indefinite\" begin=\".3s\"\/><\/rect>\n <rect x=\"679\" y=\"68\" width=\"4\" height=\"4\" fill=\"rgba(255,106,0,.52)\"><animate attributeName=\"opacity\" values=\".18;.68;.18\" dur=\"3.1s\" repeatCount=\"indefinite\" begin=\"1.2s\"\/><\/rect>\n <rect x=\"815\" y=\"54\" width=\"4\" height=\"4\" fill=\"rgba(0,212,255,.48)\"><animate attributeName=\"opacity\" values=\".28;.82;.28\" dur=\"2.9s\" repeatCount=\"indefinite\" begin=\".6s\"\/><\/rect>\n <rect x=\"1088\" y=\"54\" width=\"4\" height=\"4\" fill=\"rgba(0,212,255,.52)\"><animate attributeName=\"opacity\" values=\".18;.78;.18\" dur=\"3s\" repeatCount=\"indefinite\" begin=\".9s\"\/><\/rect>\n <rect x=\"0\" y=\"242\" width=\"1400\" height=\"8\" fill=\"rgba(4,12,30,.99)\"\/>\n <rect x=\"0\" y=\"241\" width=\"1400\" height=\"1\" fill=\"rgba(0,212,255,.12)\"\/>\n <rect x=\"0\" y=\"178\" width=\"1400\" height=\"3\" fill=\"url(#hg)\"> <\/rect>\n <line x1=\"0\" y1=\"245\" x2=\"480\" y2=\"245\" stroke=\"rgba(255,106,0,.42)\" stroke-width=\"1.5\" style=\"animation:roadl 6s infinite linear;transform-box:fill-box;transform-origin:left center;\"\/>\n <line x1=\"1400\" y1=\"248\" x2=\"920\" y2=\"248\" stroke=\"rgba(0,212,255,.42)\" stroke-width=\"1.5\" style=\"animation:roadr 8s infinite linear;transform-box:fill-box;transform-origin:right center;\"\/>\n <\/svg>\n <\/div>\n<\/section>\n<script>\n(function(){\n'use strict';\nconst pref = window.matchMedia?.('(prefers-reduced-motion:reduce)').matches;\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n 1. GLOBAL PARTICLE CANVAS\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\nconst gc = document.getElementById('bg-canvas');\nif(gc && !pref){\n const gx = gc.getContext('2d');\n let gW, gH, gPts = [];\n const GN = 110;\n const GCOLS = [[0,212,255],[15,143,255],[124,58,255],[94,240,255],[255,106,0]];\n function gResize(){ gW = gc.width = window.innerWidth; gH = gc.height = window.innerHeight; }\n gResize();\n window.addEventListener('resize', gResize, {passive:true});\n for(let i=0;i<GN;i++){\n const rare = Math.random()<0.06;\n const c = GCOLS[rare?4:Math.floor(Math.random()*4)];\n gPts.push({x:Math.random()*window.innerWidth,y:Math.random()*window.innerHeight,r:0.4+Math.random()*1.3,vx:(Math.random()-0.5)*0.16,vy:(Math.random()-0.5)*0.13-0.025,op:0.1+Math.random()*0.55,c,ph:Math.random()*Math.PI*2,sp:0.007+Math.random()*0.015});\n }\n function gFrame(){\n gx.clearRect(0,0,gW,gH);\n gx.lineWidth = 0.28;\n for(let a=0;a<GN;a++) for(let b=a+1;b<GN;b++){\n const dx=gPts[a].x-gPts[b].x, dy=gPts[a].y-gPts[b].y, d=Math.sqrt(dx*dx+dy*dy);\n if(d<105){\n const al=(1-d\/105)*0.06; const c=gPts[a].c;\n gx.strokeStyle=`rgba(${c[0]},${c[1]},${c[2]},${al})`;\n gx.beginPath(); gx.moveTo(gPts[a].x,gPts[a].y); gx.lineTo(gPts[b].x,gPts[b].y); gx.stroke();\n }\n }\n for(let i=0;i<GN;i++){\n const p=gPts[i]; p.ph+=p.sp;\n const tw=0.5+0.5*Math.sin(p.ph), op=p.op*tw; const c=p.c;\n const g=gx.createRadialGradient(p.x,p.y,0,p.x,p.y,p.r*3.5);\n g.addColorStop(0,`rgba(${c[0]},${c[1]},${c[2]},${op})`);\n g.addColorStop(1,`rgba(${c[0]},${c[1]},${c[2]},0)`);\n gx.fillStyle=g; gx.beginPath(); gx.arc(p.x,p.y,p.r*3.5,0,Math.PI*2); gx.fill();\n gx.fillStyle=`rgba(${c[0]},${c[1]},${c[2]},${op*0.88})`; gx.beginPath(); gx.arc(p.x,p.y,p.r,0,Math.PI*2); gx.fill();\n p.x+=p.vx; p.y+=p.vy;\n if(p.x<-20)p.x=gW+20; if(p.x>gW+20)p.x=-20;\n if(p.y<-20)p.y=gH+20; if(p.y>gH+20)p.y=-20;\n }\n requestAnimationFrame(gFrame);\n }\n gFrame();\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n 2. HERO 2D ANIMATED CANVAS\n (flowing lines, data streams, grid pulses)\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\nconst h2d = document.getElementById('hero-2d');\nif(h2d && !pref){\n const hx = h2d.getContext('2d');\n let hW, hH;\n function hResize(){\n hW = h2d.width = h2d.offsetWidth;\n hH = h2d.height = h2d.offsetHeight;\n }\n hResize();\n window.addEventListener('resize', hResize, {passive:true});\n\n \/\/ Flowing data stream lines\n const streams = [];\n for(let i=0;i<18;i++){\n streams.push({\n x: Math.random()*hW,\n y: Math.random()*hH,\n len: 60 + Math.random()*140,\n speed: 0.4 + Math.random()*1.2,\n op: 0,\n maxOp: 0.08 + Math.random()*0.2,\n angle: (Math.random()*0.4 - 0.2) + Math.PI\/2, \/\/ mostly downward\n col: Math.random()<0.3 ? [255,106,0] : Math.random()<0.5 ? [124,58,255] : [0,212,255],\n phase: Math.random()*Math.PI*2,\n active: false,\n w: 0.5+Math.random()*1\n });\n }\n\n \/\/ Horizontal scan rings\n const scanRings = [];\n for(let i=0;i<5;i++){\n scanRings.push({\n y: (i+1)*(hH\/6),\n op: 0,\n phase: Math.random()*Math.PI*2,\n speed: 0.008+Math.random()*0.015\n });\n }\n\n \/\/ Grid intersection pulses\n const gridPulses = [];\n const GRID = 60;\n for(let i=0;i<12;i++){\n gridPulses.push({\n gx: Math.floor(Math.random()*(hW\/GRID))*GRID,\n gy: Math.floor(Math.random()*(hH\/GRID))*GRID,\n r: 0, maxR: 20+Math.random()*30,\n op: 0, speed: 0.3+Math.random()*0.5,\n delay: Math.random()*200\n });\n }\n\n let hT = 0;\n function hFrame(){\n hx.clearRect(0,0,hW,hH);\n hT++;\n\n \/\/ Flowing streams\n for(const s of streams){\n s.phase += 0.018;\n if(!s.active && Math.random()<0.004){ s.active=true; s.op=0; s.x=Math.random()*hW; s.y=-s.len; }\n if(s.active){\n s.y += s.speed;\n s.op = Math.min(s.op+0.015, s.maxOp) * (0.7 + 0.3*Math.sin(s.phase));\n const ex = s.x + Math.cos(s.angle)*s.len;\n const ey = s.y + Math.sin(s.angle)*s.len;\n const g = hx.createLinearGradient(s.x,s.y,ex,ey);\n g.addColorStop(0,`rgba(${s.col[0]},${s.col[1]},${s.col[2]},0)`);\n g.addColorStop(0.4,`rgba(${s.col[0]},${s.col[1]},${s.col[2]},${s.op})`);\n g.addColorStop(1,`rgba(${s.col[0]},${s.col[1]},${s.col[2]},0)`);\n hx.beginPath(); hx.moveTo(s.x,s.y); hx.lineTo(ex,ey);\n hx.strokeStyle=g; hx.lineWidth=s.w; hx.stroke();\n if(s.y > hH+s.len){ s.active=false; }\n }\n }\n\n \/\/ Horizontal scan rings (subtle horizontal glow lines)\n for(const r of scanRings){\n r.phase += r.speed;\n r.op = (0.5+0.5*Math.sin(r.phase)) * 0.06;\n const g = hx.createLinearGradient(0,r.y,hW,r.y);\n g.addColorStop(0,'transparent');\n g.addColorStop(0.2,`rgba(0,212,255,${r.op})`);\n g.addColorStop(0.5,`rgba(0,212,255,${r.op*1.6})`);\n g.addColorStop(0.8,`rgba(0,212,255,${r.op})`);\n g.addColorStop(1,'transparent');\n hx.beginPath(); hx.moveTo(0,r.y); hx.lineTo(hW,r.y);\n hx.strokeStyle=g; hx.lineWidth=1; hx.stroke();\n }\n\n \/\/ Grid intersection pulses\n for(const p of gridPulses){\n p.delay--;\n if(p.delay>0) continue;\n p.r += p.speed;\n p.op = Math.max(0, 0.35*(1-(p.r\/p.maxR)));\n hx.beginPath(); hx.arc(p.gx,p.gy,p.r,0,Math.PI*2);\n hx.strokeStyle=`rgba(0,212,255,${p.op})`; hx.lineWidth=0.8; hx.stroke();\n if(p.r>=p.maxR){\n p.r=0; p.op=0;\n p.gx=Math.floor(Math.random()*(hW\/GRID))*GRID;\n p.gy=Math.floor(Math.random()*(hH\/GRID))*GRID;\n p.delay=80+Math.random()*160;\n p.maxR=20+Math.random()*30;\n }\n }\n\n requestAnimationFrame(hFrame);\n }\n hFrame();\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n 3. STARFIELD\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\nconst starsEl = document.getElementById('hero-stars');\nif(starsEl && !pref){\n const frag = document.createDocumentFragment();\n const sty = document.createElement('style');\n sty.textContent = '@keyframes sb{0%,100%{opacity:.08}50%{opacity:.88}}';\n document.head.appendChild(sty);\n for(let i=0;i<90;i++){\n const s = document.createElement('div');\n const sz = Math.random()<0.18?3:Math.random()<0.42?2:1;\n const dur = (2.2+Math.random()*3.8).toFixed(2);\n const dl = (Math.random()*6).toFixed(2);\n const cols=['#fff','rgba(0,212,255,.8)','rgba(94,240,255,.7)'];\n const col = cols[Math.random()<0.15?(Math.random()<0.5?1:2):0];\n s.style.cssText=`position:absolute;width:${sz}px;height:${sz}px;border-radius:50%;background:${col};left:${Math.random()*100}%;top:${Math.random()*100}%;opacity:${(0.08+Math.random()*0.55).toFixed(2)};animation:sb ${dur}s ${dl}s infinite ease-in-out;pointer-events:none;`;\n frag.appendChild(s);\n }\n starsEl.appendChild(frag);\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n 4. TICKER\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\nconst tEl = document.getElementById('hticker');\nif(tEl){\n const items=['Delivery Velocity \u2014 Active','\u25cf Workforce Solutions','Project Coordination \u2014 Live','\u25cf Consulting Services','Managed Capacity \u2014 Engaged','\u25cf Talent Acquisition','Operating Approach \u2014 Client-First','\u25cf North American Reach','Diverse Supplier \u2014 Certified','\u25cf Accountability \u2014 Core Value','Regulated Environments \u2014 Experienced','\u25cf SOW Engagements','Practical Execution \u2014 Dependable','\u25cf DT Solutions'];\n const html = items.map(i=>`<span class=\"ti\">${i}<\/span>`).join('<span class=\"ts\"> | <\/span>');\n tEl.innerHTML = html + '<span class=\"ts\"> | <\/span>' + html;\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n 5. REVEAL OBSERVER\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\nconst rvEls = document.querySelectorAll('.rv');\nif(pref){\n rvEls.forEach(el=>el.classList.add('on'));\n} else {\n const obs = new IntersectionObserver(entries=>{\n entries.forEach(e=>{ if(e.isIntersecting){ e.target.classList.add('on'); obs.unobserve(e.target); }});\n },{threshold:0.1,rootMargin:'0px 0px -55px 0px'});\n rvEls.forEach(el=>obs.observe(el));\n \/\/ Hero: stagger in immediately\n document.querySelectorAll('.hero .rv').forEach((el,i)=>setTimeout(()=>el.classList.add('on'),80+i*110));\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n 6. WHO MODULE LEFT BORDER\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\nconst wObs = new IntersectionObserver(entries=>{\n entries.forEach(e=>{ if(e.isIntersecting) e.target.classList.add('lit'); });\n},{threshold:0.4});\ndocument.querySelectorAll('.wmod').forEach(m=>wObs.observe(m));\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n 7. DASHBOARD PROGRESS BARS + COUNTERS\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\nconst dashEl = document.querySelector('.odash');\nif(dashEl){\n const dObs = new IntersectionObserver(entries=>{\n if(!entries[0].isIntersecting) return;\n \/\/ Progress bars\n dashEl.querySelectorAll('.dpf').forEach(f=>{\n const w = f.style.getPropertyValue('--w') || '80%';\n setTimeout(()=>{ f.style.width=w; },200);\n });\n \/\/ Counters\n dashEl.querySelectorAll('.dmv[data-t]').forEach(m=>{\n const target = parseInt(m.dataset.t);\n const suffix = m.dataset.s || '';\n let cur = 0;\n const step = Math.ceil(target\/40);\n const iv = setInterval(()=>{\n cur = Math.min(cur+step, target);\n m.textContent = cur + suffix;\n if(cur>=target) clearInterval(iv);\n },35);\n });\n dObs.unobserve(dashEl);\n },{threshold:0.28});\n dObs.observe(dashEl);\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n 8. OPERATING STEPS PATH + ANIMATION\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\nconst opsSection = document.querySelector('#ops');\nconst stepsRow = document.getElementById('steps-row');\nconst spPath = document.getElementById('sp');\nif(opsSection && !pref){\n const sObs = new IntersectionObserver(entries=>{\n if(!entries[0].isIntersecting) return;\n if(spPath) spPath.style.strokeDashoffset='0';\n stepsRow?.querySelectorAll('.snode').forEach((n,i)=>\n setTimeout(()=>n.classList.add('on'), 380+i*200)\n );\n sObs.unobserve(opsSection);\n },{threshold:0.12});\n sObs.observe(opsSection);\n} else {\n document.querySelectorAll('.snode').forEach(n=>n.classList.add('on'));\n if(spPath) spPath.style.strokeDashoffset='0';\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n 9. SMOOTH SCROLL\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\ndocument.querySelectorAll('a[href^=\"#\"]').forEach(a=>{\n a.addEventListener('click',e=>{\n const t = document.querySelector(a.getAttribute('href'));\n if(t){ e.preventDefault(); t.scrollIntoView({behavior:'smooth',block:'start'}); }\n });\n});\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n 10. PER-SECTION SCAN LINES\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\nif(!pref){\n document.querySelectorAll('section').forEach(sec=>{\n if(getComputedStyle(sec).position==='static') sec.style.position='relative';\n const sl = document.createElement('div');\n sl.style.cssText=`position:absolute;top:0;left:0;right:0;height:1.5px;background:linear-gradient(90deg,transparent,rgba(0,212,255,.25),transparent);pointer-events:none;z-index:9;animation:scanline ${(14+Math.random()*10).toFixed(1)}s linear infinite;animation-delay:${(Math.random()*8).toFixed(1)}s;opacity:0;`;\n sec.appendChild(sl);\n });\n}\n\n}());\n<\/script>\n<\/body>\n<\/html>\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>About DT Solutions 01 \/ About Us \u00b7 DT Solutions AboutDT Solutions A North American consulting and workforce solutions partner helping organizations add dependable capacity where people, delivery, and operations matter. We support public and private sector clients across technology, business operations, regulated environments, and project-based delivery needs \u2014 bringing practical coordination, trusted talent, and […]<\/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-3305","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/digi.alphanzo.com\/index.php?rest_route=\/wp\/v2\/pages\/3305","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=3305"}],"version-history":[{"count":7,"href":"https:\/\/digi.alphanzo.com\/index.php?rest_route=\/wp\/v2\/pages\/3305\/revisions"}],"predecessor-version":[{"id":3312,"href":"https:\/\/digi.alphanzo.com\/index.php?rest_route=\/wp\/v2\/pages\/3305\/revisions\/3312"}],"wp:attachment":[{"href":"https:\/\/digi.alphanzo.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=3305"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}