{"id":2721,"date":"2026-04-25T13:53:46","date_gmt":"2026-04-25T13:53:46","guid":{"rendered":"https:\/\/localhost\/digi\/?page_id=2721"},"modified":"2026-05-03T07:24:26","modified_gmt":"2026-05-03T07:24:26","slug":"permanent-hiring2","status":"publish","type":"page","link":"https:\/\/digi.alphanzo.com\/?page_id=2721","title":{"rendered":"Permanent Hiring"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\n\n\n\n\nPermanent Hiring \u2014 DT Solutions<\/title>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Bebas+Neue&family=Rajdhani:wght@400;500;600;700&family=Fira+Code:wght@400;500&family=Outfit:wght@300;400;500&display=swap\" rel=\"stylesheet\">\n<style>\n*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}\n:root{\n --c0:#000810;--c1:#010f22;--c2:#021428;--c3:#021c35;\n --blue:#00ccff;--blue2:#0099cc;--blue3:#006699;\n --cyan:#00ffe5;--cyan2:#00d4bb;\n --white:#e4f2ff;--white2:#7aaccc;--white3:#2e5070;\n --ff-d:'Bebas Neue',sans-serif;\n --ff-u:'Rajdhani',sans-serif;\n --ff-m:'Fira Code',monospace;\n --ff-b:'Outfit',sans-serif;\n}\nhtml{scroll-behavior:smooth}\nbody{background:var(--c0);color:var(--white);font-family:var(--ff-b);font-weight:300;overflow-x:hidden;cursor:none}\n::-webkit-scrollbar{width:2px}\n::-webkit-scrollbar-track{background:var(--c0)}\n::-webkit-scrollbar-thumb{background:var(--blue3)}\n\n\/* \u2500\u2500 PROGRESS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n#prog{position:fixed;top:0;left:0;height:2px;z-index:9999;width:0;background:linear-gradient(90deg,var(--cyan),var(--blue));box-shadow:0 0 10px var(--cyan)}\n\n\/* \u2500\u2500 CURSOR \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n#co,#ci{position:fixed;top:0;left:0;pointer-events:none;z-index:10000;border-radius:50%;transform:translate(-50%,-50%)}\n#co{width:48px;height:48px;border:1px solid rgba(0,204,255,.4);transition:width .25s,height .25s,border-color .3s,background .3s}\n#ci{width:5px;height:5px;background:var(--blue);box-shadow:0 0 12px var(--blue),0 0 4px var(--cyan)}\nbody.h #co{width:72px;height:72px;border-color:var(--cyan);background:rgba(0,255,229,.04)}\nbody.h #ci{width:3px;height:3px}\n\n\/* \u2500\u2500 NOISE \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n#noise{position:fixed;inset:0;pointer-events:none;z-index:8998;opacity:.022;background-image:url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'\/%3E%3C\/svg%3E\");background-size:180px}\n.scan{position:fixed;top:-2px;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(0,204,255,.12),transparent);pointer-events:none;z-index:9000;animation:scanv 9s linear infinite;opacity:.5}\n@keyframes scanv{to{top:100vh}}\n\n\/* \u2500\u2500 HERO \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n#hero{position:relative;min-height:100vh;display:flex;align-items:center;overflow:hidden;background:var(--c0)}\n#threejs-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:1}\n.hero-vignette{position:absolute;inset:0;z-index:2;background:radial-gradient(ellipse 45% 100% at 0% 50%,rgba(0,8,16,.98) 0%,rgba(0,8,16,.75) 30%,rgba(0,8,16,.25) 55%,transparent 72%),radial-gradient(ellipse 20% 60% at 100% 50%,transparent 40%,rgba(0,8,16,.2) 100%)}\n.hero-inner{position:relative;z-index:3;max-width:1200px;margin:0 auto;padding:0 70px;width:100%}\n.hero-tag{font-family:var(--ff-m);font-size:11px;color:var(--cyan);letter-spacing:.2em;text-transform:uppercase;display:flex;align-items:center;gap:14px;margin-bottom:36px;opacity:0;animation:fup .8s .3s forwards}\n.hero-tag .ht-line{width:36px;height:1px;background:var(--cyan)}\n.h1{font-family:var(--ff-d);line-height:.9;letter-spacing:.01em}\n.h1-line{overflow:hidden;display:block}\n.h1-inner{display:block;transform:translateY(115%);opacity:0}\n.h1-solid{font-size:clamp(72px,10.5vw,155px);color:var(--white)}\n.h1-glitch{font-size:clamp(72px,10.5vw,155px);color:transparent;-webkit-text-stroke:2px var(--blue);position:relative;display:inline-block}\n.h1-glitch::before,.h1-glitch::after{content:attr(data-t);position:absolute;inset:0;-webkit-text-stroke:2px transparent}\n.h1-glitch::before{-webkit-text-stroke:2px var(--cyan);animation:ga 5s infinite 2.5s;clip-path:polygon(0 15%,100% 15%,100% 38%,0 38%)}\n.h1-glitch::after{-webkit-text-stroke:2px #ff2255;animation:gb 5s infinite 2.5s;clip-path:polygon(0 58%,100% 58%,100% 78%,0 78%)}\n@keyframes ga{0%,90%,100%{transform:none}91%{transform:translate(-5px,1px)}93%{transform:translate(5px,-2px)}95%{transform:translate(-2px,2px)}97%{transform:none}99%{transform:translate(3px,-1px)}}\n@keyframes gb{0%,90%,100%{transform:none}92%{transform:translate(5px,-1px)}94%{transform:translate(-5px,2px)}96%{transform:translate(2px,0)}98%{transform:none}}\n.h1-accent{font-size:clamp(38px,5.2vw,78px);color:var(--blue);letter-spacing:.05em}\n\n.hero-sub{font-size:17px;color:var(--white2);max-width:480px;line-height:1.72;margin:26px 0 32px;opacity:0;animation:fup .8s 1s forwards}\n.hero-ul{list-style:none;display:flex;flex-direction:column;gap:10px;margin-bottom:44px;opacity:0;animation:fup .8s 1.2s forwards}\n.hero-ul li{display:flex;align-items:center;gap:14px;font-size:14px;color:var(--white2);font-family:var(--ff-u);font-weight:500;letter-spacing:.03em}\n.hero-ul li::before{content:'';width:20px;height:1px;background:linear-gradient(90deg,var(--cyan),var(--blue));flex-shrink:0}\n\n.hero-foot{display:flex;align-items:center;gap:48px;flex-wrap:wrap;opacity:0;animation:fup .8s 1.4s forwards}\n.mbtn{position:relative;display:inline-flex;align-items:center;gap:14px;padding:18px 44px;border:1.5px solid var(--blue);color:var(--c0);font-family:var(--ff-u);font-size:15px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;overflow:hidden;cursor:none;clip-path:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,14px 100%,0 calc(100% - 14px));transition:box-shadow .3s,transform .3s cubic-bezier(.16,1,.3,1)}\n.mbtn-bg{position:absolute;inset:0;background:var(--blue);z-index:0}\n.mbtn span,.mbtn svg{position:relative;z-index:1}\n.mbtn:hover{box-shadow:0 0 50px rgba(0,204,255,.35),0 0 100px rgba(0,204,255,.1)}\n.mbtn:hover svg{transform:translateX(4px)}\n.mbtn svg{transition:transform .3s}\n\n.hstats{display:flex;gap:40px;padding-left:44px;border-left:1px solid rgba(0,204,255,.14)}\n.hs{display:flex;flex-direction:column;gap:3px}\n.hs-n{font-family:var(--ff-d);font-size:38px;color:var(--blue);line-height:1}\n.hs-l{font-family:var(--ff-m);font-size:10px;color:var(--white3);letter-spacing:.12em;text-transform:uppercase}\n\n\/* Terminal card *\/\n.term-card{position:absolute;right:5%;top:50%;transform:translateY(-50%);z-index:3;width:300px;opacity:0;animation:fright .9s 1.6s forwards}\n@keyframes fright{from{opacity:0;transform:translateY(-50%) translateX(30px)}to{opacity:1;transform:translateY(-50%) translateX(0)}}\n.tc-shell{background:rgba(0,10,22,.88);border:1px solid rgba(0,204,255,.18);backdrop-filter:blur(18px);box-shadow:0 0 60px rgba(0,0,0,.7),inset 0 1px 0 rgba(0,204,255,.08)}\n.tc-bar{display:flex;align-items:center;gap:7px;padding:10px 16px;border-bottom:1px solid rgba(0,204,255,.1);background:rgba(0,204,255,.04)}\n.tc-dot{width:9px;height:9px;border-radius:50%}\n.tc-title{font-family:var(--ff-m);font-size:11px;color:var(--white3);margin-left:6px;letter-spacing:.07em}\n.tc-body{padding:16px;display:flex;flex-direction:column;gap:7px}\n.tl{display:flex;align-items:flex-start;gap:8px;opacity:0;font-family:var(--ff-m);font-size:11.5px}\n.tl.vis{animation:tlin .35s ease forwards}\n@keyframes tlin{from{opacity:0;transform:translateX(-6px)}to{opacity:1;transform:none}}\n.tp{color:var(--cyan);flex-shrink:0}.tt{color:var(--white2);line-height:1.6}\n.tt .hi{color:var(--blue)}.tt .gr{color:var(--cyan)}\n.tcur{display:inline-block;width:7px;height:12px;background:var(--blue);animation:blink .8s infinite;vertical-align:text-bottom;margin-left:2px}\n@keyframes blink{0%,100%{opacity:1}50%{opacity:0}}\n\n\/* Scroll hint *\/\n.scroll-h{position:absolute;bottom:32px;left:70px;z-index:3;display:flex;align-items:center;gap:14px;font-family:var(--ff-m);font-size:10px;color:var(--white3);letter-spacing:.16em;opacity:0;animation:fup .6s 2s forwards}\n.sh-line{width:40px;height:1px;background:rgba(0,204,255,.2);position:relative;overflow:hidden}\n.sh-line::after{content:'';position:absolute;top:0;left:-100%;height:100%;width:100%;background:linear-gradient(90deg,transparent,var(--blue),transparent);animation:sweep 2.2s infinite}\n@keyframes sweep{to{left:200%}}\n\n\/* HUD corner accents *\/\n.hud{position:absolute;pointer-events:none;z-index:3}\n.hud-tl{top:24px;left:24px}.hud-tr{top:24px;right:24px}.hud-bl{bottom:24px;left:24px}.hud-br{bottom:24px;right:24px}\n.hud svg{width:40px;height:40px;opacity:.25}\n\n@keyframes fup{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}\n\n\/* \u2500\u2500 SECTIONS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.sec{padding:120px 0;position:relative}\n.sec-alt{background:var(--c1)}\n.container{max-width:1160px;margin:0 auto;padding:0 60px}\n.stag{font-family:var(--ff-m);font-size:10px;color:var(--cyan);letter-spacing:.18em;text-transform:uppercase;display:flex;align-items:center;gap:10px;margin-bottom:14px}\n.stag::after{content:'';width:22px;height:1px;background:var(--cyan);opacity:.5}\n.sh{font-family:var(--ff-d);font-size:clamp(36px,5.2vw,68px);line-height:1;color:var(--white);margin-bottom:18px}\n.sh em{font-style:normal;color:var(--blue)}\n.sp{font-size:16px;color:var(--white2);max-width:520px;line-height:1.76;font-weight:300}\n.sbar{width:40px;height:2px;background:linear-gradient(90deg,var(--blue),var(--cyan));margin-top:24px}\n.sfn{position:absolute;right:60px;top:60px;font-family:var(--ff-d);font-size:110px;color:rgba(0,204,255,.025);line-height:1;pointer-events:none}\n\n\/* \u2500\u2500 REVEAL \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.rv,.rvl,.rvr{opacity:0;transition:opacity .85s cubic-bezier(.16,1,.3,1),transform .85s cubic-bezier(.16,1,.3,1)}\n.rv{transform:translateY(34px)}.rvl{transform:translateX(-34px)}.rvr{transform:translateX(34px)}\n.rv.in,.rvl.in,.rvr.in{opacity:1;transform:none}\n.d1{transition-delay:.1s}.d2{transition-delay:.2s}.d3{transition-delay:.3s}\n.d4{transition-delay:.4s}.d5{transition-delay:.5s}.d6{transition-delay:.6s}\n\n\/* \u2500\u2500 BLOCK 2: CHALLENGES \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.ch-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;margin-top:64px;background:rgba(0,204,255,.06)}\n.chc{background:var(--c1);padding:44px 38px;position:relative;overflow:hidden;cursor:default;transition:background .4s}\n.chc:hover{background:var(--c2)}\n.chc::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--blue),transparent);transform:scaleX(0);transition:transform .55s cubic-bezier(.16,1,.3,1)}\n.chc:hover::before{transform:scaleX(1)}\n.chc-glow{position:absolute;inset:0;opacity:0;transition:opacity .5s;background:radial-gradient(circle at 15% 85%,rgba(0,204,255,.06) 0%,transparent 60%)}\n.chc:hover .chc-glow{opacity:1}\n.chc-n{font-family:var(--ff-d);font-size:90px;color:rgba(0,204,255,.04);position:absolute;bottom:-14px;right:18px;line-height:1;transition:color .4s}\n.chc:hover .chc-n{color:rgba(0,204,255,.1)}\n.chc-ico{margin-bottom:24px;width:52px;height:52px;position:relative}\n.chc-ico-ring{position:absolute;inset:0;border:1px solid rgba(0,204,255,.2);animation:icoSpin 8s linear infinite}\n.chc-ico-ring2{position:absolute;inset:5px;border:1px solid rgba(0,204,255,.1);animation:icoSpin 12s linear infinite reverse}\n.chc-ico svg{width:20px;height:20px;stroke:var(--blue);fill:none;stroke-width:1.5;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}\n@keyframes icoSpin{to{transform:rotate(360deg)}}\n.chc-title{font-family:var(--ff-u);font-size:19px;font-weight:700;color:var(--white);margin-bottom:10px;letter-spacing:.02em;transition:color .3s}\n.chc:hover .chc-title{color:var(--blue)}\n.chc-text{font-size:14px;color:var(--white2);line-height:1.75;font-weight:300}\n.chc-bar{margin-top:22px;display:flex;align-items:center;gap:12px}\n.chc-bar-label{font-family:var(--ff-m);font-size:10px;color:var(--white3);text-transform:uppercase;letter-spacing:.1em;white-space:nowrap}\n.chc-bar-bg{flex:1;height:2px;background:rgba(255,255,255,.05);overflow:hidden}\n.chc-bar-fill{height:100%;background:linear-gradient(90deg,var(--blue3),var(--blue),var(--cyan));width:0;transition:width 1.5s cubic-bezier(.16,1,.3,1)}\n.chc-bar-val{font-family:var(--ff-m);font-size:10px;color:var(--cyan);white-space:nowrap}\n\n\/* \u2500\u2500 BLOCK 3: APPROACH \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.appr{display:grid;grid-template-columns:1fr 440px;gap:72px;margin-top:64px;align-items:start}\n.appr-steps{display:flex;flex-direction:column}\n.ast{display:flex;gap:26px;padding:30px 0;border-bottom:1px solid rgba(0,204,255,.06);cursor:default;transition:padding-left .4s cubic-bezier(.16,1,.3,1)}\n.ast:first-child{border-top:1px solid rgba(0,204,255,.06)}\n.ast:hover{padding-left:14px}\n.ast-n{font-family:var(--ff-d);font-size:46px;color:rgba(0,204,255,.1);line-height:1;min-width:54px;transition:color .4s}\n.ast:hover .ast-n{color:rgba(0,204,255,.3)}\n.ast-title{font-family:var(--ff-u);font-size:18px;font-weight:700;color:var(--white);margin-bottom:7px;letter-spacing:.02em;transition:color .3s}\n.ast:hover .ast-title{color:var(--blue)}\n.ast-text{font-size:14px;color:var(--white2);line-height:1.7;font-weight:300}\n.console{background:rgba(0,9,20,.95);border:1px solid rgba(0,204,255,.14);box-shadow:0 0 80px rgba(0,0,0,.6),inset 0 1px 0 rgba(0,204,255,.07);position:sticky;top:100px}\n.c-bar{display:flex;align-items:center;gap:7px;padding:11px 16px;border-bottom:1px solid rgba(0,204,255,.1);background:rgba(0,204,255,.04)}\n.cdot{width:9px;height:9px;border-radius:50%}\n.c-ttl{font-family:var(--ff-m);font-size:11px;color:var(--white3);margin-left:6px;letter-spacing:.07em}\n.c-body{padding:22px}\n.cm{margin-bottom:18px}\n.cm-row{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:5px}\n.cm-name{font-family:var(--ff-m);font-size:11px;color:var(--white3);letter-spacing:.07em}\n.cm-val{font-family:var(--ff-d);font-size:20px;color:var(--blue)}\n.cb-bg{height:3px;background:rgba(255,255,255,.05)}\n.cb-fg{height:100%;background:linear-gradient(90deg,var(--blue3),var(--blue),var(--cyan));width:0;transition:width 1.6s cubic-bezier(.16,1,.3,1)}\n.c-log{margin-top:20px;padding-top:16px;border-top:1px solid rgba(0,204,255,.07)}\n.c-log-row{display:flex;justify-content:space-between;margin-bottom:6px;font-family:var(--ff-m);font-size:10px}\n.c-log-k{color:var(--white3)}.c-log-v{color:var(--cyan)}\n.c-log-panel{border:1px solid rgba(0,204,255,.08);padding:12px;margin-top:12px;font-family:var(--ff-m);font-size:11px;color:var(--white2);line-height:1.8}\n.c-log-panel .p{color:var(--cyan)}.c-log-panel .v{color:var(--blue)}\n\n\/* \u2500\u2500 BLOCK 4: WHAT WE HIRE \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.hgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:64px}\n.hcard{position:relative;background:var(--c1);border:1px solid rgba(0,204,255,.09);padding:36px 28px;overflow:hidden;cursor:default;transition:transform .5s cubic-bezier(.16,1,.3,1),border-color .4s,box-shadow .5s;transform-style:preserve-3d}\n.hcard::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(0,204,255,.06) 0%,rgba(0,255,229,.02) 50%,transparent 100%);opacity:0;transition:opacity .4s}\n.hcard::after{content:'';position:absolute;top:0;right:0;width:0;height:0;border-style:solid;border-width:0 26px 26px 0;border-color:transparent rgba(0,204,255,.18) transparent transparent;transition:border-color .3s}\n.hcard:hover{transform:translateY(-7px) rotateX(2deg) rotateY(-1.5deg);border-color:rgba(0,204,255,.35);box-shadow:0 22px 80px rgba(0,0,0,.5),0 0 40px rgba(0,204,255,.08),inset 0 1px 0 rgba(0,204,255,.15)}\n.hcard:hover::before{opacity:1}\n.hcard:hover::after{border-right-color:var(--blue)}\n.hcard-shine{position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,rgba(0,204,255,.07) 50%,transparent 70%);transform:translateX(-100%);transition:transform 0s}\n.hcard:hover .hcard-shine{transform:translateX(100%);transition:transform .55s ease}\n.hcard-n{font-family:var(--ff-d);font-size:64px;color:rgba(0,204,255,.04);position:absolute;top:8px;right:14px;line-height:1;transition:color .4s}\n.hcard:hover .hcard-n{color:rgba(0,204,255,.1)}\n.hcard-ico{width:44px;height:44px;margin-bottom:20px;position:relative}\n.hcard-ico-b{position:absolute;inset:0;border:1px solid rgba(0,204,255,.28);transition:all .4s}\n.hcard:hover .hcard-ico-b{inset:-5px;border-color:rgba(0,204,255,.12)}\n.hcard-ico svg{width:19px;height:19px;stroke:var(--blue);fill:none;stroke-width:1.5;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}\n.hcard-title{font-family:var(--ff-u);font-size:16px;font-weight:700;color:var(--white);margin-bottom:10px;letter-spacing:.02em;transition:color .3s}\n.hcard:hover .hcard-title{color:var(--blue)}\n.hcard-text{font-size:13px;color:var(--white2);line-height:1.72;font-weight:300}\n.hcard-tag{margin-top:18px;padding-top:13px;border-top:1px solid rgba(0,204,255,.06);display:flex;align-items:center;gap:8px;font-family:var(--ff-m);font-size:10px;color:var(--cyan);letter-spacing:.1em;text-transform:uppercase}\n.hcard-tag::before{content:'';width:5px;height:5px;border-radius:50%;background:var(--cyan);opacity:.7;animation:pd 2s infinite}\n@keyframes pd{0%,100%{opacity:.7;transform:scale(1)}50%{opacity:.2;transform:scale(.5)}}\n\n\/* \u2500\u2500 BLOCK 5: PROCESS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.proc{margin-top:72px;position:relative}\n.proc-track{display:flex;gap:0;position:relative}\n.proc-track::before{content:'';position:absolute;top:27px;left:27px;right:27px;height:1px;background:linear-gradient(90deg,var(--blue),var(--cyan),var(--blue));opacity:.15;z-index:0}\n.pnode{flex:1;display:flex;flex-direction:column;align-items:center;position:relative;z-index:1;cursor:default}\n.pnode-dot{width:54px;height:54px;border:1px solid rgba(0,204,255,.22);background:var(--c0);display:flex;align-items:center;justify-content:center;font-family:var(--ff-d);font-size:21px;color:var(--blue);margin-bottom:22px;transition:all .4s cubic-bezier(.16,1,.3,1);clip-path:polygon(0 0,calc(100% - 9px) 0,100% 9px,100% 100%,9px 100%,0 calc(100% - 9px));position:relative}\n.pnode-dot::before{content:'';position:absolute;inset:-1px;background:conic-gradient(from 0deg,transparent 55%,var(--blue) 75%,var(--cyan) 88%,transparent);animation:spinC 3s linear infinite;clip-path:inherit;opacity:0;transition:opacity .4s}\n.pnode:hover .pnode-dot{background:var(--blue);color:var(--c0);box-shadow:0 0 32px rgba(0,204,255,.5)}\n.pnode:hover .pnode-dot::before{opacity:1}\n@keyframes spinC{to{transform:rotate(360deg)}}\n.pnode-body{text-align:center;padding:0 14px}\n.pnode-title{font-family:var(--ff-u);font-size:15px;font-weight:700;color:var(--white);margin-bottom:7px;letter-spacing:.02em;transition:color .3s}\n.pnode:hover .pnode-title{color:var(--blue)}\n.pnode-text{font-size:12px;color:var(--white2);line-height:1.65;font-weight:300}\n.proc-outs{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-top:34px}\n.po{background:rgba(0,255,229,.03);border:1px solid rgba(0,255,229,.11);padding:13px;text-align:center;font-family:var(--ff-m);font-size:10px;color:var(--cyan);letter-spacing:.06em;line-height:1.5}\n.po::before{content:'\u2192 ';opacity:.5}\n\n\/* \u2500\u2500 BLOCK 6: WHY DT \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.wgrid{display:grid;grid-template-columns:1fr 1fr;gap:1px;margin-top:64px;background:rgba(0,204,255,.05)}\n.wi{background:var(--c1);padding:44px 38px;position:relative;overflow:hidden;cursor:default;transition:background .4s}\n.wi:hover{background:var(--c2)}\n.wi-glow{position:absolute;inset:0;opacity:0;transition:opacity .5s;background:radial-gradient(circle at 80% 20%,rgba(0,255,229,.06) 0%,transparent 60%)}\n.wi:hover .wi-glow{opacity:1}\n.wi::after{content:'';position:absolute;left:0;bottom:0;width:0;height:1px;background:linear-gradient(90deg,var(--cyan),var(--blue));transition:width .5s cubic-bezier(.16,1,.3,1)}\n.wi:hover::after{width:100%}\n.wi-chk{width:36px;height:36px;border:1px solid rgba(0,255,229,.28);display:flex;align-items:center;justify-content:center;margin-bottom:20px;transition:all .3s}\n.wi:hover .wi-chk{background:rgba(0,255,229,.08);border-color:var(--cyan)}\n.wi-chk svg{width:14px;height:14px;stroke:var(--cyan);fill:none;stroke-width:2.5}\n.wi-title{font-family:var(--ff-u);font-size:19px;font-weight:700;color:var(--white);margin-bottom:10px;letter-spacing:.02em;transition:color .3s}\n.wi:hover .wi-title{color:var(--blue)}\n.wi-text{font-size:14px;color:var(--white2);line-height:1.75;font-weight:300}\n\n\/* \u2500\u2500 BLOCK 7: CTA \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n#cta{background:var(--c0);padding:160px 0;text-align:center;position:relative;overflow:hidden}\n#cta-canvas{position:absolute;inset:0;width:100%;height:100%}\n.cta-rings{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none}\n.cring{position:absolute;border-radius:50%;border:1px solid rgba(0,204,255,.05);animation:exring 6s ease-out infinite}\n@keyframes exring{0%{width:0;height:0;opacity:.7}100%{width:130vmax;height:130vmax;opacity:0}}\n.cta-inner{position:relative;z-index:2}\n.cta-eye{font-family:var(--ff-m);font-size:11px;color:var(--cyan);letter-spacing:.22em;text-transform:uppercase;display:flex;align-items:center;justify-content:center;gap:14px;margin-bottom:28px;opacity:0}\n.cta-eye::before,.cta-eye::after{content:'';width:40px;height:1px}\n.cta-eye::before{background:linear-gradient(90deg,transparent,var(--cyan))}\n.cta-eye::after{background:linear-gradient(90deg,var(--cyan),transparent)}\n.cta-h{font-family:var(--ff-d);font-size:clamp(54px,10vw,130px);line-height:.92;letter-spacing:.01em;margin-bottom:24px}\n.cta-solid{display:block;color:var(--white)}\n.cta-outline{display:block;color:transparent;-webkit-text-stroke:2px var(--blue);animation:outpulse 3s ease-in-out infinite}\n@keyframes outpulse{0%,100%{-webkit-text-stroke-color:var(--blue)}50%{-webkit-text-stroke-color:var(--cyan)}}\n.cta-sub{font-size:17px;color:var(--white2);max-width:420px;margin:0 auto 52px;font-weight:300;line-height:1.7}\n.cta-btns{display:flex;align-items:center;justify-content:center;gap:24px;flex-wrap:wrap}\n.cta-main{display:inline-flex;align-items:center;gap:14px;padding:22px 52px;background:var(--blue);color:var(--c0);font-family:var(--ff-u);font-size:16px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;text-decoration:none;position:relative;overflow:hidden;cursor:none;transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s;clip-path:polygon(0 0,calc(100% - 16px) 0,100% 16px,100% 100%,16px 100%,0 calc(100% - 16px))}\n.cta-main::before{content:'';position:absolute;top:-40%;left:-50%;width:55%;height:180%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.28),transparent);transform:skewX(-20deg);animation:btnshine 3s ease-in-out infinite 1.2s}\n@keyframes btnshine{0%{left:-60%}100%{left:170%}}\n.cta-main:hover{transform:scale(1.03) translateY(-3px);box-shadow:0 20px 60px rgba(0,204,255,.4)}\n.cta-main:hover svg{transform:translateX(5px)}\n.cta-main svg{width:17px;height:17px;transition:transform .3s}\n.cta-note{font-family:var(--ff-m);font-size:11px;color:var(--white3);letter-spacing:.1em;display:flex;align-items:center;gap:10px}\n.cta-note::before{content:'';width:5px;height:5px;border-radius:50%;background:var(--cyan);animation:pd 2s infinite}\n\n\/* \u2500\u2500 RESPONSIVE \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n@media(max-width:1050px){.term-card{display:none}.appr{grid-template-columns:1fr}.hgrid{grid-template-columns:1fr 1fr}}\n@media(max-width:750px){.container{padding:0 24px}.hero-inner{padding:0 24px}.ch-grid,.wgrid{grid-template-columns:1fr}.hgrid{grid-template-columns:1fr}.proc-track{flex-direction:column;align-items:flex-start}.proc-track::before{display:none}.proc-outs{grid-template-columns:1fr 1fr}.scroll-h{left:24px}}\n<\/style>\n<\/head>\n<body>\n\n<div id=\"prog\"><\/div>\n<div id=\"co\"><\/div>\n<div id=\"ci\"><\/div>\n<div id=\"noise\"><\/div>\n<div class=\"scan\"><\/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\n BLOCK 1 \u00b7 HERO \u2014 THREE.JS WEBGL\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 -->\n<section id=\"hero\">\n <canvas id=\"threejs-canvas\"><\/canvas>\n <div class=\"hero-vignette\"><\/div>\n\n <!-- HUD corner brackets -->\n <div class=\"hud hud-tl\"><svg viewBox=\"0 0 40 40\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1\"><path d=\"M0 16V0h16\"\/><\/svg><\/div>\n <div class=\"hud hud-tr\"><svg viewBox=\"0 0 40 40\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1\"><path d=\"M40 16V0H24\"\/><\/svg><\/div>\n <div class=\"hud hud-bl\"><svg viewBox=\"0 0 40 40\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1\"><path d=\"M0 24v16h16\"\/><\/svg><\/div>\n <div class=\"hud hud-br\"><svg viewBox=\"0 0 40 40\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1\"><path d=\"M40 24v16H24\"\/><\/svg><\/div>\n\n <div class=\"hero-inner\">\n <p class=\"hero-tag\"><span class=\"ht-line\"><\/span>DT Solutions \u00b7 Permanent Hiring<span class=\"ht-line\"><\/span><\/p>\n <h1 class=\"h1\">\n <span class=\"h1-line h1-solid\"><span class=\"h1-inner\" id=\"hl1\">PERMANENT<\/span><\/span>\n <span class=\"h1-line h1-glitch-wrap\"><span class=\"h1-inner\" id=\"hl2\"><span class=\"h1-glitch\" data-t=\"HIRING\">HIRING<\/span><\/span><\/span>\n <span class=\"h1-line h1-accent\"><span class=\"h1-inner\" id=\"hl3\">SOLUTIONS<\/span><\/span>\n <\/h1>\n <p class=\"hero-sub\">Strategic hiring aligned to your business goals, culture, and long-term execution priorities. Build teams that sustain growth.<\/p>\n <ul class=\"hero-ul\">\n <li>Hire for long-term impact, not short-term gaps<\/li>\n <li>Identify talent aligned to role and business context<\/li>\n <li>Reduce hiring risk with structured evaluation<\/li>\n <\/ul>\n <div class=\"hero-foot\">\n <a href=\"#approach\" class=\"mbtn\" id=\"hbtn\">\n <div class=\"mbtn-bg\"><\/div>\n <span>Explore Our Approach<\/span>\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M8 3v10M3 8l5 5 5-5\"\/><\/svg>\n <\/a>\n <div class=\"hstats\">\n <div class=\"hs\"><span class=\"hs-n\" data-count=\"94\" data-sfx=\"%\">0<\/span><span class=\"hs-l\">Retention<\/span><\/div>\n <div class=\"hs\"><span class=\"hs-n\" data-count=\"500\" data-sfx=\"+\">0<\/span><span class=\"hs-l\">Placements<\/span><\/div>\n <div class=\"hs\"><span class=\"hs-n\" data-count=\"3\" data-sfx=\"\u00d7\">0<\/span><span class=\"hs-l\">Faster Hire<\/span><\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- Terminal card -->\n <div class=\"term-card\">\n <div class=\"tc-shell\">\n <div class=\"tc-bar\">\n <div class=\"tc-dot\" style=\"background:#ff5f56\"><\/div>\n <div class=\"tc-dot\" style=\"background:#ffbd2e\"><\/div>\n <div class=\"tc-dot\" style=\"background:#27c93f\"><\/div>\n <span class=\"tc-title\">dt-hiring-engine.exe<\/span>\n <\/div>\n <div class=\"tc-body\" id=\"tcBody\">\n <div class=\"tl\"><span class=\"tp\">\u203a<\/span><span class=\"tt\"><span class=\"gr\">\u2713<\/span> Initializing search pipeline<\/span><\/div>\n <div class=\"tl\"><span class=\"tp\">\u203a<\/span><span class=\"tt\">Scanning <span class=\"hi\">talent pool<\/span> [4,217 candidates]<\/span><\/div>\n <div class=\"tl\"><span class=\"tp\">\u203a<\/span><span class=\"tt\">Applying <span class=\"hi\">culture-fit<\/span> filters...<\/span><\/div>\n <div class=\"tl\"><span class=\"tp\">\u203a<\/span><span class=\"tt\">Match score threshold: <span class=\"gr\">\u2265 87%<\/span><\/span><\/div>\n <div class=\"tl\"><span class=\"tp\">\u203a<\/span><span class=\"tt\">Qualified candidates: <span class=\"gr\">12 found<\/span><\/span><\/div>\n <div class=\"tl\"><span class=\"tp\">\u203a<\/span><span class=\"tt\">Shortlist ready. <span class=\"hi\">Presenting to client<\/span><span class=\"tcur\"><\/span><\/span><\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"scroll-h\">\n <div class=\"sh-line\"><\/div>\n SCROLL TO EXPLORE\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\n BLOCK 2 \u00b7 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 -->\n<section class=\"sec sec-alt\" id=\"challenges\">\n <div class=\"sfn rv\">02<\/div>\n <div class=\"container\">\n <div class=\"rv\"><p class=\"stag\">02 \u00b7 Pain Points<\/p><h2 class=\"sh\">CHALLENGES IN<br><em>LONG-TERM HIRING<\/em><\/h2><p class=\"sp\">Organizations struggle to build stable, high-performing teams due to misalignment, limited talent access, and inefficient processes.<\/p><div class=\"sbar\"><\/div><\/div>\n <div class=\"ch-grid rv d2\">\n <div class=\"chc\"><div class=\"chc-glow\"><\/div><div class=\"chc-n\">01<\/div><div class=\"chc-ico\"><div class=\"chc-ico-ring\"><\/div><div class=\"chc-ico-ring2\"><\/div><svg viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"8\" r=\"4\"\/><path d=\"M4 20c0-4 3.6-7 8-7s8 3 8 7\"\/><\/svg><\/div><h3 class=\"chc-title\">Identifying Long-Term Fit<\/h3><p class=\"chc-text\">Candidates may meet role requirements but lack alignment with team dynamics, culture, or long-term business direction.<\/p><div class=\"chc-bar\"><span class=\"chc-bar-label\">Impact<\/span><div class=\"chc-bar-bg\"><div class=\"chc-bar-fill\" data-w=\"88%\"><\/div><\/div><span class=\"chc-bar-val\">88%<\/span><\/div><\/div>\n <div class=\"chc\"><div class=\"chc-glow\"><\/div><div class=\"chc-n\">02<\/div><div class=\"chc-ico\"><div class=\"chc-ico-ring\" style=\"animation-delay:.5s\"><\/div><div class=\"chc-ico-ring2\" style=\"animation-delay:1s\"><\/div><svg viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"9\"\/><polyline points=\"12 6 12 12 16 14\"\/><\/svg><\/div><h3 class=\"chc-title\">Extended Hiring Cycles<\/h3><p class=\"chc-text\">Unclear requirements and fragmented processes slow hiring, leading to missed opportunities and loss of strong candidates.<\/p><div class=\"chc-bar\"><span class=\"chc-bar-label\">Impact<\/span><div class=\"chc-bar-bg\"><div class=\"chc-bar-fill\" data-w=\"75%\"><\/div><\/div><span class=\"chc-bar-val\">75%<\/span><\/div><\/div>\n <div class=\"chc\"><div class=\"chc-glow\"><\/div><div class=\"chc-n\">03<\/div><div class=\"chc-ico\"><div class=\"chc-ico-ring\" style=\"animation-delay:1s\"><\/div><div class=\"chc-ico-ring2\" style=\"animation-delay:1.5s\"><\/div><svg viewBox=\"0 0 24 24\"><path d=\"M9 11l3 3 8-8\"\/><path d=\"M21 12v7a2 2 0 01-2 2H5a2 2 0 01-2-2V5a2 2 0 012-2h11\"\/><\/svg><\/div><h3 class=\"chc-title\">Inconsistent Evaluation<\/h3><p class=\"chc-text\">Without a structured approach, hiring decisions become subjective, increasing the risk of poor fit and early attrition.<\/p><div class=\"chc-bar\"><span class=\"chc-bar-label\">Impact<\/span><div class=\"chc-bar-bg\"><div class=\"chc-bar-fill\" data-w=\"82%\"><\/div><\/div><span class=\"chc-bar-val\">82%<\/span><\/div><\/div>\n <div class=\"chc\"><div class=\"chc-glow\"><\/div><div class=\"chc-n\">04<\/div><div class=\"chc-ico\"><div class=\"chc-ico-ring\" style=\"animation-delay:1.5s\"><\/div><div class=\"chc-ico-ring2\" style=\"animation-delay:2s\"><\/div><svg viewBox=\"0 0 24 24\"><circle cx=\"11\" cy=\"11\" r=\"8\"\/><line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"\/><\/svg><\/div><h3 class=\"chc-title\">Limited Quality Talent Access<\/h3><p class=\"chc-text\">Reaching candidates with the right skills, experience, and business context remains a persistent challenge.<\/p><div class=\"chc-bar\"><span class=\"chc-bar-label\">Impact<\/span><div class=\"chc-bar-bg\"><div class=\"chc-bar-fill\" data-w=\"91%\"><\/div><\/div><span class=\"chc-bar-val\">91%<\/span><\/div><\/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\n BLOCK 3 \u00b7 APPROACH\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<section class=\"sec\" id=\"approach\">\n <div class=\"sfn rv\">03<\/div>\n <div class=\"container\">\n <div class=\"rv\"><p class=\"stag\">03 \u00b7 Methodology<\/p><h2 class=\"sh\">OUR HIRING<br><em>APPROACH<\/em><\/h2><p class=\"sp\">Structured, business-aligned hiring that focuses on long-term fit, role clarity, and consistent evaluation for successful outcomes.<\/p><div class=\"sbar\"><\/div><\/div>\n <div class=\"appr\">\n <div class=\"appr-steps rvl\">\n <div class=\"ast\"><div class=\"ast-n\">01<\/div><div><h3 class=\"ast-title\">Role & Business Alignment First<\/h3><p class=\"ast-text\">We clarify role expectations, team context, and success criteria with you before initiating any search activity.<\/p><\/div><\/div>\n <div class=\"ast\"><div class=\"ast-n\">02<\/div><div><h3 class=\"ast-title\">Targeted Sourcing on Relevance<\/h3><p class=\"ast-text\">We identify candidates based on technical capability and alignment with your business environment and long-term goals.<\/p><\/div><\/div>\n <div class=\"ast\"><div class=\"ast-n\">03<\/div><div><h3 class=\"ast-title\">Structured Evaluation & Shortlisting<\/h3><p class=\"ast-text\">Candidates go through consistent multi-layer evaluation to ensure quality, fit, and readiness before reaching your desk.<\/p><\/div><\/div>\n <div class=\"ast\"><div class=\"ast-n\">04<\/div><div><h3 class=\"ast-title\">Decision Support & Presentation<\/h3><p class=\"ast-text\">We present a refined shortlist and support your team through evaluation and decision-making to accelerate outcomes.<\/p><\/div><\/div>\n <\/div>\n <div class=\"rvr\">\n <div class=\"console\">\n <div class=\"c-bar\"><div class=\"cdot\" style=\"background:#ff5f56\"><\/div><div class=\"cdot\" style=\"background:#ffbd2e\"><\/div><div class=\"cdot\" style=\"background:#27c93f\"><\/div><span class=\"c-ttl\">hiring-intelligence.sys<\/span><\/div>\n <div class=\"c-body\">\n <div class=\"cm\"><div class=\"cm-row\"><span class=\"cm-name\">CULTURE_FIT<\/span><span class=\"cm-val\">96%<\/span><\/div><div class=\"cb-bg\"><div class=\"cb-fg\" data-w=\"96%\"><\/div><\/div><\/div>\n <div class=\"cm\"><div class=\"cm-row\"><span class=\"cm-name\">TECHNICAL_MATCH<\/span><span class=\"cm-val\">91%<\/span><\/div><div class=\"cb-bg\"><div class=\"cb-fg\" data-w=\"91%\" style=\"transition-delay:.15s\"><\/div><\/div><\/div>\n <div class=\"cm\"><div class=\"cm-row\"><span class=\"cm-name\">RETENTION_FORECAST<\/span><span class=\"cm-val\">88%<\/span><\/div><div class=\"cb-bg\"><div class=\"cb-fg\" data-w=\"88%\" style=\"transition-delay:.3s\"><\/div><\/div><\/div>\n <div class=\"cm\"><div class=\"cm-row\"><span class=\"cm-name\">CLIENT_SATISFACTION<\/span><span class=\"cm-val\">97%<\/span><\/div><div class=\"cb-bg\"><div class=\"cb-fg\" data-w=\"97%\" style=\"transition-delay:.45s\"><\/div><\/div><\/div>\n <div class=\"cm\"><div class=\"cm-row\"><span class=\"cm-name\">AVG_PLACEMENT_DAYS<\/span><span class=\"cm-val\">18d<\/span><\/div><div class=\"cb-bg\"><div class=\"cb-fg\" data-w=\"72%\" style=\"background:linear-gradient(90deg,var(--cyan2),var(--cyan));transition-delay:.6s\"><\/div><\/div><\/div>\n <div class=\"c-log\">\n <div class=\"c-log-row\"><span class=\"c-log-k\">Q2_PIPELINE<\/span><span class=\"c-log-v\">47 roles active<\/span><\/div>\n <div class=\"c-log-row\"><span class=\"c-log-k\">OFFERS_ACCEPTED<\/span><span class=\"c-log-v\">94.3%<\/span><\/div>\n <div class=\"c-log-row\"><span class=\"c-log-k\">AVG_TIME_TO_FILL<\/span><span class=\"c-log-v\">18 days<\/span><\/div>\n <div class=\"c-log-panel\"><span class=\"p\">\u203a<\/span> Pipeline status: <span class=\"v\">OPTIMAL<\/span><br><span class=\"p\">\u203a<\/span> Next review: <span class=\"v\">48h<\/span><span class=\"tcur\" style=\"margin-left:2px\"><\/span><\/div>\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\n BLOCK 4 \u00b7 WHAT WE HIRE FOR\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 -->\n<section class=\"sec sec-alt\" id=\"what-we-hire\">\n <div class=\"sfn rv\">04<\/div>\n <div class=\"container\">\n <div class=\"rv\"><p class=\"stag\">04 \u00b7 Hiring Domains<\/p><h2 class=\"sh\">WHAT WE<br><em>HIRE FOR<\/em><\/h2><p class=\"sp\">Long-term capability across critical business functions \u2014 ensuring stability, continuity, and sustained performance.<\/p><div class=\"sbar\"><\/div><\/div>\n <div class=\"hgrid\">\n <div class=\"hcard rv d1\" data-tilt><div class=\"hcard-shine\"><\/div><div class=\"hcard-n\">01<\/div><div class=\"hcard-ico\"><div class=\"hcard-ico-b\"><\/div><svg viewBox=\"0 0 24 24\"><rect x=\"2\" y=\"3\" width=\"20\" height=\"14\" rx=\"2\"\/><path d=\"M8 21h8M12 17v4\"\/><\/svg><\/div><h3 class=\"hcard-title\">Technology & Platform Capability<\/h3><p class=\"hcard-text\">Build engineering and platform teams that support scalable systems and long-term innovation across your tech stack.<\/p><div class=\"hcard-tag\">Engineering \u00b7 Platform \u00b7 DevOps<\/div><\/div>\n <div class=\"hcard rv d2\" data-tilt><div class=\"hcard-shine\"><\/div><div class=\"hcard-n\">02<\/div><div class=\"hcard-ico\"><div class=\"hcard-ico-b\"><\/div><svg viewBox=\"0 0 24 24\"><polyline points=\"22 12 18 12 15 21 9 3 6 12 2 12\"\/><\/svg><\/div><h3 class=\"hcard-title\">Data & Decision-Making Capability<\/h3><p class=\"hcard-text\">Strengthen decisions through dedicated data engineering, analytics, and BI roles built for your data culture.<\/p><div class=\"hcard-tag\">Data \u00b7 Analytics \u00b7 BI<\/div><\/div>\n <div class=\"hcard rv d3\" data-tilt><div class=\"hcard-shine\"><\/div><div class=\"hcard-n\">03<\/div><div class=\"hcard-ico\"><div class=\"hcard-ico-b\"><\/div><svg viewBox=\"0 0 24 24\"><path d=\"M3 9l9-7 9 7v11a2 2 0 01-2 2H5a2 2 0 01-2-2z\"\/><polyline points=\"9 22 9 12 15 12 15 22\"\/><\/svg><\/div><h3 class=\"hcard-title\">Business & Operational Strength<\/h3><p class=\"hcard-text\">Enhance internal efficiency with roles focused on process, operations, and strategic business analysis.<\/p><div class=\"hcard-tag\">Operations \u00b7 Strategy \u00b7 BA<\/div><\/div>\n <div class=\"hcard rv d1\" data-tilt><div class=\"hcard-shine\"><\/div><div class=\"hcard-n\">04<\/div><div class=\"hcard-ico\"><div class=\"hcard-ico-b\"><\/div><svg viewBox=\"0 0 24 24\"><path d=\"M12 2L2 7l10 5 10-5-10-5z\"\/><path d=\"M2 17l10 5 10-5M2 12l10 5 10-5\"\/><\/svg><\/div><h3 class=\"hcard-title\">Product & Delivery Ownership<\/h3><p class=\"hcard-text\">Establish product direction and execution ownership through experienced delivery and PM professionals.<\/p><div class=\"hcard-tag\">Product \u00b7 Delivery \u00b7 Agile<\/div><\/div>\n <div class=\"hcard rv d2\" data-tilt><div class=\"hcard-shine\"><\/div><div class=\"hcard-n\">05<\/div><div class=\"hcard-ico\"><div class=\"hcard-ico-b\"><\/div><svg viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M12 8v4l3 3\"\/><\/svg><\/div><h3 class=\"hcard-title\">Industry & Domain Alignment<\/h3><p class=\"hcard-text\">Bring in deep industry expertise to align with business context, vertical specialization, and regulatory requirements.<\/p><div class=\"hcard-tag\">Domain \u00b7 Industry \u00b7 Compliance<\/div><\/div>\n <div class=\"hcard rv d3\" data-tilt><div class=\"hcard-shine\"><\/div><div class=\"hcard-n\">06<\/div><div class=\"hcard-ico\"><div class=\"hcard-ico-b\"><\/div><svg viewBox=\"0 0 24 24\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><\/svg><\/div><h3 class=\"hcard-title\">Quality & Support Stability<\/h3><p class=\"hcard-text\">Ensure system reliability and operational continuity through dedicated QA and support functions.<\/p><div class=\"hcard-tag\">QA \u00b7 Testing \u00b7 Support<\/div><\/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\n BLOCK 5 \u00b7 PROCESS\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 -->\n<section class=\"sec\" id=\"process\">\n <div class=\"sfn rv\">05<\/div>\n <div class=\"container\">\n <div class=\"rv\"><p class=\"stag\">05 \u00b7 How We Work<\/p><h2 class=\"sh\">OUR HIRING<br><em>PROCESS<\/em><\/h2><p class=\"sp\">Structured, consistent, and aligned to long-term hiring success \u2014 every step engineered to deliver.<\/p><div class=\"sbar\"><\/div><\/div>\n <div class=\"proc rv d2\">\n <div class=\"proc-track\">\n <div class=\"pnode\"><div class=\"pnode-dot\">01<\/div><div class=\"pnode-body\"><h3 class=\"pnode-title\">Define the Mandate<\/h3><p class=\"pnode-text\">Clarify role requirements, success criteria, team structure, and priorities with all stakeholders.<\/p><\/div><\/div>\n <div class=\"pnode\"><div class=\"pnode-dot\">02<\/div><div class=\"pnode-body\"><h3 class=\"pnode-title\">Market Mapping & Sourcing<\/h3><p class=\"pnode-text\">Identify and engage relevant talent across active and passive pools based on role and business context.<\/p><\/div><\/div>\n <div class=\"pnode\"><div class=\"pnode-dot\">03<\/div><div class=\"pnode-body\"><h3 class=\"pnode-title\">Evaluate & Shortlist<\/h3><p class=\"pnode-text\">Structured multi-layer assessment. Present only a refined, qualified shortlist \u2014 no filler, no noise.<\/p><\/div><\/div>\n <div class=\"pnode\"><div class=\"pnode-dot\">04<\/div><div class=\"pnode-body\"><h3 class=\"pnode-title\">Interview & Feedback<\/h3><p class=\"pnode-text\">Coordinate interviews, streamline feedback loops, ensure alignment across all decision-makers.<\/p><\/div><\/div>\n <div class=\"pnode\"><div class=\"pnode-dot\">05<\/div><div class=\"pnode-body\"><h3 class=\"pnode-title\">Selection & Closure<\/h3><p class=\"pnode-text\">Assist with final selection, offer alignment, and closing for timely, successful outcomes.<\/p><\/div><\/div>\n <\/div>\n <div class=\"proc-outs\">\n <div class=\"po\">Clear alignment reduces rework<\/div>\n <div class=\"po\">Targeted sourcing improves quality<\/div>\n <div class=\"po\">Consistent evaluation reduces risk<\/div>\n <div class=\"po\">Efficient coordination saves time<\/div>\n <div class=\"po\">Structured closure improves acceptance<\/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\n BLOCK 6 \u00b7 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 -->\n<section class=\"sec sec-alt\" id=\"why-dt\">\n <div class=\"sfn rv\">06<\/div>\n <div class=\"container\">\n <div class=\"rv\"><p class=\"stag\">06 \u00b7 Differentiators<\/p><h2 class=\"sh\">WHY <em>DT SOLUTIONS<\/em><\/h2><p class=\"sp\">What sets our hiring approach apart \u2014 and why it delivers lasting results for our clients.<\/p><div class=\"sbar\"><\/div><\/div>\n <div class=\"wgrid rv d2\">\n <div class=\"wi\"><div class=\"wi-glow\"><\/div><div class=\"wi-chk\"><svg viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/div><h3 class=\"wi-title\">Hiring Aligned to Business Outcomes<\/h3><p class=\"wi-text\">We align hiring with your business goals, team structure, and performance expectations \u2014 not just role specs.<\/p><\/div>\n <div class=\"wi\"><div class=\"wi-glow\"><\/div><div class=\"wi-chk\"><svg viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/div><h3 class=\"wi-title\">Structured & Consistent Evaluation<\/h3><p class=\"wi-text\">Every candidate assessed through a defined, repeatable process \u2014 reducing subjectivity and risk across all hires.<\/p><\/div>\n <div class=\"wi\"><div class=\"wi-glow\"><\/div><div class=\"wi-chk\"><svg viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/div><h3 class=\"wi-title\">Quality Over Volume, Always<\/h3><p class=\"wi-text\">We prioritize relevance and fit over quantity \u2014 presenting only candidates genuinely aligned to your requirements.<\/p><\/div>\n <div class=\"wi\"><div class=\"wi-glow\"><\/div><div class=\"wi-chk\"><svg viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/div><h3 class=\"wi-title\">Deep Understanding of Role Context<\/h3><p class=\"wi-text\">We go beyond job descriptions \u2014 team dynamics, operating environment, and real success criteria matter to us.<\/p><\/div>\n <div class=\"wi\"><div class=\"wi-glow\"><\/div><div class=\"wi-chk\"><svg viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/div><h3 class=\"wi-title\">Efficient & Transparent Execution<\/h3><p class=\"wi-text\">Clear communication, structured coordination, and streamlined processes from first contact to close.<\/p><\/div>\n <div class=\"wi\"><div class=\"wi-glow\"><\/div><div class=\"wi-chk\"><svg viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/div><h3 class=\"wi-title\">Long-Term Fit & Retention Focus<\/h3><p class=\"wi-text\">Designed to improve retention, stability, and long-term team performance \u2014 not just fill seats fast.<\/p><\/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\n BLOCK 7 \u00b7 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 -->\n<section id=\"cta\">\n <canvas id=\"cta-canvas\"><\/canvas>\n <div class=\"cta-rings\">\n <div class=\"cring\" style=\"animation-delay:0s\"><\/div>\n <div class=\"cring\" style=\"animation-delay:1.5s\"><\/div>\n <div class=\"cring\" style=\"animation-delay:3s\"><\/div>\n <div class=\"cring\" style=\"animation-delay:4.5s\"><\/div>\n <\/div>\n <div class=\"container\">\n <div class=\"cta-inner rv\">\n <p class=\"cta-eye\" id=\"ctaEye\">Begin Your Journey<\/p>\n <h2 class=\"cta-h\"><span class=\"cta-solid\">YOUR NEXT<\/span><span class=\"cta-outline\">GREAT HIRE<\/span><\/h2>\n <p class=\"cta-sub\">Let's build a team that drives your business forward \u2014 not just for today, but for the long run.<\/p>\n <div class=\"cta-btns\">\n <a href=\"#\" class=\"cta-main mbtn\" id=\"ctaBtn\">\n <div class=\"mbtn-bg\" style=\"background:var(--c0);transform:translateY(101%)\"><\/div>\n <span>Discuss Your Hiring Needs<\/span>\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\n <\/a>\n <span class=\"cta-note\">No commitment required<\/span>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<!-- Three.js CDN -->\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/three@0.128.0\/build\/three.min.js\"><\/script>\n<script>\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\n THREE.JS HERO \u2014 TALENT SPHERE\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 *\/\n(function() {\n const canvas = document.getElementById('threejs-canvas');\n const scene = new THREE.Scene();\n const camera = new THREE.PerspectiveCamera(50, 1, 0.1, 200);\n camera.position.set(2, 0, 12);\n\n const renderer = new THREE.WebGLRenderer({ canvas, antialias: true, alpha: true });\n renderer.setPixelRatio(Math.min(devicePixelRatio, 2));\n renderer.setClearColor(0x000000, 0);\n\n function resize() {\n const W = canvas.offsetWidth, H = canvas.offsetHeight;\n camera.aspect = W \/ H;\n camera.updateProjectionMatrix();\n renderer.setSize(W, H);\n }\n resize();\n window.addEventListener('resize', resize);\n\n \/* \u2500 Particle texture \u2500 *\/\n const ptCanvas = document.createElement('canvas');\n ptCanvas.width = ptCanvas.height = 64;\n const ptCtx = ptCanvas.getContext('2d');\n const ptGrad = ptCtx.createRadialGradient(32, 32, 0, 32, 32, 32);\n ptGrad.addColorStop(0, 'rgba(255,255,255,1)');\n ptGrad.addColorStop(0.3, 'rgba(0,220,255,0.9)');\n ptGrad.addColorStop(0.7, 'rgba(0,160,255,0.4)');\n ptGrad.addColorStop(1, 'rgba(0,0,0,0)');\n ptCtx.fillStyle = ptGrad;\n ptCtx.fillRect(0, 0, 64, 64);\n const ptTex = new THREE.CanvasTexture(ptCanvas);\n\n \/* \u2500 Main sphere particles \u2500 *\/\n const SPHERE_R = 3.4;\n const MAIN_COUNT = 8000;\n const mainPos = new Float32Array(MAIN_COUNT * 3);\n const mainCol = new Float32Array(MAIN_COUNT * 3);\n const mainSz = new Float32Array(MAIN_COUNT);\n\n for (let i = 0; i < MAIN_COUNT; i++) {\n const phi = Math.acos(1 - 2 * (i + 0.5) \/ MAIN_COUNT);\n const theta = Math.PI * (1 + Math.sqrt(5)) * i;\n const jitter = 0.10;\n const r = SPHERE_R + (Math.random() - 0.5) * jitter;\n mainPos[i * 3] = r * Math.sin(phi) * Math.cos(theta);\n mainPos[i * 3 + 1] = r * Math.cos(phi);\n mainPos[i * 3 + 2] = r * Math.sin(phi) * Math.sin(theta);\n const polarity = Math.abs(Math.cos(phi));\n \/\/ Brighter: poles = white, equator = vivid cyan-blue\n mainCol[i * 3] = polarity * 0.3 + 0.05;\n mainCol[i * 3 + 1] = polarity * 0.6 + 0.75;\n mainCol[i * 3 + 2] = 1.0;\n mainSz[i] = Math.random() * 2.2 + 0.8;\n }\n\n const mainGeo = new THREE.BufferGeometry();\n mainGeo.setAttribute('position', new THREE.BufferAttribute(mainPos, 3));\n mainGeo.setAttribute('color', new THREE.BufferAttribute(mainCol, 3));\n mainGeo.setAttribute('size', new THREE.BufferAttribute(mainSz, 1));\n const mainMat = new THREE.PointsMaterial({\n size: 0.085, map: ptTex, vertexColors: true,\n transparent: true, blending: THREE.AdditiveBlending, depthWrite: false,\n opacity: 0.95\n });\n const mainSphere = new THREE.Points(mainGeo, mainMat);\n scene.add(mainSphere);\n\n \/* \u2500 Inner dense core particles \u2500 *\/\n const CORE_COUNT = 1200;\n const corePos = new Float32Array(CORE_COUNT * 3);\n for (let i = 0; i < CORE_COUNT; i++) {\n const phi = Math.acos(2 * Math.random() - 1);\n const theta = Math.random() * Math.PI * 2;\n const r = SPHERE_R * (0.1 + Math.random() * 0.55);\n corePos[i * 3] = r * Math.sin(phi) * Math.cos(theta);\n corePos[i * 3 + 1] = r * Math.cos(phi);\n corePos[i * 3 + 2] = r * Math.sin(phi) * Math.sin(theta);\n }\n const coreGeo = new THREE.BufferGeometry();\n coreGeo.setAttribute('position', new THREE.BufferAttribute(corePos, 3));\n const coreMat = new THREE.PointsMaterial({\n size: 0.05, color: 0x00eeff, transparent: true, opacity: 0.65,\n blending: THREE.AdditiveBlending, depthWrite: false, map: ptTex\n });\n scene.add(new THREE.Points(coreGeo, coreMat));\n\n \/* \u2500 Outer nebula particles \u2500 *\/\n const NEBULA_COUNT = 2500;\n const nebPos = new Float32Array(NEBULA_COUNT * 3);\n for (let i = 0; i < NEBULA_COUNT; i++) {\n const phi = Math.acos(2 * Math.random() - 1);\n const theta = Math.random() * Math.PI * 2;\n const r = SPHERE_R * (1.3 + Math.random() * 1.4);\n nebPos[i * 3] = r * Math.sin(phi) * Math.cos(theta);\n nebPos[i * 3 + 1] = r * Math.cos(phi);\n nebPos[i * 3 + 2] = r * Math.sin(phi) * Math.sin(theta);\n }\n const nebGeo = new THREE.BufferGeometry();\n nebGeo.setAttribute('position', new THREE.BufferAttribute(nebPos, 3));\n const nebMat = new THREE.PointsMaterial({\n size: 0.025, color: 0x0088bb, transparent: true, opacity: 0.3,\n blending: THREE.AdditiveBlending, depthWrite: false\n });\n scene.add(new THREE.Points(nebGeo, nebMat));\n\n \/* \u2500\u2500\u2500 WIREFRAME ICOSAHEDRON \u2014 BRIGHT \u2500\u2500\u2500 *\/\n const icoGeo = new THREE.IcosahedronGeometry(SPHERE_R * 0.98, 2);\n const icoMat = new THREE.MeshBasicMaterial({\n color: 0x00e5ff, wireframe: true, transparent: true, opacity: 0.22,\n blending: THREE.AdditiveBlending\n });\n const ico = new THREE.Mesh(icoGeo, icoMat);\n scene.add(ico);\n\n \/* \u2500\u2500\u2500 OUTER ICOSAHEDRON \u2014 GLOW LAYER \u2500\u2500\u2500 *\/\n const ico2 = new THREE.Mesh(\n new THREE.IcosahedronGeometry(SPHERE_R * 1.02, 2),\n new THREE.MeshBasicMaterial({\n color: 0x0077ff, wireframe: true, transparent: true, opacity: 0.08,\n blending: THREE.AdditiveBlending\n })\n );\n scene.add(ico2);\n\n \/* \u2500\u2500\u2500 LARGE OUTER WIREFRAME \u2500\u2500\u2500 *\/\n const ico3 = new THREE.Mesh(\n new THREE.IcosahedronGeometry(SPHERE_R * 1.22, 1),\n new THREE.MeshBasicMaterial({\n color: 0x00ccff, wireframe: true, transparent: true, opacity: 0.10,\n blending: THREE.AdditiveBlending\n })\n );\n scene.add(ico3);\n\n \/* \u2500\u2500\u2500 GLOWING RING BUILDER \u2500\u2500\u2500 *\/\n \/\/ Each ring = solid bright core torus + fat glow halo torus + particle trail\n function makeGlowRing(radius, rx, ry, rz, colorCore, colorGlow, speed) {\n const group = new THREE.Group();\n group.rotation.set(rx, ry, rz);\n\n \/\/ Core bright ring\n const coreMesh = new THREE.Mesh(\n new THREE.TorusGeometry(radius, 0.018, 8, 200),\n new THREE.MeshBasicMaterial({ color: colorCore, transparent: true, opacity: 0.95, blending: THREE.AdditiveBlending })\n );\n group.add(coreMesh);\n\n \/\/ Inner glow (slightly smaller tube, higher opacity)\n const innerGlow = new THREE.Mesh(\n new THREE.TorusGeometry(radius, 0.008, 8, 200),\n new THREE.MeshBasicMaterial({ color: 0xffffff, transparent: true, opacity: 0.55, blending: THREE.AdditiveBlending })\n );\n group.add(innerGlow);\n\n \/\/ Outer soft glow halo\n const haloMesh = new THREE.Mesh(\n new THREE.TorusGeometry(radius, 0.065, 8, 200),\n new THREE.MeshBasicMaterial({ color: colorGlow, transparent: true, opacity: 0.18, blending: THREE.AdditiveBlending })\n );\n group.add(haloMesh);\n\n \/\/ Wide diffuse halo\n const wideHalo = new THREE.Mesh(\n new THREE.TorusGeometry(radius, 0.18, 8, 200),\n new THREE.MeshBasicMaterial({ color: colorGlow, transparent: true, opacity: 0.06, blending: THREE.AdditiveBlending })\n );\n group.add(wideHalo);\n\n \/\/ Particle dots along ring\n const ringDotCount = 90;\n const rdPos = new Float32Array(ringDotCount * 3);\n for (let i = 0; i < ringDotCount; i++) {\n const a = (i \/ ringDotCount) * Math.PI * 2;\n rdPos[i*3] = Math.cos(a) * radius;\n rdPos[i*3+1] = Math.sin(a) * radius;\n rdPos[i*3+2] = 0;\n }\n const rdGeo = new THREE.BufferGeometry();\n rdGeo.setAttribute('position', new THREE.BufferAttribute(rdPos, 3));\n const rdMat = new THREE.PointsMaterial({\n size: 0.06, color: colorCore, transparent: true, opacity: 0.9,\n blending: THREE.AdditiveBlending, depthWrite: false, map: ptTex\n });\n group.add(new THREE.Points(rdGeo, rdMat));\n\n scene.add(group);\n return { group, speed };\n }\n\n const rings = [\n makeGlowRing(SPHERE_R * 1.28, Math.PI \/ 2.2, 0.5, 0, 0x00ffee, 0x00aacc, 0.22),\n makeGlowRing(SPHERE_R * 1.42, -Math.PI \/ 2.8, 0.9, 0.3, 0x00ccff, 0x0066bb, 0.16),\n makeGlowRing(SPHERE_R * 1.58, Math.PI \/ 4.5, -0.6, 0.5, 0x66eeff, 0x004488, 0.10),\n ];\n\n \/* \u2500\u2500\u2500 CORE GLOW LAYERS \u2500\u2500\u2500 *\/\n \/\/ Bright core\n const coreS = new THREE.Mesh(\n new THREE.SphereGeometry(0.55, 32, 32),\n new THREE.MeshBasicMaterial({ color: 0x00eeff, transparent: true, opacity: 0.95, blending: THREE.AdditiveBlending })\n );\n scene.add(coreS);\n\n \/\/ Mid glow\n const midGlow = new THREE.Mesh(\n new THREE.SphereGeometry(1.1, 32, 32),\n new THREE.MeshBasicMaterial({ color: 0x0088cc, transparent: true, opacity: 0.45, blending: THREE.AdditiveBlending })\n );\n scene.add(midGlow);\n\n \/\/ Large soft halo\n const bigGlow = new THREE.Mesh(\n new THREE.SphereGeometry(2.2, 32, 32),\n new THREE.MeshBasicMaterial({ color: 0x003366, transparent: true, opacity: 0.28, blending: THREE.AdditiveBlending })\n );\n scene.add(bigGlow);\n\n \/\/ Extra-wide atmosphere\n const atmGlow = new THREE.Mesh(\n new THREE.SphereGeometry(3.8, 32, 32),\n new THREE.MeshBasicMaterial({ color: 0x001133, transparent: true, opacity: 0.14, blending: THREE.AdditiveBlending })\n );\n scene.add(atmGlow);\n\n \/* \u2500\u2500\u2500 SHOOTING NODE ARCS (data streams) \u2500\u2500\u2500 *\/\n const arcGroups = [];\n for (let a = 0; a < 10; a++) {\n const count = 80;\n const pos = new Float32Array(count * 3);\n const phi0 = Math.random() * Math.PI, theta0 = Math.random() * Math.PI * 2;\n const phi1 = Math.random() * Math.PI, theta1 = Math.random() * Math.PI * 2;\n const p0 = new THREE.Vector3(Math.sin(phi0)*Math.cos(theta0), Math.cos(phi0), Math.sin(phi0)*Math.sin(theta0)).multiplyScalar(SPHERE_R);\n const p1 = new THREE.Vector3(Math.sin(phi1)*Math.cos(theta1), Math.cos(phi1), Math.sin(phi1)*Math.sin(theta1)).multiplyScalar(SPHERE_R);\n const mid = p0.clone().add(p1).multiplyScalar(0.5).normalize().multiplyScalar(SPHERE_R * 1.35);\n for (let i = 0; i < count; i++) {\n const t = i \/ (count - 1), t2 = t*t, mt = 1-t, mt2 = mt*mt;\n pos[i*3] = mt2*p0.x + 2*mt*t*mid.x + t2*p1.x;\n pos[i*3+1] = mt2*p0.y + 2*mt*t*mid.y + t2*p1.y;\n pos[i*3+2] = mt2*p0.z + 2*mt*t*mid.z + t2*p1.z;\n }\n const geo = new THREE.BufferGeometry();\n geo.setAttribute('position', new THREE.BufferAttribute(pos, 3));\n const mat = new THREE.PointsMaterial({\n size: 0.07, color: 0x00ffcc, transparent: true, opacity: 0.0,\n blending: THREE.AdditiveBlending, depthWrite: false, map: ptTex\n });\n const pts = new THREE.Points(geo, mat);\n scene.add(pts);\n arcGroups.push({ mat, phase: Math.random() * Math.PI * 2, speed: 0.35 + Math.random() * 0.7 });\n }\n\n \/* \u2500\u2500\u2500 EQUATORIAL BELT \u2500\u2500\u2500 *\/\n const BELT_COUNT = 900;\n const beltPos = new Float32Array(BELT_COUNT * 3);\n for (let i = 0; i < BELT_COUNT; i++) {\n const theta = (i \/ BELT_COUNT) * Math.PI * 2;\n const r = SPHERE_R * (1.22 + Math.random() * 0.12);\n beltPos[i*3] = r * Math.cos(theta);\n beltPos[i*3+1] = (Math.random() - 0.5) * 0.3;\n beltPos[i*3+2] = r * Math.sin(theta);\n }\n const beltGeo = new THREE.BufferGeometry();\n beltGeo.setAttribute('position', new THREE.BufferAttribute(beltPos, 3));\n const belt = new THREE.Points(beltGeo, new THREE.PointsMaterial({\n size: 0.05, color: 0x00ffee, transparent: true, opacity: 0.75,\n blending: THREE.AdditiveBlending, depthWrite: false, map: ptTex\n }));\n scene.add(belt);\n\n \/* \u2500\u2500\u2500 MOUSE \u2500\u2500\u2500 *\/\n let mx = 0, my = 0, tx = 0, ty = 0;\n document.addEventListener('mousemove', e => {\n mx = (e.clientX \/ window.innerWidth - 0.5) * 2;\n my = -(e.clientY \/ window.innerHeight - 0.5) * 2;\n });\n\n \/* \u2500\u2500\u2500 ANIMATE \u2500\u2500\u2500 *\/\n let t = 0;\n function animate() {\n requestAnimationFrame(animate);\n t += 0.005;\n tx += (mx * 0.5 - tx) * 0.04;\n ty += (my * 0.35 - ty) * 0.04;\n\n mainSphere.rotation.y = t * 0.15 + tx;\n mainSphere.rotation.x = t * 0.05 + ty;\n\n ico.rotation.y = t * 0.10 - tx * 0.4;\n ico.rotation.x = t * 0.035 + ty * 0.3;\n ico2.rotation.y = t * 0.12 + tx * 0.3;\n ico2.rotation.z = t * 0.02;\n ico3.rotation.y = -t * 0.07;\n ico3.rotation.z = t * 0.025;\n\n \/\/ Rings \u2014 each group rotates on its own axis\n rings.forEach((r, i) => {\n r.group.rotation.z += r.speed * 0.005 * (i % 2 === 0 ? 1 : -1);\n });\n \/\/ Also mouse-nudge rings\n rings[0].group.rotation.y = tx * 0.25;\n rings[1].group.rotation.x = ty * 0.2;\n\n belt.rotation.y = t * 0.22 + tx;\n\n \/\/ Pulsing core glow\n const pulse = Math.sin(t * 2.8);\n coreS.material.opacity = 0.85 + pulse * 0.12;\n midGlow.material.opacity = 0.38 + pulse * 0.12;\n bigGlow.scale.setScalar(0.97 + Math.sin(t * 1.8) * 0.06);\n atmGlow.scale.setScalar(0.96 + Math.sin(t * 1.3) * 0.06);\n\n \/\/ Arc streams\n arcGroups.forEach(a => {\n const p = (Math.sin(t * a.speed + a.phase) + 1) * 0.5;\n a.mat.opacity = p * p * 0.85;\n });\n\n renderer.render(scene, camera);\n }\n animate();\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\n CTA CANVAS \u2014 STAR FIELD\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 *\/\n(function() {\n const c = document.getElementById('cta-canvas');\n const ctx = c.getContext('2d');\n let W, H;\n const stars = Array.from({length:220}, () => ({\n x: Math.random() * 1400, y: Math.random() * 700,\n s: Math.random() * 1.2 + 0.2, p: Math.random() * Math.PI * 2\n }));\n function rs() { W = c.width = c.offsetWidth; H = c.height = c.offsetHeight; }\n rs(); window.addEventListener('resize', rs);\n (function draw() {\n ctx.clearRect(0, 0, W, H);\n stars.forEach(s => {\n s.p += 0.015;\n ctx.beginPath();\n ctx.arc(s.x % W, s.y % H, s.s, 0, Math.PI*2);\n ctx.fillStyle = `rgba(0,204,255,${0.12 + Math.sin(s.p) * 0.12})`;\n ctx.fill();\n });\n requestAnimationFrame(draw);\n })();\n})();\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n PROGRESS BAR\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\nconst prog = document.getElementById('prog');\nwindow.addEventListener('scroll', () => {\n prog.style.width = (scrollY \/ (document.body.scrollHeight - innerHeight) * 100) + '%';\n}, {passive:true});\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\n CUSTOM CURSOR\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 *\/\nconst co = document.getElementById('co'), ci = document.getElementById('ci');\nlet cx = 0, cy = 0, ox = 0, oy = 0;\ndocument.addEventListener('mousemove', e => { cx = e.clientX; cy = e.clientY; });\n(function animCur() {\n ox += (cx - ox) * .12; oy += (cy - oy) * .12;\n ci.style.left = cx + 'px'; ci.style.top = cy + 'px';\n co.style.left = ox + 'px'; co.style.top = oy + 'px';\n requestAnimationFrame(animCur);\n})();\ndocument.querySelectorAll('a,button,.hcard,.chc,.wi,.pnode,.ast,.mbtn').forEach(el => {\n el.addEventListener('mouseenter', () => document.body.classList.add('h'));\n el.addEventListener('mouseleave', () => document.body.classList.remove('h'));\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\n HERO TEXT REVEAL\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n['hl1','hl2','hl3'].forEach((id, i) => {\n const el = document.getElementById(id);\n if (!el) return;\n el.style.transition = `transform .95s ${.25 + i * .2}s cubic-bezier(.16,1,.3,1), opacity .95s ${.25 + i * .2}s`;\n requestAnimationFrame(() => { el.style.transform = 'translateY(0)'; el.style.opacity = '1'; });\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\n TERMINAL REVEAL\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\ndocument.querySelectorAll('#tcBody .tl').forEach((l, i) => {\n setTimeout(() => l.classList.add('vis'), 1800 + i * 340);\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\n SCROLL REVEAL\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\nconst io = new IntersectionObserver(entries => {\n entries.forEach(e => {\n if (!e.isIntersecting) return;\n e.target.classList.add('in');\n e.target.querySelectorAll('.chc-bar-fill,.cb-fg').forEach(b => {\n b.style.width = b.getAttribute('data-w') || b.style.getPropertyValue('--w') || '';\n });\n io.unobserve(e.target);\n });\n}, { threshold: 0.07, rootMargin: '0px 0px -50px 0px' });\ndocument.querySelectorAll('.rv,.rvl,.rvr').forEach(el => io.observe(el));\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\n COUNTER 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 *\/\nfunction animCount(el, target, sfx) {\n let st = 0;\n const dur = 1800;\n (function step(ts) {\n if (!st) st = ts;\n const p = Math.min((ts - st) \/ dur, 1);\n el.textContent = Math.round((1 - Math.pow(1-p,4)) * target) + sfx;\n if (p < 1) requestAnimationFrame(step);\n })(performance.now());\n}\nnew IntersectionObserver(([e]) => {\n if (!e.isIntersecting) return;\n document.querySelectorAll('[data-count]').forEach(el => {\n animCount(el, +el.dataset.count, el.dataset.sfx || '');\n });\n}, { threshold: .5 }).observe(document.querySelector('.hstats'));\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\n 3D CARD TILT\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 *\/\ndocument.querySelectorAll('[data-tilt]').forEach(c => {\n c.addEventListener('mousemove', e => {\n const r = c.getBoundingClientRect();\n const x = (e.clientX - r.left) \/ r.width - .5;\n const y = (e.clientY - r.top) \/ r.height - .5;\n c.style.transition = 'border-color .4s,box-shadow .5s';\n c.style.transform = `translateY(-7px) rotateX(${-y*10}deg) rotateY(${x*10}deg)`;\n });\n c.addEventListener('mouseleave', () => {\n c.style.transition = 'transform .6s cubic-bezier(.16,1,.3,1),border-color .4s,box-shadow .5s';\n c.style.transform = '';\n setTimeout(() => c.style.transition = '', 600);\n });\n});\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n MAGNETIC BUTTONS\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\ndocument.querySelectorAll('.mbtn').forEach(btn => {\n btn.addEventListener('mousemove', e => {\n const r = btn.getBoundingClientRect();\n const x = (e.clientX - r.left - r.width \/ 2) * .28;\n const y = (e.clientY - r.top - r.height \/ 2) * .28;\n btn.style.transition = 'box-shadow .3s';\n btn.style.transform = `translate(${x}px,${y}px)`;\n });\n btn.addEventListener('mouseleave', () => {\n btn.style.transition = 'transform .6s cubic-bezier(.16,1,.3,1),box-shadow .3s';\n btn.style.transform = '';\n setTimeout(() => btn.style.transition = '', 600);\n });\n});\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n TITLE SCRAMBLE\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 *\/\nconst CHARS = 'ABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789\u2588\u2592\u2591';\nfunction scramble(el) {\n const orig = el.textContent; let iter = 0;\n const id = setInterval(() => {\n el.textContent = orig.split('').map((c,i) => {\n if(c===' ') return ' ';\n if(i < iter) return orig[i];\n return CHARS[Math.floor(Math.random()*CHARS.length)];\n }).join('');\n iter += .5;\n if (iter >= orig.length) { el.textContent = orig; clearInterval(id); }\n }, 36);\n}\nnew IntersectionObserver(entries => {\n entries.forEach(e => {\n if (e.isIntersecting) { scramble(e.target); e.target._io?.unobserve(e.target); }\n });\n}, { threshold: .7 }).observe(document.querySelector('.sh em') || document.body);\ndocument.querySelectorAll('.sh em').forEach(el => {\n new IntersectionObserver(([e]) => { if(e.isIntersecting) { scramble(el); } }, {threshold:.7}).observe(el);\n});\n\n\/* CTA eyebrow *\/\nconst ctaEye = document.getElementById('ctaEye');\nnew IntersectionObserver(([e]) => {\n if (e.isIntersecting) { ctaEye.style.opacity='1'; ctaEye.style.transition='opacity .8s .3s'; }\n}, {threshold:.5}).observe(ctaEye);\n<\/script>\n<\/body>\n<\/html>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Permanent Hiring \u2014 DT Solutions DT Solutions \u00b7 Permanent Hiring PERMANENT HIRING SOLUTIONS Strategic hiring aligned to your business goals, culture, and long-term execution priorities. Build teams that sustain growth. Hire for long-term impact, not short-term gaps Identify talent aligned to role and business context Reduce hiring risk with structured evaluation Explore Our Approach 0Retention […]<\/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-2721","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/digi.alphanzo.com\/index.php?rest_route=\/wp\/v2\/pages\/2721","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=2721"}],"version-history":[{"count":11,"href":"https:\/\/digi.alphanzo.com\/index.php?rest_route=\/wp\/v2\/pages\/2721\/revisions"}],"predecessor-version":[{"id":2852,"href":"https:\/\/digi.alphanzo.com\/index.php?rest_route=\/wp\/v2\/pages\/2721\/revisions\/2852"}],"wp:attachment":[{"href":"https:\/\/digi.alphanzo.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2721"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}