{"id":2937,"date":"2026-05-16T17:13:23","date_gmt":"2026-05-16T17:13:23","guid":{"rendered":"https:\/\/localhost\/digi\/?page_id=2937"},"modified":"2026-05-16T17:15:15","modified_gmt":"2026-05-16T17:15:15","slug":"healthcare-life-sciences","status":"publish","type":"page","link":"https:\/\/digi.alphanzo.com\/?page_id=2937","title":{"rendered":"Healthcare & Life Sciences"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\n\n\n\n\nHealthcare & Life Sciences \u2014 DT Solutions<\/title>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Sora:wght@200;300;400;500;600;700;800&family=Manrope:wght@300;400;500;600;700;800&display=swap\" rel=\"stylesheet\">\n<style>\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n ROOT DESIGN TOKENS\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n:root {\n --bg: #020912;\n --bg2: #050f22;\n --electric: #22d3ff;\n --blue: #2563eb;\n --orange: #ff8a1f;\n --purple: #8b5cf6;\n --white: #f0f8ff;\n --muted: #8ba3bc;\n --dimmed: #4a6174;\n --panel: rgba(6,18,44,0.76);\n --border: rgba(34,211,255,0.13);\n --border-warm: rgba(255,138,31,0.18);\n --font-display:'Sora', sans-serif;\n --font-body: 'Manrope', sans-serif;\n --r: 16px;\n --r-sm: 10px;\n --transition: cubic-bezier(0.22,1,0.36,1);\n}\n\n*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}\nhtml{scroll-behavior:smooth;-webkit-font-smoothing:antialiased}\n\nbody {\n font-family: var(--font-body);\n background: var(--bg);\n color: var(--white);\n overflow-x: hidden;\n}\n\n\/* \u2500\u2500 SCROLLBAR \u2500\u2500 *\/\n::-webkit-scrollbar{width:4px}\n::-webkit-scrollbar-track{background:var(--bg)}\n::-webkit-scrollbar-thumb{background:rgba(34,211,255,0.25);border-radius:2px}\n\n\/* \u2500\u2500 NOISE TEXTURE OVERLAY \u2500\u2500 *\/\nbody::before {\n content:'';\n position:fixed;inset:0;z-index:0;pointer-events:none;\n background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='300' height='300'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='300' height='300' filter='url(%23n)' opacity='0.03'\/%3E%3C\/svg%3E\");\n opacity:.4;\n}\n\n\/* \u2500\u2500 GLOBAL GRID OVERLAY \u2500\u2500 *\/\nbody::after {\n content:'';\n position:fixed;inset:0;z-index:0;pointer-events:none;\n background-image:\n linear-gradient(rgba(34,211,255,0.025) 1px, transparent 1px),\n linear-gradient(90deg, rgba(34,211,255,0.025) 1px, transparent 1px);\n background-size: 72px 72px;\n}\n\n\/* \u2500\u2500 PAGE AMBIENT LIGHT \u2500\u2500 *\/\n.dt-ambient {\n position:fixed;inset:0;z-index:0;pointer-events:none;\n background:\n radial-gradient(ellipse 80% 60% at 72% 6%, rgba(34,211,255,0.16), transparent 55%),\n radial-gradient(ellipse 60% 55% at 12% 50%, rgba(37,99,235,0.13), transparent 50%),\n radial-gradient(ellipse 65% 50% at 85% 95%, rgba(255,138,31,0.10), transparent 45%),\n radial-gradient(ellipse 50% 40% at 40% 80%, rgba(139,92,246,0.08), transparent 45%),\n linear-gradient(180deg,#020912 0%,#05112a 40%,#020912 100%);\n}\n\n\/* \u2500\u2500 LAYOUT \u2500\u2500 *\/\n.dt-container { max-width:1240px; margin:0 auto; padding:0 40px; position:relative; z-index:2 }\n.dt-container-xl { max-width:1440px; margin:0 auto; padding:0 40px; position:relative; z-index:2 }\nsection { position:relative; z-index:1 }\n\n\/* \u2500\u2500 TYPOGRAPHY \u2500\u2500 *\/\n.dt-eyebrow {\n display:inline-flex;align-items:center;gap:8px;\n font-family:var(--font-display);\n font-size:10.5px;font-weight:700;letter-spacing:0.2em;text-transform:uppercase;\n color:var(--orange);padding:5px 14px 5px 10px;\n border:1px solid rgba(255,138,31,0.22);border-radius:40px;\n background:rgba(255,138,31,0.06);margin-bottom:22px;\n}\n.dt-eyebrow::before {\n content:'';width:6px;height:6px;border-radius:50%;\n background:var(--orange);box-shadow:0 0 8px var(--orange);\n animation:dt-blink 2.4s ease-in-out infinite;\n}\n@keyframes dt-blink{0%,100%{opacity:1}50%{opacity:.3}}\n\n.dt-eyebrow.--electric {\n color:var(--electric);border-color:rgba(34,211,255,0.22);background:rgba(34,211,255,0.05);\n}\n.dt-eyebrow.--electric::before { background:var(--electric);box-shadow:0 0 8px var(--electric); }\n\nh1.dt-h1 {\n font-family:var(--font-display);\n font-size:clamp(48px,5.5vw,84px);font-weight:800;line-height:1.0;\n letter-spacing:-0.03em;color:var(--white);margin-bottom:8px;\n}\nh1.dt-h1 em { font-style:normal; color:var(--electric); }\n\nh2.dt-h2 {\n font-family:var(--font-display);\n font-size:clamp(30px,3.4vw,52px);font-weight:700;line-height:1.08;\n letter-spacing:-0.025em;color:var(--white);margin-bottom:20px;\n}\nh2.dt-h2 em { font-style:normal;color:var(--electric); }\n\n.dt-subhead {\n font-size:clamp(15px,1.3vw,17px);color:var(--muted);line-height:1.8;\n font-weight:400;\n}\n.dt-subhead-lg {\n font-size:clamp(16px,1.5vw,19px);color:var(--muted);line-height:1.8;\n}\n\n\/* \u2500\u2500 GLASS PANEL \u2500\u2500 *\/\n.dt-glass {\n background:linear-gradient(145deg,rgba(8,26,58,0.78),rgba(3,10,26,0.70));\n border:1px solid var(--border);\n box-shadow:\n 0 0 0 1px rgba(34,211,255,0.04) inset,\n 0 24px 80px rgba(0,0,0,0.45),\n 0 0 60px rgba(34,211,255,0.05);\n backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);\n border-radius:var(--r);\n}\n\n\/* \u2500\u2500 GLOW UTILITIES \u2500\u2500 *\/\n.dt-glow-electric { box-shadow:0 0 30px rgba(34,211,255,0.25),0 0 60px rgba(34,211,255,0.1); }\n.dt-glow-orange { box-shadow:0 0 30px rgba(255,138,31,0.3),0 0 60px rgba(255,138,31,0.12); }\n.dt-glow-purple { box-shadow:0 0 30px rgba(139,92,246,0.25),0 0 60px rgba(139,92,246,0.1); }\n\n\/* \u2500\u2500 BUTTONS \u2500\u2500 *\/\n.dt-btn {\n display:inline-flex;align-items:center;gap:10px;\n font-family:var(--font-display);font-size:14px;font-weight:700;\n border-radius:50px;cursor:pointer;text-decoration:none;\n transition:transform 0.22s var(--transition),box-shadow 0.22s var(--transition),background 0.22s;\n letter-spacing:0.02em;border:none;\n}\n.dt-btn-primary {\n padding:15px 32px;\n background:linear-gradient(135deg,#e8760e,#ff8a1f,#ffb055);\n color:#06101e;\n box-shadow:0 0 40px rgba(255,138,31,0.3),0 6px 24px rgba(0,0,0,0.35);\n}\n.dt-btn-primary:hover {\n transform:translateY(-3px) scale(1.02);\n box-shadow:0 0 60px rgba(255,138,31,0.5),0 10px 32px rgba(0,0,0,0.45);\n}\n.dt-btn-ghost {\n padding:14px 30px;\n background:rgba(8,24,54,0.55);\n color:var(--white);\n border:1px solid rgba(34,211,255,0.28);\n backdrop-filter:blur(14px);\n}\n.dt-btn-ghost:hover {\n transform:translateY(-3px);\n border-color:rgba(34,211,255,0.6);\n box-shadow:0 0 30px rgba(34,211,255,0.15);\n}\n.dt-btn svg { flex-shrink:0;transition:transform 0.22s }\n.dt-btn:hover svg { transform:translateX(3px) }\n\n\/* \u2500\u2500 SECTION REVEAL \u2500\u2500 *\/\n.dt-reveal {\n opacity:0;transform:translateY(40px);\n transition:opacity 0.8s var(--transition),transform 0.8s var(--transition);\n}\n.dt-reveal.--up { transform:translateY(40px) }\n.dt-reveal.--left { transform:translateX(-40px) }\n.dt-reveal.--right{ transform:translateX(40px) }\n.dt-reveal.--vis { opacity:1 !important;transform:none !important; }\n.dt-reveal.--d1 { transition-delay:.08s }\n.dt-reveal.--d2 { transition-delay:.16s }\n.dt-reveal.--d3 { transition-delay:.24s }\n.dt-reveal.--d4 { transition-delay:.32s }\n.dt-reveal.--d5 { transition-delay:.42s }\n.dt-reveal.--d6 { transition-delay:.54s }\n\n@media(prefers-reduced-motion:reduce){\n .dt-reveal{opacity:1;transform:none;transition:none}\n *{animation-duration:.01ms!important;transition-duration:.01ms!important}\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n BLOCK 1 \u2014 HERO (Spline canvas right-aligned + left text)\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.dt-hero {\n position:relative;height:100vh;min-height:700px;overflow:hidden;\n display:flex;align-items:center;\n}\n\n\/*\n * CHANGE 1: Spline canvas \u2014 shifted to RIGHT half so human body\n * lives clearly in the right visual zone and does not compete with text.\n * translate(-18%) pulls it right; scale keeps it large and impressive.\n *\/\n#dt-spline-wrap {\n position:absolute;\n \/* anchor to the right side *\/\n top:0;right:-6%;bottom:0;\n left:30%; \/* only occupies right 70% of viewport *\/\n z-index:1;\n display:flex;align-items:flex-start;justify-content:flex-end;\n pointer-events:none;\n}\n#canvas3d {\n width:100% !important;\n height:110% !important; \/* slightly taller so body is fully visible *\/\n display:block;\n \/* push the Spline scene slightly right so the figure is right-aligned *\/\n transform:translateX(8%);\n transform-origin:top right;\n}\n\n\/*\n * CHANGE 2: Multi-layer QR \/ Spline-logo blocker.\n * Spline injects a <div> absolutely at top-right AND bottom-right.\n * We cover BOTH with zero-gap solid-bg patches at the correct z-index.\n *\/\n.dt-qr-blocker {\n position:absolute;\n bottom:0;right:0;\n width:280px;height:130px;\n background:var(--bg);\n z-index:9999;pointer-events:none;\n}\n\/* Extra top-right blocker for the Spline logo\/QR at top of canvas *\/\n.dt-qr-blocker-tr {\n position:absolute;\n top:0;right:0;\n width:280px;height:130px;\n background:var(--bg);\n z-index:9999;pointer-events:none;\n}\n\/* Global catch-all for any Spline-injected fixed overlays *\/\nbody > div[style*=\"position: fixed\"],\nbody > a[style*=\"position: fixed\"],\nbody > div[style*=\"position:fixed\"],\nbody > a[style*=\"position:fixed\"] {\n display:none !important;\n opacity:0 !important;\n pointer-events:none !important;\n}\n\/* Catch-all: any element Spline injects as a sibling of the canvas *\/\n#dt-spline-wrap > *:not(#canvas3d) {\n display:none !important;\n visibility:hidden !important;\n opacity:0 !important;\n pointer-events:none !important;\n}\n\n\/*\n * CHANGE 3: Hero content \u2014 constrained left column with clear breathing room.\n * max-width keeps it from bleeding into the visual zone.\n *\/\n.dt-hero__content {\n position:relative;z-index:10;\n max-width:560px;\n padding:0 0 0 0; \/* container already provides 40px left padding *\/\n margin-left:0;\n margin-right:auto; \/* push content to left, leave right free for Spline *\/\n}\n\n\/*\n * CHANGE 4: Wider, deeper left gradient fade \u2014 covers 52% width with a\n * stronger falloff so text is crisp even when Spline halo bleeds left.\n *\/\n.dt-hero__left-fade {\n position:absolute;left:0;top:0;bottom:0;width:52%;z-index:5;pointer-events:none;\n background:linear-gradient(90deg,\n rgba(2,9,18,0.97) 0%,\n rgba(2,9,18,0.94) 30%,\n rgba(2,9,18,0.80) 60%,\n rgba(2,9,18,0.30) 85%,\n transparent 100%);\n}\n.dt-hero__bottom-fade {\n position:absolute;bottom:0;left:0;right:0;height:220px;z-index:6;pointer-events:none;\n background:linear-gradient(0deg,#020912 0%,transparent 100%);\n}\n\n\/*\n * CHANGE 5: Right-side holographic accent layer \u2014 cyan glow halo\n * behind where the Spline body stands, plus subtle scan-ring SVG overlay.\n * This makes the right side feel like a premium medical hologram stage.\n *\/\n.dt-hero__right-stage {\n position:absolute;\n top:0;right:0;bottom:0;\n width:55%;\n z-index:2;\n pointer-events:none;\n \/* Deep cyan radial behind where the human body stands *\/\n background:\n radial-gradient(ellipse 70% 80% at 72% 48%, rgba(34,211,255,0.10), transparent 60%),\n radial-gradient(ellipse 40% 50% at 90% 20%, rgba(37,99,235,0.08), transparent 55%);\n}\n\n\/* Scan rings SVG overlay on right side \u2014 premium hologram feel *\/\n.dt-hero__scan-rings {\n position:absolute;\n right:2%;top:50%;\n transform:translateY(-50%);\n width:min(480px,48vw);\n height:min(480px,48vw);\n z-index:3;\n pointer-events:none;\n opacity:0.55;\n animation:dt-rings-breathe 6s ease-in-out infinite;\n}\n@keyframes dt-rings-breathe {\n 0%,100% { opacity:0.55;transform:translateY(-50%) scale(1); }\n 50% { opacity:0.75;transform:translateY(-50%) scale(1.03); }\n}\n\n\/* Vertical scanning beam on right *\/\n.dt-hero__beam {\n position:absolute;\n right:30%;top:8%;bottom:8%;\n width:1px;\n z-index:4;\n pointer-events:none;\n background:linear-gradient(180deg,\n transparent 0%,\n rgba(34,211,255,0.6) 30%,\n rgba(34,211,255,0.9) 50%,\n rgba(34,211,255,0.6) 70%,\n transparent 100%);\n box-shadow:0 0 18px rgba(34,211,255,0.4),0 0 40px rgba(34,211,255,0.15);\n animation:dt-beam-scan 7s ease-in-out infinite;\n}\n@keyframes dt-beam-scan {\n 0%,100% { right:22%; opacity:0.3; }\n 30% { opacity:0.9; }\n 50% { right:38%; opacity:0.7; }\n 70% { opacity:0.9; }\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n DNA ENERGY TUBE \u2014 premium glass column, right edge\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n#dt-dna-strip {\n position:absolute;\n top:0; right:0; bottom:0;\n width:150px;\n z-index:20;\n pointer-events:none;\n overflow:hidden;\n\n \/* Deep glass tube body \u2014 layered gradient simulates curved glass wall *\/\n background:\n \/* Left inner highlight \u2014 curved glass shine *\/\n linear-gradient(90deg,\n rgba(34,211,255,0.04) 0%,\n rgba(34,211,255,0.10) 4%,\n rgba(34,211,255,0.03) 12%,\n transparent 30%,\n transparent 70%,\n rgba(34,211,255,0.03) 88%,\n rgba(34,211,255,0.08) 96%,\n rgba(34,211,255,0.04) 100%),\n \/* Core fill \u2014 dark deep-space tint matching --bg2 *\/\n linear-gradient(90deg,\n rgba(2,9,18,0.0) 0%,\n rgba(5,14,32,0.32) 15%,\n rgba(6,18,46,0.46) 50%,\n rgba(5,14,32,0.32) 85%,\n rgba(2,9,18,0.0) 100%);\n\n backdrop-filter: blur(6px) saturate(1.4);\n -webkit-backdrop-filter: blur(6px) saturate(1.4);\n\n \/* Dissolve top & bottom edges *\/\n -webkit-mask-image: linear-gradient(180deg,\n transparent 0%,\n rgba(0,0,0,0.4) 5%,\n rgba(0,0,0,1) 11%,\n rgba(0,0,0,1) 89%,\n rgba(0,0,0,0.4) 95%,\n transparent 100%);\n mask-image: linear-gradient(180deg,\n transparent 0%,\n rgba(0,0,0,0.4) 5%,\n rgba(0,0,0,1) 11%,\n rgba(0,0,0,1) 89%,\n rgba(0,0,0,0.4) 95%,\n transparent 100%);\n}\n\n\/* \u2500\u2500 Canvas fills the tube \u2500\u2500 *\/\n#dt-dna-canvas {\n position:relative;\n width:100% !important;\n height:100% !important;\n display:block;\n z-index:1;\n}\n\n\/* \u2500\u2500 Left rim \u2014 thicker glowing tube wall \u2500\u2500 *\/\n#dt-dna-strip::before {\n content:'';\n position:absolute;\n top:0; left:0; bottom:0; width:2px;\n z-index:3; pointer-events:none;\n background:linear-gradient(180deg,\n transparent 0%,\n rgba(34,211,255,0.06) 8%,\n rgba(34,211,255,0.45) 28%,\n rgba(34,211,255,0.80) 50%,\n rgba(34,211,255,0.45) 72%,\n rgba(34,211,255,0.06) 92%,\n transparent 100%);\n box-shadow: 2px 0 18px rgba(34,211,255,0.22), 4px 0 40px rgba(34,211,255,0.10);\n animation: dt-rim-pulse 4s ease-in-out infinite;\n}\n\n\/* \u2500\u2500 Right rim \u2014 softer outer tube wall \u2500\u2500 *\/\n#dt-dna-strip::after {\n content:'';\n position:absolute;\n top:0; right:0; bottom:0; width:2px;\n z-index:3; pointer-events:none;\n background:linear-gradient(180deg,\n transparent 0%,\n rgba(34,211,255,0.04) 8%,\n rgba(34,211,255,0.28) 28%,\n rgba(34,211,255,0.50) 50%,\n rgba(34,211,255,0.28) 72%,\n rgba(34,211,255,0.04) 92%,\n transparent 100%);\n box-shadow: -2px 0 12px rgba(34,211,255,0.14), -4px 0 28px rgba(34,211,255,0.07);\n animation: dt-rim-pulse 4s ease-in-out infinite reverse;\n}\n\n\/* Rim pulsing energy *\/\n@keyframes dt-rim-pulse {\n 0%,100% { opacity:0.7; filter:brightness(1); }\n 30% { opacity:1.0; filter:brightness(1.4); }\n 60% { opacity:0.8; filter:brightness(1.1); }\n}\n\n\/* \u2500\u2500 Ambient energy orb \u2014 travels down the tube \u2500\u2500 *\/\n#dt-dna-orb-a, #dt-dna-orb-b, #dt-dna-orb-c {\n position:absolute;\n left:50%; transform:translateX(-50%);\n border-radius:50%;\n pointer-events:none;\n z-index:0;\n mix-blend-mode: screen;\n}\n\/* Cyan orb \u2014 large slow drift *\/\n#dt-dna-orb-a {\n width:110px; height:220px;\n background: radial-gradient(ellipse at center,\n rgba(34,211,255,0.18) 0%,\n rgba(34,211,255,0.10) 35%,\n rgba(34,211,255,0.03) 65%,\n transparent 100%);\n filter: blur(14px);\n animation: dt-orb-a 7s ease-in-out infinite;\n}\n@keyframes dt-orb-a {\n 0% { top:-10%; opacity:0; }\n 8% { opacity:1; }\n 92% { opacity:0.7; }\n 100% { top:105%; opacity:0; }\n}\n\/* Purple orb \u2014 medium mid-speed *\/\n#dt-dna-orb-b {\n width:90px; height:160px;\n background: radial-gradient(ellipse at center,\n rgba(139,92,246,0.22) 0%,\n rgba(139,92,246,0.10) 40%,\n rgba(139,92,246,0.02) 70%,\n transparent 100%);\n filter: blur(12px);\n animation: dt-orb-b 9s ease-in-out infinite 3s;\n}\n@keyframes dt-orb-b {\n 0% { top:-10%; opacity:0; }\n 8% { opacity:1; }\n 92% { opacity:0.6; }\n 100% { top:105%; opacity:0; }\n}\n\/* Orange orb \u2014 small fast burst *\/\n#dt-dna-orb-c {\n width:70px; height:100px;\n background: radial-gradient(ellipse at center,\n rgba(255,138,31,0.20) 0%,\n rgba(255,138,31,0.08) 45%,\n transparent 100%);\n filter: blur(10px);\n animation: dt-orb-c 5.5s ease-in-out infinite 1.2s;\n}\n@keyframes dt-orb-c {\n 0% { top:-8%; opacity:0; }\n 10% { opacity:0.9; }\n 90% { opacity:0.5; }\n 100% { top:108%; opacity:0; }\n}\n\n\/* \u2500\u2500 Static ambient glow pool at tube centre \u2500\u2500 *\/\n#dt-dna-glow-core {\n position:absolute;\n left:50%; top:50%;\n transform:translate(-50%,-50%);\n width:140px; height:340px;\n border-radius:50%;\n background: radial-gradient(ellipse at center,\n rgba(34,211,255,0.07) 0%,\n rgba(37,99,235,0.04) 40%,\n transparent 100%);\n filter: blur(18px);\n pointer-events:none;\n z-index:0;\n animation: dt-core-breathe 5s ease-in-out infinite;\n}\n@keyframes dt-core-breathe {\n 0%,100% { opacity:0.6; transform:translate(-50%,-50%) scaleY(1); }\n 50% { opacity:1.0; transform:translate(-50%,-50%) scaleY(1.08); }\n}\n\n\/* \u2500\u2500 Horizontal energy scan band (sweeps down) \u2500\u2500 *\/\n#dt-dna-scanband {\n position:absolute;\n left:0; right:0; height:3px;\n pointer-events:none; z-index:4;\n background: linear-gradient(90deg,\n transparent 0%,\n rgba(34,211,255,0.6) 20%,\n rgba(255,255,255,0.9) 50%,\n rgba(34,211,255,0.6) 80%,\n transparent 100%);\n box-shadow: 0 0 16px rgba(34,211,255,0.8), 0 0 40px rgba(34,211,255,0.3);\n animation: dt-scanband 6s linear infinite;\n}\n@keyframes dt-scanband {\n 0% { top:-3px; opacity:0; }\n 4% { opacity:1; }\n 92% { opacity:0.6; }\n 100% { top:100%; opacity:0; }\n}\n\n\/* \u2500\u2500 Outer ambient bleed \u2014 wide glow halo outside the tube \u2500\u2500 *\/\n#dt-dna-halo {\n position:absolute;\n top:0; bottom:0;\n right:-30px; width:60px;\n pointer-events:none; z-index:-1;\n background: linear-gradient(90deg,\n rgba(34,211,255,0.06) 0%,\n rgba(34,211,255,0.02) 60%,\n transparent 100%);\n filter: blur(8px);\n animation: dt-halo-pulse 6s ease-in-out infinite;\n}\n@keyframes dt-halo-pulse {\n 0%,100% { opacity:0.5; }\n 50% { opacity:1.0; }\n}\n\n@media(max-width:1100px){\n #dt-spline-wrap{left:20%;right:-8%}\n .dt-hero__content{max-width:480px}\n .dt-hero__left-fade{width:60%}\n .dt-hero__right-stage,.dt-hero__scan-rings,.dt-hero__beam{display:none}\n #dt-dna-strip{width:100px}\n}\n@media(max-width:768px){\n #dt-spline-wrap{left:0;right:0;top:auto;bottom:0;height:55vh}\n #canvas3d{transform:none;height:100% !important}\n .dt-hero{height:auto;min-height:100vh;padding-bottom:0;flex-direction:column;align-items:flex-start;justify-content:flex-start}\n .dt-hero__content{max-width:100%;padding-top:80px}\n .dt-hero__left-fade{width:100%;background:linear-gradient(180deg,rgba(2,9,18,0.95) 0%,rgba(2,9,18,0.7) 60%,transparent 100%)}\n #dt-dna-strip{display:none}\n}\n\n\/* Hero animated metric strip *\/\n.dt-hero__metrics {\n display:flex;gap:0;margin-top:40px;\n border:1px solid var(--border);border-radius:var(--r);\n background:rgba(4,14,34,0.6);backdrop-filter:blur(18px);\n overflow:hidden;max-width:540px;\n}\n.dt-metric-item {\n flex:1;padding:18px 22px;border-right:1px solid var(--border);\n position:relative;transition:background 0.3s;\n}\n.dt-metric-item:last-child{border-right:none}\n.dt-metric-item:hover{background:rgba(34,211,255,0.05)}\n.dt-metric-val {\n font-family:var(--font-display);font-size:22px;font-weight:800;\n color:var(--electric);line-height:1;margin-bottom:4px;\n text-shadow:0 0 20px rgba(34,211,255,0.4);\n}\n.dt-metric-val.--orange{color:var(--orange);text-shadow:0 0 20px rgba(255,138,31,0.4)}\n.dt-metric-val.--purple{color:var(--purple);text-shadow:0 0 20px rgba(139,92,246,0.4)}\n.dt-metric-label{font-size:10.5px;color:var(--dimmed);font-weight:600;letter-spacing:0.06em;text-transform:uppercase}\n\n.dt-hero__cta-row {\n display:flex;flex-wrap:wrap;gap:14px;margin-top:32px;align-items:center;\n}\n.dt-hero__scroll {\n display:flex;align-items:center;gap:10px;\n font-size:12px;font-weight:600;letter-spacing:0.12em;text-transform:uppercase;\n color:var(--dimmed);text-decoration:none;\n transition:color 0.2s;margin-top:28px;\n}\n.dt-hero__scroll:hover{color:var(--electric)}\n.dt-hero__scroll svg{animation:dt-scroll-bounce 2s ease-in-out infinite}\n@keyframes dt-scroll-bounce{0%,100%{transform:translateY(0)}50%{transform:translateY(5px)}}\n\n\/* Hero tagline \/ headline *\/\n.dt-hero__tag {\n font-size:clamp(16px,1.4vw,20px);color:var(--electric);font-weight:500;\n margin-bottom:20px;font-family:var(--font-display);\n text-shadow:0 0 30px rgba(34,211,255,0.3);\n}\n\n\/* Scanning line animation across hero *\/\n.dt-scan-line {\n position:absolute;left:0;right:0;height:1px;z-index:8;pointer-events:none;\n background:linear-gradient(90deg,transparent 0%,rgba(34,211,255,0.4) 40%,rgba(34,211,255,0.7) 50%,rgba(34,211,255,0.4) 60%,transparent 100%);\n box-shadow:0 0 20px rgba(34,211,255,0.3);\n animation:dt-scan 8s linear infinite;opacity:0.5;\n}\n@keyframes dt-scan{0%{top:-1px;opacity:0}5%{opacity:0.5}90%{opacity:0.4}100%{top:100%;opacity:0}}\n\n\/* Hero status bar *\/\n.dt-hero__status {\n display:inline-flex;align-items:center;gap:10px;\n margin-bottom:28px;\n font-size:12px;font-weight:600;letter-spacing:0.1em;text-transform:uppercase;\n color:var(--muted);\n}\n.dt-status-dot {\n width:8px;height:8px;border-radius:50%;background:#22c55e;\n box-shadow:0 0 10px #22c55e;\n animation:dt-pulse-green 2s ease-in-out infinite;\n}\n@keyframes dt-pulse-green{0%,100%{box-shadow:0 0 10px #22c55e}50%{box-shadow:0 0 20px #22c55e,0 0 40px rgba(34,197,94,0.3)}}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n SECTION SHARED \u2014 cinematic divider\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.dt-section-divider {\n height:1px;width:100%;position:relative;overflow:visible;margin:0;\n background:linear-gradient(90deg,transparent,rgba(34,211,255,0.18) 30%,rgba(34,211,255,0.32) 50%,rgba(34,211,255,0.18) 70%,transparent);\n}\n.dt-section-divider::before {\n content:'';position:absolute;left:50%;top:-3px;transform:translateX(-50%);\n width:80px;height:7px;border-radius:10px;\n background:rgba(34,211,255,0.3);filter:blur(6px);\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n BLOCK 2 \u2014 CHALLENGES\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.dt-challenges { padding:130px 0 }\n\n.dt-challenges__grid {\n display:grid;grid-template-columns:1fr 1.5fr;gap:100px;align-items:start;\n}\n\n.dt-challenges__visual {\n margin-top:52px;position:relative;\n}\n\n\/* Abstract network city art *\/\n.dt-city-art { width:100%;height:auto;overflow:visible }\n\n\/* 2x2 challenge matrix *\/\n.dt-matrix {\n display:grid;grid-template-columns:1fr 1fr;\n gap:2px;border-radius:var(--r);overflow:hidden;\n box-shadow:0 0 0 1px rgba(34,211,255,0.1),0 40px 120px rgba(0,0,0,0.5);\n}\n.dt-matrix__cell {\n background:linear-gradient(145deg,rgba(6,18,50,0.92),rgba(3,10,28,0.88));\n padding:36px 30px;position:relative;overflow:hidden;\n transition:background 0.3s;\n}\n.dt-matrix__cell::before {\n content:'';position:absolute;top:0;left:0;right:0;height:1px;\n background:linear-gradient(90deg,transparent,rgba(34,211,255,0.15),transparent);\n}\n.dt-matrix__cell:hover {\n background:linear-gradient(145deg,rgba(8,24,64,0.97),rgba(4,14,38,0.94));\n}\n.dt-matrix__cell:hover .dt-cell-glow { opacity:1 }\n\n.dt-cell-glow {\n position:absolute;top:-30px;right:-30px;width:120px;height:120px;border-radius:50%;\n background:radial-gradient(circle,rgba(34,211,255,0.08),transparent 70%);\n opacity:0;transition:opacity 0.4s;pointer-events:none;\n}\n\n.dt-cell-num {\n font-family:var(--font-display);font-size:9.5px;font-weight:800;\n letter-spacing:0.2em;text-transform:uppercase;\n color:var(--orange);margin-bottom:16px;\n display:flex;align-items:center;gap:10px;\n}\n.dt-cell-num::after{content:'';flex:1;height:1px;background:rgba(255,138,31,0.2)}\n\n.dt-cell-icon {\n width:46px;height:46px;border-radius:12px;margin-bottom:18px;\n display:flex;align-items:center;justify-content:center;position:relative;\n transition:transform 0.25s,box-shadow 0.25s;\n}\n.dt-cell-icon svg{width:24px;height:24px;position:relative;z-index:1}\n.dt-matrix__cell:hover .dt-cell-icon { transform:scale(1.1) }\n.dt-cell-icon.--e { background:rgba(34,211,255,0.08);border:1px solid rgba(34,211,255,0.22); }\n.dt-cell-icon.--e:hover,.dt-matrix__cell:hover .dt-cell-icon.--e{box-shadow:0 0 20px rgba(34,211,255,0.25)}\n.dt-cell-icon.--o { background:rgba(255,138,31,0.08);border:1px solid rgba(255,138,31,0.22); }\n.dt-cell-icon.--p { background:rgba(139,92,246,0.08);border:1px solid rgba(139,92,246,0.22); }\n\n.dt-cell-title { font-family:var(--font-display);font-size:15px;font-weight:700;color:var(--white);margin-bottom:10px;line-height:1.3 }\n.dt-cell-body { font-size:13px;color:var(--muted);line-height:1.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\u2550\u2550\u2550\u2550\u2550\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 BLOCK 3 \u2014 SECTOR COVERAGE\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.dt-sector { padding:130px 0 }\n\n.dt-sector__grid {\n display:grid;grid-template-columns:1fr 1.5fr;gap:100px;align-items:start;\n}\n\n\/* Orbital diagram *\/\n.dt-orbit-wrap { margin-top:50px;position:relative;display:flex;align-items:center;justify-content:flex-start }\n\n\/* Tab toggle *\/\n.dt-tabbar {\n display:inline-flex;background:rgba(4,14,36,0.8);\n border:1px solid rgba(34,211,255,0.16);border-radius:50px;\n padding:5px;gap:4px;backdrop-filter:blur(18px);margin-bottom:34px;\n}\n.dt-tab {\n padding:10px 30px;border-radius:50px;border:none;cursor:pointer;\n font-family:var(--font-display);font-size:13.5px;font-weight:700;letter-spacing:0.02em;\n background:transparent;color:var(--muted);\n transition:background 0.3s,color 0.3s,box-shadow 0.3s;\n}\n.dt-tab[aria-selected=\"true\"] {\n background:linear-gradient(135deg,rgba(37,99,235,0.5),rgba(30,58,138,0.8));\n color:var(--white);\n box-shadow:0 0 24px rgba(37,99,235,0.4),inset 0 0 20px rgba(34,211,255,0.06);\n}\n.dt-tab.--ls[aria-selected=\"true\"] {\n background:linear-gradient(135deg,rgba(109,40,217,0.5),rgba(91,33,182,0.8));\n box-shadow:0 0 24px rgba(139,92,246,0.4),inset 0 0 20px rgba(139,92,246,0.06);\n}\n\n.dt-panel{display:none}\n.dt-panel.--active{display:block;animation:dt-fade-slide 0.45s var(--transition) forwards}\n@keyframes dt-fade-slide{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}\n\n.dt-coverage-grid { display:grid;grid-template-columns:1fr 1fr;gap:18px }\n.dt-cov-card {\n padding:26px 24px;position:relative;overflow:hidden;\n border-radius:var(--r);cursor:default;\n border:1px solid var(--border);\n background:linear-gradient(145deg,rgba(6,20,50,0.85),rgba(3,10,28,0.78));\n transition:transform 0.28s var(--transition),border-color 0.28s,box-shadow 0.28s;\n}\n.dt-cov-card::after {\n content:'';position:absolute;inset:0;border-radius:var(--r);\n background:linear-gradient(135deg,rgba(34,211,255,0.04),transparent);\n opacity:0;transition:opacity 0.3s;\n}\n.dt-cov-card:hover {\n transform:translateY(-5px);\n border-color:rgba(34,211,255,0.28);\n box-shadow:0 20px 60px rgba(0,0,0,0.4),0 0 40px rgba(34,211,255,0.08);\n}\n.dt-cov-card:hover::after{opacity:1}\n\n.dt-cov-num { font-size:9.5px;font-weight:800;letter-spacing:0.2em;text-transform:uppercase;color:var(--electric);margin-bottom:12px }\n.dt-cov-icon { width:38px;height:38px;border-radius:9px;display:flex;align-items:center;justify-content:center;margin-bottom:14px;background:rgba(34,211,255,0.07);border:1px solid rgba(34,211,255,0.18) }\n.dt-cov-icon svg{width:18px;height:18px}\n.dt-cov-icon.--p{background:rgba(139,92,246,0.07);border-color:rgba(139,92,246,0.18)}\n.dt-cov-title { font-family:var(--font-display);font-size:14.5px;font-weight:700;color:var(--white);margin-bottom:8px;line-height:1.3 }\n.dt-cov-body { 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\u2550\u2550\u2550\u2550\u2550\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 BLOCK 4 \u2014 DELIVERY CAPABILITIES\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.dt-capabilities { padding:130px 0 }\n\n\/* Full-bleed cinematic background strip *\/\n.dt-capabilities__bg {\n position:absolute;inset:0;pointer-events:none;overflow:hidden;\n}\n.dt-capabilities__bg::before {\n content:'';position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);\n width:900px;height:400px;border-radius:50%;\n background:radial-gradient(ellipse,rgba(37,99,235,0.08) 0%,transparent 70%);\n}\n\n.dt-capabilities__head { text-align:center;max-width:760px;margin:0 auto 80px }\n\n\/* Connected pathway *\/\n.dt-pathway { position:relative;padding:0 20px }\n\n.dt-pathway__track {\n position:absolute;top:52px;left:10%;right:10%;height:2px;\n background:linear-gradient(90deg,\n transparent 0%,\n rgba(34,211,255,0.15) 10%,\n rgba(34,211,255,0.4) 30%,\n rgba(139,92,246,0.4) 50%,\n rgba(255,138,31,0.4) 70%,\n rgba(34,211,255,0.15) 90%,\n transparent 100%);\n box-shadow:0 0 16px rgba(34,211,255,0.15),0 0 40px rgba(34,211,255,0.07);\n}\n.dt-pathway__pulse {\n position:absolute;top:0;height:100%;width:30%;\n background:linear-gradient(90deg,transparent,rgba(34,211,255,0.8),rgba(255,255,255,0.4),rgba(34,211,255,0.8),transparent);\n animation:dt-pulse-move 3.5s linear infinite;left:-30%;\n}\n@keyframes dt-pulse-move{0%{left:-30%}100%{left:130%}}\n\n.dt-pathway__nodes { display:grid;grid-template-columns:repeat(5,1fr);gap:20px;position:relative;z-index:2 }\n\n.dt-pnode { display:flex;flex-direction:column;align-items:center;text-align:center }\n\n.dt-pnode__orb {\n width:68px;height:68px;border-radius:50%;\n display:flex;align-items:center;justify-content:center;\n margin-bottom:24px;position:relative;cursor:default;\n transition:transform 0.3s var(--transition);\n}\n.dt-pnode__orb::before {\n content:'';position:absolute;inset:-5px;border-radius:50%;\n border:1px solid rgba(34,211,255,0.14);\n animation:dt-orb-spin 12s linear infinite;\n}\n.dt-pnode__orb::after {\n content:'';position:absolute;inset:-10px;border-radius:50%;\n border:1px dashed rgba(34,211,255,0.07);\n animation:dt-orb-spin 20s linear infinite reverse;\n}\n@keyframes dt-orb-spin{to{transform:rotate(360deg)}}\n.dt-pnode:hover .dt-pnode__orb { transform:scale(1.12) translateY(-4px) }\n.dt-pnode__orb svg { width:30px;height:30px;position:relative;z-index:1 }\n\n.dt-pnode__orb.--e { background:rgba(34,211,255,0.1); border:1px solid rgba(34,211,255,0.35); box-shadow:0 0 30px rgba(34,211,255,0.2),0 0 60px rgba(34,211,255,0.08) }\n.dt-pnode__orb.--b { background:rgba(37,99,235,0.1); border:1px solid rgba(37,99,235,0.35); box-shadow:0 0 30px rgba(37,99,235,0.2),0 0 60px rgba(37,99,235,0.08) }\n.dt-pnode__orb.--p { background:rgba(139,92,246,0.1); border:1px solid rgba(139,92,246,0.35); box-shadow:0 0 30px rgba(139,92,246,0.2),0 0 60px rgba(139,92,246,0.08) }\n.dt-pnode__orb.--o { background:rgba(255,138,31,0.1); border:1px solid rgba(255,138,31,0.35); box-shadow:0 0 30px rgba(255,138,31,0.2),0 0 60px rgba(255,138,31,0.08) }\n\n.dt-pnode__title { font-family:var(--font-display);font-size:13px;font-weight:700;color:var(--white);margin-bottom:10px;line-height:1.3 }\n.dt-pnode__body { font-size:12px;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\u2550\u2550\u2550\u2550\u2550\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 BLOCK 5 \u2014 TRANSFORMATION SUPPORT (REBUILT)\n Changed: grid ratio, roadmap layout \u2192 premium 2+3 card grid\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.dt-transformation { padding:130px 0 }\n\n\/*\n * CHANGE 6: Grid ratio adjusted \u2014 left copy gets more room,\n * right card area is wider for the premium 2+3 layout.\n *\/\n.dt-transformation__grid {\n display:grid;\n grid-template-columns:420px 1fr; \/* fixed left col, fluid right *\/\n gap:80px;\n align-items:start;\n}\n\n\/* Left column \u2014 sticky on scroll for premium feel *\/\n.dt-transformation__left {\n position:sticky;\n top:120px;\n}\n\n\/*\n * CHANGE 7: Roadmap replaced with premium 2+3 card grid.\n * Row 1: 2 wide cards. Row 2: 3 equal cards.\n * All glassmorphism, consistent height, aligned icons.\n *\/\n.dt-roadmap { position:relative }\n\n\/* Remove the old horizontal line \u2014 replaced by card layout *\/\n.dt-roadmap__line { display:none }\n.dt-roadmap__pulse { display:none }\n\n\/*\n * New card grid: 2 columns top row, 3 columns bottom row\n * achieved with CSS grid subgrid approach using named areas.\n *\/\n.dt-roadmap__steps {\n display:grid;\n grid-template-columns:1fr 1fr 1fr;\n grid-template-rows:auto auto;\n gap:18px;\n position:relative;\n z-index:2;\n}\n\n\/*\n * CHANGE 8: Step cards \u2014 converted from centered icon-above-text\n * to premium horizontal-icon glassmorphism cards.\n * Row 1: cards 01 & 02 each span 1.5 cols (using col-span trick).\n * Row 2: cards 03, 04, 05 each span 1 col.\n *\/\n.dt-step {\n \/* Override old flex column alignment *\/\n display:flex;\n flex-direction:column;\n align-items:flex-start;\n text-align:left;\n \/* Premium glass card *\/\n padding:28px 26px;\n background:linear-gradient(145deg,rgba(6,20,52,0.84),rgba(3,10,28,0.76));\n border:1px solid rgba(34,211,255,0.12);\n border-radius:16px;\n box-shadow:\n 0 0 0 1px rgba(34,211,255,0.04) inset,\n 0 20px 60px rgba(0,0,0,0.4),\n 0 0 40px rgba(34,211,255,0.04);\n backdrop-filter:blur(18px);\n -webkit-backdrop-filter:blur(18px);\n position:relative;\n overflow:hidden;\n transition:transform 0.28s cubic-bezier(0.22,1,0.36,1),\n border-color 0.28s,\n box-shadow 0.28s;\n}\n\/* Subtle top-edge highlight \u2014 premium glass micro-detail *\/\n.dt-step::before {\n content:'';\n position:absolute;top:0;left:0;right:0;height:1px;\n background:linear-gradient(90deg,transparent,rgba(34,211,255,0.2),transparent);\n}\n\/* Corner glow that appears on hover *\/\n.dt-step::after {\n content:'';\n position:absolute;top:-40px;right:-40px;\n width:120px;height:120px;border-radius:50%;\n background:radial-gradient(circle,rgba(34,211,255,0.08),transparent 70%);\n opacity:0;transition:opacity 0.3s;\n pointer-events:none;\n}\n.dt-step:hover {\n transform:translateY(-5px);\n border-color:rgba(34,211,255,0.26);\n box-shadow:\n 0 0 0 1px rgba(34,211,255,0.08) inset,\n 0 28px 80px rgba(0,0,0,0.5),\n 0 0 60px rgba(34,211,255,0.08);\n}\n.dt-step:hover::after { opacity:1 }\n\n\/* Top row: first two cards each span 1.5 of 3 columns *\/\n.dt-step:nth-child(1),\n.dt-step:nth-child(2) { grid-column:span 1 } \/* override below *\/\n\n\/* Use a wrapper trick: wrap in two sub-rows *\/\n\/* Actually controlled by:\n - .dt-step--wide \u2192 span 1 of 2-col sub-row (top)\n - .dt-step--slim \u2192 span 1 of 3-col sub-row (bottom)\n We add these classes in HTML. *\/\n.dt-step--wide { grid-column:span 1 } \/* handled by parent grid splitting *\/\n\n\/*\n * CHANGE 9: Step node \u2014 now left-aligned pill badge, not centered circle.\n * Replaced circular node + badge with icon-in-pill-box + number accent.\n *\/\n.dt-step__node {\n \/* Pill-style icon container *\/\n width:auto;height:auto;\n border-radius:10px;\n background:none;\n border:none;\n box-shadow:none;\n display:flex;align-items:center;gap:12px;\n margin-bottom:18px;\n position:relative;\n transition:none;\n}\n\/* Icon box *\/\n.dt-step__icon-box {\n width:44px;height:44px;flex-shrink:0;\n border-radius:11px;\n display:flex;align-items:center;justify-content:center;\n background:rgba(34,211,255,0.08);\n border:1px solid rgba(34,211,255,0.22);\n box-shadow:0 0 20px rgba(34,211,255,0.1);\n transition:box-shadow 0.28s,transform 0.28s;\n}\n.dt-step:hover .dt-step__icon-box {\n box-shadow:0 0 32px rgba(34,211,255,0.28);\n transform:scale(1.06);\n}\n.dt-step__icon-box svg { width:22px;height:22px }\n\n.dt-step__icon-box.--p { background:rgba(139,92,246,0.08);border-color:rgba(139,92,246,0.22);box-shadow:0 0 20px rgba(139,92,246,0.1) }\n.dt-step:hover .dt-step__icon-box.--p { box-shadow:0 0 32px rgba(139,92,246,0.28) }\n.dt-step__icon-box.--o { background:rgba(255,138,31,0.08);border-color:rgba(255,138,31,0.22);box-shadow:0 0 20px rgba(255,138,31,0.1) }\n.dt-step:hover .dt-step__icon-box.--o { box-shadow:0 0 32px rgba(255,138,31,0.28) }\n\n\/* CHANGE 10: Badge \u2014 now a small top-right number tag on the card *\/\n.dt-step__badge {\n position:absolute;\n top:0;right:0;\n bottom:auto;left:auto; \/* reset old positioning *\/\n width:auto;height:auto;\n border-radius:0 16px 0 10px; \/* rounded only top-right to match card corner *\/\n padding:5px 11px;\n background:transparent;\n border-left:1px solid rgba(255,138,31,0.2);\n border-bottom:1px solid rgba(255,138,31,0.2);\n color:var(--orange);\n font-family:var(--font-display);font-size:9px;font-weight:800;\n display:flex;align-items:center;justify-content:center;\n box-shadow:none;\n letter-spacing:0.12em;\n}\n\n.dt-step__title {\n font-family:var(--font-display);font-size:14px;font-weight:700;\n color:var(--white);margin-bottom:10px;line-height:1.3;\n}\n.dt-step__body {\n font-size:13px;color:var(--muted);line-height:1.72;\n flex:1; \/* pushes to fill card height *\/\n}\n\n\/* Horizontal rule separator between icon row and text *\/\n.dt-step__divider {\n width:100%;height:1px;\n background:linear-gradient(90deg,rgba(34,211,255,0.18),transparent);\n margin-bottom:16px;\n}\n\n\/* Responsive *\/\n@media(max-width:1200px){\n .dt-transformation__grid{grid-template-columns:1fr;gap:56px}\n .dt-transformation__left{position:static}\n .dt-roadmap__steps{grid-template-columns:1fr 1fr}\n}\n@media(max-width:768px){\n .dt-roadmap__steps{grid-template-columns:1fr}\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n BLOCK 6 \u2014 WHY DT SOLUTIONS\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.dt-why { padding:130px 0 }\n\n\/* Cinematic horizontal rule with glow at section top *\/\n.dt-why::before {\n content:'';display:block;\n height:1px;margin-bottom:130px;\n background:linear-gradient(90deg,transparent,rgba(34,211,255,0.25) 40%,rgba(34,211,255,0.4) 50%,rgba(34,211,255,0.25) 60%,transparent);\n box-shadow:0 0 30px rgba(34,211,255,0.12);\n margin-top:-130px;\n}\n\n.dt-why__grid { display:grid;grid-template-columns:1fr 1.25fr;gap:100px;align-items:center }\n\n\/* Large trust visual SVG *\/\n.dt-trust-wrap { position:relative;display:flex;align-items:center;justify-content:center;height:460px }\n\n\/* Proof-point list *\/\n.dt-proofs { display:flex;flex-direction:column }\n.dt-proof {\n display:grid;grid-template-columns:48px 1fr;gap:20px;align-items:flex-start;\n padding:28px 0;border-bottom:1px solid rgba(34,211,255,0.06);\n position:relative;transition:background 0.25s;\n}\n.dt-proof:last-child{border-bottom:none}\n.dt-proof::before {\n content:'';position:absolute;left:23px;top:76px;bottom:-1px;width:2px;\n background:linear-gradient(180deg,rgba(34,211,255,0.25),transparent);\n}\n.dt-proof:last-child::before{display:none}\n\n.dt-proof__icon {\n width:48px;height:48px;border-radius:50%;\n background:rgba(34,211,255,0.08);border:1px solid rgba(34,211,255,0.22);\n display:flex;align-items:center;justify-content:center;\n box-shadow:0 0 20px rgba(34,211,255,0.08);\n transition:box-shadow 0.28s,transform 0.28s;position:relative;z-index:1;flex-shrink:0;\n}\n.dt-proof__icon svg{width:22px;height:22px}\n.dt-proof:hover .dt-proof__icon {\n transform:scale(1.08);\n box-shadow:0 0 30px rgba(34,211,255,0.25);\n}\n\n.dt-proof__num { font-size:9.5px;font-weight:800;letter-spacing:0.2em;text-transform:uppercase;color:var(--orange);margin-bottom:6px }\n.dt-proof__title { font-family:var(--font-display);font-size:15.5px;font-weight:700;color:var(--white);margin-bottom:8px;line-height:1.25 }\n.dt-proof__body { font-size:13.5px;color:var(--muted);line-height:1.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\u2550\u2550\u2550\u2550\u2550\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 BLOCK 7 \u2014 CTA\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.dt-cta { padding:140px 0 120px;position:relative;overflow:hidden }\n\n\/* Dramatic background glow for CTA *\/\n.dt-cta__bg {\n position:absolute;inset:0;pointer-events:none;\n background:\n radial-gradient(ellipse 60% 70% at 80% 50%,rgba(37,99,235,0.12),transparent 60%),\n radial-gradient(ellipse 40% 60% at 10% 50%,rgba(34,211,255,0.07),transparent 55%),\n radial-gradient(ellipse 50% 40% at 50% 100%,rgba(255,138,31,0.08),transparent 50%);\n}\n\n\/* Horizontal glow line at CTA top *\/\n.dt-cta__topline {\n position:absolute;top:0;left:0;right:0;height:1px;\n background:linear-gradient(90deg,transparent,rgba(255,138,31,0.4) 30%,rgba(255,138,31,0.6) 50%,rgba(255,138,31,0.4) 70%,transparent);\n box-shadow:0 0 40px rgba(255,138,31,0.2);\n}\n\n.dt-cta__grid { display:grid;grid-template-columns:1.1fr 1fr;gap:80px;align-items:center }\n\n.dt-cta__close {\n margin-top:32px;font-size:13px;color:rgba(138,163,188,0.6);font-style:italic;line-height:1.65;\n padding-left:18px;border-left:2px solid rgba(255,138,31,0.35);\n}\n\n\/* Globe SVG container *\/\n.dt-globe-wrap { position:relative;display:flex;align-items:center;justify-content:center }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n RESPONSIVE\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n@media(max-width:1100px) {\n .dt-challenges__grid,.dt-sector__grid,.dt-why__grid,.dt-cta__grid\n { grid-template-columns:1fr;gap:56px }\n \/* Transformation: stack on tablet too *\/\n .dt-transformation__grid { grid-template-columns:1fr;gap:56px }\n .dt-pathway__nodes,.dt-roadmap__steps { grid-template-columns:repeat(3,1fr) }\n .dt-pathway__track { display:none }\n}\n@media(max-width:768px) {\n .dt-container,.dt-container-xl{padding:0 22px}\n .dt-coverage-grid { grid-template-columns:1fr }\n .dt-matrix { grid-template-columns:1fr }\n .dt-pathway__nodes,.dt-roadmap__steps { grid-template-columns:1fr 1fr }\n .dt-hero__content { padding:0 22px }\n .dt-hero__metrics { flex-direction:column }\n .dt-metric-item { border-right:none;border-bottom:1px solid var(--border) }\n .dt-metric-item:last-child{border-bottom:none}\n .dt-trust-wrap { height:280px }\n .dt-globe-wrap { height:280px }\n .dt-tabbar { width:100% }\n .dt-tab { flex:1;text-align:center }\n .dt-hero__cta-row { flex-direction:column;align-items:flex-start }\n}\n<\/style>\n<\/head>\n<body>\n\n<!-- Ambient background light layers -->\n<div class=\"dt-ambient\" aria-hidden=\"true\"><\/div>\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n BLOCK 1 \u2014 HERO (Spline canvas + overlaid content)\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<section class=\"dt-hero\">\n <!-- Spline canvas -->\n <div id=\"dt-spline-wrap\" aria-hidden=\"true\">\n <canvas id=\"canvas3d\"><\/canvas>\n <\/div>\n\n <!-- Right-side hologram stage glow -->\n <div class=\"dt-hero__right-stage\" aria-hidden=\"true\"><\/div>\n\n <!-- Premium scan rings overlay (right visual zone) -->\n <svg class=\"dt-hero__scan-rings\" viewBox=\"0 0 480 480\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\">\n <defs>\n <filter id=\"sr-glow\"><feGaussianBlur stdDeviation=\"3\" result=\"b\"\/><feMerge><feMergeNode in=\"b\"\/><feMergeNode in=\"SourceGraphic\"\/><\/feMerge><\/filter>\n <\/defs>\n <!-- Concentric scan rings -->\n <circle cx=\"240\" cy=\"240\" r=\"230\" fill=\"none\" stroke=\"rgba(34,211,255,0.06)\" stroke-width=\"1\" stroke-dasharray=\"6,8\"\/>\n <circle cx=\"240\" cy=\"240\" r=\"195\" fill=\"none\" stroke=\"rgba(34,211,255,0.08)\" stroke-width=\"1.2\" stroke-dasharray=\"5,7\">\n <animateTransform attributeName=\"transform\" type=\"rotate\" from=\"0 240 240\" to=\"360 240 240\" dur=\"28s\" repeatCount=\"indefinite\"\/>\n <\/circle>\n <circle cx=\"240\" cy=\"240\" r=\"158\" fill=\"none\" stroke=\"rgba(34,211,255,0.11)\" stroke-width=\"1.5\">\n <animateTransform attributeName=\"transform\" type=\"rotate\" from=\"360 240 240\" to=\"0 240 240\" dur=\"20s\" repeatCount=\"indefinite\"\/>\n <\/circle>\n <circle cx=\"240\" cy=\"240\" r=\"120\" fill=\"none\" stroke=\"rgba(37,99,235,0.14)\" stroke-width=\"1.5\" stroke-dasharray=\"8,10\">\n <animateTransform attributeName=\"transform\" type=\"rotate\" from=\"0 240 240\" to=\"360 240 240\" dur=\"14s\" repeatCount=\"indefinite\"\/>\n <\/circle>\n <circle cx=\"240\" cy=\"240\" r=\"80\" fill=\"none\" stroke=\"rgba(34,211,255,0.18)\" stroke-width=\"2\" filter=\"url(#sr-glow)\">\n <animate attributeName=\"r\" values=\"80;86;80\" dur=\"4s\" repeatCount=\"indefinite\"\/>\n <animate attributeName=\"opacity\" values=\"0.7;1;0.7\" dur=\"4s\" repeatCount=\"indefinite\"\/>\n <\/circle>\n <!-- Corner medical UI lines -->\n <path d=\"M 30 30 L 30 70 L 70 70\" fill=\"none\" stroke=\"rgba(34,211,255,0.3)\" stroke-width=\"1.5\" stroke-linecap=\"round\"\/>\n <path d=\"M 450 30 L 450 70 L 410 70\" fill=\"none\" stroke=\"rgba(34,211,255,0.3)\" stroke-width=\"1.5\" stroke-linecap=\"round\"\/>\n <path d=\"M 30 450 L 30 410 L 70 410\" fill=\"none\" stroke=\"rgba(34,211,255,0.3)\" stroke-width=\"1.5\" stroke-linecap=\"round\"\/>\n <path d=\"M 450 450 L 450 410 L 410 410\" fill=\"none\" stroke=\"rgba(34,211,255,0.3)\" stroke-width=\"1.5\" stroke-linecap=\"round\"\/>\n <!-- Small orbiting node -->\n <circle r=\"5\" fill=\"#22d3ff\" opacity=\"0.8\" filter=\"url(#sr-glow)\">\n <animateMotion dur=\"8s\" repeatCount=\"indefinite\">\n <mpath href=\"#scan-orbit\"\/>\n <\/animateMotion>\n <\/circle>\n <path id=\"scan-orbit\" d=\"M 240 45 A 195 195 0 1 1 239.99 45\" fill=\"none\"\/>\n <!-- Orange accent dot -->\n <circle r=\"3.5\" fill=\"#ff8a1f\" opacity=\"0.7\">\n <animateMotion dur=\"12s\" repeatCount=\"indefinite\" begin=\"-6s\">\n <mpath href=\"#scan-orbit-rev\"\/>\n <\/animateMotion>\n <\/circle>\n <path id=\"scan-orbit-rev\" d=\"M 240 45 A 195 195 0 1 0 239.99 45\" fill=\"none\"\/>\n <\/svg>\n\n <!-- Vertical scan beam -->\n <div class=\"dt-hero__beam\" aria-hidden=\"true\"><\/div>\n\n <!-- DNA Animation Strip \u2014 right edge (premium energy tube) -->\n <div id=\"dt-dna-halo\" aria-hidden=\"true\"><\/div>\n <div id=\"dt-dna-strip\" aria-hidden=\"true\">\n <!-- Ambient energy layers (CSS animated) -->\n <div id=\"dt-dna-glow-core\"><\/div>\n <div id=\"dt-dna-orb-a\"><\/div>\n <div id=\"dt-dna-orb-b\"><\/div>\n <div id=\"dt-dna-orb-c\"><\/div>\n <div id=\"dt-dna-scanband\"><\/div>\n <!-- Canvas carries the animated DNA helix on top -->\n <canvas id=\"dt-dna-canvas\"><\/canvas>\n <\/div>\n\n <!-- Scanning line fx -->\n <div class=\"dt-scan-line\" aria-hidden=\"true\"><\/div>\n\n <!-- Left fade -->\n <div class=\"dt-hero__left-fade\" aria-hidden=\"true\"><\/div>\n <div class=\"dt-hero__bottom-fade\" aria-hidden=\"true\"><\/div>\n\n <!-- Overlaid content -->\n <div class=\"dt-container\" style=\"position:relative;z-index:12;width:100%\">\n <div class=\"dt-hero__content\">\n\n <div class=\"dt-hero__status dt-reveal\">\n <span class=\"dt-status-dot\"><\/span>\n Operational Intelligence Platform \u2014 Active\n <\/div>\n\n <div class=\"dt-eyebrow dt-reveal --d1\">Healthcare & Life Sciences<\/div>\n\n <h1 class=\"dt-h1 dt-reveal --d2\">\n Healthcare<br>& <em>Life Sciences<\/em>\n <\/h1>\n\n <p class=\"dt-hero__tag dt-reveal --d3\">\n Delivery support for care, research & regulated health operations\n <\/p>\n\n <p class=\"dt-subhead dt-reveal --d4\" style=\"max-width:520px\">\n DT Solutions supports healthcare providers, life sciences organizations, research environments, and regulated health operations with talent, delivery, and advisory capacity \u2014 where continuity, compliance, and operational reliability are critical.\n <\/p>\n\n <!-- Metric strip -->\n <div class=\"dt-hero__metrics dt-reveal --d5\">\n <div class=\"dt-metric-item\">\n <div class=\"dt-metric-val\">Care<\/div>\n <div class=\"dt-metric-label\">Continuity<\/div>\n <\/div>\n <div class=\"dt-metric-item\">\n <div class=\"dt-metric-val --orange\">Regulated<\/div>\n <div class=\"dt-metric-label\">Workflows<\/div>\n <\/div>\n <div class=\"dt-metric-item\">\n <div class=\"dt-metric-val --purple\">Research<\/div>\n <div class=\"dt-metric-label\">Execution<\/div>\n <\/div>\n <\/div>\n\n <div class=\"dt-hero__cta-row dt-reveal --d6\">\n <a href=\"#dt-sector\" class=\"dt-btn dt-btn-primary\">\n Explore Sector Coverage\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\n <\/a>\n <a href=\"#dt-cta\" class=\"dt-btn dt-btn-ghost\">\n Start a Conversation\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\n <\/a>\n <\/div>\n\n <a href=\"#dt-challenges\" class=\"dt-hero__scroll dt-reveal --d6\">\n <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"><path d=\"M12 5v14M5 12l7 7 7-7\"\/><\/svg>\n Scroll to explore\n <\/a>\n\n <\/div>\n <\/div>\n<\/section>\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n BLOCK 2 \u2014 CHALLENGES\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<div class=\"dt-section-divider\"><\/div>\n<section class=\"dt-challenges\" id=\"dt-challenges\">\n <div class=\"dt-container\">\n <div class=\"dt-challenges__grid\">\n\n <!-- LEFT -->\n <div>\n <div class=\"dt-eyebrow dt-reveal\">Healthcare & Life Sciences<\/div>\n <h2 class=\"dt-h2 dt-reveal --d1\">Healthcare & Life Sciences <em>Challenges<\/em><\/h2>\n <p class=\"dt-subhead dt-reveal --d2\">\n Healthcare and life sciences organizations operate in environments where care delivery, research activity, compliance obligations, operational capacity, and technology modernization must be balanced without disrupting essential services.\n <\/p>\n\n <!-- Abstract city art -->\n <div class=\"dt-challenges__visual dt-reveal --d3\">\n <svg class=\"dt-city-art\" viewBox=\"0 0 400 220\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <defs>\n <linearGradient id=\"cg1\" x1=\"0\" y1=\"1\" x2=\"0\" y2=\"0\">\n <stop offset=\"0%\" stop-color=\"#22d3ff\" stop-opacity=\"0.18\"\/>\n <stop offset=\"100%\" stop-color=\"#22d3ff\" stop-opacity=\"0.04\"\/>\n <\/linearGradient>\n <linearGradient id=\"cg2\" x1=\"0\" y1=\"1\" x2=\"0\" y2=\"0\">\n <stop offset=\"0%\" stop-color=\"#2563eb\" stop-opacity=\"0.2\"\/>\n <stop offset=\"100%\" stop-color=\"#2563eb\" stop-opacity=\"0.03\"\/>\n <\/linearGradient>\n <filter id=\"city-glow\"><feGaussianBlur stdDeviation=\"2.5\" result=\"b\"\/><feMerge><feMergeNode in=\"b\"\/><feMergeNode in=\"SourceGraphic\"\/><\/feMerge><\/filter>\n <\/defs>\n <!-- Grid floor -->\n <line x1=\"0\" y1=\"200\" x2=\"400\" y2=\"200\" stroke=\"rgba(34,211,255,0.18)\" stroke-width=\"1\"\/>\n <!-- Perspective grid lines -->\n <line x1=\"200\" y1=\"200\" x2=\"0\" y2=\"120\" stroke=\"rgba(34,211,255,0.05)\" stroke-width=\"1\"\/>\n <line x1=\"200\" y1=\"200\" x2=\"400\" y2=\"120\" stroke=\"rgba(34,211,255,0.05)\" stroke-width=\"1\"\/>\n <line x1=\"200\" y1=\"200\" x2=\"100\" y2=\"90\" stroke=\"rgba(34,211,255,0.04)\" stroke-width=\"1\"\/>\n <line x1=\"200\" y1=\"200\" x2=\"300\" y2=\"90\" stroke=\"rgba(34,211,255,0.04)\" stroke-width=\"1\"\/>\n <!-- Buildings -->\n <rect x=\"10\" y=\"125\" width=\"28\" height=\"75\" fill=\"url(#cg2)\" stroke=\"rgba(37,99,235,0.22)\" stroke-width=\"1\"\/>\n <rect x=\"48\" y=\"100\" width=\"22\" height=\"100\" fill=\"url(#cg1)\" stroke=\"rgba(34,211,255,0.22)\" stroke-width=\"1\"\/>\n <rect x=\"80\" y=\"130\" width=\"18\" height=\"70\" fill=\"url(#cg2)\" stroke=\"rgba(37,99,235,0.18)\" stroke-width=\"1\"\/>\n <rect x=\"108\" y=\"68\" width=\"34\" height=\"132\" fill=\"url(#cg1)\" stroke=\"rgba(34,211,255,0.28)\" stroke-width=\"1.2\"\/>\n <rect x=\"152\" y=\"95\" width=\"26\" height=\"105\" fill=\"url(#cg2)\" stroke=\"rgba(37,99,235,0.2)\" stroke-width=\"1\"\/>\n <rect x=\"190\" y=\"108\" width=\"20\" height=\"92\" fill=\"url(#cg1)\" stroke=\"rgba(34,211,255,0.2)\" stroke-width=\"1\"\/>\n <rect x=\"222\" y=\"72\" width=\"38\" height=\"128\" fill=\"url(#cg1)\" stroke=\"rgba(34,211,255,0.25)\" stroke-width=\"1.2\"\/>\n <rect x=\"272\" y=\"118\" width=\"22\" height=\"82\" fill=\"url(#cg2)\" stroke=\"rgba(37,99,235,0.18)\" stroke-width=\"1\"\/>\n <rect x=\"306\" y=\"92\" width=\"28\" height=\"108\" fill=\"url(#cg1)\" stroke=\"rgba(34,211,255,0.22)\" stroke-width=\"1\"\/>\n <rect x=\"346\" y=\"120\" width=\"24\" height=\"80\" fill=\"url(#cg2)\" stroke=\"rgba(37,99,235,0.2)\" stroke-width=\"1\"\/>\n <!-- Antenna\/signals -->\n <line x1=\"125\" y1=\"68\" x2=\"125\" y2=\"48\" stroke=\"rgba(34,211,255,0.45)\" stroke-width=\"1.2\" filter=\"url(#city-glow)\"\/>\n <circle cx=\"125\" cy=\"45\" r=\"3\" fill=\"#22d3ff\" opacity=\"0.9\" filter=\"url(#city-glow)\">\n <animate attributeName=\"opacity\" values=\"0.9;0.2;0.9\" dur=\"1.8s\" repeatCount=\"indefinite\"\/>\n <\/circle>\n <line x1=\"241\" y1=\"72\" x2=\"241\" y2=\"50\" stroke=\"rgba(34,211,255,0.4)\" stroke-width=\"1.2\" filter=\"url(#city-glow)\"\/>\n <circle cx=\"241\" cy=\"47\" r=\"3\" fill=\"#22d3ff\" opacity=\"0.9\" filter=\"url(#city-glow)\">\n <animate attributeName=\"opacity\" values=\"0.9;0.2;0.9\" dur=\"2.4s\" repeatCount=\"indefinite\" begin=\"0.6s\"\/>\n <\/circle>\n <!-- Connection arc between buildings -->\n <path d=\"M 125 45 Q 183 10 241 47\" fill=\"none\" stroke=\"rgba(34,211,255,0.18)\" stroke-width=\"1\" stroke-dasharray=\"5,4\"\/>\n <!-- Travelling data dot -->\n <circle r=\"2.5\" fill=\"#22d3ff\" opacity=\"0.9\" filter=\"url(#city-glow)\">\n <animateMotion dur=\"3.5s\" repeatCount=\"indefinite\">\n <mpath href=\"#city-arc\"\/>\n <\/animateMotion>\n <\/circle>\n <path id=\"city-arc\" d=\"M 125 45 Q 183 10 241 47\" fill=\"none\"\/>\n <!-- Window lights -->\n <g fill=\"rgba(34,211,255,0.14)\">\n <rect x=\"113\" y=\"80\" width=\"5\" height=\"4\" rx=\"1\"\/>\n <rect x=\"123\" y=\"80\" width=\"5\" height=\"4\" rx=\"1\"\/>\n <rect x=\"133\" y=\"80\" width=\"5\" height=\"4\" rx=\"1\"\/>\n <rect x=\"113\" y=\"92\" width=\"5\" height=\"4\" rx=\"1\"\/>\n <rect x=\"123\" y=\"92\" width=\"5\" height=\"4\" rx=\"1\"\/>\n <rect x=\"228\" y=\"84\" width=\"5\" height=\"4\" rx=\"1\"\/>\n <rect x=\"238\" y=\"84\" width=\"5\" height=\"4\" rx=\"1\"\/>\n <rect x=\"248\" y=\"84\" width=\"5\" height=\"4\" rx=\"1\"\/>\n <rect x=\"228\" y=\"96\" width=\"5\" height=\"4\" rx=\"1\"\/>\n <rect x=\"238\" y=\"96\" width=\"5\" height=\"4\" rx=\"1\"\/>\n <\/g>\n <\/svg>\n <\/div>\n <\/div>\n\n <!-- RIGHT \u2014 Challenge matrix -->\n <div class=\"dt-matrix dt-reveal --d2 --right\">\n\n <!-- 01 -->\n <div class=\"dt-matrix__cell\">\n <div class=\"dt-cell-glow\"><\/div>\n <div class=\"dt-cell-num\">01<\/div>\n <div class=\"dt-cell-icon --e\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#22d3ff\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <path d=\"M17 21v-2a4 4 0 00-4-4H5a4 4 0 00-4 4v2\"\/><circle cx=\"9\" cy=\"7\" r=\"4\"\/>\n <path d=\"M23 21v-2a4 4 0 00-3-3.87\"\/><path d=\"M16 3.13a4 4 0 010 7.75\"\/>\n <\/svg>\n <\/div>\n <div class=\"dt-cell-title\">Continuity across patient, clinical & research environments<\/div>\n <p class=\"dt-cell-body\">Hospitals, care providers, laboratories, and research-driven organizations must keep essential operations moving while supporting new systems, workflows, and transformation initiatives.<\/p>\n <\/div>\n\n <!-- 02 -->\n <div class=\"dt-matrix__cell\">\n <div class=\"dt-cell-glow\"><\/div>\n <div class=\"dt-cell-num\">02<\/div>\n <div class=\"dt-cell-icon --o\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#ff8a1f\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <path d=\"M12 2L3 7v6c0 5.25 3.75 10.15 9 11.25C17.25 23.15 21 18.25 21 13V7L12 2z\"\/>\n <path d=\"M9 12l2 2 4-4\"\/>\n <\/svg>\n <\/div>\n <div class=\"dt-cell-title\">Regulated workflows with limited room for disruption<\/div>\n <p class=\"dt-cell-body\">Clinical, operational, and life sciences environments require careful execution because compliance, documentation, data sensitivity, and safety expectations are built into daily operations.<\/p>\n <\/div>\n\n <!-- 03 -->\n <div class=\"dt-matrix__cell\">\n <div class=\"dt-cell-glow\"><\/div>\n <div class=\"dt-cell-num\">03<\/div>\n <div class=\"dt-cell-icon --e\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#22d3ff\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <path d=\"M3 12h4l3-9 4 18 3-9h4\"\/>\n <\/svg>\n <\/div>\n <div class=\"dt-cell-title\">Growing pressure on workforce and service capacity<\/div>\n <p class=\"dt-cell-body\">Healthcare and research teams often face rising demand, specialized skill gaps, scheduling pressure, and resource limitations across patient-facing, technical, and support functions.<\/p>\n <\/div>\n\n <!-- 04 -->\n <div class=\"dt-matrix__cell\">\n <div class=\"dt-cell-glow\"><\/div>\n <div class=\"dt-cell-num\">04<\/div>\n <div class=\"dt-cell-icon --p\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#8b5cf6\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <circle cx=\"12\" cy=\"12\" r=\"3\"\/>\n <path d=\"M12 2v3M12 19v3M4.22 4.22l2.12 2.12M17.66 17.66l2.12 2.12M2 12h3M19 12h3M4.22 19.78l2.12-2.12M17.66 6.34l2.12-2.12\"\/>\n <\/svg>\n <\/div>\n <div class=\"dt-cell-title\">Coordination across care, science, technology & administration<\/div>\n <p class=\"dt-cell-body\">Delivery becomes harder when clinical teams, research groups, operations, technology, compliance, and leadership functions need to move together across complex transformation priorities.<\/p>\n <\/div>\n\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n BLOCK 3 \u2014 SECTOR COVERAGE\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<div class=\"dt-section-divider\"><\/div>\n<section class=\"dt-sector\" id=\"dt-sector\">\n <div class=\"dt-container\">\n <div class=\"dt-sector__grid\">\n\n <!-- LEFT -->\n <div>\n <div class=\"dt-eyebrow dt-reveal\">Healthcare & Life Sciences<\/div>\n <h2 class=\"dt-h2 dt-reveal --d1\">Sector Coverage & Specialized <em>Operating Environments<\/em><\/h2>\n <p class=\"dt-subhead dt-reveal --d2\">Support across healthcare and life sciences environments where care delivery, research activity, regulatory expectations, workforce capacity, data sensitivity, and operational reliability must be managed without disruption.<\/p>\n\n <!-- Orbital visual -->\n <div class=\"dt-orbit-wrap dt-reveal --d3\">\n <svg viewBox=\"0 0 340 340\" width=\"100%\" height=\"auto\" style=\"max-width:300px\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <defs>\n <radialGradient id=\"og1\" cx=\"50%\" cy=\"50%\" r=\"50%\">\n <stop offset=\"0%\" stop-color=\"#22d3ff\" stop-opacity=\"0.18\"\/>\n <stop offset=\"100%\" stop-color=\"#22d3ff\" stop-opacity=\"0\"\/>\n <\/radialGradient>\n <filter id=\"orb-glow\"><feGaussianBlur stdDeviation=\"3\" result=\"b\"\/><feMerge><feMergeNode in=\"b\"\/><feMergeNode in=\"SourceGraphic\"\/><\/feMerge><\/filter>\n <\/defs>\n <!-- Ambient -->\n <circle cx=\"170\" cy=\"170\" r=\"150\" fill=\"url(#og1)\"\/>\n <!-- Rings -->\n <circle cx=\"170\" cy=\"170\" r=\"140\" fill=\"none\" stroke=\"rgba(34,211,255,0.07)\" stroke-width=\"1\" stroke-dasharray=\"6,5\"\/>\n <circle cx=\"170\" cy=\"170\" r=\"110\" fill=\"none\" stroke=\"rgba(34,211,255,0.1)\" stroke-width=\"1.5\" stroke-dasharray=\"8,7\"\/>\n <circle cx=\"170\" cy=\"170\" r=\"78\" fill=\"none\" stroke=\"rgba(37,99,235,0.16)\" stroke-width=\"1.5\"\/>\n <circle cx=\"170\" cy=\"170\" r=\"45\" fill=\"rgba(34,211,255,0.06)\"\/>\n <circle cx=\"170\" cy=\"170\" r=\"45\" fill=\"none\" stroke=\"rgba(34,211,255,0.28)\" stroke-width=\"1.8\"\/>\n <!-- Center -->\n <circle cx=\"170\" cy=\"170\" r=\"22\" fill=\"rgba(5,15,40,0.95)\" stroke=\"rgba(34,211,255,0.45)\" stroke-width=\"1.5\" filter=\"url(#orb-glow)\"\/>\n <text x=\"170\" y=\"167\" text-anchor=\"middle\" font-size=\"8.5\" fill=\"#22d3ff\" font-family=\"Sora,sans-serif\" font-weight=\"800\">DT<\/text>\n <text x=\"170\" y=\"178\" text-anchor=\"middle\" font-size=\"7\" fill=\"rgba(34,211,255,0.6)\" font-family=\"Sora,sans-serif\">SOLUTIONS<\/text>\n <!-- Sector nodes -->\n <circle cx=\"170\" cy=\"30\" r=\"18\" fill=\"rgba(37,99,235,0.18)\" stroke=\"rgba(37,99,235,0.5)\" stroke-width=\"1.5\" filter=\"url(#orb-glow)\"\/>\n <text x=\"170\" y=\"27\" text-anchor=\"middle\" font-size=\"7.5\" fill=\"#2563eb\" font-family=\"Sora,sans-serif\" font-weight=\"700\">CARE<\/text>\n <text x=\"170\" y=\"37\" text-anchor=\"middle\" font-size=\"6\" fill=\"rgba(159,179,200,0.7)\" font-family=\"Sora,sans-serif\">Delivery<\/text>\n <line x1=\"170\" y1=\"48\" x2=\"170\" y2=\"92\" stroke=\"rgba(37,99,235,0.3)\" stroke-width=\"1\" stroke-dasharray=\"3,3\"\/>\n\n <circle cx=\"310\" cy=\"170\" r=\"18\" fill=\"rgba(139,92,246,0.18)\" stroke=\"rgba(139,92,246,0.5)\" stroke-width=\"1.5\" filter=\"url(#orb-glow)\"\/>\n <text x=\"310\" y=\"167\" text-anchor=\"middle\" font-size=\"7.5\" fill=\"#8b5cf6\" font-family=\"Sora,sans-serif\" font-weight=\"700\">R&D<\/text>\n <text x=\"310\" y=\"177\" text-anchor=\"middle\" font-size=\"6\" fill=\"rgba(159,179,200,0.7)\" font-family=\"Sora,sans-serif\">Research<\/text>\n <line x1=\"292\" y1=\"170\" x2=\"248\" y2=\"170\" stroke=\"rgba(139,92,246,0.3)\" stroke-width=\"1\" stroke-dasharray=\"3,3\"\/>\n\n <circle cx=\"170\" cy=\"310\" r=\"18\" fill=\"rgba(255,138,31,0.18)\" stroke=\"rgba(255,138,31,0.5)\" stroke-width=\"1.5\" filter=\"url(#orb-glow)\"\/>\n <text x=\"170\" y=\"307\" text-anchor=\"middle\" font-size=\"7.5\" fill=\"#ff8a1f\" font-family=\"Sora,sans-serif\" font-weight=\"700\">GOV<\/text>\n <text x=\"170\" y=\"317\" text-anchor=\"middle\" font-size=\"6\" fill=\"rgba(159,179,200,0.7)\" font-family=\"Sora,sans-serif\">Compliance<\/text>\n <line x1=\"170\" y1=\"292\" x2=\"170\" y2=\"248\" stroke=\"rgba(255,138,31,0.3)\" stroke-width=\"1\" stroke-dasharray=\"3,3\"\/>\n\n <circle cx=\"30\" cy=\"170\" r=\"18\" fill=\"rgba(34,211,255,0.14)\" stroke=\"rgba(34,211,255,0.45)\" stroke-width=\"1.5\" filter=\"url(#orb-glow)\"\/>\n <text x=\"30\" y=\"167\" text-anchor=\"middle\" font-size=\"7.5\" fill=\"#22d3ff\" font-family=\"Sora,sans-serif\" font-weight=\"700\">OPS<\/text>\n <text x=\"30\" y=\"177\" text-anchor=\"middle\" font-size=\"6\" fill=\"rgba(159,179,200,0.7)\" font-family=\"Sora,sans-serif\">Operations<\/text>\n <line x1=\"48\" y1=\"170\" x2=\"92\" y2=\"170\" stroke=\"rgba(34,211,255,0.3)\" stroke-width=\"1\" stroke-dasharray=\"3,3\"\/>\n\n <!-- Orbiting dot -->\n <circle r=\"5\" fill=\"#22d3ff\" opacity=\"0.9\" filter=\"url(#orb-glow)\">\n <animateMotion dur=\"9s\" repeatCount=\"indefinite\">\n <mpath href=\"#orb-ring\"\/>\n <\/animateMotion>\n <\/circle>\n <path id=\"orb-ring\" d=\"M 170 30 A 140 140 0 1 1 169.99 30\" fill=\"none\"\/>\n\n <!-- Orbiting dot 2 -->\n <circle r=\"3.5\" fill=\"#8b5cf6\" opacity=\"0.8\" filter=\"url(#orb-glow)\">\n <animateMotion dur=\"6s\" repeatCount=\"indefinite\" begin=\"-3s\">\n <mpath href=\"#orb-ring-inner\"\/>\n <\/animateMotion>\n <\/circle>\n <path id=\"orb-ring-inner\" d=\"M 170 62 A 108 108 0 1 1 169.99 62\" fill=\"none\"\/>\n <\/svg>\n <\/div>\n <\/div>\n\n <!-- RIGHT \u2014 Toggle + panels -->\n <div class=\"dt-reveal --d2 --right\">\n <div class=\"dt-tabbar\" role=\"tablist\" aria-label=\"Sector\">\n <button class=\"dt-tab\" role=\"tab\" id=\"tab-hc\" aria-selected=\"true\" aria-controls=\"panel-hc\">Healthcare<\/button>\n <button class=\"dt-tab --ls\" role=\"tab\" id=\"tab-ls\" aria-selected=\"false\" aria-controls=\"panel-ls\">Life Sciences<\/button>\n <\/div>\n\n <!-- Healthcare -->\n <div class=\"dt-panel --active\" id=\"panel-hc\" role=\"tabpanel\" aria-labelledby=\"tab-hc\">\n <div class=\"dt-coverage-grid\">\n <div class=\"dt-cov-card\">\n <div class=\"dt-cov-num\">01<\/div>\n <div class=\"dt-cov-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#22d3ff\" stroke-width=\"1.8\" stroke-linecap=\"round\"><path d=\"M3 9l9-7 9 7v11a2 2 0 01-2 2H5a2 2 0 01-2-2z\"\/><path d=\"M9 22V12h6v10\"\/><\/svg><\/div>\n <div class=\"dt-cov-title\">Hospitals, Clinics & Care Delivery Operations<\/div>\n <p class=\"dt-cov-body\">Support for patient-service environments, healthcare administration, scheduling coordination, clinical operations, care-team workflows, and service continuity.<\/p>\n <\/div>\n <div class=\"dt-cov-card\">\n <div class=\"dt-cov-num\">02<\/div>\n <div class=\"dt-cov-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#22d3ff\" stroke-width=\"1.8\" stroke-linecap=\"round\"><circle cx=\"12\" cy=\"8\" r=\"4\"\/><path d=\"M6 20v-2a4 4 0 014-4h4a4 4 0 014 4v2\"\/><\/svg><\/div>\n <div class=\"dt-cov-title\">Healthcare Administration & Operational Support<\/div>\n <p class=\"dt-cov-body\">Support for back-office healthcare functions, intake coordination, records-related workflows, workforce support, reporting needs, and institutional service operations.<\/p>\n <\/div>\n <div class=\"dt-cov-card\">\n <div class=\"dt-cov-num\">03<\/div>\n <div class=\"dt-cov-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#22d3ff\" stroke-width=\"1.8\" stroke-linecap=\"round\"><rect x=\"2\" y=\"3\" width=\"20\" height=\"14\" rx=\"2\"\/><path d=\"M8 21h8M12 17v4\"\/><path d=\"M6 8h12M6 12h8\"\/><\/svg><\/div>\n <div class=\"dt-cov-title\">Digital Health & Workflow Modernization<\/div>\n <p class=\"dt-cov-body\">Support for healthcare modernization involving process improvement, system adoption, workflow redesign, operational visibility, and technology-enabled service delivery.<\/p>\n <\/div>\n <div class=\"dt-cov-card\">\n <div class=\"dt-cov-num\">04<\/div>\n <div class=\"dt-cov-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#ff8a1f\" stroke-width=\"1.8\" stroke-linecap=\"round\"><path d=\"M12 2L3 7v6c0 5.25 3.75 10.15 9 11.25C17.25 23.15 21 18.25 21 13V7L12 2z\"\/><\/svg><\/div>\n <div class=\"dt-cov-title\">Compliance, Privacy & Reporting Environments<\/div>\n <p class=\"dt-cov-body\">Support for regulated healthcare settings requiring documentation discipline, privacy awareness, reporting accuracy, operational controls, and audit-conscious execution.<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- Life Sciences -->\n <div class=\"dt-panel\" id=\"panel-ls\" role=\"tabpanel\" aria-labelledby=\"tab-ls\">\n <div class=\"dt-coverage-grid\">\n <div class=\"dt-cov-card\">\n <div class=\"dt-cov-num\">01<\/div>\n <div class=\"dt-cov-icon --p\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#8b5cf6\" stroke-width=\"1.8\" stroke-linecap=\"round\"><path d=\"M9 3h6M9 3v8l-4 9h14l-4-9V3\"\/><path d=\"M6 17h12\"\/><\/svg><\/div>\n <div class=\"dt-cov-title\">Research, Laboratory & Scientific Operations<\/div>\n <p class=\"dt-cov-body\">Support for research teams, laboratory environments, scientific operations, study coordination, documentation workflows, and regulated research activity.<\/p>\n <\/div>\n <div class=\"dt-cov-card\">\n <div class=\"dt-cov-num\">02<\/div>\n <div class=\"dt-cov-icon --p\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#8b5cf6\" stroke-width=\"1.8\" stroke-linecap=\"round\"><path d=\"M12 2L3 7v6c0 5.25 3.75 10.15 9 11.25C17.25 23.15 21 18.25 21 13V7L12 2z\"\/><path d=\"M9 12l2 2 4-4\"\/><\/svg><\/div>\n <div class=\"dt-cov-title\">Regulatory, Quality & Compliance Support<\/div>\n <p class=\"dt-cov-body\">Support for life sciences environments requiring quality processes, regulatory documentation, reporting coordination, controlled workflows, and compliance-aware execution.<\/p>\n <\/div>\n <div class=\"dt-cov-card\">\n <div class=\"dt-cov-num\">03<\/div>\n <div class=\"dt-cov-icon --p\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#8b5cf6\" stroke-width=\"1.8\" stroke-linecap=\"round\"><path d=\"M9 3h6M9 3v8l-4 9h14l-4-9V3M6 17h12\"\/><circle cx=\"12\" cy=\"12\" r=\"1.5\"\/><\/svg><\/div>\n <div class=\"dt-cov-title\">Clinical Research & Product Development Support<\/div>\n <p class=\"dt-cov-body\">Support across clinical research, trial coordination, product development environments, cross-functional documentation, and operational execution tied to scientific programs.<\/p>\n <\/div>\n <div class=\"dt-cov-card\">\n <div class=\"dt-cov-num\">04<\/div>\n <div class=\"dt-cov-icon --p\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#ff8a1f\" stroke-width=\"1.8\" stroke-linecap=\"round\"><rect x=\"2\" y=\"7\" width=\"20\" height=\"14\" rx=\"2\"\/><path d=\"M16 7V5a2 2 0 00-2-2h-4a2 2 0 00-2 2v2\"\/><line x1=\"12\" y1=\"12\" x2=\"12\" y2=\"16\"\/><line x1=\"10\" y1=\"14\" x2=\"14\" y2=\"14\"\/><\/svg><\/div>\n <div class=\"dt-cov-title\">Life Sciences Commercial & Operational Functions<\/div>\n <p class=\"dt-cov-body\">Support for commercial operations, market access, business operations, vendor coordination, process improvement, and scalable delivery across life sciences organizations.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n BLOCK 4 \u2014 DELIVERY CAPABILITIES\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<div class=\"dt-section-divider\"><\/div>\n<section class=\"dt-capabilities\" id=\"dt-capabilities\">\n <div class=\"dt-capabilities__bg\" aria-hidden=\"true\"><\/div>\n <div class=\"dt-container-xl\">\n\n <div class=\"dt-capabilities__head\">\n <div class=\"dt-eyebrow --electric dt-reveal\">Healthcare & Life Sciences<\/div>\n <h2 class=\"dt-h2 dt-reveal --d1\">Healthcare & Life Sciences <em>Delivery Capabilities<\/em><\/h2>\n <p class=\"dt-subhead dt-reveal --d2\">Delivery support for healthcare and life sciences environments where care operations, research activity, workforce capacity, compliance expectations, and service reliability must continue without disruption.<\/p>\n <\/div>\n\n <div class=\"dt-pathway dt-reveal --d3\">\n <!-- Track -->\n <div class=\"dt-pathway__track\" aria-hidden=\"true\">\n <div class=\"dt-pathway__pulse\"><\/div>\n <\/div>\n\n <div class=\"dt-pathway__nodes\">\n\n <div class=\"dt-pnode\">\n <div class=\"dt-pnode__orb --e\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#22d3ff\" stroke-width=\"1.8\" stroke-linecap=\"round\"><path d=\"M3 12h4l3-9 4 18 3-9h4\"\/><\/svg>\n <\/div>\n <div class=\"dt-pnode__title\">Clinical, Administrative & Care Operations Support<\/div>\n <p class=\"dt-pnode__body\">Support for healthcare administration, care coordination, scheduling, service operations, patient-facing support, and institutional healthcare functions.<\/p>\n <\/div>\n\n <div class=\"dt-pnode\">\n <div class=\"dt-pnode__orb --p\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#8b5cf6\" stroke-width=\"1.8\" stroke-linecap=\"round\"><path d=\"M9 3h6M9 3v8l-4 9h14l-4-9V3M6 17h12\"\/><\/svg>\n <\/div>\n <div class=\"dt-pnode__title\">Research, Laboratory & Scientific Workflow Support<\/div>\n <p class=\"dt-pnode__body\">Support for research teams, laboratory operations, study coordination, scientific documentation, controlled workflows, and regulated environments.<\/p>\n <\/div>\n\n <div class=\"dt-pnode\">\n <div class=\"dt-pnode__orb --o\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#ff8a1f\" stroke-width=\"1.8\" stroke-linecap=\"round\"><path d=\"M12 2L3 7v6c0 5.25 3.75 10.15 9 11.25C17.25 23.15 21 18.25 21 13V7L12 2z\"\/><path d=\"M9 12l2 2 4-4\"\/><\/svg>\n <\/div>\n <div class=\"dt-pnode__title\">Compliance, Privacy & Documentation Discipline<\/div>\n <p class=\"dt-pnode__body\">Delivery for environments requiring privacy awareness, audit readiness, regulatory documentation, reporting accuracy, quality controls, and compliance-conscious execution.<\/p>\n <\/div>\n\n <div class=\"dt-pnode\">\n <div class=\"dt-pnode__orb --b\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#60a5fa\" stroke-width=\"1.8\" stroke-linecap=\"round\"><rect x=\"2\" y=\"3\" width=\"20\" height=\"14\" rx=\"2\"\/><path d=\"M8 21h8M12 17v4\"\/><path d=\"M6 8h12M6 12h8\"\/><\/svg>\n <\/div>\n <div class=\"dt-pnode__title\">Healthcare Modernization & Workflow Adoption<\/div>\n <p class=\"dt-pnode__body\">Support for process improvement, digital health adoption, workflow redesign, operational visibility, system transition, and service-delivery modernization.<\/p>\n <\/div>\n\n <div class=\"dt-pnode\">\n <div class=\"dt-pnode__orb --p\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#8b5cf6\" stroke-width=\"1.8\" stroke-linecap=\"round\"><path d=\"M17 21v-2a4 4 0 00-4-4H5a4 4 0 00-4 4v2\"\/><circle cx=\"9\" cy=\"7\" r=\"4\"\/><path d=\"M23 21v-2a4 4 0 00-3-3.87M16 3.13a4 4 0 010 7.75\"\/><\/svg>\n <\/div>\n <div class=\"dt-pnode__title\">Workforce Capacity & Cross-Functional Coordination<\/div>\n <p class=\"dt-pnode__body\">Support across clinical, operational, research, administrative, technology, and leadership teams where specialized capacity and coordinated execution are required.<\/p>\n <\/div>\n\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n BLOCK 5 \u2014 HEALTHCARE, RESEARCH & TRANSFORMATION SUPPORT\n CHANGED: left col sticky, right col rebuilt as 2+3 premium card grid\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<div class=\"dt-section-divider\"><\/div>\n<section class=\"dt-transformation\" id=\"dt-transformation\">\n <div class=\"dt-container\">\n <div class=\"dt-transformation__grid\">\n\n <!-- LEFT \u2014 sticky copy block -->\n <div class=\"dt-transformation__left\">\n <div class=\"dt-eyebrow dt-reveal\">Healthcare & Life Sciences<\/div>\n <h2 class=\"dt-h2 dt-reveal --d1\">Healthcare, Research & <em>Transformation Support<\/em><\/h2>\n <p class=\"dt-subhead dt-reveal --d2\">Support for healthcare and life sciences organizations managing care delivery change, research operations, regulated workflows, workforce pressure, technology adoption, and service continuity.<\/p>\n <!-- Subtle accent line -->\n <div style=\"margin-top:36px;width:60px;height:2px;background:linear-gradient(90deg,var(--electric),transparent);border-radius:2px;\" class=\"dt-reveal --d3\"><\/div>\n <\/div>\n\n <!-- RIGHT \u2014 2+3 premium card grid -->\n <div class=\"dt-roadmap dt-reveal --d2\">\n\n <!--\n Row layout:\n Top row \u2192 2 cards, each spanning 1.5 of 3 columns (grid-column: span 1 on 2-col sub-grid)\n Bottom row \u2192 3 cards, each spanning 1 col\n Implemented with a wrapper approach: two separate grid rows.\n -->\n\n <!-- TOP ROW: 2 wide cards -->\n <div style=\"display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:18px;\">\n\n <!-- Card 01 -->\n <div class=\"dt-step\">\n <div class=\"dt-step__badge\">01<\/div>\n <div class=\"dt-step__node\">\n <div class=\"dt-step__icon-box\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#22d3ff\" stroke-width=\"1.8\" stroke-linecap=\"round\"><path d=\"M3 12h4l3-9 4 18 3-9h4\"\/><\/svg>\n <\/div>\n <\/div>\n <div class=\"dt-step__divider\"><\/div>\n <div class=\"dt-step__title\">Care Delivery & Workflow Modernization<\/div>\n <p class=\"dt-step__body\">Support for healthcare environments improving patient-service workflows, intake processes, scheduling coordination, care-team handoffs, administrative operations, and service delivery models.<\/p>\n <\/div>\n\n <!-- Card 02 -->\n <div class=\"dt-step\">\n <div class=\"dt-step__badge\">02<\/div>\n <div class=\"dt-step__node\">\n <div class=\"dt-step__icon-box --p\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#8b5cf6\" stroke-width=\"1.8\" stroke-linecap=\"round\"><path d=\"M9 3h6M9 3v8l-4 9h14l-4-9V3M6 17h12\"\/><\/svg>\n <\/div>\n <\/div>\n <div class=\"dt-step__divider\"><\/div>\n <div class=\"dt-step__title\">Clinical, Research & Laboratory Change Support<\/div>\n <p class=\"dt-step__body\">Support for transformation across clinical operations, research teams, laboratory environments, scientific workflows, documentation processes, and regulated operational settings.<\/p>\n <\/div>\n\n <\/div><!-- \/top row -->\n\n <!-- BOTTOM ROW: 3 slim cards -->\n <div style=\"display:grid;grid-template-columns:1fr 1fr 1fr;gap:18px;\">\n\n <!-- Card 03 -->\n <div class=\"dt-step\">\n <div class=\"dt-step__badge\">03<\/div>\n <div class=\"dt-step__node\">\n <div class=\"dt-step__icon-box\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#22d3ff\" stroke-width=\"1.8\" stroke-linecap=\"round\"><rect x=\"2\" y=\"3\" width=\"20\" height=\"14\" rx=\"2\"\/><path d=\"M8 21h8M12 17v4\"\/><\/svg>\n <\/div>\n <\/div>\n <div class=\"dt-step__divider\"><\/div>\n <div class=\"dt-step__title\">Technology Adoption Without Service Disruption<\/div>\n <p class=\"dt-step__body\">Support for digital health, operational systems, workflow tools, reporting platforms, and process changes where adoption must not interrupt care or research.<\/p>\n <\/div>\n\n <!-- Card 04 -->\n <div class=\"dt-step\">\n <div class=\"dt-step__badge\">04<\/div>\n <div class=\"dt-step__node\">\n <div class=\"dt-step__icon-box --o\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#ff8a1f\" stroke-width=\"1.8\" stroke-linecap=\"round\"><path d=\"M12 2L3 7v6c0 5.25 3.75 10.15 9 11.25C17.25 23.15 21 18.25 21 13V7L12 2z\"\/><\/svg>\n <\/div>\n <\/div>\n <div class=\"dt-step__divider\"><\/div>\n <div class=\"dt-step__title\">Compliance, Privacy & Quality Enablement<\/div>\n <p class=\"dt-step__body\">Support for environments requiring privacy awareness, controlled documentation, audit readiness, quality processes, regulatory coordination, and accurate reporting.<\/p>\n <\/div>\n\n <!-- Card 05 -->\n <div class=\"dt-step\">\n <div class=\"dt-step__badge\">05<\/div>\n <div class=\"dt-step__node\">\n <div class=\"dt-step__icon-box --p\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#8b5cf6\" stroke-width=\"1.8\" stroke-linecap=\"round\"><path d=\"M17 21v-2a4 4 0 00-4-4H5a4 4 0 00-4 4v2\"\/><circle cx=\"9\" cy=\"7\" r=\"4\"\/><path d=\"M23 21v-2a4 4 0 00-3-3.87M16 3.13a4 4 0 010 7.75\"\/><\/svg>\n <\/div>\n <\/div>\n <div class=\"dt-step__divider\"><\/div>\n <div class=\"dt-step__title\">Capacity Support During Demand or Transition<\/div>\n <p class=\"dt-step__body\">Support for organizations facing patient demand, research growth, specialized workforce needs, bottlenecks, and cross-functional coordination challenges.<\/p>\n <\/div>\n\n <\/div><!-- \/bottom row -->\n\n <\/div><!-- \/dt-roadmap -->\n <\/div>\n <\/div>\n<\/section>\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n BLOCK 6 \u2014 WHY DT SOLUTIONS\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<section class=\"dt-why\" id=\"dt-why\">\n <div class=\"dt-container\">\n <div class=\"dt-why__grid\">\n\n <!-- LEFT \u2014 Trust visual -->\n <div>\n <div class=\"dt-eyebrow dt-reveal\">Healthcare & Life Sciences<\/div>\n <h2 class=\"dt-h2 dt-reveal --d1\">Why <em>DT Solutions<\/em><\/h2>\n <p class=\"dt-subhead dt-reveal --d2\">DT Solutions supports healthcare and life sciences organizations with delivery capacity built around care continuity, research activity, regulated workflows, workforce pressure, and operational reliability.<\/p>\n\n <div class=\"dt-trust-wrap dt-reveal --d3\">\n <svg viewBox=\"0 0 360 460\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"100%\" height=\"auto\" style=\"max-width:340px\">\n <defs>\n <radialGradient id=\"tg1\" cx=\"50%\" cy=\"50%\" r=\"50%\">\n <stop offset=\"0%\" stop-color=\"#22d3ff\" stop-opacity=\"0.22\"\/>\n <stop offset=\"100%\" stop-color=\"#22d3ff\" stop-opacity=\"0\"\/>\n <\/radialGradient>\n <linearGradient id=\"shieldG\" x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\">\n <stop offset=\"0%\" stop-color=\"#0b2454\" stop-opacity=\"0.9\"\/>\n <stop offset=\"100%\" stop-color=\"#040d22\" stop-opacity=\"0.95\"\/>\n <\/linearGradient>\n <filter id=\"tglow\"><feGaussianBlur stdDeviation=\"5\" result=\"b\"\/><feMerge><feMergeNode in=\"b\"\/><feMergeNode in=\"SourceGraphic\"\/><\/feMerge><\/filter>\n <\/defs>\n <!-- Rings -->\n <circle cx=\"180\" cy=\"220\" r=\"168\" fill=\"none\" stroke=\"rgba(34,211,255,0.06)\" stroke-width=\"1\" stroke-dasharray=\"6,6\"\/>\n <circle cx=\"180\" cy=\"220\" r=\"138\" fill=\"none\" stroke=\"rgba(34,211,255,0.09)\" stroke-width=\"1.5\" stroke-dasharray=\"8,8\"\/>\n <circle cx=\"180\" cy=\"220\" r=\"106\" fill=\"none\" stroke=\"rgba(37,99,235,0.14)\" stroke-width=\"1.5\"\/>\n <circle cx=\"180\" cy=\"220\" r=\"74\" fill=\"url(#tg1)\"\/>\n <!-- Shield -->\n <path d=\"M180 75 L262 112 L262 200 C262 255 222 300 180 322 C138 300 98 255 98 200 L98 112 Z\"\n fill=\"url(#shieldG)\" stroke=\"rgba(34,211,255,0.38)\" stroke-width=\"2\" filter=\"url(#tglow)\"\/>\n <path d=\"M180 90 L250 123 L250 197 C250 244 215 284 180 302 C145 284 110 244 110 197 L110 123 Z\"\n fill=\"none\" stroke=\"rgba(34,211,255,0.1)\" stroke-width=\"1\"\/>\n <!-- Checkmark -->\n <path d=\"M155 200 L172 222 L214 176\" fill=\"none\" stroke=\"#22d3ff\" stroke-width=\"3.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" filter=\"url(#tglow)\"\/>\n <!-- DT -->\n <text x=\"180\" y=\"278\" text-anchor=\"middle\" font-size=\"13\" fill=\"rgba(34,211,255,0.55)\" font-family=\"Sora,sans-serif\" font-weight=\"800\" letter-spacing=\"0.18em\">DT SOLUTIONS<\/text>\n <!-- Satellite nodes -->\n <circle cx=\"60\" cy=\"155\" r=\"26\" fill=\"rgba(37,99,235,0.16)\" stroke=\"rgba(37,99,235,0.5)\" stroke-width=\"1.5\" filter=\"url(#tglow)\"\/>\n <text x=\"60\" y=\"152\" text-anchor=\"middle\" font-size=\"8.5\" fill=\"#60a5fa\" font-family=\"Sora,sans-serif\" font-weight=\"700\">CARE<\/text>\n <text x=\"60\" y=\"163\" text-anchor=\"middle\" font-size=\"7\" fill=\"rgba(159,179,200,0.7)\" font-family=\"Sora,sans-serif\">Continuity<\/text>\n <line x1=\"84\" y1=\"162\" x2=\"108\" y2=\"178\" stroke=\"rgba(37,99,235,0.3)\" stroke-width=\"1\" stroke-dasharray=\"3,3\"\/>\n <circle cx=\"308\" cy=\"135\" r=\"26\" fill=\"rgba(139,92,246,0.16)\" stroke=\"rgba(139,92,246,0.5)\" stroke-width=\"1.5\" filter=\"url(#tglow)\"\/>\n <text x=\"308\" y=\"132\" text-anchor=\"middle\" font-size=\"8.5\" fill=\"#a78bfa\" font-family=\"Sora,sans-serif\" font-weight=\"700\">RESEARCH<\/text>\n <text x=\"308\" y=\"143\" text-anchor=\"middle\" font-size=\"7\" fill=\"rgba(159,179,200,0.7)\" font-family=\"Sora,sans-serif\">Activity<\/text>\n <line x1=\"284\" y1=\"143\" x2=\"258\" y2=\"160\" stroke=\"rgba(139,92,246,0.3)\" stroke-width=\"1\" stroke-dasharray=\"3,3\"\/>\n <circle cx=\"55\" cy=\"305\" r=\"26\" fill=\"rgba(255,138,31,0.16)\" stroke=\"rgba(255,138,31,0.5)\" stroke-width=\"1.5\" filter=\"url(#tglow)\"\/>\n <text x=\"55\" y=\"302\" text-anchor=\"middle\" font-size=\"8.5\" fill=\"#fb923c\" font-family=\"Sora,sans-serif\" font-weight=\"700\">COMPLY<\/text>\n <text x=\"55\" y=\"313\" text-anchor=\"middle\" font-size=\"7\" fill=\"rgba(159,179,200,0.7)\" font-family=\"Sora,sans-serif\">Governance<\/text>\n <line x1=\"79\" y1=\"298\" x2=\"104\" y2=\"278\" stroke=\"rgba(255,138,31,0.3)\" stroke-width=\"1\" stroke-dasharray=\"3,3\"\/>\n <!-- Orbiting dot -->\n <circle r=\"5\" fill=\"#22d3ff\" opacity=\"0.9\" filter=\"url(#tglow)\">\n <animateMotion dur=\"11s\" repeatCount=\"indefinite\">\n <mpath href=\"#trust-orb\"\/>\n <\/animateMotion>\n <\/circle>\n <path id=\"trust-orb\" d=\"M 180 50 A 168 168 0 1 1 179.99 50\" fill=\"none\"\/>\n <circle r=\"3.5\" fill=\"#ff8a1f\" opacity=\"0.8\" filter=\"url(#tglow)\">\n <animateMotion dur=\"7s\" repeatCount=\"indefinite\" begin=\"-3.5s\">\n <mpath href=\"#trust-orb-inner\"\/>\n <\/animateMotion>\n <\/circle>\n <path id=\"trust-orb-inner\" d=\"M 180 82 A 138 138 0 1 1 179.99 82\" fill=\"none\"\/>\n <\/svg>\n <\/div>\n <\/div>\n\n <!-- RIGHT \u2014 Proof points -->\n <div class=\"dt-proofs dt-reveal --d2 --right\">\n\n <div class=\"dt-proof\">\n <div class=\"dt-proof__icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#22d3ff\" stroke-width=\"1.8\" stroke-linecap=\"round\"><path d=\"M3 12h4l3-9 4 18 3-9h4\"\/><\/svg><\/div>\n <div><div class=\"dt-proof__num\">01<\/div><div class=\"dt-proof__title\">Support for care and research continuity<\/div><p class=\"dt-proof__body\">Our delivery support is designed for environments where patient services, clinical workflows, laboratory activity, research programs, and essential operations cannot be interrupted.<\/p><\/div>\n <\/div>\n\n <div class=\"dt-proof\">\n <div class=\"dt-proof__icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#22d3ff\" stroke-width=\"1.8\" stroke-linecap=\"round\"><path d=\"M12 2L3 7v6c0 5.25 3.75 10.15 9 11.25C17.25 23.15 21 18.25 21 13V7L12 2z\"\/><path d=\"M9 12l2 2 4-4\"\/><\/svg><\/div>\n <div><div class=\"dt-proof__num\">02<\/div><div class=\"dt-proof__title\">Understanding of regulated operating environments<\/div><p class=\"dt-proof__body\">We support teams working within privacy-sensitive, compliance-driven, documentation-heavy, and quality-conscious settings where execution discipline matters.<\/p><\/div>\n <\/div>\n\n <div class=\"dt-proof\">\n <div class=\"dt-proof__icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#22d3ff\" stroke-width=\"1.8\" stroke-linecap=\"round\"><circle cx=\"12\" cy=\"12\" r=\"3\"\/><path d=\"M12 2v3M12 19v3M4.22 4.22l2.12 2.12M17.66 17.66l2.12 2.12M2 12h3M19 12h3M4.22 19.78l2.12-2.12M17.66 6.34l2.12-2.12\"\/><\/svg><\/div>\n <div><div class=\"dt-proof__num\">03<\/div><div class=\"dt-proof__title\">Coordination across clinical, research & operational teams<\/div><p class=\"dt-proof__body\">DT Solutions helps align support across care teams, administration, research groups, laboratory functions, technology stakeholders, compliance teams, and leadership groups.<\/p><\/div>\n <\/div>\n\n <div class=\"dt-proof\">\n <div class=\"dt-proof__icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#22d3ff\" stroke-width=\"1.8\" stroke-linecap=\"round\"><path d=\"M17 21v-2a4 4 0 00-4-4H5a4 4 0 00-4 4v2\"\/><circle cx=\"9\" cy=\"7\" r=\"4\"\/><path d=\"M23 21v-2a4 4 0 00-3-3.87M16 3.13a4 4 0 010 7.75\"\/><\/svg><\/div>\n <div><div class=\"dt-proof__num\">04<\/div><div class=\"dt-proof__title\">Capacity support for specialized & high-demand functions<\/div><p class=\"dt-proof__body\">We help organizations manage workforce gaps, specialized skill needs, service pressure, research growth, and operational bottlenecks across healthcare and life sciences environments.<\/p><\/div>\n <\/div>\n\n <div class=\"dt-proof\">\n <div class=\"dt-proof__icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#22d3ff\" stroke-width=\"1.8\" stroke-linecap=\"round\"><rect x=\"2\" y=\"3\" width=\"20\" height=\"14\" rx=\"2\"\/><path d=\"M8 21h8M12 17v4\"\/><path d=\"M6 8h12M6 12h8\"\/><\/svg><\/div>\n <div><div class=\"dt-proof__num\">05<\/div><div class=\"dt-proof__title\">Transformation support with minimal operational disruption<\/div><p class=\"dt-proof__body\">Our support helps healthcare and life sciences teams adopt new systems, improve workflows, modernize operations, and scale delivery while protecting service reliability.<\/p><\/div>\n <\/div>\n\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n BLOCK 7 \u2014 CTA\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<div class=\"dt-section-divider\"><\/div>\n<section class=\"dt-cta\" id=\"dt-cta\">\n <div class=\"dt-cta__bg\" aria-hidden=\"true\"><\/div>\n <div class=\"dt-cta__topline\" aria-hidden=\"true\"><\/div>\n <div class=\"dt-container\">\n <div class=\"dt-cta__grid\">\n\n <!-- LEFT -->\n <div>\n <div class=\"dt-eyebrow dt-reveal\">Healthcare & Life Sciences<\/div>\n <h2 class=\"dt-h2 dt-reveal --d1\">Support care, research & regulated operations without disrupting <em>essential delivery<\/em><\/h2>\n <p class=\"dt-subhead-lg dt-reveal --d2\">\n From patient-service workflows and healthcare administration to research operations, compliance-sensitive documentation, workforce capacity, and modernization initiatives \u2014 DT Solutions helps healthcare and life sciences organizations keep critical work moving through periods of change.\n <\/p>\n <div style=\"display:flex;flex-wrap:wrap;gap:16px;margin-top:36px\" class=\"dt-reveal --d3\">\n <a href=\"#\" class=\"dt-btn dt-btn-primary\">\n Start a Healthcare & Life Sciences Conversation\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\n <\/a>\n <a href=\"#\" class=\"dt-btn dt-btn-ghost\">\n Explore Support\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\n <\/a>\n <\/div>\n <p class=\"dt-cta__close dt-reveal --d4\">Add delivery capacity that supports care continuity, research execution, compliance discipline, and operational reliability.<\/p>\n <\/div>\n\n <!-- RIGHT \u2014 Globe -->\n <div class=\"dt-globe-wrap dt-reveal --d3 --right\">\n <svg viewBox=\"0 0 420 420\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"100%\" height=\"auto\" style=\"max-width:400px\">\n <defs>\n <radialGradient id=\"gg1\" cx=\"50%\" cy=\"50%\" r=\"50%\">\n <stop offset=\"0%\" stop-color=\"#22d3ff\" stop-opacity=\"0.28\"\/>\n <stop offset=\"55%\" stop-color=\"#2563eb\" stop-opacity=\"0.1\"\/>\n <stop offset=\"100%\" stop-color=\"#2563eb\" stop-opacity=\"0\"\/>\n <\/radialGradient>\n <radialGradient id=\"gg2\" cx=\"50%\" cy=\"50%\" r=\"50%\">\n <stop offset=\"0%\" stop-color=\"#0c2850\" stop-opacity=\"0.95\"\/>\n <stop offset=\"100%\" stop-color=\"#020912\" stop-opacity=\"0.98\"\/>\n <\/radialGradient>\n <filter id=\"gglow\"><feGaussianBlur stdDeviation=\"5\" result=\"b\"\/><feMerge><feMergeNode in=\"b\"\/><feMergeNode in=\"SourceGraphic\"\/><\/feMerge><\/filter>\n <filter id=\"gglow2\"><feGaussianBlur stdDeviation=\"8\" result=\"b\"\/><feMerge><feMergeNode in=\"b\"\/><feMergeNode in=\"SourceGraphic\"\/><\/feMerge><\/filter>\n <\/defs>\n\n <!-- Outer ambient glow -->\n <circle cx=\"210\" cy=\"210\" r=\"195\" fill=\"url(#gg1)\" opacity=\"0.7\">\n <animate attributeName=\"r\" values=\"195;205;195\" dur=\"7s\" repeatCount=\"indefinite\"\/>\n <animate attributeName=\"opacity\" values=\"0.7;0.9;0.7\" dur=\"7s\" repeatCount=\"indefinite\"\/>\n <\/circle>\n\n <!-- Globe body -->\n <circle cx=\"210\" cy=\"210\" r=\"148\" fill=\"url(#gg2)\" stroke=\"rgba(34,211,255,0.28)\" stroke-width=\"1.8\" filter=\"url(#gglow)\"\/>\n\n <!-- Globe longitude lines -->\n <path d=\"M210 62 Q290 210 210 358 Q130 210 210 62\" fill=\"none\" stroke=\"rgba(34,211,255,0.1)\" stroke-width=\"1\"\/>\n <path d=\"M210 62 Q330 150 348 210 Q330 275 210 358\" fill=\"none\" stroke=\"rgba(34,211,255,0.08)\" stroke-width=\"1\"\/>\n <path d=\"M210 62 Q90 150 72 210 Q90 275 210 358\" fill=\"none\" stroke=\"rgba(34,211,255,0.08)\" stroke-width=\"1\"\/>\n <line x1=\"210\" y1=\"62\" x2=\"210\" y2=\"358\" stroke=\"rgba(34,211,255,0.07)\" stroke-width=\"1\"\/>\n\n <!-- Globe latitude lines -->\n <ellipse cx=\"210\" cy=\"210\" rx=\"148\" ry=\"35\" fill=\"none\" stroke=\"rgba(34,211,255,0.11)\" stroke-width=\"1\"\/>\n <ellipse cx=\"210\" cy=\"170\" rx=\"140\" ry=\"26\" fill=\"none\" stroke=\"rgba(34,211,255,0.09)\" stroke-width=\"1\"\/>\n <ellipse cx=\"210\" cy=\"250\" rx=\"140\" ry=\"26\" fill=\"none\" stroke=\"rgba(34,211,255,0.09)\" stroke-width=\"1\"\/>\n <ellipse cx=\"210\" cy=\"136\" rx=\"116\" ry=\"18\" fill=\"none\" stroke=\"rgba(34,211,255,0.07)\" stroke-width=\"1\"\/>\n <ellipse cx=\"210\" cy=\"284\" rx=\"116\" ry=\"18\" fill=\"none\" stroke=\"rgba(34,211,255,0.07)\" stroke-width=\"1\"\/>\n\n <!-- Core pulse -->\n <circle cx=\"210\" cy=\"210\" r=\"22\" fill=\"rgba(34,211,255,0.12)\" stroke=\"rgba(34,211,255,0.45)\" stroke-width=\"1.8\" filter=\"url(#gglow)\">\n <animate attributeName=\"r\" values=\"22;30;22\" dur=\"3s\" repeatCount=\"indefinite\"\/>\n <animate attributeName=\"opacity\" values=\"1;0.5;1\" dur=\"3s\" repeatCount=\"indefinite\"\/>\n <\/circle>\n <circle cx=\"210\" cy=\"210\" r=\"10\" fill=\"rgba(34,211,255,0.6)\" filter=\"url(#gglow2)\"\/>\n\n <!-- Healthcare cross (subtle) -->\n <rect x=\"203\" y=\"193\" width=\"14\" height=\"34\" rx=\"4\" fill=\"none\" stroke=\"rgba(34,211,255,0.18)\" stroke-width=\"1.5\"\/>\n <rect x=\"193\" y=\"203\" width=\"34\" height=\"14\" rx=\"4\" fill=\"none\" stroke=\"rgba(34,211,255,0.18)\" stroke-width=\"1.5\"\/>\n\n <!-- Outer network nodes -->\n <circle cx=\"358\" cy=\"145\" r=\"10\" fill=\"rgba(34,211,255,0.18)\" stroke=\"rgba(34,211,255,0.55)\" stroke-width=\"1.5\" filter=\"url(#gglow)\"\/>\n <circle cx=\"62\" cy=\"160\" r=\"10\" fill=\"rgba(37,99,235,0.18)\" stroke=\"rgba(37,99,235,0.55)\" stroke-width=\"1.5\"\/>\n <circle cx=\"378\" cy=\"278\" r=\"10\" fill=\"rgba(139,92,246,0.18)\" stroke=\"rgba(139,92,246,0.55)\" stroke-width=\"1.5\"\/>\n <circle cx=\"42\" cy=\"278\" r=\"10\" fill=\"rgba(255,138,31,0.18)\" stroke=\"rgba(255,138,31,0.55)\" stroke-width=\"1.5\"\/>\n <circle cx=\"210\" cy=\"42\" r=\"9\" fill=\"rgba(34,211,255,0.15)\" stroke=\"rgba(34,211,255,0.5)\" stroke-width=\"1.5\"\/>\n <circle cx=\"210\" cy=\"378\" r=\"9\" fill=\"rgba(34,211,255,0.12)\" stroke=\"rgba(34,211,255,0.4)\" stroke-width=\"1.5\"\/>\n\n <!-- Node labels -->\n <text x=\"375\" y=\"132\" text-anchor=\"middle\" font-size=\"9\" fill=\"#22d3ff\" font-family=\"Sora,sans-serif\" font-weight=\"700\">CARE<\/text>\n <text x=\"45\" y=\"147\" text-anchor=\"middle\" font-size=\"9\" fill=\"#60a5fa\" font-family=\"Sora,sans-serif\" font-weight=\"700\">R&D<\/text>\n <text x=\"400\" y=\"292\" text-anchor=\"middle\" font-size=\"9\" fill=\"#a78bfa\" font-family=\"Sora,sans-serif\" font-weight=\"700\">GOV<\/text>\n <text x=\"20\" y=\"292\" text-anchor=\"middle\" font-size=\"9\" fill=\"#fb923c\" font-family=\"Sora,sans-serif\" font-weight=\"700\">OPS<\/text>\n\n <!-- Connection lines node \u2192 globe -->\n <line x1=\"350\" y1=\"148\" x2=\"334\" y2=\"164\" stroke=\"rgba(34,211,255,0.22)\" stroke-width=\"1\" stroke-dasharray=\"3,3\"\/>\n <line x1=\"70\" y1=\"163\" x2=\"88\" y2=\"177\" stroke=\"rgba(37,99,235,0.22)\" stroke-width=\"1\" stroke-dasharray=\"3,3\"\/>\n <line x1=\"370\" y1=\"275\" x2=\"352\" y2=\"265\" stroke=\"rgba(139,92,246,0.22)\" stroke-width=\"1\" stroke-dasharray=\"3,3\"\/>\n <line x1=\"50\" y1=\"275\" x2=\"70\" y2=\"265\" stroke=\"rgba(255,138,31,0.22)\" stroke-width=\"1\" stroke-dasharray=\"3,3\"\/>\n <line x1=\"210\" y1=\"51\" x2=\"210\" y2=\"68\" stroke=\"rgba(34,211,255,0.28)\" stroke-width=\"1\"\/>\n <line x1=\"210\" y1=\"369\" x2=\"210\" y2=\"352\" stroke=\"rgba(34,211,255,0.22)\" stroke-width=\"1\"\/>\n\n <!-- Cross-network arcs -->\n <line x1=\"358\" y1=\"145\" x2=\"62\" y2=\"160\" stroke=\"rgba(34,211,255,0.06)\" stroke-width=\"1\" stroke-dasharray=\"5,8\"\/>\n <line x1=\"358\" y1=\"145\" x2=\"378\" y2=\"278\" stroke=\"rgba(34,211,255,0.06)\" stroke-width=\"1\" stroke-dasharray=\"5,8\"\/>\n <line x1=\"62\" y1=\"160\" x2=\"42\" y2=\"278\" stroke=\"rgba(34,211,255,0.06)\" stroke-width=\"1\" stroke-dasharray=\"5,8\"\/>\n\n <!-- Orbiting dots -->\n <circle r=\"6\" fill=\"#22d3ff\" opacity=\"0.9\" filter=\"url(#gglow)\">\n <animateMotion dur=\"14s\" repeatCount=\"indefinite\">\n <mpath href=\"#globe-orbit\"\/>\n <\/animateMotion>\n <\/circle>\n <path id=\"globe-orbit\" d=\"M 210 62 A 148 148 0 1 1 209.99 62\" fill=\"none\"\/>\n\n <circle r=\"4\" fill=\"#8b5cf6\" opacity=\"0.85\" filter=\"url(#gglow)\">\n <animateMotion dur=\"9s\" repeatCount=\"indefinite\" begin=\"-4.5s\">\n <mpath href=\"#globe-orbit-lat\"\/>\n <\/animateMotion>\n <\/circle>\n <path id=\"globe-orbit-lat\" d=\"M 358 210 A 148 35 0 1 1 357.99 210\" fill=\"none\"\/>\n\n <circle r=\"3.5\" fill=\"#ff8a1f\" opacity=\"0.8\">\n <animateMotion dur=\"11s\" repeatCount=\"indefinite\" begin=\"-5s\">\n <mpath href=\"#globe-orbit-rev\"\/>\n <\/animateMotion>\n <\/circle>\n <path id=\"globe-orbit-rev\" d=\"M 210 62 A 148 148 0 1 0 209.99 62\" fill=\"none\"\/>\n <\/svg>\n <\/div>\n\n <\/div>\n <\/div>\n<\/section>\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n JAVASCRIPT\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<script type=\"module\">\n \/* \u2500\u2500 Spline runtime \u2500\u2500 *\/\n import { Application } from \"https:\/\/esm.sh\/@splinetool\/runtime\";\n const canvas = document.getElementById('canvas3d');\n const app = new Application(canvas);\n await app.load('https:\/\/prod.spline.design\/0eI7JO23zWEe8FiA\/scene.splinecode');\n\n \/* After Spline loads, hard-hide the QR by injecting a\n position-fixed overlay anchored bottom-right in the canvas bounds.\n The .dt-qr-blocker CSS handles it as well, but this ensures it. *\/\n\n \/* Aggressively remove any Spline-injected overlay elements (QR, logo, watermark) *\/\n function killSplineUI() {\n var wrap = document.getElementById('dt-spline-wrap');\n if (!wrap) return;\n \/* Any direct child that is NOT the canvas *\/\n Array.from(wrap.children).forEach(function(el) {\n if (el.id !== 'canvas3d') {\n el.style.cssText = 'display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important;';\n }\n });\n \/* Also scan shadow DOM siblings Spline sometimes injects outside wrap *\/\n var allDivs = document.querySelectorAll('body > div:not(.dt-ambient)');\n allDivs.forEach(function(el) {\n var style = window.getComputedStyle(el);\n if (style.position === 'fixed' || style.position === 'absolute') {\n \/* If it's a Spline overlay (z-index > 1000, small, bottom\/top corner) *\/\n var rect = el.getBoundingClientRect();\n if (rect.width < 250 && rect.height < 250) {\n el.style.cssText = 'display:none!important;opacity:0!important;';\n }\n }\n });\n }\n \/* Run immediately and after a short delay to catch async injections *\/\n killSplineUI();\n setTimeout(killSplineUI, 800);\n setTimeout(killSplineUI, 2000);\n<\/script>\n\n<script>\n\/* \u2500\u2500 Scroll reveal \u2500\u2500 *\/\n(function(){\n 'use strict';\n var mq = window.matchMedia('(prefers-reduced-motion:reduce)');\n var els = document.querySelectorAll('.dt-reveal');\n if(mq.matches){ els.forEach(function(el){el.classList.add('--vis')}); return; }\n var io = new IntersectionObserver(function(entries){\n entries.forEach(function(entry){\n if(entry.isIntersecting){\n entry.target.classList.add('--vis');\n io.unobserve(entry.target);\n }\n });\n },{threshold:0.1,rootMargin:'0px 0px -50px 0px'});\n els.forEach(function(el){ io.observe(el); });\n\n \/* Mark hero reveals immediately *\/\n document.querySelectorAll('.dt-hero .dt-reveal').forEach(function(el,i){\n setTimeout(function(){ el.classList.add('--vis'); }, i*100+200);\n });\n})();\n\n\/* \u2500\u2500 Sector tab toggle \u2500\u2500 *\/\n(function(){\n 'use strict';\n var tabs = document.querySelectorAll('.dt-tab');\n var panels = document.querySelectorAll('.dt-panel');\n tabs.forEach(function(tab){\n tab.addEventListener('click',function(){\n tabs.forEach(function(t){ t.setAttribute('aria-selected','false'); });\n panels.forEach(function(p){ p.classList.remove('--active'); });\n tab.setAttribute('aria-selected','true');\n var target = document.getElementById(tab.getAttribute('aria-controls'));\n if(target) target.classList.add('--active');\n });\n tab.addEventListener('keydown',function(e){\n var all = Array.from(tabs);\n var idx = all.indexOf(tab);\n if(e.key==='ArrowRight'){ all[(idx+1)%all.length].click(); all[(idx+1)%all.length].focus(); }\n if(e.key==='ArrowLeft') { all[(idx-1+all.length)%all.length].click(); all[(idx-1+all.length)%all.length].focus(); }\n });\n });\n})();\n\n\/* \u2500\u2500 Smooth scroll \u2500\u2500 *\/\n(function(){\n 'use strict';\n document.querySelectorAll('a[href^=\"#\"]').forEach(function(a){\n a.addEventListener('click',function(e){\n var id = a.getAttribute('href');\n if(id==='#') return;\n var target = document.querySelector(id);\n if(target){ e.preventDefault(); target.scrollIntoView({behavior:'smooth',block:'start'}); }\n });\n });\n})();\n\n\/* \u2500\u2500 Metric counter animation \u2500\u2500 *\/\n(function(){\n 'use strict';\n \/* subtle glow pulse on metric values *\/\n var vals = document.querySelectorAll('.dt-metric-val');\n var delay = 0;\n vals.forEach(function(v){\n setTimeout(function(){\n v.style.textShadow = '0 0 40px rgba(34,211,255,0.7)';\n setTimeout(function(){ v.style.textShadow=''; },600);\n }, delay);\n delay += 250;\n });\n})();\n<\/script>\n\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n DNA STRIP 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\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<script>\n(function() {\n 'use strict';\n\n var strip = document.getElementById('dt-dna-strip');\n var canvas = document.getElementById('dt-dna-canvas');\n if (!strip || !canvas) return;\n var ctx = canvas.getContext('2d');\n var time = 0;\n\n var DOT_COLORS = [\n { r:34, g:211, b:255 },\n { r:37, g:99, b:235 },\n { r:139, g:92, b:246 },\n { r:255, g:138, b:31 },\n ];\n\n function resize() {\n canvas.width = strip.offsetWidth || 150;\n canvas.height = strip.offsetHeight || window.innerHeight;\n }\n resize();\n window.addEventListener('resize', resize);\n\n var FREQ = 0.026;\n var AMP = 44;\n var STEP = 16;\n\n function draw() {\n var w = canvas.width;\n var h = canvas.height;\n var cx = w \/ 2;\n var t = time;\n\n \/* Fully transparent \u2014 CSS layers provide all tube background *\/\n ctx.clearRect(0, 0, w, h);\n\n \/* \u2500\u2500 STRAND GLOW HALO \u2014 wide soft bloom behind each strand \u2500\u2500 *\/\n for (var yh = 0; yh <= h; yh += 4) {\n var xhL = cx + AMP * Math.sin(yh * FREQ + t \/ 22);\n var xhR = cx - AMP * Math.sin(yh * FREQ + t \/ 22);\n ctx.beginPath();\n ctx.arc(xhL, yh, 7, 0, Math.PI * 2);\n ctx.fillStyle = 'rgba(34,211,255,0.018)';\n ctx.fill();\n ctx.beginPath();\n ctx.arc(xhR, yh, 7, 0, Math.PI * 2);\n ctx.fillStyle = 'rgba(34,211,255,0.014)';\n ctx.fill();\n }\n\n \/* \u2500\u2500 LEFT STRAND \u2014 thick glowing backbone \u2500\u2500 *\/\n \/* Outer soft bloom *\/\n ctx.beginPath();\n for (var y = 0; y <= h; y++) {\n var x = cx + AMP * Math.sin(y * FREQ + t \/ 22);\n if (y === 0) ctx.moveTo(x, y); else ctx.lineTo(x, y);\n }\n ctx.lineWidth = 6;\n ctx.strokeStyle = 'rgba(34,211,255,0.07)';\n ctx.shadowBlur = 0;\n ctx.stroke();\n \/* Mid glow *\/\n ctx.lineWidth = 3;\n ctx.strokeStyle = 'rgba(34,211,255,0.22)';\n ctx.shadowColor = 'rgba(34,211,255,0.6)';\n ctx.shadowBlur = 12;\n ctx.stroke();\n \/* Core bright line *\/\n ctx.lineWidth = 1.5;\n ctx.strokeStyle = 'rgba(34,211,255,0.92)';\n ctx.shadowColor = 'rgba(34,211,255,1)';\n ctx.shadowBlur = 8;\n ctx.stroke();\n ctx.shadowBlur = 0;\n\n \/* \u2500\u2500 RIGHT STRAND \u2014 matching backbone \u2500\u2500 *\/\n ctx.beginPath();\n for (var y2 = 0; y2 <= h; y2++) {\n var x2 = cx - AMP * Math.sin(y2 * FREQ + t \/ 22);\n if (y2 === 0) ctx.moveTo(x2, y2); else ctx.lineTo(x2, y2);\n }\n ctx.lineWidth = 6;\n ctx.strokeStyle = 'rgba(34,211,255,0.07)';\n ctx.stroke();\n ctx.lineWidth = 3;\n ctx.strokeStyle = 'rgba(34,211,255,0.22)';\n ctx.shadowColor = 'rgba(34,211,255,0.6)';\n ctx.shadowBlur = 12;\n ctx.stroke();\n ctx.lineWidth = 1.5;\n ctx.strokeStyle = 'rgba(34,211,255,0.92)';\n ctx.shadowColor = 'rgba(34,211,255,1)';\n ctx.shadowBlur = 8;\n ctx.stroke();\n ctx.shadowBlur = 0;\n\n \/* \u2500\u2500 CROSS-LINKS + DOTS \u2500\u2500 *\/\n for (var yi = 0; yi < h; yi += STEP) {\n var sinV = Math.sin(yi * FREQ + t \/ 22);\n var absV = Math.abs(sinV);\n var xL = cx + AMP * sinV;\n var xR = cx - AMP * sinV;\n var pulse = 0.5 + 0.5 * Math.sin(yi * 0.06 + t \/ 12);\n\n \/* Cross-link \u2014 glowing bar *\/\n var linkGrad = ctx.createLinearGradient(xL, yi, xR, yi);\n linkGrad.addColorStop(0, 'rgba(34,211,255,' + (0.55 * absV + 0.05) + ')');\n linkGrad.addColorStop(0.5, 'rgba(255,255,255,' + (0.20 * absV) + ')');\n linkGrad.addColorStop(1, 'rgba(34,211,255,' + (0.55 * absV + 0.05) + ')');\n ctx.beginPath();\n ctx.moveTo(xL, yi);\n ctx.lineTo(xR, yi);\n ctx.lineWidth = 1.5;\n ctx.strokeStyle = linkGrad;\n ctx.shadowColor = 'rgba(34,211,255,0.5)';\n ctx.shadowBlur = 6;\n ctx.stroke();\n ctx.shadowBlur = 0;\n\n \/* LEFT dot \u2014 sized by palette + pulse *\/\n var lCol = DOT_COLORS[ Math.floor(yi \/ STEP) % 4 ];\n var lSize = 2.8 + 1.8 * pulse;\n \/* Outer halo *\/\n ctx.beginPath();\n ctx.arc(xL, yi, lSize + 4, 0, Math.PI * 2);\n ctx.fillStyle = 'rgba(' + lCol.r + ',' + lCol.g + ',' + lCol.b + ',0.10)';\n ctx.fill();\n \/* Main dot *\/\n ctx.beginPath();\n ctx.arc(xL, yi, lSize, 0, Math.PI * 2);\n var lgL = ctx.createRadialGradient(xL - lSize*0.3, yi - lSize*0.3, 0, xL, yi, lSize);\n lgL.addColorStop(0, 'rgba(255,255,255,0.9)');\n lgL.addColorStop(0.4, 'rgb(' + lCol.r + ',' + lCol.g + ',' + lCol.b + ')');\n lgL.addColorStop(1, 'rgba(' + lCol.r + ',' + lCol.g + ',' + lCol.b + ',0.5)');\n ctx.fillStyle = lgL;\n ctx.shadowColor = 'rgba(' + lCol.r + ',' + lCol.g + ',' + lCol.b + ',1)';\n ctx.shadowBlur = 14;\n ctx.fill();\n ctx.shadowBlur = 0;\n\n \/* RIGHT dot *\/\n var rCol = DOT_COLORS[ (Math.floor(yi \/ STEP) + 2) % 4 ];\n var rSize = 2.8 + 1.8 * (1 - pulse);\n ctx.beginPath();\n ctx.arc(xR, yi, rSize + 4, 0, Math.PI * 2);\n ctx.fillStyle = 'rgba(' + rCol.r + ',' + rCol.g + ',' + rCol.b + ',0.10)';\n ctx.fill();\n ctx.beginPath();\n ctx.arc(xR, yi, rSize, 0, Math.PI * 2);\n var lgR = ctx.createRadialGradient(xR - rSize*0.3, yi - rSize*0.3, 0, xR, yi, rSize);\n lgR.addColorStop(0, 'rgba(255,255,255,0.9)');\n lgR.addColorStop(0.4, 'rgb(' + rCol.r + ',' + rCol.g + ',' + rCol.b + ')');\n lgR.addColorStop(1, 'rgba(' + rCol.r + ',' + rCol.g + ',' + rCol.b + ',0.5)');\n ctx.fillStyle = lgR;\n ctx.shadowColor = 'rgba(' + rCol.r + ',' + rCol.g + ',' + rCol.b + ',1)';\n ctx.shadowBlur = 14;\n ctx.fill();\n ctx.shadowBlur = 0;\n }\n\n \/* \u2500\u2500 PARTICLE 1 \u2014 cyan, left strand, long comet tail \u2500\u2500 *\/\n var pY = (t * 2.8) % h;\n var pX = cx + AMP * Math.sin(pY * FREQ + t \/ 22);\n var tailLen = 60;\n for (var ti = tailLen; ti > 0; ti -= 2) {\n var tyY = pY - ti;\n if (tyY < 0) continue;\n var txX = cx + AMP * Math.sin(tyY * FREQ + t \/ 22);\n var talpha = (1 - ti \/ tailLen) * 0.5;\n ctx.beginPath();\n ctx.arc(txX, tyY, 1.5, 0, Math.PI * 2);\n ctx.fillStyle = 'rgba(34,211,255,' + talpha + ')';\n ctx.fill();\n }\n ctx.beginPath();\n ctx.arc(pX, pY, 4.5, 0, Math.PI * 2);\n var pgL = ctx.createRadialGradient(pX - 1.5, pY - 1.5, 0, pX, pY, 4.5);\n pgL.addColorStop(0, 'rgba(255,255,255,1)');\n pgL.addColorStop(0.5, 'rgba(34,211,255,0.9)');\n pgL.addColorStop(1, 'rgba(34,211,255,0)');\n ctx.fillStyle = pgL;\n ctx.shadowColor = 'rgba(34,211,255,1)';\n ctx.shadowBlur = 22;\n ctx.fill();\n ctx.shadowBlur = 0;\n\n \/* \u2500\u2500 PARTICLE 2 \u2014 purple, right strand \u2500\u2500 *\/\n var p2Y = ((t * 2.8) + h * 0.52) % h;\n var p2X = cx - AMP * Math.sin(p2Y * FREQ + t \/ 22);\n for (var ti2 = tailLen; ti2 > 0; ti2 -= 2) {\n var ty2Y = p2Y - ti2;\n if (ty2Y < 0) continue;\n var tx2X = cx - AMP * Math.sin(ty2Y * FREQ + t \/ 22);\n var ta2 = (1 - ti2 \/ tailLen) * 0.4;\n ctx.beginPath();\n ctx.arc(tx2X, ty2Y, 1.2, 0, Math.PI * 2);\n ctx.fillStyle = 'rgba(139,92,246,' + ta2 + ')';\n ctx.fill();\n }\n ctx.beginPath();\n ctx.arc(p2X, p2Y, 3.8, 0, Math.PI * 2);\n var pg2 = ctx.createRadialGradient(p2X - 1, p2Y - 1, 0, p2X, p2Y, 3.8);\n pg2.addColorStop(0, 'rgba(255,255,255,1)');\n pg2.addColorStop(0.5, 'rgba(139,92,246,0.9)');\n pg2.addColorStop(1, 'rgba(139,92,246,0)');\n ctx.fillStyle = pg2;\n ctx.shadowColor = 'rgba(139,92,246,1)';\n ctx.shadowBlur = 18;\n ctx.fill();\n ctx.shadowBlur = 0;\n\n \/* \u2500\u2500 PARTICLE 3 \u2014 orange, left strand, slower \u2500\u2500 *\/\n var p3Y = ((t * 1.9) + h * 0.27) % h;\n var p3X = cx + AMP * Math.sin(p3Y * FREQ + t \/ 22);\n ctx.beginPath();\n ctx.arc(p3X, p3Y, 3.2, 0, Math.PI * 2);\n var pg3 = ctx.createRadialGradient(p3X - 1, p3Y - 1, 0, p3X, p3Y, 3.2);\n pg3.addColorStop(0, 'rgba(255,255,255,1)');\n pg3.addColorStop(0.5, 'rgba(255,138,31,0.9)');\n pg3.addColorStop(1, 'rgba(255,138,31,0)');\n ctx.fillStyle = pg3;\n ctx.shadowColor = 'rgba(255,138,31,1)';\n ctx.shadowBlur = 16;\n ctx.fill();\n ctx.shadowBlur = 0;\n\n time++;\n requestAnimationFrame(draw);\n }\n\n window.addEventListener('load', function() {\n resize();\n requestAnimationFrame(draw);\n });\n\n})();\n<\/script>\n\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>Healthcare & Life Sciences \u2014 DT Solutions Operational Intelligence Platform \u2014 Active Healthcare & Life Sciences Healthcare& Life Sciences Delivery support for care, research & regulated health operations DT Solutions supports healthcare providers, life sciences organizations, research environments, and regulated health operations with talent, delivery, and advisory capacity \u2014 where continuity, compliance, and operational reliability […]<\/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-2937","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/digi.alphanzo.com\/index.php?rest_route=\/wp\/v2\/pages\/2937","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=2937"}],"version-history":[{"count":10,"href":"https:\/\/digi.alphanzo.com\/index.php?rest_route=\/wp\/v2\/pages\/2937\/revisions"}],"predecessor-version":[{"id":2947,"href":"https:\/\/digi.alphanzo.com\/index.php?rest_route=\/wp\/v2\/pages\/2937\/revisions\/2947"}],"wp:attachment":[{"href":"https:\/\/digi.alphanzo.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2937"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}