Banking, Financial Services & Capital Markets \u2014 DT Solutions<\/title>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Space+Grotesk:wght@300;400;500;600;700&family=Bebas+Neue&family=JetBrains+Mono:wght@300;400;500&display=swap\" rel=\"stylesheet\">\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/three.js\/r128\/three.min.js\"><\/script>\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.2\/gsap.min.js\"><\/script>\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.2\/ScrollTrigger.min.js\"><\/script>\n<style>\n*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}\n:root{\n --n0:#010408;--n1:#020810;--n2:#03101c;--n3:#060f1c;--n4:#0a1628;\n --eb:#00CFFF;--eb2:#00a8d4;--ebg:rgba(0,207,255,.1);\n --b1:#003380;--b2:#0047B3;--b3:#0055CC;--b4:#0073FF;--b5:#3d93ff;\n --o1:#CC4400;--o2:#FF5E1A;--o3:#FF7A3D;--o4:#FFAA6B;--og:rgba(255,94,26,.14);\n --t0:#ffffff;--t1:#EDF2FF;--t2:#B8CCEE;--t3:#7A9CBD;--t4:#3D5872;--t5:#1E3049;\n --brd1:rgba(0,207,255,.12);--brd2:rgba(0,207,255,.28);\n --brd-o:rgba(255,94,26,.22);\n --geb:0 0 20px rgba(0,207,255,.5),0 0 55px rgba(0,207,255,.18);\n --go:0 0 20px rgba(255,94,26,.5),0 0 50px rgba(255,94,26,.15);\n --r:8px;--rl:16px;\n}\nhtml{scroll-behavior:smooth}\nbody{background:var(--n1);color:var(--t1);font-family:'Space Grotesk',sans-serif;font-weight:400;line-height:1.65;overflow-x:hidden;cursor:none}\n\n\/* \u2500\u2500 CURSOR \u2500\u2500 *\/\n#cur{position:fixed;width:6px;height:6px;background:var(--eb);border-radius:50%;pointer-events:none;z-index:9999;transform:translate(-50%,-50%);box-shadow:0 0 10px var(--eb),0 0 22px rgba(0,207,255,.5);mix-blend-mode:screen;transition:width .18s,height .18s}\n#cuf{position:fixed;width:26px;height:26px;border:1.5px solid rgba(0,207,255,.4);border-radius:50%;pointer-events:none;z-index:9998;transform:translate(-50%,-50%);transition:border-color .25s,width .18s,height .18s}\n\n\/* \u2500\u2500 SHARED \u2500\u2500 *\/\n.wrap{max-width:1340px;margin:0 auto;padding:0 2.5rem}\nh2,h3{font-family:'Space Grotesk',sans-serif;letter-spacing:-.03em}\nh2{font-size:clamp(1.9rem,3vw,2.9rem);font-weight:700;line-height:1.1}\nh3{font-size:1rem;font-weight:600}\n.grid-bg{background-image:linear-gradient(rgba(0,100,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(0,100,255,.03) 1px,transparent 1px);background-size:64px 64px}\n.glow-text{background:linear-gradient(130deg,#fff 0%,#c8daff 45%,var(--eb) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}\n.eyebrow{display:inline-flex;align-items:center;gap:.55rem;font-family:'JetBrains Mono',monospace;font-size:.62rem;font-weight:500;letter-spacing:.22em;text-transform:uppercase;color:var(--eb);margin-bottom:1.4rem}\n.eyebrow::before{content:'\/\/';opacity:.45;font-size:.58rem}\n.eyebrow::after{content:'';display:block;width:22px;height:1px;background:linear-gradient(90deg,var(--eb),transparent);box-shadow:0 0 5px var(--eb)}\n.eyebrow.orange{color:var(--o3)}\n.eyebrow.orange::before{color:var(--o3)}\n.eyebrow.orange::after{background:linear-gradient(90deg,var(--o3),transparent);box-shadow:0 0 5px var(--o3)}\n.s-head{margin-bottom:3.8rem}\n.s-head.c{text-align:center}.s-head.c .eyebrow{justify-content:center}\nsection{padding:8rem 0;position:relative;overflow:hidden}\nsection::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(0,207,255,.16) 35%,rgba(255,94,26,.12) 65%,transparent)}\n\n\/* \u2500\u2500 KEYFRAMES \u2500\u2500 *\/\n@keyframes mq-scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}\n@keyframes float-a{0%,100%{transform:translateY(0)}50%{transform:translateY(-13px)}}\n@keyframes float-b{0%,100%{transform:translateY(0) rotate(0deg)}33%{transform:translateY(-9px) rotate(.4deg)}66%{transform:translateY(-15px) rotate(-.3deg)}}\n@keyframes float-c{0%,100%{transform:translateY(0) translateX(0)}50%{transform:translateY(-10px) translateX(4px)}}\n@keyframes scanline{0%{top:-1%}100%{top:101%}}\n@keyframes border-glow{0%,100%{opacity:.3}50%{opacity:1}}\n@keyframes dot-pulse{0%,100%{transform:scale(1);opacity:.7}50%{transform:scale(1.5);opacity:1}}\n@keyframes price-flash{0%,100%{color:var(--eb)}50%{color:#4ade80}}\n@keyframes ring-pulse{0%,100%{opacity:.25;transform:translate(-50%,-50%) scale(1)}50%{opacity:.5;transform:translate(-50%,-50%) scale(1.03)}}\n@keyframes o-pulse{0%,100%{opacity:.2;transform:translate(-50%,-50%) scale(1)}50%{opacity:.42;transform:translate(-50%,-50%) scale(1.04)}}\n@keyframes glow-breathe{0%,100%{box-shadow:0 0 18px rgba(0,207,255,.12),0 0 40px rgba(0,207,255,.05)}50%{box-shadow:0 0 30px rgba(0,207,255,.3),0 0 70px rgba(0,207,255,.12)}}\n@keyframes o-breathe{0%,100%{box-shadow:0 0 18px rgba(255,94,26,.1),0 0 40px rgba(255,94,26,.04)}50%{box-shadow:0 0 28px rgba(255,94,26,.28),0 0 60px rgba(255,94,26,.1)}}\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\n HERO\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n#hero{min-height:100vh;position:relative;overflow:hidden;background:var(--n0)}\n#heroCanvas{position:absolute;inset:0;width:100%;height:100%;z-index:1}\n\n\/* scanline *\/\n.h-scan{position:absolute;inset:0;z-index:2;pointer-events:none;overflow:hidden}\n.h-scan::after{content:'';position:absolute;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(0,207,255,.06) 20%,rgba(0,207,255,.15) 50%,rgba(0,207,255,.06) 80%,transparent);animation:scanline 10s linear infinite;box-shadow:0 0 8px rgba(0,207,255,.08)}\n\n\/* fog \u2014 covers only left 48% *\/\n.h-fog{position:absolute;inset:0;z-index:3;background:linear-gradient(90deg,rgba(1,4,8,.97) 0%,rgba(1,4,8,.94) 26%,rgba(1,4,8,.65) 40%,rgba(1,4,8,.0) 50%);pointer-events:none}\n.h-fog-b{position:absolute;bottom:0;left:0;right:0;height:220px;z-index:3;background:linear-gradient(0deg,var(--n0) 0%,rgba(1,4,8,.35) 65%,transparent 100%);pointer-events:none}\n\n\/* content grid *\/\n.h-inner{position:relative;z-index:4;display:grid;grid-template-columns:1fr 1fr;min-height:100vh;max-width:1340px;margin:0 auto;padding:0 0 0 2.5rem;align-items:center}\n\n\/* left *\/\n.h-l{display:flex;flex-direction:column;justify-content:center;padding:7rem 3.5rem 7rem 0;max-width:620px}\n.h-ey{opacity:0;transform:translateY(16px)}\n.h-title{opacity:0;transform:translateY(24px);margin-bottom:1.6rem}\n.h-t1{display:block;font-family:'Space Grotesk',sans-serif;font-size:clamp(2.6rem,3.2vw,4.8rem);font-weight:700;letter-spacing:-.04em;line-height:1.05;color:#ffffff}\n\/* Chrome-safe gradient text: applied at char span level to avoid compositing bugs *\/\n.h-t1 .char{display:inline-block;background:linear-gradient(90deg,#ffffff 0%,#d4e4ff 35%,#a8ceff 65%,#00CFFF 100%);background-size:800px 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;transform-origin:50% 100%;will-change:transform,opacity}\n.h-t2{display:block;font-family:'JetBrains Mono',monospace;font-size:clamp(1rem,1.8vw,1.55rem);font-weight:400;letter-spacing:.02em;color:var(--o3);margin-top:.5rem}\n.h-hl{font-size:clamp(.9rem,1.2vw,1.05rem);font-weight:500;color:var(--t2);line-height:1.65;margin-bottom:1.1rem;opacity:0;transform:translateY(14px)}\n.h-sub{font-size:.88rem;color:var(--t3);line-height:1.82;margin-bottom:2.5rem;opacity:0;transform:translateY(12px)}\n\n\/* pillars *\/\n.h-pillars{border-left:1px solid rgba(0,207,255,.14);margin-bottom:2.8rem;opacity:0;transform:translateY(12px)}\n.hp{padding:.82rem 0 .82rem 1.6rem;position:relative;cursor:default}\n.hp::before{content:'';position:absolute;left:-1px;top:0;bottom:0;width:1px;background:linear-gradient(180deg,var(--o2),var(--eb));transform:scaleY(0);transform-origin:top;transition:.4s;box-shadow:0 0 10px var(--eb)}\n.hp:hover::before{transform:scaleY(1)}\n.hp-tag{font-family:'JetBrains Mono',monospace;font-size:.58rem;letter-spacing:.22em;color:var(--o3);margin-bottom:.28rem;opacity:.8}\n.hp-title{font-size:.88rem;font-weight:600;color:var(--t1);line-height:1.4;margin-bottom:.25rem}\n.hp-body{font-size:.78rem;color:var(--t3);line-height:1.65;max-height:0;overflow:hidden;opacity:0;transition:max-height .4s,opacity .35s}\n.hp:hover .hp-body{max-height:80px;opacity:1}\n\n\/* ctas *\/\n.h-ctas{display:flex;align-items:center;gap:1.1rem;flex-wrap:wrap;opacity:0;transform:translateY(12px)}\n.btn-p{display:inline-flex;align-items:center;gap:.6rem;padding:.9rem 2rem;background:linear-gradient(135deg,var(--b3) 0%,var(--b4) 55%,var(--eb2) 100%);color:#fff;font-family:'Space Grotesk',sans-serif;font-size:.84rem;font-weight:600;border:none;border-radius:var(--r);cursor:none;text-decoration:none;letter-spacing:.03em;transition:.3s;box-shadow:0 4px 26px rgba(0,115,255,.4),0 0 0 1px rgba(0,207,255,.18);position:relative;overflow:hidden}\n.btn-p::after{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.1),transparent);opacity:0;transition:.3s}\n.btn-p:hover::after{opacity:1}\n.btn-p:hover{transform:translateY(-2px);box-shadow:0 8px 38px rgba(0,115,255,.55),0 0 0 1px rgba(0,207,255,.38),var(--geb)}\n.btn-o{display:inline-flex;align-items:center;gap:.5rem;padding:.88rem 1.8rem;background:transparent;color:var(--o3);font-family:'Space Grotesk',sans-serif;font-size:.84rem;font-weight:500;border:1px solid var(--brd-o);border-radius:var(--r);cursor:none;text-decoration:none;letter-spacing:.03em;transition:.3s}\n.btn-o:hover{border-color:rgba(255,122,61,.5);color:var(--o4);box-shadow:var(--go)}\n\n\/* glass cards on right *\/\n.h-r{position:relative;min-height:100vh}\n.gc{position:absolute;background:rgba(3,12,24,.72);border-radius:var(--rl);padding:1.1rem 1.3rem;min-width:185px;opacity:0;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}\n.gc::before{content:'';position:absolute;inset:0;border-radius:var(--rl);background:linear-gradient(135deg,rgba(0,100,255,.07) 0%,transparent 60%);pointer-events:none}\n.gc::after{content:'';position:absolute;top:0;left:0;right:0;height:1px;border-radius:var(--rl) var(--rl) 0 0;background:linear-gradient(90deg,transparent,rgba(0,207,255,.5),transparent);animation:border-glow 3.2s ease-in-out infinite}\n\/* orange variant *\/\n.gc.orange-var{border:1px solid rgba(255,94,26,.2)}\n.gc.orange-var::before{background:linear-gradient(135deg,rgba(255,94,26,.07) 0%,transparent 60%)}\n.gc.orange-var::after{background:linear-gradient(90deg,transparent,rgba(255,94,26,.5),transparent)}\n.gc-eb{border:1px solid rgba(0,207,255,.18);animation:glow-breathe 4s ease-in-out infinite}\n.gc-tag{font-family:'JetBrains Mono',monospace;font-size:.56rem;letter-spacing:.18em;color:var(--t4);display:flex;align-items:center;gap:.4rem;margin-bottom:.6rem}\n.gc-dot{width:5px;height:5px;border-radius:50%;flex-shrink:0;animation:dot-pulse 2.2s ease-in-out infinite}\n.gc-val{font-family:'Space Grotesk',sans-serif;font-size:1.08rem;font-weight:700;color:var(--t0);margin-bottom:.22rem}\n.gc-sub{font-size:.68rem;color:var(--t4);line-height:1.5}\n.gc-bar{height:2px;background:rgba(255,255,255,.06);border-radius:2px;margin-top:.75rem;overflow:hidden}\n.gc-fill{height:100%;border-radius:2px;position:relative}\n.gc-fill::after{content:'';position:absolute;right:0;top:-1.5px;width:5px;height:5px;border-radius:50%;background:var(--eb);box-shadow:0 0 8px var(--eb)}\n.gc-fill.orange::after{background:var(--o3);box-shadow:0 0 8px var(--o3)}\n.gc-dots{display:flex;gap:3px;margin-top:.72rem}\n.gc-d{width:5px;height:5px;border-radius:50%;background:rgba(0,207,255,.16)}\n.gc-d.on{background:var(--eb);box-shadow:0 0 6px var(--eb)}\n.gc-d.on-o{background:var(--o3);box-shadow:0 0 6px var(--o3)}\n.gc-candles{display:flex;align-items:flex-end;gap:3px;height:32px;margin-top:.72rem}\n.gcc{display:flex;flex-direction:column;align-items:center;gap:1px}\n.gcc-w{width:1px;background:rgba(255,255,255,.16)}\n.gcc-b{width:6px;border-radius:1px;min-height:4px}\n\/* mini line chart *\/\n.gc-line{margin-top:.72rem}\n.gc-line svg{display:block}\n\n\/* card positions *\/\n.gc1{bottom:20%;left:2%;animation:float-a 5.5s ease-in-out infinite}\n.gc2{top:26%;right:4%;animation:float-b 6.2s ease-in-out infinite}\n.gc3{bottom:32%;left:42%;animation:float-c 5s ease-in-out infinite}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n MARQUEE\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 *\/\n#mq{background:rgba(3,10,20,.92);border-top:1px solid rgba(0,207,255,.1);border-bottom:1px solid rgba(0,207,255,.08);position:relative;overflow:hidden;z-index:10}\n#mq::before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,var(--n0) 0%,transparent 7%,transparent 93%,var(--n0) 100%);z-index:2;pointer-events:none}\n.mq-row{display:flex;overflow:hidden;align-items:center}\n.mq-row.top{height:46px}\n.mq-row.bot{height:36px;background:rgba(2,7,14,.96);border-top:1px solid rgba(0,80,200,.06)}\n.mq-inner{display:flex;white-space:nowrap;animation:mq-scroll 38s linear infinite}\n.mq-inner.rev{animation-direction:reverse;animation-duration:30s}\n.mq-item{display:inline-flex;align-items:center;gap:.55rem;padding:0 2rem;border-right:1px solid rgba(0,207,255,.07);height:46px;flex-shrink:0}\n.mq-item.bot{height:36px;border-right-color:rgba(0,80,200,.06)}\n.mq-sym{font-family:'JetBrains Mono',monospace;font-size:.62rem;font-weight:500;letter-spacing:.12em;color:var(--t4);text-transform:uppercase}\n.mq-price{font-family:'JetBrains Mono',monospace;font-size:.68rem;font-weight:500;color:var(--t1);animation:price-flash 6s ease-in-out infinite}\n.mq-chg{font-family:'JetBrains Mono',monospace;font-size:.6rem;font-weight:500}\n.mq-chg.up{color:#4ade80}.mq-chg.dn{color:var(--o3)}\n.mq-spark{width:38px;height:14px;flex-shrink:0}\n.mq-tag-item{display:inline-flex;align-items:center;gap:.45rem;padding:0 1.8rem;height:36px;border-right:1px solid rgba(0,80,200,.06);font-family:'JetBrains Mono',monospace;font-size:.57rem;font-weight:400;letter-spacing:.18em;color:var(--t5);text-transform:uppercase;flex-shrink:0}\n.mq-tag-item .td{width:4px;height:4px;border-radius:50%;flex-shrink:0;background:var(--eb);opacity:.5}\n.mq-tag-item .tv{color:var(--t3)}\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\n 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 *\/\n#challenges{background:var(--n2)}\n.ch-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:rgba(0,80,200,.06);border-radius:var(--r);overflow:hidden;border:1px solid rgba(0,80,200,.07)}\n.ch-card{background:var(--n2);padding:2.8rem;position:relative;cursor:default;overflow:hidden;transition:background .35s}\n.ch-card:hover{background:rgba(4,16,34,.92)}\n.ch-card::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(0,100,255,.04) 0%,transparent 65%);opacity:0;transition:.4s}\n.ch-card:hover::before{opacity:1}\n.ch-card::after{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--eb),transparent);transform:scaleX(0);transform-origin:left;transition:.55s}\n.ch-card:hover::after,.ch-card.in::after{transform:scaleX(1)}\n\/* orange accent on odd cards *\/\n.ch-card:nth-child(2)::after{background:linear-gradient(90deg,transparent,var(--o3),transparent)}\n.ch-card:nth-child(4)::after{background:linear-gradient(90deg,transparent,var(--o3),transparent)}\n.ch-num{font-family:'Bebas Neue',sans-serif;font-size:5rem;color:rgba(0,100,255,.1);line-height:1;margin-bottom:.7rem;transition:.35s;letter-spacing:.04em}\n.ch-card:hover .ch-num{color:rgba(0,207,255,.2);text-shadow:0 0 50px rgba(0,207,255,.25)}\n.ch-card:nth-child(2) .ch-num,.ch-card:nth-child(4) .ch-num{color:rgba(255,94,26,.1)}\n.ch-card:nth-child(2):hover .ch-num,.ch-card:nth-child(4):hover .ch-num{color:rgba(255,94,26,.22);text-shadow:0 0 50px rgba(255,94,26,.2)}\n.ch-line{width:0;height:1px;background:linear-gradient(90deg,var(--eb),transparent);margin-bottom:1rem;transition:width .5s;box-shadow:0 0 6px rgba(0,207,255,.4)}\n.ch-card:nth-child(2) .ch-line,.ch-card:nth-child(4) .ch-line{background:linear-gradient(90deg,var(--o3),transparent);box-shadow:0 0 6px rgba(255,94,26,.35)}\n.ch-card:hover .ch-line,.ch-card.in .ch-line{width:38px}\n.ch-title{font-size:1rem;font-weight:600;color:var(--t1);margin-bottom:.72rem;line-height:1.35}\n.ch-body{font-size:.84rem;color:var(--t3);line-height:1.75;max-height:0;overflow:hidden;opacity:0;transition:max-height .45s,opacity .4s}\n.ch-card:hover .ch-body,.ch-card.in .ch-body{max-height:100px;opacity:1}\n\/* \u2500\u2500 PREMIUM SVG ICON SYSTEM \u2500\u2500 *\/\n.sec-icon{position:absolute;top:1.8rem;right:1.8rem;width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;transition:.35s;flex-shrink:0}\n.sec-icon svg{width:18px;height:18px;transition:.35s}\n\/* Challenge icons *\/\n.ch-card .sec-icon{background:rgba(0,115,255,.07);border:1px solid rgba(0,207,255,.12)}\n.ch-card .sec-icon svg{stroke:rgba(0,207,255,.45)}\n.ch-card:nth-child(2) .sec-icon,.ch-card:nth-child(4) .sec-icon{background:rgba(255,94,26,.07);border:1px solid rgba(255,94,26,.14)}\n.ch-card:nth-child(2) .sec-icon svg,.ch-card:nth-child(4) .sec-icon svg{stroke:rgba(255,94,26,.5)}\n.ch-card:hover .sec-icon{background:rgba(0,207,255,.14);border-color:rgba(0,207,255,.35);box-shadow:0 0 14px rgba(0,207,255,.2)}\n.ch-card:hover .sec-icon svg{stroke:var(--eb)}\n.ch-card:nth-child(2):hover .sec-icon,.ch-card:nth-child(4):hover .sec-icon{background:rgba(255,94,26,.14);border-color:rgba(255,94,26,.35);box-shadow:0 0 14px rgba(255,94,26,.2)}\n.ch-card:nth-child(2):hover .sec-icon svg,.ch-card:nth-child(4):hover .sec-icon svg{stroke:var(--o3)}\n\/* Coverage icons *\/\n.cov-card .sec-icon{background:rgba(0,80,200,.06);border:1px solid rgba(0,207,255,.1);top:1.6rem;right:1.6rem}\n.cov-card .sec-icon svg{stroke:rgba(0,207,255,.4);width:16px;height:16px}\n.cov-card:nth-child(2) .sec-icon,.cov-card:nth-child(3) .sec-icon{background:rgba(255,94,26,.06);border:1px solid rgba(255,94,26,.12)}\n.cov-card:nth-child(2) .sec-icon svg,.cov-card:nth-child(3) .sec-icon svg{stroke:rgba(255,94,26,.45)}\n.cov-card:hover .sec-icon{box-shadow:0 0 12px rgba(0,207,255,.18)}\n.cov-card:hover .sec-icon svg{stroke:var(--eb)}\n.cov-card:nth-child(2):hover .sec-icon,.cov-card:nth-child(3):hover .sec-icon{box-shadow:0 0 12px rgba(255,94,26,.15)}\n.cov-card:nth-child(2):hover .sec-icon svg,.cov-card:nth-child(3):hover .sec-icon svg{stroke:var(--o3)}\n\/* Capabilities icons *\/\n.cap-icon{width:32px;height:32px;border-radius:8px;background:rgba(0,80,200,.07);border:1px solid rgba(0,207,255,.1);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:.35s}\n.cap-icon svg{width:14px;height:14px;stroke:rgba(0,207,255,.38);transition:.35s}\n.cap-item.active .cap-icon{background:rgba(0,207,255,.1);border-color:rgba(0,207,255,.28);box-shadow:0 0 12px rgba(0,207,255,.18)}\n.cap-item.active .cap-icon svg{stroke:var(--eb)}\n.cap-item-inner{display:flex;align-items:center;gap:.9rem}\n\/* Transformation icons *\/\n.tf-icon{width:28px;height:28px;display:flex;align-items:center;justify-content:center;position:absolute;opacity:0;transition:.4s .1s}\n.tf-icon svg{width:14px;height:14px;stroke:rgba(0,207,255,.4);transition:.35s}\n.tf-stage.active .tf-icon{opacity:1}\n.tf-stage.active .tf-icon svg{stroke:var(--eb)}\n.tf-stage:nth-child(odd).active .tf-icon svg{stroke:var(--o3)}\n.tf-node{position:relative}\n\/* Diff icons *\/\n.diff-icon{width:34px;height:34px;border-radius:9px;background:rgba(0,80,200,.07);border:1px solid rgba(0,207,255,.1);display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-right:1rem;transition:.35s}\n.diff-icon svg{width:15px;height:15px;stroke:rgba(0,207,255,.4);transition:.35s}\n.diff-item:nth-child(even) .diff-icon{background:rgba(255,94,26,.07);border-color:rgba(255,94,26,.12)}\n.diff-item:nth-child(even) .diff-icon svg{stroke:rgba(255,94,26,.4)}\n.diff-item:hover .diff-icon{box-shadow:0 0 12px rgba(0,207,255,.18)}\n.diff-item:hover .diff-icon svg{stroke:var(--eb)}\n.diff-item:nth-child(even):hover .diff-icon{box-shadow:0 0 12px rgba(255,94,26,.15)}\n.diff-item:nth-child(even):hover .diff-icon svg{stroke:var(--o3)}\n.diff-top{display:flex;align-items:center;margin-bottom:.55rem}\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\n 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 *\/\n#sector-coverage{background:var(--n1)}\n.sc-tabs{display:inline-flex;background:rgba(0,80,200,.05);border:1px solid var(--brd1);border-radius:50px;padding:4px;margin-bottom:3.5rem;position:relative}\n.sc-ind{position:absolute;top:4px;height:calc(100% - 8px);border-radius:46px;background:linear-gradient(135deg,var(--b3),var(--b4));box-shadow:0 2px 18px rgba(0,100,255,.45);transition:.4s cubic-bezier(.4,0,.2,1);pointer-events:none}\n.sc-tab{padding:.6rem 2rem;border-radius:46px;font-family:'Space Grotesk',sans-serif;font-size:.82rem;font-weight:600;letter-spacing:.03em;cursor:none;border:none;background:transparent;color:var(--t3);transition:.35s;position:relative;z-index:1}\n.sc-tab.active{color:#fff}\n.sc-panel{display:none}.sc-panel.active{display:block}\n.cov-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem}\n.cov-card{background:rgba(5,13,26,.6);border:1px solid rgba(0,80,200,.1);border-radius:var(--rl);padding:2rem;position:relative;overflow:hidden;transition:.35s;cursor:default}\n.cov-card::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(0,80,200,.04) 0%,transparent 60%);opacity:0;transition:.4s;pointer-events:none}\n.cov-card:hover::before{opacity:1}\n.cov-card:hover{border-color:rgba(0,207,255,.2);box-shadow:0 0 28px rgba(0,100,255,.1)}\n.cov-card::after{content:'';position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--b4),transparent);transform:scaleX(0);transition:.45s}\n.cov-card:hover::after{transform:scaleX(1)}\n\/* orange tinted cards *\/\n.cov-card:nth-child(2),.cov-card:nth-child(3){border-color:rgba(255,94,26,.1)}\n.cov-card:nth-child(2):hover,.cov-card:nth-child(3):hover{border-color:rgba(255,94,26,.25);box-shadow:0 0 28px rgba(255,94,26,.08)}\n.cov-card:nth-child(2)::after,.cov-card:nth-child(3)::after{background:linear-gradient(90deg,transparent,var(--o3),transparent)}\n.cov-num{font-family:'JetBrains Mono',monospace;font-size:.58rem;letter-spacing:.2em;color:var(--eb);margin-bottom:.65rem}\n.cov-card:nth-child(2) .cov-num,.cov-card:nth-child(3) .cov-num{color:var(--o3)}\n.cov-title{font-size:1rem;font-weight:600;color:var(--t1);margin-bottom:.72rem;line-height:1.35}\n.cov-body{font-size:.83rem;color:var(--t3);line-height:1.75}\n.cov-bars{position:absolute;top:1.8rem;right:1.8rem;display:flex;align-items:flex-end;gap:3px;opacity:.14}\n.cov-bars span{width:4px;border-radius:2px;background:var(--eb)}\n.cov-card:nth-child(2) .cov-bars span,.cov-card:nth-child(3) .cov-bars span{background:var(--o3)}\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\n 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 *\/\n#capabilities{background:var(--n2)}\n.cap-layout{display:grid;grid-template-columns:1fr 1.2fr;gap:4rem;align-items:start;margin-top:3.5rem}\n.cap-stack{position:relative;padding-left:2.5rem}\n.cap-spine{position:absolute;left:0;top:0;bottom:0;width:1px;background:linear-gradient(180deg,transparent,rgba(0,100,255,.2) 8%,rgba(0,100,255,.2) 92%,transparent)}\n.cap-glow{position:absolute;left:0;top:0;width:1px;height:0;background:linear-gradient(180deg,var(--eb),rgba(0,207,255,.25));box-shadow:0 0 8px var(--eb);transition:height .9s}\n.cap-item{padding:1.35rem 1.2rem;cursor:none;border-radius:var(--r);transition:.3s;border:1px solid transparent;position:relative;margin-bottom:.4rem}\n.cap-item::before{content:'';position:absolute;left:-2.5rem;top:50%;transform:translateY(-50%);width:13px;height:13px;border-radius:50%;border:1px solid rgba(0,100,255,.22);background:var(--n2);transition:.35s;z-index:1}\n.cap-item.active::before{background:var(--eb);border-color:var(--eb);box-shadow:0 0 14px rgba(0,207,255,.7)}\n.cap-item.active{background:rgba(0,100,255,.05);border-color:rgba(0,207,255,.12)}\n.cap-num{font-family:'JetBrains Mono',monospace;font-size:.58rem;letter-spacing:.2em;color:var(--t4);margin-bottom:.28rem;transition:.3s}\n.cap-item.active .cap-num{color:var(--eb)}\n.cap-label{font-size:.94rem;font-weight:600;color:var(--t3);transition:.3s}\n.cap-item.active .cap-label{color:var(--t0)}\n.cap-panel{background:rgba(3,12,26,.8);border:1px solid rgba(0,207,255,.1);border-radius:var(--rl);padding:2.6rem;position:sticky;top:100px;overflow:hidden;min-height:330px;animation:glow-breathe 5s ease-in-out infinite}\n.cap-panel::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--eb),transparent)}\n.cap-panel::after{content:'';position:absolute;top:0;right:0;width:1px;height:65%;background:linear-gradient(180deg,var(--eb),transparent)}\n\/* orange corner accent on panel *\/\n.cap-panel-oc{position:absolute;bottom:0;left:0;width:1px;height:50%;background:linear-gradient(0deg,var(--o3),transparent);pointer-events:none}\n.cap-panel-oc2{position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,var(--o3),transparent 40%);pointer-events:none}\n.cp-big{font-family:'Bebas Neue',sans-serif;font-size:6.5rem;color:rgba(0,100,255,.08);line-height:1;margin-bottom:1.2rem;letter-spacing:.04em}\n.cp-title{font-size:1.5rem;font-weight:700;color:var(--t0);margin-bottom:1rem;line-height:1.28;letter-spacing:-.02em}\n.cp-body{font-size:.9rem;color:var(--t3);line-height:1.8}\n.cp-badge{display:inline-flex;align-items:center;gap:.4rem;padding:.28rem .9rem;border-radius:50px;font-family:'JetBrains Mono',monospace;font-size:.6rem;letter-spacing:.1em;margin-top:1.4rem}\n.cp-badge.eb{background:rgba(0,207,255,.06);border:1px solid rgba(0,207,255,.14);color:var(--eb)}\n.cp-deco{position:absolute;bottom:2.2rem;right:2.2rem;display:flex;gap:4px;align-items:flex-end;opacity:.07}\n.cp-deco span{width:5px;border-radius:2px;background:var(--eb)}\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\n TRANSFORMATION\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 *\/\n#transformation{background:var(--n1)}\n.tf-wrap{position:relative;margin-top:4.5rem}\n.tf-track{position:absolute;top:40px;left:40px;right:40px;height:1px;background:rgba(0,80,200,.14);z-index:0}\n.tf-prog{position:absolute;left:0;top:0;height:100%;background:linear-gradient(90deg,var(--b4),var(--eb));box-shadow:0 0 14px rgba(0,207,255,.5);transform:scaleX(0);transform-origin:left;transition:transform 2s cubic-bezier(.4,0,.2,1)}\n.tf-stages{display:grid;grid-template-columns:repeat(6,1fr);gap:1rem;position:relative;z-index:1}\n.tf-stage{display:flex;flex-direction:column;align-items:center;gap:.9rem;cursor:default}\n.tf-node{width:80px;height:80px;border-radius:50%;border:1px solid rgba(0,80,200,.18);background:var(--n1);display:flex;align-items:center;justify-content:center;position:relative;transition:.5s;z-index:1;flex-shrink:0}\n.tf-stage.active .tf-node{border-color:rgba(0,207,255,.5);background:rgba(0,207,255,.04);box-shadow:0 0 22px rgba(0,207,255,.22),0 0 48px rgba(0,100,255,.1)}\n\/* orange nodes alternate *\/\n.tf-stage:nth-child(odd).active .tf-node{border-color:rgba(255,94,26,.45);background:rgba(255,94,26,.04);box-shadow:0 0 22px rgba(255,94,26,.2),0 0 48px rgba(255,94,26,.08)}\n.tf-n{font-family:'JetBrains Mono',monospace;font-size:.85rem;font-weight:500;color:var(--t4);transition:.4s}\n.tf-stage.active .tf-n{color:var(--eb);text-shadow:0 0 12px rgba(0,207,255,.6)}\n.tf-stage:nth-child(odd).active .tf-n{color:var(--o3);text-shadow:0 0 12px rgba(255,94,26,.5)}\n.tf-lbl{font-family:'JetBrains Mono',monospace;font-size:.56rem;letter-spacing:.15em;color:var(--t5);margin-bottom:.28rem;text-align:center;transition:.3s}\n.tf-stage.active .tf-lbl{color:rgba(0,207,255,.5)}\n.tf-stage:nth-child(odd).active .tf-lbl{color:rgba(255,122,61,.5)}\n.tf-title{font-size:.82rem;font-weight:600;color:var(--t4);text-align:center;line-height:1.4;transition:.35s}\n.tf-stage.active .tf-title{color:var(--t1)}\n.tf-desc{font-size:.74rem;color:var(--t4);line-height:1.6;text-align:center;max-height:0;overflow:hidden;opacity:0;transition:max-height .45s,opacity .4s .1s}\n.tf-stage.active .tf-desc{max-height:90px;opacity:1}\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\n WHY DT\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 *\/\n#why-dt{background:var(--n2)}\n.why-layout{display:grid;grid-template-columns:1fr 1.1fr;gap:5.5rem;align-items:start}\n.why-l{position:sticky;top:100px}\n.why-stat{font-size:.94rem;color:var(--t3);line-height:1.85;margin:1.4rem 0 2rem;padding-left:1.3rem;border-left:2px solid var(--o2);box-shadow:-2px 0 14px rgba(255,94,26,.18)}\n.why-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.42rem 1.1rem;border:1px solid var(--brd-o);border-radius:50px;font-family:'JetBrains Mono',monospace;font-size:.62rem;letter-spacing:.1em;color:var(--t3)}\n.why-badge .wd{width:6px;height:6px;border-radius:50%;background:var(--o3);box-shadow:0 0 8px var(--o3)}\n.why-metrics{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:rgba(0,80,200,.08);border-radius:var(--r);overflow:hidden;border:1px solid rgba(0,80,200,.1);margin-top:2rem;animation:glow-breathe 5s ease-in-out infinite}\n.wm-cell{background:var(--n2);padding:1.5rem;text-align:center}\n.wm-n{font-family:'Bebas Neue',sans-serif;font-size:2.8rem;display:block;margin-bottom:.28rem;line-height:1}\n.wm-n.eb{color:var(--eb);text-shadow:0 0 20px rgba(0,207,255,.35)}\n.wm-n.or{color:var(--o3);text-shadow:0 0 20px rgba(255,94,26,.3)}\n.wm-l{font-family:'JetBrains Mono',monospace;font-size:.6rem;letter-spacing:.1em;color:var(--t4)}\n.diff-list{display:flex;flex-direction:column}\n.diff-item{padding:1.8rem 0;border-bottom:1px solid rgba(0,80,200,.08);position:relative;overflow:hidden;transition:padding .35s;cursor:default}\n.diff-item:first-child{border-top:1px solid rgba(0,80,200,.08)}\n.diff-item::before{content:'';position:absolute;left:0;top:0;bottom:0;width:2px;background:linear-gradient(180deg,var(--b4),var(--eb));transform:scaleY(0);transform-origin:bottom;transition:.45s;box-shadow:0 0 10px rgba(0,207,255,.4)}\n.diff-item:nth-child(even)::before{background:linear-gradient(180deg,var(--o2),var(--o3));box-shadow:0 0 10px rgba(255,94,26,.35)}\n.diff-item:hover::before{transform:scaleY(1)}\n.diff-item:hover{padding-left:1.2rem}\n.diff-tag{font-family:'JetBrains Mono',monospace;font-size:.58rem;letter-spacing:.22em;color:var(--eb);line-height:1}\n.diff-item:nth-child(even) .diff-tag{color:var(--o3)}\n.diff-title{font-size:1.02rem;font-weight:600;color:var(--t1);margin-bottom:.55rem;line-height:1.35}\n.diff-body{font-size:.84rem;color:var(--t3);line-height:1.75}\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\n 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 *\/\n#cta{background:var(--n1);text-align:center}\n#cta::after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 80% 65% at 50% 50%,rgba(0,80,200,.06) 0%,transparent 60%);z-index:0;pointer-events:none}\n.cta-inner{position:relative;z-index:1;max-width:780px;margin:0 auto}\n.cta-rings{position:absolute;top:50%;left:50%;pointer-events:none;z-index:0}\n.cta-r{position:absolute;border-radius:50%;border:1px solid}\n.cta-r1{width:360px;height:360px;transform:translate(-50%,-50%);border-color:rgba(0,207,255,.05);animation:ring-pulse 4.5s ease-in-out infinite}\n.cta-r2{width:560px;height:560px;transform:translate(-50%,-50%);border-color:rgba(255,94,26,.04);animation:o-pulse 4.5s ease-in-out infinite .7s}\n.cta-r3{width:760px;height:760px;transform:translate(-50%,-50%);border-color:rgba(0,115,255,.03);animation:ring-pulse 4.5s ease-in-out infinite 1.4s}\n.cta-h2{font-size:clamp(1.9rem,3vw,2.9rem);font-weight:700;letter-spacing:-.03em;background:linear-gradient(135deg,#fff 0%,#b8ccee 45%,var(--eb) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:1.4rem;filter:drop-shadow(0 0 40px rgba(0,207,255,.1))}\n.cta-h2 span{-webkit-text-fill-color:var(--o3);background:none}\n.cta-sub{font-size:.94rem;color:var(--t3);line-height:1.8;margin-bottom:2.8rem;max-width:600px;margin-left:auto;margin-right:auto}\n.cta-btn{display:inline-flex;align-items:center;gap:.7rem;padding:1.05rem 2.5rem;background:linear-gradient(135deg,var(--b3) 0%,var(--b4) 50%,var(--eb2) 100%);color:#fff;font-family:'Space Grotesk',sans-serif;font-size:.9rem;font-weight:600;border:none;border-radius:var(--r);cursor:none;text-decoration:none;letter-spacing:.03em;transition:.35s;box-shadow:0 6px 32px rgba(0,100,255,.45),0 0 0 1px rgba(0,207,255,.22);position:relative;overflow:hidden;margin-bottom:2rem}\n.cta-btn::after{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.1),transparent);opacity:0;transition:.3s}\n.cta-btn:hover::after{opacity:1}\n.cta-btn:hover{transform:translateY(-3px);box-shadow:0 12px 42px rgba(0,100,255,.58),0 0 0 1px rgba(0,207,255,.42),var(--geb)}\n.cta-btn .arr{display:inline-block;transition:.35s}\n.cta-btn:hover .arr{transform:translateX(5px)}\n.cta-supp{font-size:.82rem;color:var(--t4);line-height:1.65}\n.cta-supp em{color:var(--o3);font-style:normal}\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\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 *\/\n@media(max-width:1024px){\n .h-inner,.cap-layout,.why-layout{grid-template-columns:1fr}\n .h-r{display:none}\n .cap-panel{position:static;margin-top:2rem}\n .why-l{position:static}\n}\n@media(max-width:768px){\n .ch-grid,.cov-grid{grid-template-columns:1fr}\n .tf-stages{grid-template-columns:repeat(3,1fr)}\n .wrap{padding:0 1.4rem}\n section{padding:5rem 0}\n}\n@media(max-width:480px){.tf-stages{grid-template-columns:repeat(2,1fr)}}\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\n PREMIUM CHARACTER \/ WORD SPLIT REVEALS\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 *\/\n.char-wrap{overflow:hidden;display:inline-block;vertical-align:bottom;line-height:1.12}\n\/* .char is now defined in .h-t1 .char block above for hero; generic fallback: *\/\n.word-wrap{overflow:hidden;display:inline-block;margin-right:.24em;vertical-align:bottom}\n.word-inner{display:inline-block;will-change:transform,opacity}\n\/* Section headings get word-split on scroll *\/\n.word-reveal-ready .word-wrap{overflow:hidden}\n.word-reveal-ready .word-inner{transform:translateY(105%);opacity:0;transition:transform .72s cubic-bezier(.16,1,.3,1),opacity .55s ease}\n.word-reveal-ready.in-view .word-inner{transform:translateY(0);opacity:1}\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\n FLOATING DOLLAR PARTICLES\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 *\/\n#dollar-field{position:absolute;inset:0;pointer-events:none;z-index:2;overflow:hidden}\n.dp{position:absolute;bottom:-10%;font-family:'JetBrains Mono',monospace;font-weight:700;pointer-events:none;line-height:1;animation:dp-rise linear infinite}\n.dp.cyan{color:rgba(0,207,255,.55);text-shadow:0 0 18px rgba(0,207,255,.5),0 0 40px rgba(0,207,255,.2)}\n.dp.gold{color:rgba(255,200,40,.5);text-shadow:0 0 16px rgba(255,200,40,.5),0 0 36px rgba(255,200,40,.18)}\n.dp.green{color:rgba(74,222,128,.45);text-shadow:0 0 14px rgba(74,222,128,.45)}\n.dp.orange{color:rgba(255,94,26,.45);text-shadow:0 0 14px rgba(255,94,26,.4)}\n@keyframes dp-rise{\n 0%{transform:translateY(0) translateX(0) rotate(0deg) scale(1);opacity:0}\n 6%{opacity:1}\n 50%{transform:translateY(-52vh) translateX(var(--drift,12px)) rotate(var(--rot,8deg)) scale(1.05)}\n 94%{opacity:.55}\n 100%{transform:translateY(-110vh) translateX(calc(var(--drift,12px)*2)) rotate(calc(var(--rot,8deg)*2)) scale(.9);opacity:0}\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n SHIMMER SWEEP ON HEADINGS\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 *\/\n@keyframes shimmer-sweep{\n 0%{background-position:-200% center}\n 100%{background-position:200% center}\n}\n.glow-text.shimmer-run{\n background:linear-gradient(115deg,#fff 0%,#c8daff 18%,var(--eb) 32%,#fff 46%,rgba(255,200,50,.8) 58%,#fff 72%,var(--eb) 86%,#c8daff 100%);\n background-size:250% auto;\n -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;\n animation:shimmer-sweep 2.6s ease forwards;\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\n LARGE BACKGROUND $ DECORATION\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 *\/\n.sec-bg-dollar{position:absolute;font-family:'Bebas Neue',sans-serif;font-size:clamp(14rem,22vw,28rem);font-weight:900;letter-spacing:-.04em;pointer-events:none;z-index:0;opacity:0;transition:opacity 1.4s ease,transform 1.6s cubic-bezier(.16,1,.3,1);user-select:none;background:linear-gradient(135deg,rgba(0,207,255,.12),rgba(0,115,255,.04));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1}\n.sec-bg-dollar.orange-var-bg{background:linear-gradient(135deg,rgba(255,94,26,.1),rgba(255,170,50,.05));-webkit-background-clip:text;background-clip:text}\n.sec-bg-dollar.visible{opacity:1;transform:none!important}\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\n ANIMATED SVG CHART LINE \u2014 hero decoration\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 *\/\n#hero-chart-line{position:absolute;bottom:14%;left:0;right:0;pointer-events:none;z-index:2;opacity:0;transition:opacity 1s ease 1.8s}\n#hero-chart-line.visible{opacity:1}\n.hcl-path{stroke-dasharray:1200;stroke-dashoffset:1200;animation:line-draw-path 3.2s cubic-bezier(.4,0,.2,1) 2s forwards}\n@keyframes line-draw-path{to{stroke-dashoffset:0}}\n.hcl-dot{opacity:0;animation:dot-appear .3s ease forwards}\n\n\/* Section chart-line SVG triggers *\/\n.fin-chart-svg .fcs-path{stroke-dasharray:800;stroke-dashoffset:800;transition:stroke-dashoffset 2.2s cubic-bezier(.4,0,.2,1)}\n.fin-chart-svg.drawn .fcs-path{stroke-dashoffset:0}\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\n TEXT SCRAMBLE EYEBROWS\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 *\/\n.eyebrow.scramble-active{color:var(--eb)}\n.eyebrow.orange.scramble-active{color:var(--o3)}\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\n HERO TITLE CHAR 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 *\/\n@keyframes char-in{\n from{opacity:0;transform:translateY(40px) rotateX(-75deg) scale(.85)}\n to{opacity:1;transform:translateY(0) rotateX(0deg) scale(1)}\n}\n\/* char animation merged into .h-t1 .char rule above \u2014 add animation only here to extend *\/\n.h-t1 .char{opacity:0;transform-style:preserve-3d;animation:char-in .55s cubic-bezier(.16,1,.3,1) both}\n.h-t2-word{display:inline-block;overflow:hidden}\n.h-t2-word-inner{display:inline-block;transform:translateX(-100%);opacity:0;transition:transform .8s cubic-bezier(.16,1,.3,1),opacity .5s ease}\n.h-t2-word-inner.in{transform:translateX(0);opacity:1}\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\n COUNTER GLOW ON TICK\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 *\/\n@keyframes count-flash{\n 0%,100%{text-shadow:0 0 20px currentColor}\n 50%{text-shadow:0 0 50px currentColor,0 0 100px currentColor}\n}\n[data-count].ticking{animation:count-flash .15s ease}\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\n PARALLAX FINANCIAL SHAPES\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 *\/\n.par-shape{position:absolute;pointer-events:none;will-change:transform}\n.par-ring{border-radius:50%;border:1px solid;animation:glow-breathe 4s ease-in-out infinite}\n.par-ring.cyan-ring{border-color:rgba(0,207,255,.08);background:transparent}\n.par-ring.orange-ring{border-color:rgba(255,94,26,.07);background:transparent}\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\n PREMIUM SCROLL LINE INDICATOR\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 *\/\n.scroll-progress-line{position:fixed;top:0;left:0;height:2px;z-index:9997;background:linear-gradient(90deg,var(--b4),var(--eb),var(--o3));box-shadow:0 0 8px rgba(0,207,255,.5);transform-origin:left;transform:scaleX(0);transition:transform .1s linear}\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\n PREMIUM ICON ANIMATIONS\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 *\/\n@keyframes icon-glow-pulse{0%,100%{box-shadow:0 0 8px rgba(0,207,255,.15)}50%{box-shadow:0 0 18px rgba(0,207,255,.4),0 0 32px rgba(0,115,255,.15)}}\n.cap-item.active .cap-icon{animation:icon-glow-pulse 2.8s ease-in-out infinite}\n.diff-top{display:flex;align-items:center;margin-bottom:.55rem;gap:.6rem}\n\/* tf-node position for icon overlay *\/\n.tf-node{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:.15rem}\n.tf-icon{width:22px;height:22px;position:relative;opacity:0;transition:.4s .1s;flex-shrink:0}\n.tf-icon svg{width:100%;height:100%}\n.tf-stage.active .tf-icon{opacity:1}\n.tf-n{font-size:.72rem}\/* slightly smaller when icon present *\/\n\/* Section icon entrance *\/\n.sec-icon{opacity:.7;transform:scale(.95);transition:opacity .35s,transform .35s,background .35s,border-color .35s,box-shadow .35s}\n.ch-card:hover .sec-icon,.cov-card:hover .sec-icon{opacity:1;transform:scale(1)}\n\/* Remove cov-bars if any remain (legacy) *\/\n.cov-bars{display:none!important}\n\/* Cap item inner ensures proper alignment *\/\n.cap-item-inner{display:flex;align-items:center;gap:.9rem}\n\n.clip-reveal{clip-path:inset(0 100% 0 0);opacity:0;transition:clip-path 1.1s cubic-bezier(.16,1,.3,1),opacity .4s ease}\n.clip-reveal.in{clip-path:inset(0 0% 0 0);opacity:1}\n\n\/* eyebrow underline draw *\/\n.eyebrow::after{transition:width .8s cubic-bezier(.16,1,.3,1) .3s}\n.eyebrow.line-drawn::after{width:42px}\n<\/style>\n<\/head>\n<body>\n<div id=\"cur\"><\/div>\n<div id=\"cuf\"><\/div>\n\n\n<div class=\"scroll-progress-line\" id=\"scrollProg\"><\/div>\n<section id=\"hero\">\n <canvas id=\"heroCanvas\"><\/canvas>\n <div id=\"dollar-field\"><\/div>\n <div class=\"h-scan\"><\/div>\n <div class=\"h-fog\"><\/div>\n <div class=\"h-fog-b\"><\/div>\n \n <svg id=\"hero-chart-line\" viewBox=\"0 0 1440 90\" preserveAspectRatio=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"height:90px\">\n <defs>\n <linearGradient id=\"hclGrad\" x1=\"0\" x2=\"1\" y1=\"0\" y2=\"0\">\n <stop offset=\"0%\" stop-color=\"rgba(0,115,255,0)\"\/>\n <stop offset=\"25%\" stop-color=\"rgba(0,115,255,0.5)\"\/>\n <stop offset=\"65%\" stop-color=\"rgba(0,207,255,0.8)\"\/>\n <stop offset=\"100%\" stop-color=\"rgba(255,94,26,0.4)\"\/>\n <\/linearGradient>\n <filter id=\"hclGlow\"><feGaussianBlur stdDeviation=\"2\" result=\"blur\"\/><feMerge><feMergeNode in=\"blur\"\/><feMergeNode in=\"SourceGraphic\"\/><\/feMerge><\/filter>\n <\/defs>\n <path class=\"hcl-path\" d=\"M0,72 L60,68 L120,61 L200,55 L280,48 L360,52 L420,38 L500,44 L560,30 L640,36 L700,22 L780,28 L840,15 L920,20 L980,8 L1060,14 L1140,5 L1200,10 L1280,4 L1360,7 L1440,3\" fill=\"none\" stroke=\"url(#hclGrad)\" stroke-width=\"1.5\" filter=\"url(#hclGlow)\" stroke-linejoin=\"round\"\/>\n \n <circle class=\"hcl-dot\" cx=\"1440\" cy=\"3\" r=\"3.5\" fill=\"#00CFFF\" style=\"animation-delay:3.8s\">\n <animate attributeName=\"r\" values=\"3;5;3\" dur=\"1.6s\" begin=\"3.8s\" repeatCount=\"indefinite\"\/>\n <animate attributeName=\"opacity\" values=\"0;1\" dur=\".3s\" begin=\"3.8s\" fill=\"freeze\"\/>\n <\/circle>\n \n <path class=\"hcl-path\" d=\"M0,72 L60,68 L120,61 L200,55 L280,48 L360,52 L420,38 L500,44 L560,30 L640,36 L700,22 L780,28 L840,15 L920,20 L980,8 L1060,14 L1140,5 L1200,10 L1280,4 L1360,7 L1440,3 L1440,90 L0,90 Z\" fill=\"url(#hclAreaGrad)\" opacity=\"0.06\" style=\"stroke:none;animation-delay:.1s\"\/>\n <defs>\n <linearGradient id=\"hclAreaGrad\" x1=\"0\" x2=\"0\" y1=\"0\" y2=\"1\">\n <stop offset=\"0%\" stop-color=\"#00CFFF\" stop-opacity=\"0.5\"\/>\n <stop offset=\"100%\" stop-color=\"#00CFFF\" stop-opacity=\"0\"\/>\n <\/linearGradient>\n <\/defs>\n <\/svg>\n\n <div class=\"h-inner\">\n \n <div class=\"h-l\">\n <div class=\"eyebrow orange h-ey\" id=\"h-ey\">Banking & Capital Markets<\/div>\n <h1 class=\"h-title\" id=\"h-title\">\n <span class=\"h-t1\">Banking, Financial<br>Services &<br>Capital Markets<\/span>\n <span class=\"h-t2\">\/\/ DT Solutions<\/span>\n <\/h1>\n <p class=\"h-hl\" id=\"h-hl\">Support regulated financial environments with operationally aligned and transformation-ready delivery.<\/p>\n <p class=\"h-sub\" id=\"h-sub\">Delivery solutions designed to support banking, financial services, and capital markets organizations through governance-aware execution, operational continuity, and scalable delivery.<\/p>\n\n <div class=\"h-pillars\" id=\"h-pil\">\n <div class=\"hp\"><div class=\"hp-tag\">\/\/ 01<\/div><div class=\"hp-title\">Support for complex and regulated financial environments<\/div><div class=\"hp-body\">Delivery models aligned to operational governance, compliance expectations, and high-accountability financial ecosystems.<\/div><\/div>\n <div class=\"hp\"><div class=\"hp-tag\">\/\/ 02<\/div><div class=\"hp-title\">Execution continuity across evolving financial operations<\/div><div class=\"hp-body\">Support for operational stability, modernization initiatives, and transformation programs.<\/div><\/div>\n <div class=\"hp\"><div class=\"hp-tag\">\/\/ 03<\/div><div class=\"hp-title\">Structured delivery aligned to risk, governance, and scalability<\/div><div class=\"hp-body\">Execution frameworks designed to support visibility, coordination, and controlled delivery.<\/div><\/div>\n <\/div>\n\n <div class=\"h-ctas\" id=\"h-ctas\">\n <a href=\"#sector-coverage\" class=\"btn-p\">Explore Sector Coverage <span>\u2193<\/span><\/a>\n <a href=\"#capabilities\" class=\"btn-o\">View Capabilities \u2192<\/a>\n <\/div>\n <\/div>\n\n \n <div class=\"h-r\">\n <div class=\"gc gc1 gc-eb\" id=\"hc1\">\n <div class=\"gc-tag\"><span class=\"gc-dot\" style=\"background:var(--eb)\"><\/span>Governance Alignment<\/div>\n <div class=\"gc-val\">Framework Active<\/div>\n <div class=\"gc-sub\">Delivery models structured to regulatory oversight<\/div>\n <div class=\"gc-bar\"><div class=\"gc-fill\" style=\"width:78%;background:linear-gradient(90deg,var(--b4),var(--eb))\"><\/div><\/div>\n <div class=\"gc-candles\">\n <div class=\"gcc\"><div class=\"gcc-w\" style=\"height:5px\"><\/div><div class=\"gcc-b\" style=\"height:10px;background:#4ade80\"><\/div><div class=\"gcc-w\" style=\"height:3px\"><\/div><\/div>\n <div class=\"gcc\"><div class=\"gcc-w\" style=\"height:4px\"><\/div><div class=\"gcc-b\" style=\"height:14px;background:#4ade80\"><\/div><div class=\"gcc-w\" style=\"height:2px\"><\/div><\/div>\n <div class=\"gcc\"><div class=\"gcc-w\" style=\"height:6px\"><\/div><div class=\"gcc-b\" style=\"height:8px;background:var(--o3)\"><\/div><div class=\"gcc-w\" style=\"height:4px\"><\/div><\/div>\n <div class=\"gcc\"><div class=\"gcc-w\" style=\"height:3px\"><\/div><div class=\"gcc-b\" style=\"height:16px;background:#4ade80\"><\/div><div class=\"gcc-w\" style=\"height:2px\"><\/div><\/div>\n <div class=\"gcc\"><div class=\"gcc-w\" style=\"height:5px\"><\/div><div class=\"gcc-b\" style=\"height:20px;background:#4ade80;box-shadow:0 0 8px rgba(74,222,128,.4)\"><\/div><div class=\"gcc-w\" style=\"height:2px\"><\/div><\/div>\n <div class=\"gcc\"><div class=\"gcc-w\" style=\"height:4px\"><\/div><div class=\"gcc-b\" style=\"height:12px;background:var(--o3);box-shadow:0 0 6px rgba(255,94,26,.35)\"><\/div><div class=\"gcc-w\" style=\"height:3px\"><\/div><\/div>\n <\/div>\n <\/div>\n\n <div class=\"gc gc2 orange-var\" id=\"hc2\" style=\"animation:o-breathe 4s ease-in-out infinite\">\n <div class=\"gc-tag\"><span class=\"gc-dot\" style=\"background:var(--o3)\"><\/span>Risk Continuity<\/div>\n <div class=\"gc-val\">Operationally Aligned<\/div>\n <div class=\"gc-sub\">Controlled execution across compliance environments<\/div>\n <div class=\"gc-dots\">\n <div class=\"gc-d on-o\"><\/div><div class=\"gc-d on-o\"><\/div><div class=\"gc-d on-o\"><\/div><div class=\"gc-d\"><\/div><div class=\"gc-d\"><\/div>\n <\/div>\n <div class=\"gc-bar\" style=\"margin-top:.75rem\"><div class=\"gc-fill orange\" style=\"width:60%;background:linear-gradient(90deg,var(--o1),var(--o3))\"><\/div><\/div>\n <\/div>\n\n <div class=\"gc gc3 gc-eb\" id=\"hc3\">\n <div class=\"gc-tag\"><span class=\"gc-dot\" style=\"background:var(--b4)\"><\/span>Transformation Ready<\/div>\n <div class=\"gc-val\">Scalable Delivery<\/div>\n <div class=\"gc-sub\">Enterprise execution for modernization programs<\/div>\n <div class=\"gc-line\">\n <svg width=\"150\" height=\"36\" viewBox=\"0 0 150 36\">\n <polyline points=\"0,30 15,24 30,26 45,14 60,18 75,8 90,12 105,4 120,7 135,2 150,5\" fill=\"none\" stroke=\"url(#lg1)\" stroke-width=\"1.5\" stroke-linejoin=\"round\"\/>\n <linearGradient id=\"lg1\" x1=\"0\" x2=\"1\" y1=\"0\" y2=\"0\"><stop offset=\"0%\" stop-color=\"#0073FF\"\/><stop offset=\"100%\" stop-color=\"#00CFFF\"\/><\/linearGradient>\n <circle cx=\"150\" cy=\"5\" r=\"3\" fill=\"#00CFFF\" opacity=\".9\"><animate attributeName=\"r\" values=\"2.5;4;2.5\" dur=\"1.8s\" repeatCount=\"indefinite\"\/><\/circle>\n <\/svg>\n <\/div>\n <div class=\"gc-bar\" style=\"margin-top:.4rem\"><div class=\"gc-fill\" style=\"width:82%;background:linear-gradient(90deg,var(--b4),var(--eb))\"><\/div><\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<div id=\"mq\">\n <div class=\"mq-row top\">\n <div class=\"mq-inner\">\n <div class=\"mq-item\"><span class=\"mq-sym\">S&P 500<\/span><span class=\"mq-price\">5,842.47<\/span><span class=\"mq-chg up\">\u25b2 1.24%<\/span><svg class=\"mq-spark\" viewBox=\"0 0 38 14\"><polyline points=\"0,13 6,9 12,11 18,5 24,7 30,3 35,2 38,3\" fill=\"none\" stroke=\"#4ade80\" stroke-width=\"1.5\"\/><\/svg><\/div>\n <div class=\"mq-item\"><span class=\"mq-sym\">NASDAQ<\/span><span class=\"mq-price\">18,320.14<\/span><span class=\"mq-chg up\">\u25b2 0.87%<\/span><svg class=\"mq-spark\" viewBox=\"0 0 38 14\"><polyline points=\"0,11 6,7 12,10 18,4 24,6 30,2 35,4 38,2\" fill=\"none\" stroke=\"#4ade80\" stroke-width=\"1.5\"\/><\/svg><\/div>\n <div class=\"mq-item\"><span class=\"mq-sym\">GBP\/USD<\/span><span class=\"mq-price\">1.2714<\/span><span class=\"mq-chg dn\">\u25bc 0.12%<\/span><svg class=\"mq-spark\" viewBox=\"0 0 38 14\"><polyline points=\"0,3 6,5 12,4 18,8 24,7 30,10 35,9 38,12\" fill=\"none\" stroke=\"#FF7A3D\" stroke-width=\"1.5\"\/><\/svg><\/div>\n <div class=\"mq-item\"><span class=\"mq-sym\">EUR\/USD<\/span><span class=\"mq-price\">1.0882<\/span><span class=\"mq-chg up\">\u25b2 0.06%<\/span><svg class=\"mq-spark\" viewBox=\"0 0 38 14\"><polyline points=\"0,9 6,8 12,6 18,7 24,5 30,4 35,3 38,2\" fill=\"none\" stroke=\"#4ade80\" stroke-width=\"1.5\"\/><\/svg><\/div>\n <div class=\"mq-item\"><span class=\"mq-sym\">GOLD<\/span><span class=\"mq-price\">2,641.30<\/span><span class=\"mq-chg up\">\u25b2 0.41%<\/span><svg class=\"mq-spark\" viewBox=\"0 0 38 14\"><polyline points=\"0,11 6,9 12,10 18,7 24,8 30,4 35,3 38,2\" fill=\"none\" stroke=\"#4ade80\" stroke-width=\"1.5\"\/><\/svg><\/div>\n <div class=\"mq-item\"><span class=\"mq-sym\">10Y UST<\/span><span class=\"mq-price\">4.312%<\/span><span class=\"mq-chg dn\">\u25bc 0.03%<\/span><svg class=\"mq-spark\" viewBox=\"0 0 38 14\"><polyline points=\"0,2 6,4 12,3 18,6 24,5 30,8 35,9 38,11\" fill=\"none\" stroke=\"#FF7A3D\" stroke-width=\"1.5\"\/><\/svg><\/div>\n <div class=\"mq-item\"><span class=\"mq-sym\">VIX<\/span><span class=\"mq-price\">14.82<\/span><span class=\"mq-chg dn\">\u25bc 1.54%<\/span><svg class=\"mq-spark\" viewBox=\"0 0 38 14\"><polyline points=\"0,5 6,7 12,4 18,9 24,6 30,11 35,8 38,13\" fill=\"none\" stroke=\"#FF7A3D\" stroke-width=\"1.5\"\/><\/svg><\/div>\n <div class=\"mq-item\"><span class=\"mq-sym\">BTC\/USD<\/span><span class=\"mq-price\">67,240.00<\/span><span class=\"mq-chg up\">\u25b2 2.18%<\/span><svg class=\"mq-spark\" viewBox=\"0 0 38 14\"><polyline points=\"0,12 6,9 12,10 18,5 24,7 30,2 35,3 38,1\" fill=\"none\" stroke=\"#4ade80\" stroke-width=\"1.5\"\/><\/svg><\/div>\n <div class=\"mq-item\"><span class=\"mq-sym\">CRUDE<\/span><span class=\"mq-price\">78.42<\/span><span class=\"mq-chg up\">\u25b2 0.33%<\/span><svg class=\"mq-spark\" viewBox=\"0 0 38 14\"><polyline points=\"0,9 6,7 12,8 18,5 24,6 30,4 35,3 38,2\" fill=\"none\" stroke=\"#4ade80\" stroke-width=\"1.5\"\/><\/svg><\/div>\n \n <div class=\"mq-item\"><span class=\"mq-sym\">S&P 500<\/span><span class=\"mq-price\">5,842.47<\/span><span class=\"mq-chg up\">\u25b2 1.24%<\/span><svg class=\"mq-spark\" viewBox=\"0 0 38 14\"><polyline points=\"0,13 6,9 12,11 18,5 24,7 30,3 35,2 38,3\" fill=\"none\" stroke=\"#4ade80\" stroke-width=\"1.5\"\/><\/svg><\/div>\n <div class=\"mq-item\"><span class=\"mq-sym\">NASDAQ<\/span><span class=\"mq-price\">18,320.14<\/span><span class=\"mq-chg up\">\u25b2 0.87%<\/span><svg class=\"mq-spark\" viewBox=\"0 0 38 14\"><polyline points=\"0,11 6,7 12,10 18,4 24,6 30,2 35,4 38,2\" fill=\"none\" stroke=\"#4ade80\" stroke-width=\"1.5\"\/><\/svg><\/div>\n <div class=\"mq-item\"><span class=\"mq-sym\">GBP\/USD<\/span><span class=\"mq-price\">1.2714<\/span><span class=\"mq-chg dn\">\u25bc 0.12%<\/span><svg class=\"mq-spark\" viewBox=\"0 0 38 14\"><polyline points=\"0,3 6,5 12,4 18,8 24,7 30,10 35,9 38,12\" fill=\"none\" stroke=\"#FF7A3D\" stroke-width=\"1.5\"\/><\/svg><\/div>\n <div class=\"mq-item\"><span class=\"mq-sym\">EUR\/USD<\/span><span class=\"mq-price\">1.0882<\/span><span class=\"mq-chg up\">\u25b2 0.06%<\/span><svg class=\"mq-spark\" viewBox=\"0 0 38 14\"><polyline points=\"0,9 6,8 12,6 18,7 24,5 30,4 35,3 38,2\" fill=\"none\" stroke=\"#4ade80\" stroke-width=\"1.5\"\/><\/svg><\/div>\n <div class=\"mq-item\"><span class=\"mq-sym\">GOLD<\/span><span class=\"mq-price\">2,641.30<\/span><span class=\"mq-chg up\">\u25b2 0.41%<\/span><svg class=\"mq-spark\" viewBox=\"0 0 38 14\"><polyline points=\"0,11 6,9 12,10 18,7 24,8 30,4 35,3 38,2\" fill=\"none\" stroke=\"#4ade80\" stroke-width=\"1.5\"\/><\/svg><\/div>\n <div class=\"mq-item\"><span class=\"mq-sym\">10Y UST<\/span><span class=\"mq-price\">4.312%<\/span><span class=\"mq-chg dn\">\u25bc 0.03%<\/span><svg class=\"mq-spark\" viewBox=\"0 0 38 14\"><polyline points=\"0,2 6,4 12,3 18,6 24,5 30,8 35,9 38,11\" fill=\"none\" stroke=\"#FF7A3D\" stroke-width=\"1.5\"\/><\/svg><\/div>\n <div class=\"mq-item\"><span class=\"mq-sym\">VIX<\/span><span class=\"mq-price\">14.82<\/span><span class=\"mq-chg dn\">\u25bc 1.54%<\/span><svg class=\"mq-spark\" viewBox=\"0 0 38 14\"><polyline points=\"0,5 6,7 12,4 18,9 24,6 30,11 35,8 38,13\" fill=\"none\" stroke=\"#FF7A3D\" stroke-width=\"1.5\"\/><\/svg><\/div>\n <div class=\"mq-item\"><span class=\"mq-sym\">BTC\/USD<\/span><span class=\"mq-price\">67,240.00<\/span><span class=\"mq-chg up\">\u25b2 2.18%<\/span><svg class=\"mq-spark\" viewBox=\"0 0 38 14\"><polyline points=\"0,12 6,9 12,10 18,5 24,7 30,2 35,3 38,1\" fill=\"none\" stroke=\"#4ade80\" stroke-width=\"1.5\"\/><\/svg><\/div>\n <div class=\"mq-item\"><span class=\"mq-sym\">CRUDE<\/span><span class=\"mq-price\">78.42<\/span><span class=\"mq-chg up\">\u25b2 0.33%<\/span><svg class=\"mq-spark\" viewBox=\"0 0 38 14\"><polyline points=\"0,9 6,7 12,8 18,5 24,6 30,4 35,3 38,2\" fill=\"none\" stroke=\"#4ade80\" stroke-width=\"1.5\"\/><\/svg><\/div>\n <\/div>\n <\/div>\n <div class=\"mq-row bot\">\n <div class=\"mq-inner rev\">\n <span class=\"mq-tag-item\"><span class=\"td\"><\/span>Governance Framework <span class=\"tv\">Active<\/span><\/span>\n <span class=\"mq-tag-item\"><span class=\"td\" style=\"background:var(--o2)\"><\/span>Regulatory Alignment <span class=\"tv\">Structured<\/span><\/span>\n <span class=\"mq-tag-item\"><span class=\"td\" style=\"background:#4ade80\"><\/span>Delivery Continuity <span class=\"tv\">Operational<\/span><\/span>\n <span class=\"mq-tag-item\"><span class=\"td\"><\/span>Risk Framework <span class=\"tv\">Controlled<\/span><\/span>\n <span class=\"mq-tag-item\"><span class=\"td\" style=\"background:var(--o3)\"><\/span>Capital Markets <span class=\"tv\">Supported<\/span><\/span>\n <span class=\"mq-tag-item\"><span class=\"td\"><\/span>Transformation <span class=\"tv\">Aligned<\/span><\/span>\n <span class=\"mq-tag-item\"><span class=\"td\" style=\"background:#4ade80\"><\/span>Scalability <span class=\"tv\">Enabled<\/span><\/span>\n <span class=\"mq-tag-item\"><span class=\"td\" style=\"background:var(--o2)\"><\/span>Compliance <span class=\"tv\">Maintained<\/span><\/span>\n <span class=\"mq-tag-item\"><span class=\"td\"><\/span>Governance Framework <span class=\"tv\">Active<\/span><\/span>\n <span class=\"mq-tag-item\"><span class=\"td\" style=\"background:var(--o2)\"><\/span>Regulatory Alignment <span class=\"tv\">Structured<\/span><\/span>\n <span class=\"mq-tag-item\"><span class=\"td\" style=\"background:#4ade80\"><\/span>Delivery Continuity <span class=\"tv\">Operational<\/span><\/span>\n <span class=\"mq-tag-item\"><span class=\"td\"><\/span>Risk Framework <span class=\"tv\">Controlled<\/span><\/span>\n <span class=\"mq-tag-item\"><span class=\"td\" style=\"background:var(--o3)\"><\/span>Capital Markets <span class=\"tv\">Supported<\/span><\/span>\n <span class=\"mq-tag-item\"><span class=\"td\"><\/span>Transformation <span class=\"tv\">Aligned<\/span><\/span>\n <span class=\"mq-tag-item\"><span class=\"td\" style=\"background:#4ade80\"><\/span>Scalability <span class=\"tv\">Enabled<\/span><\/span>\n <span class=\"mq-tag-item\"><span class=\"td\" style=\"background:var(--o2)\"><\/span>Compliance <span class=\"tv\">Maintained<\/span><\/span>\n <\/div>\n <\/div>\n<\/div>\n\n\n<section id=\"challenges\" class=\"grid-bg\" style=\"background:var(--n2)\">\n <div class=\"sec-bg-dollar orange-var-bg\" style=\"right:-4%;top:-8%;transform:translateY(40px) rotate(12deg)\">$<\/div>\n <div class=\"wrap\">\n <div class=\"s-head c\">\n <div class=\"eyebrow reveal\" style=\"justify-content:center\">Industry Pressures<\/div>\n <h2 class=\"glow-text reveal\">Industry Challenges & Operational Pressures<\/h2>\n <p class=\"reveal\" style=\"font-size:.92rem;color:var(--t3);line-height:1.8;max-width:680px;margin:1rem auto 0\">Financial institutions and capital markets environments are navigating increasing pressure to modernize operations, strengthen governance, maintain delivery continuity, and respond to evolving regulatory expectations.<\/p>\n <\/div>\n <div class=\"ch-grid\">\n <div class=\"ch-card reveal\" data-delay=\"0\">\n <div class=\"sec-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 3v18M5 8l7-5 7 5M3 14h4l-2 4h-4zM13 14h4l-2 4h-4z\"\/><line x1=\"3\" y1=\"21\" x2=\"21\" y2=\"21\"\/><\/svg><\/div>\n <div class=\"ch-num\">01<\/div><div class=\"ch-line\"><\/div><h3 class=\"ch-title\">Rising regulatory and governance complexity<\/h3><p class=\"ch-body\">Organizations must maintain operational agility while adapting to evolving compliance, reporting, and oversight requirements.<\/p>\n <\/div>\n <div class=\"ch-card reveal\" data-delay=\"1\">\n <div class=\"sec-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"5\" width=\"18\" height=\"14\" rx=\"2\"\/><path d=\"M7 5V3M17 5V3M7 19v2M17 19v2M3 10h18M3 15h18M8 10v5M12 10v5M16 10v5\"\/><\/svg><\/div>\n <div class=\"ch-num\">02<\/div><div class=\"ch-line\"><\/div><h3 class=\"ch-title\">Pressure to modernize legacy operational environments<\/h3><p class=\"ch-body\">Financial institutions are balancing transformation initiatives with the need to maintain continuity across critical systems.<\/p>\n <\/div>\n <div class=\"ch-card reveal\" data-delay=\"2\">\n <div class=\"sec-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"3\"\/><circle cx=\"12\" cy=\"12\" r=\"8\"\/><line x1=\"12\" y1=\"2\" x2=\"12\" y2=\"4\"\/><line x1=\"12\" y1=\"20\" x2=\"12\" y2=\"22\"\/><line x1=\"2\" y1=\"12\" x2=\"4\" y2=\"12\"\/><line x1=\"20\" y1=\"12\" x2=\"22\" y2=\"12\"\/><\/svg><\/div>\n <div class=\"ch-num\">03<\/div><div class=\"ch-line\"><\/div><h3 class=\"ch-title\">Increasing demand for operational scalability and resilience<\/h3><p class=\"ch-body\">Growing transaction volumes and market volatility require more scalable and stable delivery environments.<\/p>\n <\/div>\n <div class=\"ch-card reveal\" data-delay=\"3\">\n <div class=\"sec-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"5\" cy=\"6\" r=\"2\"\/><circle cx=\"19\" cy=\"6\" r=\"2\"\/><circle cx=\"12\" cy=\"18\" r=\"2\"\/><path d=\"M5 8v3a4 4 0 0 0 4 4h6a4 4 0 0 0 4-4V8M12 15v1\"\/><\/svg><\/div>\n <div class=\"ch-num\">04<\/div><div class=\"ch-line\"><\/div><h3 class=\"ch-title\">Fragmented coordination across business and operational functions<\/h3><p class=\"ch-body\">Delivery execution becomes increasingly difficult when governance, operational teams, and transformation initiatives are misaligned.<\/p>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section id=\"sector-coverage\" style=\"background:var(--n1)\">\n <div class=\"sec-bg-dollar\" style=\"left:-6%;bottom:-12%;transform:translateY(-30px) rotate(-8deg)\">%<\/div>\n \n <svg class=\"fin-chart-svg\" viewBox=\"0 0 600 60\" style=\"position:absolute;top:0;right:0;width:420px;height:60px;pointer-events:none;opacity:.07\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <path class=\"fcs-path\" d=\"M0,50 L60,42 L120,46 L180,32 L240,38 L300,20 L360,28 L420,12 L480,18 L540,6 L600,10\" fill=\"none\" stroke=\"url(#fcGrad1)\" stroke-width=\"1.5\"\/>\n <defs><linearGradient id=\"fcGrad1\" x1=\"0\" x2=\"1\"><stop offset=\"0%\" stop-color=\"rgba(0,115,255,0)\"\/><stop offset=\"100%\" stop-color=\"rgba(0,207,255,1)\"\/><\/linearGradient><\/defs>\n <\/svg>\n <div class=\"wrap\">\n <div class=\"s-head\">\n <div class=\"eyebrow reveal\">Sector Coverage<\/div>\n <h2 class=\"glow-text reveal\">Sector Coverage & Delivery Areas<\/h2>\n <p class=\"reveal\" style=\"font-size:.92rem;color:var(--t3);line-height:1.8;max-width:680px;margin:1rem 0 0\">Delivery support aligned to financial institutions and capital markets environments requiring operational continuity, governance alignment, and scalable execution support.<\/p>\n <\/div>\n <div class=\"sc-tabs reveal\" id=\"scTabs\">\n <div class=\"sc-ind\" id=\"scInd\"><\/div>\n <button class=\"sc-tab active\" data-tab=\"fs\">Financial Services<\/button>\n <button class=\"sc-tab\" data-tab=\"cm\">Capital Markets<\/button>\n <\/div>\n <div class=\"sc-panel active\" id=\"panel-fs\">\n <div class=\"cov-grid\">\n <div class=\"cov-card reveal\" data-delay=\"0\">\n <div class=\"sec-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M3 21h18M3 10h18M5 6l7-3 7 3M4 10v11M8 10v11M12 10v11M16 10v11M20 10v11\"\/><\/svg><\/div>\n <div class=\"cov-num\">\/\/ Coverage 01<\/div><h3 class=\"cov-title\">Banking Operations & Service Environments<\/h3><p class=\"cov-body\">Support for retail banking, commercial banking, lending operations, and customer service environments focused on operational continuity and service excellence.<\/p>\n <\/div>\n <div class=\"cov-card reveal\" data-delay=\"1\">\n <div class=\"sec-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><polyline points=\"9 12 11 14 15 10\"\/><\/svg><\/div>\n <div class=\"cov-num\">\/\/ Coverage 02<\/div><h3 class=\"cov-title\">Risk, Governance & Compliance Functions<\/h3><p class=\"cov-body\">Delivery support aligned to regulatory frameworks, governance structures, compliance operations, and reporting environments.<\/p>\n <\/div>\n <div class=\"cov-card reveal\" data-delay=\"2\">\n <div class=\"sec-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"13 2 3 14 12 14 11 22 21 10 12 10 13 2\"\/><\/svg><\/div>\n <div class=\"cov-num\">\/\/ Coverage 03<\/div><h3 class=\"cov-title\">Financial Transformation & Modernization<\/h3><p class=\"cov-body\">Support for digital transformation, platform modernization, workflow optimization, and operational improvement programs.<\/p>\n <\/div>\n <div class=\"cov-card reveal\" data-delay=\"3\">\n <div class=\"sec-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"\/><circle cx=\"9\" cy=\"7\" r=\"4\"\/><path d=\"M23 21v-2a4 4 0 0 0-3-3.87M16 3.13a4 4 0 0 1 0 7.75\"\/><\/svg><\/div>\n <div class=\"cov-num\">\/\/ Coverage 04<\/div><h3 class=\"cov-title\">Customer & Operational Support Functions<\/h3><p class=\"cov-body\">Operational support for reporting workflows, service operations, customer servicing environments, and execution continuity.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"sc-panel\" id=\"panel-cm\">\n <div class=\"cov-grid\">\n <div class=\"cov-card\">\n <div class=\"sec-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"22 12 18 12 15 21 9 3 6 12 2 12\"\/><\/svg><\/div>\n <div class=\"cov-num\">\/\/ Coverage 01<\/div><h3 class=\"cov-title\">Trading & Market Operations<\/h3><p class=\"cov-body\">Support for trading environments, execution workflows, transaction processing, and market-facing operational systems.<\/p>\n <\/div>\n <div class=\"cov-card\">\n <div class=\"sec-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"\/><polyline points=\"14 2 14 8 20 8\"\/><line x1=\"16\" y1=\"13\" x2=\"8\" y2=\"13\"\/><line x1=\"16\" y1=\"17\" x2=\"8\" y2=\"17\"\/><polyline points=\"10 9 9 9 8 9\"\/><\/svg><\/div>\n <div class=\"cov-num\">\/\/ Coverage 02<\/div><h3 class=\"cov-title\">Regulatory Reporting & Oversight Functions<\/h3><p class=\"cov-body\">Delivery support aligned to compliance reporting, regulatory obligations, governance controls, and audit-ready operations.<\/p>\n <\/div>\n <div class=\"cov-card\">\n <div class=\"sec-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg><\/div>\n <div class=\"cov-num\">\/\/ Coverage 03<\/div><h3 class=\"cov-title\">Front, Middle & Back Office Operations<\/h3><p class=\"cov-body\">Operational support across trade lifecycle functions including execution, reconciliation, risk processing, and settlement workflows.<\/p>\n <\/div>\n <div class=\"cov-card\">\n <div class=\"sec-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"3\"\/><path d=\"M19.07 4.93a10 10 0 0 1 0 14.14M4.93 4.93a10 10 0 0 0 0 14.14M15.54 8.46a5 5 0 0 1 0 7.07M8.46 8.46a5 5 0 0 0 0 7.07\"\/><\/svg><\/div>\n <div class=\"cov-num\">\/\/ Coverage 04<\/div><h3 class=\"cov-title\">Transformation & Scalability Initiatives<\/h3><p class=\"cov-body\">Support for modernization programs, operational scaling, infrastructure optimization, and execution efficiency improvements.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section id=\"capabilities\" class=\"grid-bg\" style=\"background:var(--n2)\">\n <div class=\"sec-bg-dollar\" style=\"right:-3%;top:5%;transform:translateX(30px)\">$<\/div>\n <div class=\"wrap\">\n <div class=\"s-head\">\n <div class=\"eyebrow reveal\">Delivery Framework<\/div>\n <h2 class=\"glow-text reveal\">Delivery Capabilities<\/h2>\n <p class=\"reveal\" style=\"font-size:.92rem;color:var(--t3);line-height:1.8;max-width:680px;margin:1rem 0 0\">Execution support designed to align with the operational, governance, and transformation demands of banking and capital markets environments.<\/p>\n <\/div>\n <div class=\"cap-layout\">\n <div class=\"cap-stack reveal from-left\" id=\"capStack\">\n <div class=\"cap-spine\"><div class=\"cap-glow\" id=\"capGlow\"><\/div><\/div>\n <div class=\"cap-item active\" data-cap=\"0\"><div class=\"cap-item-inner\"><div class=\"cap-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"3\"\/><path d=\"M19.07 4.93a10 10 0 0 1 0 14.14M4.93 4.93a10 10 0 0 0 0 14.14\"\/><\/svg><\/div><div><div class=\"cap-num\">\/\/ Capability 01<\/div><div class=\"cap-label\">Operational Delivery Support<\/div><\/div><\/div><\/div>\n <div class=\"cap-item\" data-cap=\"1\"><div class=\"cap-item-inner\"><div class=\"cap-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><\/svg><\/div><div><div class=\"cap-num\">\/\/ Capability 02<\/div><div class=\"cap-label\">Governance & Regulatory Alignment<\/div><\/div><\/div><\/div>\n <div class=\"cap-item\" data-cap=\"2\"><div class=\"cap-item-inner\"><div class=\"cap-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"13 2 3 14 12 14 11 22 21 10 12 10 13 2\"\/><\/svg><\/div><div><div class=\"cap-num\">\/\/ Capability 03<\/div><div class=\"cap-label\">Transformation & Modernization Support<\/div><\/div><\/div><\/div>\n <div class=\"cap-item\" data-cap=\"3\"><div class=\"cap-item-inner\"><div class=\"cap-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"\/><circle cx=\"9\" cy=\"7\" r=\"4\"\/><path d=\"M23 21v-2a4 4 0 0 0-3-3.87M16 3.13a4 4 0 0 1 0 7.75\"\/><\/svg><\/div><div><div class=\"cap-num\">\/\/ Capability 04<\/div><div class=\"cap-label\">Cross-Functional Coordination Environments<\/div><\/div><\/div><\/div>\n <div class=\"cap-item\" data-cap=\"4\"><div class=\"cap-item-inner\"><div class=\"cap-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"23 6 13.5 15.5 8.5 10.5 1 18\"\/><polyline points=\"17 6 23 6 23 12\"\/><\/svg><\/div><div><div class=\"cap-num\">\/\/ Capability 05<\/div><div class=\"cap-label\">Scalable Financial Operations Support<\/div><\/div><\/div><\/div>\n <\/div>\n <div class=\"cap-panel reveal from-right\" id=\"capPanel\">\n <div class=\"cap-panel-oc\"><\/div><div class=\"cap-panel-oc2\"><\/div>\n <div class=\"cp-deco\"><span style=\"height:14px\"><\/span><span style=\"height:22px\"><\/span><span style=\"height:11px\"><\/span><span style=\"height:20px\"><\/span><span style=\"height:17px\"><\/span><\/div>\n <div id=\"capContent\">\n <div class=\"cp-big\" id=\"cpNum\">01<\/div>\n <h3 class=\"cp-title\" id=\"cpTitle\">Operational Delivery Support<\/h3>\n <p class=\"cp-body\" id=\"cpBody\">Structured support for operational workflows, business processes, reporting functions, and execution continuity across financial ecosystems.<\/p>\n <div class=\"cp-badge eb\" id=\"cpBadge\">\u25cf ACTIVE CAPABILITY<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section id=\"transformation\" class=\"grid-bg\" style=\"background:var(--n1)\">\n <div class=\"sec-bg-dollar orange-var-bg\" style=\"left:-5%;top:0%;transform:rotate(-15deg) translateY(-20px)\">\u20bf<\/div>\n \n <svg class=\"fin-chart-svg\" viewBox=\"0 0 600 60\" style=\"position:absolute;bottom:0;left:0;width:380px;height:55px;pointer-events:none;opacity:.06;transform:scaleX(-1)\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <path class=\"fcs-path\" d=\"M0,50 L60,42 L120,46 L180,32 L240,38 L300,20 L360,28 L420,12 L480,18 L540,6 L600,10\" fill=\"none\" stroke=\"url(#fcGrad2)\" stroke-width=\"1.5\"\/>\n <defs><linearGradient id=\"fcGrad2\" x1=\"0\" x2=\"1\"><stop offset=\"0%\" stop-color=\"rgba(255,94,26,0)\"\/><stop offset=\"100%\" stop-color=\"rgba(255,94,26,1)\"\/><\/linearGradient><\/defs>\n <\/svg>\n <div class=\"wrap\">\n <div class=\"s-head\">\n <div class=\"eyebrow orange reveal\">Transformation Journey<\/div>\n <h2 class=\"glow-text reveal\">Delivery & Transformation Support<\/h2>\n <p class=\"reveal\" style=\"font-size:.92rem;color:var(--t3);line-height:1.8;max-width:680px;margin:1rem 0 0\">Structured support models designed to help financial organizations manage modernization, operational change, governance alignment, and execution continuity.<\/p>\n <\/div>\n <div class=\"tf-wrap\">\n <div class=\"tf-track\"><div class=\"tf-prog\" id=\"tfProg\"><\/div><\/div>\n <div class=\"tf-stages\">\n <div class=\"tf-stage reveal\" data-tf data-delay=\"0\"><div class=\"tf-node\"><div class=\"tf-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"23 4 23 10 17 10\"\/><path d=\"M20.49 15a9 9 0 1 1-2.12-9.36L23 10\"\/><\/svg><\/div><div class=\"tf-n\">01<\/div><\/div><div><div class=\"tf-lbl\">Area 01<\/div><div class=\"tf-title\">Operational Modernization<\/div><div class=\"tf-desc\">Improving efficiency, workflow alignment, and scalable delivery across financial ecosystems.<\/div><\/div><\/div>\n <div class=\"tf-stage reveal\" data-tf data-delay=\"1\"><div class=\"tf-node\"><div class=\"tf-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><circle cx=\"12\" cy=\"12\" r=\"3\"\/><line x1=\"22\" y1=\"12\" x2=\"15\" y2=\"12\"\/><line x1=\"9\" y1=\"12\" x2=\"2\" y2=\"12\"\/><\/svg><\/div><div class=\"tf-n\">02<\/div><\/div><div><div class=\"tf-lbl\">Area 02<\/div><div class=\"tf-title\">Transformation Execution<\/div><div class=\"tf-desc\">Coordinating transformation priorities, stakeholder alignment, and execution continuity.<\/div><\/div><\/div>\n <div class=\"tf-stage reveal\" data-tf data-delay=\"2\"><div class=\"tf-node\"><div class=\"tf-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"11\" width=\"18\" height=\"11\" rx=\"2\"\/><path d=\"M7 11V7a5 5 0 0 1 10 0v4\"\/><\/svg><\/div><div class=\"tf-n\">03<\/div><\/div><div><div class=\"tf-lbl\">Area 03<\/div><div class=\"tf-title\">Governance & Reporting<\/div><div class=\"tf-desc\">Operational oversight, reporting structures, and governance-driven execution environments.<\/div><\/div><\/div>\n <div class=\"tf-stage reveal\" data-tf data-delay=\"3\"><div class=\"tf-node\"><div class=\"tf-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2\"\/><circle cx=\"12\" cy=\"7\" r=\"4\"\/><\/svg><\/div><div class=\"tf-n\">04<\/div><\/div><div><div class=\"tf-lbl\">Area 04<\/div><div class=\"tf-title\">Customer Experience<\/div><div class=\"tf-desc\">Delivery support aligned to evolving customer expectations and service responsiveness.<\/div><\/div><\/div>\n <div class=\"tf-stage reveal\" data-tf data-delay=\"4\"><div class=\"tf-node\"><div class=\"tf-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"22 12 18 12 15 21 9 3 6 12 2 12\"\/><\/svg><\/div><div class=\"tf-n\">05<\/div><\/div><div><div class=\"tf-lbl\">Area 05<\/div><div class=\"tf-title\">Operational Resilience<\/div><div class=\"tf-desc\">Maintaining delivery stability and execution consistency during transformation.<\/div><\/div><\/div>\n <div class=\"tf-stage reveal\" data-tf data-delay=\"5\"><div class=\"tf-node\"><div class=\"tf-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71\"\/><path d=\"M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71\"\/><\/svg><\/div><div class=\"tf-n\">06<\/div><\/div><div><div class=\"tf-lbl\">Area 06<\/div><div class=\"tf-title\">Cross-Functional Integration<\/div><div class=\"tf-desc\">Coordination across business, technology, operations, and governance functions.<\/div><\/div><\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section id=\"why-dt\" style=\"background:var(--n2)\">\n <div class=\"sec-bg-dollar\" style=\"right:-4%;bottom:-10%;transform:rotate(8deg) translateY(20px)\">$<\/div>\n <div class=\"wrap\">\n <div class=\"why-layout\">\n <div class=\"why-l\">\n <div class=\"eyebrow orange reveal\">Our Differentiation<\/div>\n <h2 class=\"glow-text reveal\">Why DT Solutions<\/h2>\n <p class=\"why-stat reveal\">Delivery support positioned for regulated financial environments \u2014 structured, governance-aware, and operationally aligned to the execution demands of banking, financial services, and capital markets.<\/p>\n <div class=\"why-badge reveal\"><div class=\"wd\"><\/div>Regulated Market Delivery<\/div>\n <div class=\"why-metrics reveal\">\n <div class=\"wm-cell\"><span class=\"wm-n eb\" data-count=\"4\">0<\/span><span class=\"wm-l\">Core Differentiators<\/span><\/div>\n <div class=\"wm-cell\"><span class=\"wm-n or\" data-count=\"6\">0<\/span><span class=\"wm-l\">Support Models<\/span><\/div>\n <div class=\"wm-cell\"><span class=\"wm-n or\" data-count=\"5\">0<\/span><span class=\"wm-l\">Capability Layers<\/span><\/div>\n <div class=\"wm-cell\"><span class=\"wm-n eb\" data-count=\"2\">0<\/span><span class=\"wm-l\">Sector Views<\/span><\/div>\n <\/div>\n <\/div>\n <div class=\"diff-list\">\n <div class=\"diff-item reveal from-right\"><div class=\"diff-top\"><div class=\"diff-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M3 21h18M3 10h18M5 6l7-3 7 3\"\/><rect x=\"4\" y=\"10\" width=\"3\" height=\"11\"\/><rect x=\"10.5\" y=\"10\" width=\"3\" height=\"11\"\/><rect x=\"17\" y=\"10\" width=\"3\" height=\"11\"\/><\/svg><\/div><div class=\"diff-tag\">\/\/ 01 \u2014\u2014<\/div><\/div><h3 class=\"diff-title\">Understanding of Regulated Financial Environments<\/h3><p class=\"diff-body\">Support models aligned to governance-heavy, operationally complex, and execution-sensitive financial ecosystems.<\/p><\/div>\n <div class=\"diff-item reveal from-right\" data-delay=\"1\"><div class=\"diff-top\"><div class=\"diff-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"17 1 21 5 17 9\"\/><path d=\"M3 11V9a4 4 0 0 1 4-4h14\"\/><polyline points=\"7 23 3 19 7 15\"\/><path d=\"M21 13v2a4 4 0 0 1-4 4H3\"\/><\/svg><\/div><div class=\"diff-tag\">\/\/ 02 \u2014\u2014<\/div><\/div><h3 class=\"diff-title\">Operational & Transformation Delivery Alignment<\/h3><p class=\"diff-body\">Structured support across modernization initiatives, operational priorities, and delivery coordination requirements.<\/p><\/div>\n <div class=\"diff-item reveal from-right\" data-delay=\"2\"><div class=\"diff-top\"><div class=\"diff-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"2\" y=\"7\" width=\"20\" height=\"14\" rx=\"2\"\/><path d=\"M16 7V5a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v2\"\/><line x1=\"12\" y1=\"12\" x2=\"12\" y2=\"16\"\/><line x1=\"10\" y1=\"14\" x2=\"14\" y2=\"14\"\/><\/svg><\/div><div class=\"diff-tag\">\/\/ 03 \u2014\u2014<\/div><\/div><h3 class=\"diff-title\">Scalable Support Across Financial Functions<\/h3><p class=\"diff-body\">Flexible delivery structures designed to adapt to changing operational demand and evolving business priorities.<\/p><\/div>\n <div class=\"diff-item reveal from-right\" data-delay=\"3\"><div class=\"diff-top\"><div class=\"diff-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z\"\/><circle cx=\"12\" cy=\"12\" r=\"3\"\/><\/svg><\/div><div class=\"diff-tag\">\/\/ 04 \u2014\u2014<\/div><\/div><h3 class=\"diff-title\">Governance, Visibility & Execution Focus<\/h3><p class=\"diff-body\">Support frameworks emphasizing accountability, operational oversight, reporting visibility, and controlled execution.<\/p><\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section id=\"cta\" style=\"background:var(--n1)\">\n <div class=\"cta-rings\"><div class=\"cta-r cta-r1\"><\/div><div class=\"cta-r cta-r2\"><\/div><div class=\"cta-r cta-r3\"><\/div><\/div>\n <div class=\"wrap\">\n <div class=\"cta-inner\">\n <div class=\"eyebrow reveal\" style=\"justify-content:center\">Start the Conversation<\/div>\n <h2 class=\"cta-h2 reveal\">Support financial transformation with structured delivery and <span>governance alignment<\/span><\/h2>\n <p class=\"cta-sub reveal\">Engage with structured delivery models designed to support banking, financial services, and capital markets organizations across modernization, operational execution, and regulated transformation.<\/p>\n <a href=\"#\" class=\"cta-btn reveal\">Start a Financial Services Conversation <span class=\"arr\">\u2192<\/span><\/a>\n <p class=\"cta-supp reveal\">Explore delivery models aligned to <em>regulated environments<\/em>, <em>transformation priorities<\/em>, and <em>execution continuity<\/em>.<\/p>\n <\/div>\n <\/div>\n<\/section>\n\n<script>\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n CURSOR\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\nconst cur=document.getElementById('cur'),cuf=document.getElementById('cuf');\nlet mx=window.innerWidth\/2,my=window.innerHeight\/2,fx=mx,fy=my;\ndocument.addEventListener('mousemove',e=>{mx=e.clientX;my=e.clientY;cur.style.left=mx+'px';cur.style.top=my+'px'});\n(function loop(){fx+=(mx-fx)*.1;fy+=(my-fy)*.1;cuf.style.left=fx+'px';cuf.style.top=fy+'px';requestAnimationFrame(loop)})();\ndocument.querySelectorAll('a,button,.cap-item,.ch-card,.diff-item,.hp,.cov-card,.sc-tab').forEach(el=>{\n el.addEventListener('mouseenter',()=>{cur.style.width='14px';cur.style.height='14px';cuf.style.borderColor='rgba(0,207,255,.7)'});\n el.addEventListener('mouseleave',()=>{cur.style.width='6px';cur.style.height='6px';cuf.style.borderColor='rgba(0,207,255,.4)'});\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 THREE.JS \u2014 ULTRA FINANCIAL UNIVERSE\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(function(){\n const canvas=document.getElementById('heroCanvas');\n const hero=document.getElementById('hero');\n const renderer=new THREE.WebGLRenderer({canvas,antialias:true,alpha:true});\n renderer.setPixelRatio(Math.min(window.devicePixelRatio,2));\n renderer.setClearColor(0x010408,1);\n renderer.shadowMap.enabled=false;\n\n const scene=new THREE.Scene();\n scene.fog=new THREE.FogExp2(0x010408,.018);\n\n const camera=new THREE.PerspectiveCamera(52,1,0.1,200);\n camera.position.set(0,1.5,22);\n\n function resize(){\n const W=hero.clientWidth,H=hero.clientHeight;\n renderer.setSize(W,H);\n camera.aspect=W\/H;\n camera.updateProjectionMatrix();\n }\n resize();\n window.addEventListener('resize',resize);\n\n \/* \u2500\u2500 GLOW TEXTURE HELPER \u2500\u2500 *\/\n function mkGlow(r,g,b,sz){\n const c=document.createElement('canvas');c.width=c.height=sz||128;\n const cx=c.getContext('2d'),h=sz\/2;\n const grd=cx.createRadialGradient(h,h,0,h,h,h);\n grd.addColorStop(0,`rgba(${r},${g},${b},1)`);\n grd.addColorStop(.35,`rgba(${r},${g},${b},.6)`);\n grd.addColorStop(1,'rgba(0,0,0,0)');\n cx.fillStyle=grd;cx.fillRect(0,0,sz,sz);\n return new THREE.CanvasTexture(c);\n }\n const glowCyan=mkGlow(0,207,255,128);\n const glowOrange=mkGlow(255,94,26,128);\n const glowBlue=mkGlow(0,115,255,128);\n const glowGreen=mkGlow(74,222,128,64);\n\n \/* \u2500\u2500 LIGHTS \u2500\u2500 *\/\n scene.add(new THREE.AmbientLight(0x0a0f1a,3));\n const pt1=new THREE.PointLight(0x0055ff,4,60);pt1.position.set(8,4,6);scene.add(pt1);\n const pt2=new THREE.PointLight(0xff5e1a,2.5,50);pt2.position.set(14,-3,4);scene.add(pt2);\n const pt3=new THREE.PointLight(0x00cfff,3,40);pt3.position.set(6,6,10);scene.add(pt3);\n\n \/* \u2550\u2550\u2550\u2550 GLOBE \u2550\u2550\u2550\u2550 *\/\n const globePos=new THREE.Vector3(8,0,-2);\n const globeGeo=new THREE.SphereGeometry(2.8,64,64);\n\n \/\/ globe base\n const globeMat=new THREE.MeshPhongMaterial({\n color:0x0a1530,emissive:0x030a18,emissiveIntensity:1,\n transparent:true,opacity:.85,shininess:120,specular:0x003380\n });\n const globe=new THREE.Mesh(globeGeo,globeMat);globe.position.copy(globePos);scene.add(globe);\n\n \/\/ wireframe shell\n const wfMat=new THREE.MeshBasicMaterial({color:0x0055cc,wireframe:true,transparent:true,opacity:.12});\n const wf=new THREE.Mesh(new THREE.SphereGeometry(2.85,28,28),wfMat);wf.position.copy(globePos);scene.add(wf);\n\n \/\/ outer glow wireframe (orange tint)\n const wf2Mat=new THREE.MeshBasicMaterial({color:0xff5500,wireframe:true,transparent:true,opacity:.04});\n const wf2=new THREE.Mesh(new THREE.SphereGeometry(3.1,20,20),wf2Mat);wf2.position.copy(globePos);scene.add(wf2);\n\n \/\/ glow sprites\n const gs1=new THREE.Sprite(new THREE.SpriteMaterial({map:glowBlue,blending:THREE.AdditiveBlending,transparent:true,opacity:.7}));\n gs1.scale.set(12,12,1);gs1.position.copy(globePos);scene.add(gs1);\n const gs2=new THREE.Sprite(new THREE.SpriteMaterial({map:glowCyan,blending:THREE.AdditiveBlending,transparent:true,opacity:.28}));\n gs2.scale.set(22,22,1);gs2.position.copy(globePos);scene.add(gs2);\n const gs3=new THREE.Sprite(new THREE.SpriteMaterial({map:glowOrange,blending:THREE.AdditiveBlending,transparent:true,opacity:.1}));\n gs3.scale.set(30,30,1);gs3.position.copy(globePos);scene.add(gs3);\n\n \/* \u2550\u2550\u2550\u2550 TRADING RINGS \u2550\u2550\u2550\u2550 *\/\n function mkRing(radius,tube,col,op,rx,ry,rz){\n const mat=new THREE.MeshPhongMaterial({color:col,emissive:col,emissiveIntensity:.8,transparent:true,opacity:op,shininess:100,specular:col});\n const m=new THREE.Mesh(new THREE.TorusGeometry(radius,tube,10,130),mat);\n m.rotation.set(rx,ry,rz);m.position.copy(globePos);scene.add(m);return m;\n }\n const rings=[\n mkRing(3.5,.024,0x0055ff,.65, Math.PI\/2.2,.3,0), \/\/ blue - equatorial\n mkRing(4.2,.016,0x00aaff,.42, Math.PI\/3.5,1.1,.55), \/\/ cyan - tilted\n mkRing(5.0,.012,0x4488ff,.24, 1.1,.65,1.8), \/\/ blue outer\n mkRing(5.8,.009,0xff5e1a,.22, .7,-.35,1.15), \/\/ ORANGE ring\n mkRing(6.7,.007,0xff8844,.1, 1.5,.85,.4), \/\/ orange outer faint\n mkRing(3.8,.01, 0x00cfff,.18, .35,1.2,.6), \/\/ electric blue inner\n ];\n\n \/* \u2550\u2550\u2550\u2550 3D CANDLESTICK CHART \u2550\u2550\u2550\u2550 *\/\n const candleGroup=new THREE.Group();\n candleGroup.position.set(11,3.5,-6);\n candleGroup.rotation.y=-.3;\n scene.add(candleGroup);\n const cData=[\n {h:.7,up:true},{h:1.1,up:true},{h:.6,up:false},{h:1.3,up:true},\n {h:.5,up:false},{h:1.0,up:true},{h:1.4,up:true},{h:.4,up:false}\n ];\n cData.forEach((d,i)=>{\n const col=d.up?0x00cc66:0xff5e1a;\n const bh=Math.abs(d.h*.65+Math.random()*.35);\n const bMat=new THREE.MeshPhongMaterial({color:col,emissive:col,emissiveIntensity:.55,transparent:true,opacity:.88,shininess:60});\n const body=new THREE.Mesh(new THREE.BoxGeometry(.18,bh,.18),bMat);\n body.position.set(i*.52-(cData.length*.26),bh\/2,0);candleGroup.add(body);\n const wMat=new THREE.MeshPhongMaterial({color:col,emissive:col,emissiveIntensity:.4,transparent:true,opacity:.6});\n const wick=new THREE.Mesh(new THREE.BoxGeometry(.025,.55+Math.random()*.35,.025),wMat);\n wick.position.copy(body.position);wick.position.y+=bh\/2+.14;candleGroup.add(wick);\n const sp=new THREE.Sprite(new THREE.SpriteMaterial({map:d.up?glowGreen:glowOrange,blending:THREE.AdditiveBlending,transparent:true,opacity:.55}));\n sp.scale.set(.7,.7,1);sp.position.copy(body.position);candleGroup.add(sp);\n });\n\n \/* \u2550\u2550\u2550\u2550 3D PRICE CURVE \u2550\u2550\u2550\u2550 *\/\n const priceData=[0,.3,.1,.65,.4,.95,.7,1.2,1.05,1.5,1.3,1.85,1.6,2.1,1.95,2.4];\n const pts=priceData.map((y,i)=>new THREE.Vector3(-7+i*.95,y*1.2-2,0));\n const curve=new THREE.CatmullRomCurve3(pts);\n const tubeMat=new THREE.MeshPhongMaterial({color:0x00cfff,emissive:0x00cfff,emissiveIntensity:.85,transparent:true,opacity:.8});\n const priceLine=new THREE.Mesh(new THREE.TubeGeometry(curve,80,.026,6,false),tubeMat);\n priceLine.position.set(5,-2.2,-10);priceLine.rotation.y=-.25;scene.add(priceLine);\n pts.forEach((pt,i)=>{\n if(i%3!==0)return;\n const sp=new THREE.Sprite(new THREE.SpriteMaterial({map:glowCyan,blending:THREE.AdditiveBlending,transparent:true,opacity:.45}));\n sp.scale.set(.35,.35,1);\n sp.position.set(pt.x+5,pt.y-2.2,pt.z-10);\n const p=priceLine.rotation;sp.position.applyEuler(new THREE.Euler(0,p.y,0));\n scene.add(sp);\n });\n\n \/* \u2550\u2550\u2550\u2550 ORBITING TRANSACTION NODES \u2550\u2550\u2550\u2550 *\/\n const orbNodes=[];\n for(let i=0;i<28;i++){\n const angle=(i\/28)*Math.PI*2;\n const r=5+Math.random()*3.5;\n const x=globePos.x+Math.cos(angle)*r;\n const y=(Math.random()-.5)*8;\n const z=globePos.z+Math.sin(angle)*r;\n const t=i%6===0?'orange':i%4===0?'green':'cyan';\n const col=t==='orange'?0xff7a3d:t==='green'?0x4ade80:0x00cfff;\n const glowT=t==='orange'?glowOrange:t==='green'?glowGreen:glowCyan;\n const sz=.04+Math.random()*.11;\n const nm=new THREE.MeshPhongMaterial({color:col,emissive:col,emissiveIntensity:1,transparent:true,opacity:.9,shininess:200});\n const node=new THREE.Mesh(new THREE.SphereGeometry(sz,8,8),nm);\n node.position.set(x,y,z);scene.add(node);\n const sp=new THREE.Sprite(new THREE.SpriteMaterial({map:glowT,blending:THREE.AdditiveBlending,transparent:true,opacity:.8}));\n sp.scale.set(sz*18,sz*18,1);node.add(sp);\n orbNodes.push({mesh:node,angle,r,y,spd:.003+Math.random()*.004,ph:Math.random()*Math.PI*2});\n }\n\n \/* \u2550\u2550\u2550\u2550 BACKGROUND NETWORK \u2550\u2550\u2550\u2550 *\/\n const bgNodes=[];const N=60;\n for(let i=0;i<N;i++){\n const x=(Math.random()-.5)*60,y=(Math.random()-.5)*30,z=(Math.random()-.5)*22-6;\n const isO=i%7===0;\n const sz=.025+Math.random()*.085;\n const nm=new THREE.MeshPhongMaterial({color:isO?0xff6600:0x0044cc,emissive:isO?0x441100:0x002288,emissiveIntensity:.5,transparent:true,opacity:.45+Math.random()*.35});\n const node=new THREE.Mesh(new THREE.SphereGeometry(sz,6,6),nm);\n node.position.set(x,y,z);scene.add(node);\n const sp=new THREE.Sprite(new THREE.SpriteMaterial({map:isO?glowOrange:glowCyan,blending:THREE.AdditiveBlending,transparent:true,opacity:.3}));\n sp.scale.set(sz*11,sz*11,1);node.add(sp);\n bgNodes.push({mesh:node,ox:x,oy:y,ph:Math.random()*Math.PI*2,spd:.4+Math.random()*.7});\n }\n const bpos=bgNodes.map(n=>n.mesh.position.clone());\n const eMat1=new THREE.LineBasicMaterial({color:0x003388,transparent:true,opacity:.1});\n const eMat2=new THREE.LineBasicMaterial({color:0x0055cc,transparent:true,opacity:.2});\n const eMat3=new THREE.LineBasicMaterial({color:0x00aaff,transparent:true,opacity:.3});\n const eMatO=new THREE.LineBasicMaterial({color:0xff5500,transparent:true,opacity:.15});\n for(let i=0;i<N;i++){\n for(let j=i+1;j<N;j++){\n const d=bpos[i].distanceTo(bpos[j]);\n if(d<9){\n const g=new THREE.BufferGeometry().setFromPoints([bpos[i].clone(),bpos[j].clone()]);\n const isOedge=(i%7===0||j%7===0)&&d<5;\n scene.add(new THREE.Line(g,isOedge?eMatO:d<4?eMat3:d<6?eMat2:eMat1));\n }\n }\n }\n\n \/* \u2550\u2550\u2550\u2550 FLOW PARTICLES \u2550\u2550\u2550\u2550 *\/\n const flowEdges=[];\n for(let i=0;i<N;i++){for(let j=i+1;j<N;j++){if(bpos[i].distanceTo(bpos[j])<5)flowEdges.push({f:bpos[i],t:bpos[j]});}}\n const flowParts=[];\n const fpN=Math.min(flowEdges.length,40);\n for(let i=0;i<fpN;i++){\n const e=flowEdges[Math.floor(Math.random()*flowEdges.length)];\n const isO=Math.random()>.7;\n const sp=new THREE.Sprite(new THREE.SpriteMaterial({map:isO?glowOrange:glowCyan,blending:THREE.AdditiveBlending,transparent:true,opacity:.7}));\n sp.scale.set(.18,.18,1);scene.add(sp);\n flowParts.push({sp,f:e.f,t:e.t,prog:Math.random(),spd:.004+Math.random()*.008});\n }\n\n \/* \u2550\u2550\u2550\u2550 FLOATING COIN\/RING (financial symbol) \u2550\u2550\u2550\u2550 *\/\n const coinGroup=new THREE.Group();\n coinGroup.position.set(4,5,-5);\n \/\/ coin body\n const coinMat=new THREE.MeshPhongMaterial({color:0xff6600,emissive:0x441100,emissiveIntensity:.4,transparent:true,opacity:.5,shininess:80,specular:0xff9944});\n const coin=new THREE.Mesh(new THREE.TorusGeometry(.8,.1,12,60),coinMat);\n coinGroup.add(coin);\n \/\/ coin glow\n const cSp=new THREE.Sprite(new THREE.SpriteMaterial({map:glowOrange,blending:THREE.AdditiveBlending,transparent:true,opacity:.5}));\n cSp.scale.set(3,3,1);coinGroup.add(cSp);\n scene.add(coinGroup);\n\n \/\/ second coin (cyan)\n const coinGroup2=new THREE.Group();\n coinGroup2.position.set(13,-4,-3);\n const coinMat2=new THREE.MeshPhongMaterial({color:0x0088ff,emissive:0x002244,emissiveIntensity:.4,transparent:true,opacity:.45,shininess:100});\n const coin2=new THREE.Mesh(new THREE.TorusGeometry(.6,.08,12,60),coinMat2);\n coinGroup2.add(coin2);\n const cSp2=new THREE.Sprite(new THREE.SpriteMaterial({map:glowCyan,blending:THREE.AdditiveBlending,transparent:true,opacity:.4}));\n cSp2.scale.set(2.5,2.5,1);coinGroup2.add(cSp2);\n scene.add(coinGroup2);\n\n \/* \u2550\u2550\u2550\u2550 DOLLAR SIGN SPRITES (canvas text textures) \u2550\u2550\u2550\u2550 *\/\n function mkSymbolTex(sym,r,g,b,size){\n const c=document.createElement('canvas');c.width=c.height=size||256;\n const ctx=c.getContext('2d'),h=size\/2;\n \/\/ glow bg\n const grd=ctx.createRadialGradient(h,h,0,h,h,h*.7);\n grd.addColorStop(0,`rgba(${r},${g},${b},0.18)`);\n grd.addColorStop(1,'rgba(0,0,0,0)');\n ctx.fillStyle=grd;ctx.fillRect(0,0,size,size);\n \/\/ symbol\n ctx.font=`bold ${Math.floor(size*.6)}px serif`;\n ctx.textAlign='center';ctx.textBaseline='middle';\n ctx.shadowColor=`rgba(${r},${g},${b},1)`;ctx.shadowBlur=size*.15;\n ctx.fillStyle=`rgba(${r},${g},${b},0.85)`;\n ctx.fillText(sym,h,h);\n return new THREE.CanvasTexture(c);\n }\n const texDollarGold=mkSymbolTex('$',255,215,0,256);\n const texDollarCyan=mkSymbolTex('$',0,207,255,256);\n const texPercent=mkSymbolTex('%',74,222,128,192);\n const texPound=mkSymbolTex('\u00a3',255,140,30,192);\n\n const dollarSprites=[];\n const dollarDefs=[\n {tex:texDollarGold,pos:[6,7,-8],sz:2.2,spd:.25,ph:0},\n {tex:texDollarCyan,pos:[15,2,-7],sz:1.6,spd:.32,ph:1.5},\n {tex:texDollarGold,pos:[1,3,-12],sz:1.4,spd:.28,ph:3},\n {tex:texPercent,pos:[14,-6,-5],sz:1.3,spd:.35,ph:2},\n {tex:texPound,pos:[3,-4,-9],sz:1.5,spd:.22,ph:4.5},\n {tex:texDollarGold,pos:[18,5,-10],sz:1.0,spd:.4,ph:1},\n {tex:texDollarCyan,pos:[10,8,-14],sz:1.2,spd:.3,ph:5},\n ];\n dollarDefs.forEach(d=>{\n const sp=new THREE.Sprite(new THREE.SpriteMaterial({map:d.tex,blending:THREE.AdditiveBlending,transparent:true,opacity:.55}));\n sp.scale.set(d.sz,d.sz,1);sp.position.set(...d.pos);\n scene.add(sp);\n dollarSprites.push({sp,ox:d.pos[0],oy:d.pos[1],oz:d.pos[2],spd:d.spd,ph:d.ph,sz:d.sz});\n });\n\n \/* \u2550\u2550\u2550\u2550 GOLD COIN DISCS \u2550\u2550\u2550\u2550 *\/\n function mkGoldCoin(x,y,z,r,op){\n const g=new THREE.CylinderGeometry(r,r,.04,48);\n const m=new THREE.MeshPhongMaterial({color:0xffcc00,emissive:0x443300,emissiveIntensity:.6,transparent:true,opacity:op,shininess:200,specular:0xffee88});\n const mesh=new THREE.Mesh(g,m);mesh.position.set(x,y,z);\n \/\/ rim glow\n const sp=new THREE.Sprite(new THREE.SpriteMaterial({map:mkGlow(255,200,0,64),blending:THREE.AdditiveBlending,transparent:true,opacity:.35}));\n sp.scale.set(r*6,r*6,1);mesh.add(sp);\n scene.add(mesh);\n return mesh;\n }\n const goldCoins=[\n mkGoldCoin(5,6,-7,.55,.6),\n mkGoldCoin(12,4,-9,.4,.5),\n mkGoldCoin(9,-3,-6,.45,.55),\n mkGoldCoin(2,1,-11,.35,.4),\n mkGoldCoin(16,-1,-8,.3,.45),\n ];\n const barGroup=new THREE.Group();\n barGroup.position.set(3,-2,-8);barGroup.rotation.y=.5;\n const barH=[.4,.7,.5,1.0,.8,1.3,.9,1.5];\n barH.forEach((h,i)=>{\n const isO=i%3===0;\n const col=isO?0xff5e1a:0x0066ff;\n const bm=new THREE.MeshPhongMaterial({color:col,emissive:col,emissiveIntensity:.45,transparent:true,opacity:.7,shininess:40});\n const bar=new THREE.Mesh(new THREE.BoxGeometry(.22,h,.22),bm);\n bar.position.set(i*.3-(barH.length*.15),h\/2,0);barGroup.add(bar);\n const sp=new THREE.Sprite(new THREE.SpriteMaterial({map:isO?glowOrange:glowBlue,blending:THREE.AdditiveBlending,transparent:true,opacity:.4}));\n sp.scale.set(.4,.4,1);sp.position.copy(bar.position);sp.position.y+=h\/2;barGroup.add(sp);\n });\n scene.add(barGroup);\n\n \/* \u2550\u2550\u2550\u2550 ANIMATE \u2550\u2550\u2550\u2550 *\/\n let t=0;\n let mouseX=0,mouseY=0;\n document.addEventListener('mousemove',e=>{\n mouseX=(e.clientX\/window.innerWidth-.5)*2;\n mouseY=(e.clientY\/window.innerHeight-.5)*1.4;\n });\n\n function animate(){\n requestAnimationFrame(animate);\n t+=.008;\n\n \/\/ camera gentle drift\n camera.position.x+=(mouseX*1.8-camera.position.x)*.025;\n camera.position.y+=(-mouseY*1.4-camera.position.y+1.5)*.025;\n camera.lookAt(8,0,-2);\n\n \/\/ globe + wires rotate\n globe.rotation.y=t*.06;\n wf.rotation.y=-t*.04;wf.rotation.x=t*.02;\n wf2.rotation.y=t*.03;wf2.rotation.z=t*.01;\n\n \/\/ rings\n rings[0].rotation.z=t*.12;\n rings[1].rotation.x=Math.PI\/3.5+t*.08;\n rings[2].rotation.y=t*.06;\n rings[3].rotation.z=-t*.07; \/\/ orange ring\n rings[4].rotation.x=1.5+t*.05;\n rings[5].rotation.y=1.2+t*.1;\n\n \/\/ orbit nodes\n orbNodes.forEach(n=>{\n n.angle+=n.spd;\n n.mesh.position.x=globePos.x+Math.cos(n.angle)*n.r;\n n.mesh.position.z=globePos.z+Math.sin(n.angle)*n.r;\n n.mesh.position.y=n.y+Math.sin(t*1.2+n.ph)*.8;\n });\n\n \/\/ bg nodes\n bgNodes.forEach(n=>{\n n.mesh.position.y=n.oy+Math.sin(t*n.spd+n.ph)*.5;\n });\n\n \/\/ flow particles\n flowParts.forEach(fp=>{\n fp.prog+=fp.spd;if(fp.prog>1)fp.prog=0;\n fp.sp.position.lerpVectors(fp.f,fp.t,fp.prog);\n });\n\n \/\/ candlestick group float\n candleGroup.position.y=3.5+Math.sin(t*.4)*.4;\n candleGroup.rotation.y=-.3+Math.sin(t*.18)*.12;\n\n \/\/ bar chart float\n barGroup.position.y=-2+Math.sin(t*.38+1)*.35;\n\n \/\/ coins\n coinGroup.rotation.y=t*.5;coinGroup.rotation.x=Math.PI\/3+Math.sin(t*.3)*.1;\n coinGroup.position.y=5+Math.sin(t*.45+.5)*.6;\n coinGroup2.rotation.y=-t*.4;coinGroup2.rotation.x=Math.PI\/4+Math.sin(t*.28)*.1;\n coinGroup2.position.y=-4+Math.sin(t*.35+1.2)*.5;\n\n \/\/ price line subtle float\n priceLine.position.y=-2.2+Math.sin(t*.25)*.25;\n\n \/\/ dollar sign sprites \u2014 float and rotate opacity\n dollarSprites.forEach(d=>{\n d.sp.position.y=d.oy+Math.sin(t*d.spd+d.ph)*1.2;\n d.sp.position.x=d.ox+Math.cos(t*d.spd*.7+d.ph)*.4;\n const pulse=.45+Math.sin(t*d.spd*1.5+d.ph)*.18;\n d.sp.material.opacity=pulse;\n \/\/ scale pulse\n const sc=d.sz*(1+Math.sin(t*d.spd*2+d.ph)*.06);\n d.sp.scale.set(sc,sc,1);\n });\n\n \/\/ gold coins tilt and float\n goldCoins.forEach((c,i)=>{\n c.rotation.z=t*.2*(i%2===0?1:-1);\n c.rotation.x=Math.sin(t*.3+i)*.5;\n c.position.y=c.position.y+Math.sin(t*.35+i*1.1)*.008;\n });\n\n \/\/ point lights pulse\n pt2.intensity=2.5+Math.sin(t*1.3)*.8;\n pt3.intensity=3+Math.sin(t*.9+1)*.6;\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\n SCROLL 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 *\/\nconst scrollProg=document.getElementById('scrollProg');\nwindow.addEventListener('scroll',()=>{\n const pct=window.scrollY\/(document.body.scrollHeight-window.innerHeight);\n scrollProg.style.transform=`scaleX(${pct})`;\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\n HERO CHART LINE 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 *\/\nsetTimeout(()=>document.getElementById('hero-chart-line').classList.add('visible'),2200);\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 FLOATING DOLLAR PARTICLES\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(function(){\n const field=document.getElementById('dollar-field');\n if(!field)return;\n const symbols=['$','$','$','$','%','$','$','%','$'];\n const colors=['cyan','gold','green','orange','cyan','gold','cyan','green','cyan'];\n const sizes=['.75rem','1rem','1.1rem','1.3rem','.9rem','1.4rem','.8rem','1rem','1.2rem'];\n for(let i=0;i<22;i++){\n const dp=document.createElement('div');\n dp.className='dp '+colors[i%colors.length];\n dp.textContent=symbols[i%symbols.length];\n const left=Math.random()*92+4;\n const delay=Math.random()*18;\n const dur=10+Math.random()*16;\n const drift=(Math.random()-.5)*60;\n const rot=(Math.random()-.5)*40;\n const fs=sizes[i%sizes.length];\n dp.style.cssText=`left:${left}%;font-size:${fs};animation-duration:${dur}s;animation-delay:-${delay}s;--drift:${drift}px;--rot:${rot}deg;opacity:0`;\n field.appendChild(dp);\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\n HERO TITLE \u2014 CHARACTER SPLIT 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 *\/\n(function(){\n const t1=document.querySelector('.h-t1');\n if(!t1)return;\n const html=t1.innerHTML;\n \/\/ Split preserving <br>\n const parts=html.split(\/(<br>)\/);\n let result='';\n let charIndex=0;\n parts.forEach(part=>{\n if(part==='<br>'){result+='<br>';return;}\n for(let c of part){\n if(c===' '){result+='<span style=\"display:inline-block;width:.28em\"> <\/span>';continue;}\n const delay=1.0+charIndex*0.038;\n const bpos=charIndex*32; \/\/ shift bg-position per char for continuous gradient\n result+=`<span class=\"char\" style=\"animation-delay:${delay}s;background-position:-${bpos}px 0\">${c}<\/span>`;\n charIndex++;\n }\n });\n t1.innerHTML=result;\n})();\n\n\/* hero subtitle word reveal *\/\n(function(){\n const t2=document.querySelector('.h-t2');\n if(!t2)return;\n const words=t2.textContent.split(\/\\s+\/);\n t2.innerHTML=words.map((w,i)=>`<span class=\"word-wrap\"><span class=\"word-inner h-t2-word-inner\" style=\"transition-delay:${1.9+i*.12}s\">${w}<\/span><\/span> `).join('');\n setTimeout(()=>t2.querySelectorAll('.h-t2-word-inner').forEach(el=>el.classList.add('in')),400);\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\n SECTION H2 WORD-BY-WORD 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 *\/\n(function(){\n document.querySelectorAll('.glow-text').forEach(el=>{\n if(el.closest('#hero'))return; \/\/ skip hero\n const words=el.innerHTML.replace(\/<br\\s*\\\/?>\/gi,' ').replace(\/&\/g,'&').split(\/\\s+\/);\n el.innerHTML=words.map((w,i)=>`<span class=\"word-wrap\"><span class=\"word-inner\" style=\"transition-delay:${i*.09}s\">${w.replace(\/&\/g,'&')}<\/span><\/span> `).join('');\n el.classList.add('word-reveal-ready');\n const obs=new IntersectionObserver(entries=>{\n entries.forEach(e=>{\n if(e.isIntersecting){\n el.classList.add('in-view');\n \/\/ shimmer after words land\n const totalDelay=(words.length*.09+.8)*1000;\n setTimeout(()=>{el.classList.add('shimmer-run');setTimeout(()=>el.classList.remove('shimmer-run'),2800)},totalDelay);\n obs.unobserve(el);\n }\n });\n },{threshold:.3});\n obs.observe(el);\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\n EYEBROW TEXT 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 *\/\n(function(){\n const CHARS='ABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789#%$';\n function scramble(el){\n const target=el.dataset.orig||el.textContent.trim();\n if(!el.dataset.orig)el.dataset.orig=target;\n let frame=0;const total=18;\n const iv=setInterval(()=>{\n frame++;\n el.textContent=target.split('').map((c,i)=>\n frame\/total>i\/target.length ? c : CHARS[Math.floor(Math.random()*CHARS.length)]\n ).join('');\n if(frame>=total){el.textContent=target;clearInterval(iv);}\n },40);\n }\n const obs=new IntersectionObserver(entries=>{\n entries.forEach(e=>{if(e.isIntersecting){scramble(e.target);obs.unobserve(e.target);}});\n },{threshold:.8});\n document.querySelectorAll('.eyebrow:not(.h-ey)').forEach(el=>{\n el.classList.add('line-drawn');\n obs.observe(el);\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\n BACKGROUND $ DECORATIONS \u2014 SCROLL PARALLAX\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(function(){\n const bgs=document.querySelectorAll('.sec-bg-dollar');\n const obs=new IntersectionObserver(entries=>{\n entries.forEach(e=>{\n e.target.classList.toggle('visible',e.isIntersecting);\n });\n },{threshold:.15});\n bgs.forEach(el=>obs.observe(el));\n\n \/\/ Parallax drift\n window.addEventListener('scroll',()=>{\n const sy=window.scrollY;\n bgs.forEach(el=>{\n const rect=el.parentElement.getBoundingClientRect();\n const progress=(window.innerHeight\/2-rect.top)\/(window.innerHeight);\n if(el.style.right)el.style.transform=`translateY(${progress*-55}px) rotate(${12-progress*8}deg)`;\n else el.style.transform=`translateY(${progress*-50}px) rotate(${-8+progress*6}deg)`;\n });\n },{passive:true});\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\n ANIMATED CHART LINES \u2014 SECTION DRAW\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(function(){\n const obs=new IntersectionObserver(entries=>{\n entries.forEach(e=>{if(e.isIntersecting){e.target.classList.add('drawn');obs.unobserve(e.target);}});\n },{threshold:.2});\n document.querySelectorAll('.fin-chart-svg').forEach(el=>obs.observe(el));\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\n PREMIUM COUNTER WITH GLOW TICK\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 *\/\ngsap.registerPlugin(ScrollTrigger);\n\n\/\/ set initial hidden state via JS\ngsap.set('.reveal:not(.from-left):not(.from-right)',{opacity:0,y:44});\ngsap.set('.reveal.from-left',{opacity:0,x:-44});\ngsap.set('.reveal.from-right',{opacity:0,x:44});\n\n\/\/ hero entrance\nconst htl=gsap.timeline({delay:.3});\nhtl.to('#h-ey',{opacity:1,y:0,duration:.7,ease:'power3.out'})\n .to('#h-title',{opacity:1,y:0,duration:.9,ease:'power3.out'},'-=.4')\n .to('#h-hl',{opacity:1,y:0,duration:.72,ease:'power3.out'},'-=.45')\n .to('#h-sub',{opacity:1,y:0,duration:.65,ease:'power3.out'},'-=.4')\n .to('#h-pil',{opacity:1,y:0,duration:.65,ease:'power3.out'},'-=.35')\n .to('#h-ctas',{opacity:1,y:0,duration:.6,ease:'power3.out'},'-=.3');\n\ngsap.set(['#hc1','#hc2','#hc3'],{opacity:0,y:24,scale:.93});\ngsap.to('#hc1',{opacity:1,y:0,scale:1,duration:1.1,delay:1.2,ease:'power3.out'});\ngsap.to('#hc2',{opacity:1,y:0,scale:1,duration:1.1,delay:1.65,ease:'power3.out'});\ngsap.to('#hc3',{opacity:1,y:0,scale:1,duration:1.1,delay:2.1,ease:'power3.out'});\n\n\/\/ scroll reveals\ngsap.utils.toArray('.reveal').forEach(el=>{\n const delay=(+(el.dataset.delay||0))*.13;\n const isL=el.classList.contains('from-left'),isR=el.classList.contains('from-right');\n const to={opacity:1,duration:.82,delay,ease:'power3.out'};\n if(isL||isR) to.x=0; else to.y=0;\n gsap.to(el,{scrollTrigger:{trigger:el,start:'top 88%',toggleActions:'play none none reverse'},...to});\n});\n\n\/\/ challenge cards\ngsap.utils.toArray('.ch-card').forEach(c=>{\n ScrollTrigger.create({trigger:c,start:'top 82%',onEnter:()=>c.classList.add('in'),onLeaveBack:()=>c.classList.remove('in')});\n});\n\n\/\/ capabilities spine\nScrollTrigger.create({\n trigger:'#capabilities',start:'top 55%',end:'bottom 40%',\n onUpdate:self=>{\n const g=document.getElementById('capGlow');if(g) g.style.height=(self.progress*100)+'%';\n const idx=Math.min(Math.floor(self.progress*5),4);\n document.querySelectorAll('[data-cap]').forEach((el,i)=>{if(i===idx&&!el.classList.contains('active'))el.click()});\n }\n});\n\n\/\/ transformation\nScrollTrigger.create({\n trigger:'#transformation',start:'top 58%',\n onEnter:()=>{\n const stages=document.querySelectorAll('[data-tf]');\n const prog=document.getElementById('tfProg');\n stages.forEach((st,i)=>setTimeout(()=>{st.classList.add('active');if(prog)prog.style.transform=`scaleX(${(i+1)\/stages.length})`;},i*280));\n }\n});\n\n\/\/ counters \u2014 premium glow tick version\nScrollTrigger.create({\n trigger:'#why-dt',start:'top 65%',\n onEnter:()=>document.querySelectorAll('[data-count]').forEach(el=>{\n const target=+el.dataset.count;let c=0;\n const step=()=>{\n c+=.12;\n const val=Math.min(Math.ceil(c),target);\n el.textContent=val;\n el.classList.add('ticking');\n setTimeout(()=>el.classList.remove('ticking'),120);\n if(c<target)requestAnimationFrame(step);\n };step();\n })\n});\n\n\/\/ parallax on hero\ndocument.addEventListener('mousemove',e=>{\n const x=(e.clientX\/window.innerWidth-.5)*18,y=(e.clientY\/window.innerHeight-.5)*10;\n gsap.to('.h-fog',{x:x*.08,y:y*.08,duration:2.5,ease:'power1.out'});\n});\n\n\/* marquee pause *\/\nconst mqRow=document.querySelector('.mq-row.top');\nif(mqRow){\n mqRow.addEventListener('mouseenter',()=>document.querySelector('.mq-inner').style.animationPlayState='paused');\n mqRow.addEventListener('mouseleave',()=>document.querySelector('.mq-inner').style.animationPlayState='running');\n}\n\n\/* sector tabs *\/\nconst scTabs=document.querySelectorAll('.sc-tab'),scInd=document.getElementById('scInd');\nfunction updInd(t){scInd.style.width=t.offsetWidth+'px';scInd.style.left=t.offsetLeft+'px'}\nsetTimeout(()=>{const a=document.querySelector('.sc-tab.active');if(a)updInd(a)},150);\nscTabs.forEach(tab=>{\n tab.addEventListener('click',()=>{\n scTabs.forEach(t=>t.classList.remove('active'));tab.classList.add('active');updInd(tab);\n document.querySelectorAll('.sc-panel').forEach(p=>p.classList.remove('active'));\n document.getElementById('panel-'+tab.dataset.tab).classList.add('active');\n });\n});\nwindow.addEventListener('resize',()=>{const a=document.querySelector('.sc-tab.active');if(a)updInd(a)});\n\n\/* capabilities *\/\nconst capsData=[\n {n:'01',t:'Operational Delivery Support',b:'Structured support for operational workflows, business processes, reporting functions, and execution continuity across financial ecosystems.'},\n {n:'02',t:'Governance & Regulatory Alignment',b:'Delivery support aligned to oversight structures, regulatory expectations, compliance requirements, and operational accountability frameworks.'},\n {n:'03',t:'Transformation & Modernization Support',b:'Execution support for modernization initiatives, workflow optimization, platform evolution, and enterprise transformation programs.'},\n {n:'04',t:'Cross-Functional Coordination Environments',b:'Support for alignment across operational teams, technology functions, governance stakeholders, and business leadership groups.'},\n {n:'05',t:'Scalable Financial Operations Support',b:'Delivery structures designed to support evolving operational demand, scalability requirements, and continuity across regulated financial environments.'}\n];\ndocument.querySelectorAll('[data-cap]').forEach(item=>{\n item.addEventListener('click',()=>{\n document.querySelectorAll('[data-cap]').forEach(i=>i.classList.remove('active'));\n item.classList.add('active');\n const d=capsData[+item.dataset.cap];\n const cc=document.getElementById('capContent');\n gsap.fromTo(cc,{opacity:0,y:10},{opacity:1,y:0,duration:.4,ease:'power3.out'});\n document.getElementById('cpNum').textContent=d.n;\n document.getElementById('cpTitle').textContent=d.t;\n document.getElementById('cpBody').textContent=d.b;\n });\n});\n\n\/* mobile touch *\/\nif(window.matchMedia('(max-width:960px)').matches)\n document.querySelectorAll('.ch-card').forEach(el=>el.addEventListener('click',()=>el.classList.toggle('in')));\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>Banking, Financial Services & Capital Markets \u2014 DT Solutions Banking & Capital Markets Banking, FinancialServices &Capital Markets \/\/ DT Solutions Support regulated financial environments with operationally aligned and transformation-ready delivery. Delivery solutions designed to support banking, financial services, and capital markets organizations through governance-aware execution, operational continuity, and scalable delivery. \/\/ 01Support for complex and […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-2915","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/digi.alphanzo.com\/index.php?rest_route=\/wp\/v2\/pages\/2915","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=2915"}],"version-history":[{"count":13,"href":"https:\/\/digi.alphanzo.com\/index.php?rest_route=\/wp\/v2\/pages\/2915\/revisions"}],"predecessor-version":[{"id":2958,"href":"https:\/\/digi.alphanzo.com\/index.php?rest_route=\/wp\/v2\/pages\/2915\/revisions\/2958"}],"wp:attachment":[{"href":"https:\/\/digi.alphanzo.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2915"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t\n\n\n\n\nBanking, Financial Services & Capital Markets \u2014 DT Solutions<\/title>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Space+Grotesk:wght@300;400;500;600;700&family=Bebas+Neue&family=JetBrains+Mono:wght@300;400;500&display=swap\" rel=\"stylesheet\">\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/three.js\/r128\/three.min.js\"><\/script>\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.2\/gsap.min.js\"><\/script>\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.2\/ScrollTrigger.min.js\"><\/script>\n<style>\n*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}\n:root{\n --n0:#010408;--n1:#020810;--n2:#03101c;--n3:#060f1c;--n4:#0a1628;\n --eb:#00CFFF;--eb2:#00a8d4;--ebg:rgba(0,207,255,.1);\n --b1:#003380;--b2:#0047B3;--b3:#0055CC;--b4:#0073FF;--b5:#3d93ff;\n --o1:#CC4400;--o2:#FF5E1A;--o3:#FF7A3D;--o4:#FFAA6B;--og:rgba(255,94,26,.14);\n --t0:#ffffff;--t1:#EDF2FF;--t2:#B8CCEE;--t3:#7A9CBD;--t4:#3D5872;--t5:#1E3049;\n --brd1:rgba(0,207,255,.12);--brd2:rgba(0,207,255,.28);\n --brd-o:rgba(255,94,26,.22);\n --geb:0 0 20px rgba(0,207,255,.5),0 0 55px rgba(0,207,255,.18);\n --go:0 0 20px rgba(255,94,26,.5),0 0 50px rgba(255,94,26,.15);\n --r:8px;--rl:16px;\n}\nhtml{scroll-behavior:smooth}\nbody{background:var(--n1);color:var(--t1);font-family:'Space Grotesk',sans-serif;font-weight:400;line-height:1.65;overflow-x:hidden;cursor:none}\n\n\/* \u2500\u2500 CURSOR \u2500\u2500 *\/\n#cur{position:fixed;width:6px;height:6px;background:var(--eb);border-radius:50%;pointer-events:none;z-index:9999;transform:translate(-50%,-50%);box-shadow:0 0 10px var(--eb),0 0 22px rgba(0,207,255,.5);mix-blend-mode:screen;transition:width .18s,height .18s}\n#cuf{position:fixed;width:26px;height:26px;border:1.5px solid rgba(0,207,255,.4);border-radius:50%;pointer-events:none;z-index:9998;transform:translate(-50%,-50%);transition:border-color .25s,width .18s,height .18s}\n\n\/* \u2500\u2500 SHARED \u2500\u2500 *\/\n.wrap{max-width:1340px;margin:0 auto;padding:0 2.5rem}\nh2,h3{font-family:'Space Grotesk',sans-serif;letter-spacing:-.03em}\nh2{font-size:clamp(1.9rem,3vw,2.9rem);font-weight:700;line-height:1.1}\nh3{font-size:1rem;font-weight:600}\n.grid-bg{background-image:linear-gradient(rgba(0,100,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(0,100,255,.03) 1px,transparent 1px);background-size:64px 64px}\n.glow-text{background:linear-gradient(130deg,#fff 0%,#c8daff 45%,var(--eb) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}\n.eyebrow{display:inline-flex;align-items:center;gap:.55rem;font-family:'JetBrains Mono',monospace;font-size:.62rem;font-weight:500;letter-spacing:.22em;text-transform:uppercase;color:var(--eb);margin-bottom:1.4rem}\n.eyebrow::before{content:'\/\/';opacity:.45;font-size:.58rem}\n.eyebrow::after{content:'';display:block;width:22px;height:1px;background:linear-gradient(90deg,var(--eb),transparent);box-shadow:0 0 5px var(--eb)}\n.eyebrow.orange{color:var(--o3)}\n.eyebrow.orange::before{color:var(--o3)}\n.eyebrow.orange::after{background:linear-gradient(90deg,var(--o3),transparent);box-shadow:0 0 5px var(--o3)}\n.s-head{margin-bottom:3.8rem}\n.s-head.c{text-align:center}.s-head.c .eyebrow{justify-content:center}\nsection{padding:8rem 0;position:relative;overflow:hidden}\nsection::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(0,207,255,.16) 35%,rgba(255,94,26,.12) 65%,transparent)}\n\n\/* \u2500\u2500 KEYFRAMES \u2500\u2500 *\/\n@keyframes mq-scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}\n@keyframes float-a{0%,100%{transform:translateY(0)}50%{transform:translateY(-13px)}}\n@keyframes float-b{0%,100%{transform:translateY(0) rotate(0deg)}33%{transform:translateY(-9px) rotate(.4deg)}66%{transform:translateY(-15px) rotate(-.3deg)}}\n@keyframes float-c{0%,100%{transform:translateY(0) translateX(0)}50%{transform:translateY(-10px) translateX(4px)}}\n@keyframes scanline{0%{top:-1%}100%{top:101%}}\n@keyframes border-glow{0%,100%{opacity:.3}50%{opacity:1}}\n@keyframes dot-pulse{0%,100%{transform:scale(1);opacity:.7}50%{transform:scale(1.5);opacity:1}}\n@keyframes price-flash{0%,100%{color:var(--eb)}50%{color:#4ade80}}\n@keyframes ring-pulse{0%,100%{opacity:.25;transform:translate(-50%,-50%) scale(1)}50%{opacity:.5;transform:translate(-50%,-50%) scale(1.03)}}\n@keyframes o-pulse{0%,100%{opacity:.2;transform:translate(-50%,-50%) scale(1)}50%{opacity:.42;transform:translate(-50%,-50%) scale(1.04)}}\n@keyframes glow-breathe{0%,100%{box-shadow:0 0 18px rgba(0,207,255,.12),0 0 40px rgba(0,207,255,.05)}50%{box-shadow:0 0 30px rgba(0,207,255,.3),0 0 70px rgba(0,207,255,.12)}}\n@keyframes o-breathe{0%,100%{box-shadow:0 0 18px rgba(255,94,26,.1),0 0 40px rgba(255,94,26,.04)}50%{box-shadow:0 0 28px rgba(255,94,26,.28),0 0 60px rgba(255,94,26,.1)}}\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\n HERO\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n#hero{min-height:100vh;position:relative;overflow:hidden;background:var(--n0)}\n#heroCanvas{position:absolute;inset:0;width:100%;height:100%;z-index:1}\n\n\/* scanline *\/\n.h-scan{position:absolute;inset:0;z-index:2;pointer-events:none;overflow:hidden}\n.h-scan::after{content:'';position:absolute;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(0,207,255,.06) 20%,rgba(0,207,255,.15) 50%,rgba(0,207,255,.06) 80%,transparent);animation:scanline 10s linear infinite;box-shadow:0 0 8px rgba(0,207,255,.08)}\n\n\/* fog \u2014 covers only left 48% *\/\n.h-fog{position:absolute;inset:0;z-index:3;background:linear-gradient(90deg,rgba(1,4,8,.97) 0%,rgba(1,4,8,.94) 26%,rgba(1,4,8,.65) 40%,rgba(1,4,8,.0) 50%);pointer-events:none}\n.h-fog-b{position:absolute;bottom:0;left:0;right:0;height:220px;z-index:3;background:linear-gradient(0deg,var(--n0) 0%,rgba(1,4,8,.35) 65%,transparent 100%);pointer-events:none}\n\n\/* content grid *\/\n.h-inner{position:relative;z-index:4;display:grid;grid-template-columns:1fr 1fr;min-height:100vh;max-width:1340px;margin:0 auto;padding:0 0 0 2.5rem;align-items:center}\n\n\/* left *\/\n.h-l{display:flex;flex-direction:column;justify-content:center;padding:7rem 3.5rem 7rem 0;max-width:620px}\n.h-ey{opacity:0;transform:translateY(16px)}\n.h-title{opacity:0;transform:translateY(24px);margin-bottom:1.6rem}\n.h-t1{display:block;font-family:'Space Grotesk',sans-serif;font-size:clamp(2.6rem,3.2vw,4.8rem);font-weight:700;letter-spacing:-.04em;line-height:1.05;color:#ffffff}\n\/* Chrome-safe gradient text: applied at char span level to avoid compositing bugs *\/\n.h-t1 .char{display:inline-block;background:linear-gradient(90deg,#ffffff 0%,#d4e4ff 35%,#a8ceff 65%,#00CFFF 100%);background-size:800px 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;transform-origin:50% 100%;will-change:transform,opacity}\n.h-t2{display:block;font-family:'JetBrains Mono',monospace;font-size:clamp(1rem,1.8vw,1.55rem);font-weight:400;letter-spacing:.02em;color:var(--o3);margin-top:.5rem}\n.h-hl{font-size:clamp(.9rem,1.2vw,1.05rem);font-weight:500;color:var(--t2);line-height:1.65;margin-bottom:1.1rem;opacity:0;transform:translateY(14px)}\n.h-sub{font-size:.88rem;color:var(--t3);line-height:1.82;margin-bottom:2.5rem;opacity:0;transform:translateY(12px)}\n\n\/* pillars *\/\n.h-pillars{border-left:1px solid rgba(0,207,255,.14);margin-bottom:2.8rem;opacity:0;transform:translateY(12px)}\n.hp{padding:.82rem 0 .82rem 1.6rem;position:relative;cursor:default}\n.hp::before{content:'';position:absolute;left:-1px;top:0;bottom:0;width:1px;background:linear-gradient(180deg,var(--o2),var(--eb));transform:scaleY(0);transform-origin:top;transition:.4s;box-shadow:0 0 10px var(--eb)}\n.hp:hover::before{transform:scaleY(1)}\n.hp-tag{font-family:'JetBrains Mono',monospace;font-size:.58rem;letter-spacing:.22em;color:var(--o3);margin-bottom:.28rem;opacity:.8}\n.hp-title{font-size:.88rem;font-weight:600;color:var(--t1);line-height:1.4;margin-bottom:.25rem}\n.hp-body{font-size:.78rem;color:var(--t3);line-height:1.65;max-height:0;overflow:hidden;opacity:0;transition:max-height .4s,opacity .35s}\n.hp:hover .hp-body{max-height:80px;opacity:1}\n\n\/* ctas *\/\n.h-ctas{display:flex;align-items:center;gap:1.1rem;flex-wrap:wrap;opacity:0;transform:translateY(12px)}\n.btn-p{display:inline-flex;align-items:center;gap:.6rem;padding:.9rem 2rem;background:linear-gradient(135deg,var(--b3) 0%,var(--b4) 55%,var(--eb2) 100%);color:#fff;font-family:'Space Grotesk',sans-serif;font-size:.84rem;font-weight:600;border:none;border-radius:var(--r);cursor:none;text-decoration:none;letter-spacing:.03em;transition:.3s;box-shadow:0 4px 26px rgba(0,115,255,.4),0 0 0 1px rgba(0,207,255,.18);position:relative;overflow:hidden}\n.btn-p::after{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.1),transparent);opacity:0;transition:.3s}\n.btn-p:hover::after{opacity:1}\n.btn-p:hover{transform:translateY(-2px);box-shadow:0 8px 38px rgba(0,115,255,.55),0 0 0 1px rgba(0,207,255,.38),var(--geb)}\n.btn-o{display:inline-flex;align-items:center;gap:.5rem;padding:.88rem 1.8rem;background:transparent;color:var(--o3);font-family:'Space Grotesk',sans-serif;font-size:.84rem;font-weight:500;border:1px solid var(--brd-o);border-radius:var(--r);cursor:none;text-decoration:none;letter-spacing:.03em;transition:.3s}\n.btn-o:hover{border-color:rgba(255,122,61,.5);color:var(--o4);box-shadow:var(--go)}\n\n\/* glass cards on right *\/\n.h-r{position:relative;min-height:100vh}\n.gc{position:absolute;background:rgba(3,12,24,.72);border-radius:var(--rl);padding:1.1rem 1.3rem;min-width:185px;opacity:0;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}\n.gc::before{content:'';position:absolute;inset:0;border-radius:var(--rl);background:linear-gradient(135deg,rgba(0,100,255,.07) 0%,transparent 60%);pointer-events:none}\n.gc::after{content:'';position:absolute;top:0;left:0;right:0;height:1px;border-radius:var(--rl) var(--rl) 0 0;background:linear-gradient(90deg,transparent,rgba(0,207,255,.5),transparent);animation:border-glow 3.2s ease-in-out infinite}\n\/* orange variant *\/\n.gc.orange-var{border:1px solid rgba(255,94,26,.2)}\n.gc.orange-var::before{background:linear-gradient(135deg,rgba(255,94,26,.07) 0%,transparent 60%)}\n.gc.orange-var::after{background:linear-gradient(90deg,transparent,rgba(255,94,26,.5),transparent)}\n.gc-eb{border:1px solid rgba(0,207,255,.18);animation:glow-breathe 4s ease-in-out infinite}\n.gc-tag{font-family:'JetBrains Mono',monospace;font-size:.56rem;letter-spacing:.18em;color:var(--t4);display:flex;align-items:center;gap:.4rem;margin-bottom:.6rem}\n.gc-dot{width:5px;height:5px;border-radius:50%;flex-shrink:0;animation:dot-pulse 2.2s ease-in-out infinite}\n.gc-val{font-family:'Space Grotesk',sans-serif;font-size:1.08rem;font-weight:700;color:var(--t0);margin-bottom:.22rem}\n.gc-sub{font-size:.68rem;color:var(--t4);line-height:1.5}\n.gc-bar{height:2px;background:rgba(255,255,255,.06);border-radius:2px;margin-top:.75rem;overflow:hidden}\n.gc-fill{height:100%;border-radius:2px;position:relative}\n.gc-fill::after{content:'';position:absolute;right:0;top:-1.5px;width:5px;height:5px;border-radius:50%;background:var(--eb);box-shadow:0 0 8px var(--eb)}\n.gc-fill.orange::after{background:var(--o3);box-shadow:0 0 8px var(--o3)}\n.gc-dots{display:flex;gap:3px;margin-top:.72rem}\n.gc-d{width:5px;height:5px;border-radius:50%;background:rgba(0,207,255,.16)}\n.gc-d.on{background:var(--eb);box-shadow:0 0 6px var(--eb)}\n.gc-d.on-o{background:var(--o3);box-shadow:0 0 6px var(--o3)}\n.gc-candles{display:flex;align-items:flex-end;gap:3px;height:32px;margin-top:.72rem}\n.gcc{display:flex;flex-direction:column;align-items:center;gap:1px}\n.gcc-w{width:1px;background:rgba(255,255,255,.16)}\n.gcc-b{width:6px;border-radius:1px;min-height:4px}\n\/* mini line chart *\/\n.gc-line{margin-top:.72rem}\n.gc-line svg{display:block}\n\n\/* card positions *\/\n.gc1{bottom:20%;left:2%;animation:float-a 5.5s ease-in-out infinite}\n.gc2{top:26%;right:4%;animation:float-b 6.2s ease-in-out infinite}\n.gc3{bottom:32%;left:42%;animation:float-c 5s ease-in-out infinite}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n MARQUEE\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 *\/\n#mq{background:rgba(3,10,20,.92);border-top:1px solid rgba(0,207,255,.1);border-bottom:1px solid rgba(0,207,255,.08);position:relative;overflow:hidden;z-index:10}\n#mq::before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,var(--n0) 0%,transparent 7%,transparent 93%,var(--n0) 100%);z-index:2;pointer-events:none}\n.mq-row{display:flex;overflow:hidden;align-items:center}\n.mq-row.top{height:46px}\n.mq-row.bot{height:36px;background:rgba(2,7,14,.96);border-top:1px solid rgba(0,80,200,.06)}\n.mq-inner{display:flex;white-space:nowrap;animation:mq-scroll 38s linear infinite}\n.mq-inner.rev{animation-direction:reverse;animation-duration:30s}\n.mq-item{display:inline-flex;align-items:center;gap:.55rem;padding:0 2rem;border-right:1px solid rgba(0,207,255,.07);height:46px;flex-shrink:0}\n.mq-item.bot{height:36px;border-right-color:rgba(0,80,200,.06)}\n.mq-sym{font-family:'JetBrains Mono',monospace;font-size:.62rem;font-weight:500;letter-spacing:.12em;color:var(--t4);text-transform:uppercase}\n.mq-price{font-family:'JetBrains Mono',monospace;font-size:.68rem;font-weight:500;color:var(--t1);animation:price-flash 6s ease-in-out infinite}\n.mq-chg{font-family:'JetBrains Mono',monospace;font-size:.6rem;font-weight:500}\n.mq-chg.up{color:#4ade80}.mq-chg.dn{color:var(--o3)}\n.mq-spark{width:38px;height:14px;flex-shrink:0}\n.mq-tag-item{display:inline-flex;align-items:center;gap:.45rem;padding:0 1.8rem;height:36px;border-right:1px solid rgba(0,80,200,.06);font-family:'JetBrains Mono',monospace;font-size:.57rem;font-weight:400;letter-spacing:.18em;color:var(--t5);text-transform:uppercase;flex-shrink:0}\n.mq-tag-item .td{width:4px;height:4px;border-radius:50%;flex-shrink:0;background:var(--eb);opacity:.5}\n.mq-tag-item .tv{color:var(--t3)}\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\n 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 *\/\n#challenges{background:var(--n2)}\n.ch-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:rgba(0,80,200,.06);border-radius:var(--r);overflow:hidden;border:1px solid rgba(0,80,200,.07)}\n.ch-card{background:var(--n2);padding:2.8rem;position:relative;cursor:default;overflow:hidden;transition:background .35s}\n.ch-card:hover{background:rgba(4,16,34,.92)}\n.ch-card::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(0,100,255,.04) 0%,transparent 65%);opacity:0;transition:.4s}\n.ch-card:hover::before{opacity:1}\n.ch-card::after{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--eb),transparent);transform:scaleX(0);transform-origin:left;transition:.55s}\n.ch-card:hover::after,.ch-card.in::after{transform:scaleX(1)}\n\/* orange accent on odd cards *\/\n.ch-card:nth-child(2)::after{background:linear-gradient(90deg,transparent,var(--o3),transparent)}\n.ch-card:nth-child(4)::after{background:linear-gradient(90deg,transparent,var(--o3),transparent)}\n.ch-num{font-family:'Bebas Neue',sans-serif;font-size:5rem;color:rgba(0,100,255,.1);line-height:1;margin-bottom:.7rem;transition:.35s;letter-spacing:.04em}\n.ch-card:hover .ch-num{color:rgba(0,207,255,.2);text-shadow:0 0 50px rgba(0,207,255,.25)}\n.ch-card:nth-child(2) .ch-num,.ch-card:nth-child(4) .ch-num{color:rgba(255,94,26,.1)}\n.ch-card:nth-child(2):hover .ch-num,.ch-card:nth-child(4):hover .ch-num{color:rgba(255,94,26,.22);text-shadow:0 0 50px rgba(255,94,26,.2)}\n.ch-line{width:0;height:1px;background:linear-gradient(90deg,var(--eb),transparent);margin-bottom:1rem;transition:width .5s;box-shadow:0 0 6px rgba(0,207,255,.4)}\n.ch-card:nth-child(2) .ch-line,.ch-card:nth-child(4) .ch-line{background:linear-gradient(90deg,var(--o3),transparent);box-shadow:0 0 6px rgba(255,94,26,.35)}\n.ch-card:hover .ch-line,.ch-card.in .ch-line{width:38px}\n.ch-title{font-size:1rem;font-weight:600;color:var(--t1);margin-bottom:.72rem;line-height:1.35}\n.ch-body{font-size:.84rem;color:var(--t3);line-height:1.75;max-height:0;overflow:hidden;opacity:0;transition:max-height .45s,opacity .4s}\n.ch-card:hover .ch-body,.ch-card.in .ch-body{max-height:100px;opacity:1}\n\/* \u2500\u2500 PREMIUM SVG ICON SYSTEM \u2500\u2500 *\/\n.sec-icon{position:absolute;top:1.8rem;right:1.8rem;width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;transition:.35s;flex-shrink:0}\n.sec-icon svg{width:18px;height:18px;transition:.35s}\n\/* Challenge icons *\/\n.ch-card .sec-icon{background:rgba(0,115,255,.07);border:1px solid rgba(0,207,255,.12)}\n.ch-card .sec-icon svg{stroke:rgba(0,207,255,.45)}\n.ch-card:nth-child(2) .sec-icon,.ch-card:nth-child(4) .sec-icon{background:rgba(255,94,26,.07);border:1px solid rgba(255,94,26,.14)}\n.ch-card:nth-child(2) .sec-icon svg,.ch-card:nth-child(4) .sec-icon svg{stroke:rgba(255,94,26,.5)}\n.ch-card:hover .sec-icon{background:rgba(0,207,255,.14);border-color:rgba(0,207,255,.35);box-shadow:0 0 14px rgba(0,207,255,.2)}\n.ch-card:hover .sec-icon svg{stroke:var(--eb)}\n.ch-card:nth-child(2):hover .sec-icon,.ch-card:nth-child(4):hover .sec-icon{background:rgba(255,94,26,.14);border-color:rgba(255,94,26,.35);box-shadow:0 0 14px rgba(255,94,26,.2)}\n.ch-card:nth-child(2):hover .sec-icon svg,.ch-card:nth-child(4):hover .sec-icon svg{stroke:var(--o3)}\n\/* Coverage icons *\/\n.cov-card .sec-icon{background:rgba(0,80,200,.06);border:1px solid rgba(0,207,255,.1);top:1.6rem;right:1.6rem}\n.cov-card .sec-icon svg{stroke:rgba(0,207,255,.4);width:16px;height:16px}\n.cov-card:nth-child(2) .sec-icon,.cov-card:nth-child(3) .sec-icon{background:rgba(255,94,26,.06);border:1px solid rgba(255,94,26,.12)}\n.cov-card:nth-child(2) .sec-icon svg,.cov-card:nth-child(3) .sec-icon svg{stroke:rgba(255,94,26,.45)}\n.cov-card:hover .sec-icon{box-shadow:0 0 12px rgba(0,207,255,.18)}\n.cov-card:hover .sec-icon svg{stroke:var(--eb)}\n.cov-card:nth-child(2):hover .sec-icon,.cov-card:nth-child(3):hover .sec-icon{box-shadow:0 0 12px rgba(255,94,26,.15)}\n.cov-card:nth-child(2):hover .sec-icon svg,.cov-card:nth-child(3):hover .sec-icon svg{stroke:var(--o3)}\n\/* Capabilities icons *\/\n.cap-icon{width:32px;height:32px;border-radius:8px;background:rgba(0,80,200,.07);border:1px solid rgba(0,207,255,.1);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:.35s}\n.cap-icon svg{width:14px;height:14px;stroke:rgba(0,207,255,.38);transition:.35s}\n.cap-item.active .cap-icon{background:rgba(0,207,255,.1);border-color:rgba(0,207,255,.28);box-shadow:0 0 12px rgba(0,207,255,.18)}\n.cap-item.active .cap-icon svg{stroke:var(--eb)}\n.cap-item-inner{display:flex;align-items:center;gap:.9rem}\n\/* Transformation icons *\/\n.tf-icon{width:28px;height:28px;display:flex;align-items:center;justify-content:center;position:absolute;opacity:0;transition:.4s .1s}\n.tf-icon svg{width:14px;height:14px;stroke:rgba(0,207,255,.4);transition:.35s}\n.tf-stage.active .tf-icon{opacity:1}\n.tf-stage.active .tf-icon svg{stroke:var(--eb)}\n.tf-stage:nth-child(odd).active .tf-icon svg{stroke:var(--o3)}\n.tf-node{position:relative}\n\/* Diff icons *\/\n.diff-icon{width:34px;height:34px;border-radius:9px;background:rgba(0,80,200,.07);border:1px solid rgba(0,207,255,.1);display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-right:1rem;transition:.35s}\n.diff-icon svg{width:15px;height:15px;stroke:rgba(0,207,255,.4);transition:.35s}\n.diff-item:nth-child(even) .diff-icon{background:rgba(255,94,26,.07);border-color:rgba(255,94,26,.12)}\n.diff-item:nth-child(even) .diff-icon svg{stroke:rgba(255,94,26,.4)}\n.diff-item:hover .diff-icon{box-shadow:0 0 12px rgba(0,207,255,.18)}\n.diff-item:hover .diff-icon svg{stroke:var(--eb)}\n.diff-item:nth-child(even):hover .diff-icon{box-shadow:0 0 12px rgba(255,94,26,.15)}\n.diff-item:nth-child(even):hover .diff-icon svg{stroke:var(--o3)}\n.diff-top{display:flex;align-items:center;margin-bottom:.55rem}\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\n 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 *\/\n#sector-coverage{background:var(--n1)}\n.sc-tabs{display:inline-flex;background:rgba(0,80,200,.05);border:1px solid var(--brd1);border-radius:50px;padding:4px;margin-bottom:3.5rem;position:relative}\n.sc-ind{position:absolute;top:4px;height:calc(100% - 8px);border-radius:46px;background:linear-gradient(135deg,var(--b3),var(--b4));box-shadow:0 2px 18px rgba(0,100,255,.45);transition:.4s cubic-bezier(.4,0,.2,1);pointer-events:none}\n.sc-tab{padding:.6rem 2rem;border-radius:46px;font-family:'Space Grotesk',sans-serif;font-size:.82rem;font-weight:600;letter-spacing:.03em;cursor:none;border:none;background:transparent;color:var(--t3);transition:.35s;position:relative;z-index:1}\n.sc-tab.active{color:#fff}\n.sc-panel{display:none}.sc-panel.active{display:block}\n.cov-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem}\n.cov-card{background:rgba(5,13,26,.6);border:1px solid rgba(0,80,200,.1);border-radius:var(--rl);padding:2rem;position:relative;overflow:hidden;transition:.35s;cursor:default}\n.cov-card::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(0,80,200,.04) 0%,transparent 60%);opacity:0;transition:.4s;pointer-events:none}\n.cov-card:hover::before{opacity:1}\n.cov-card:hover{border-color:rgba(0,207,255,.2);box-shadow:0 0 28px rgba(0,100,255,.1)}\n.cov-card::after{content:'';position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--b4),transparent);transform:scaleX(0);transition:.45s}\n.cov-card:hover::after{transform:scaleX(1)}\n\/* orange tinted cards *\/\n.cov-card:nth-child(2),.cov-card:nth-child(3){border-color:rgba(255,94,26,.1)}\n.cov-card:nth-child(2):hover,.cov-card:nth-child(3):hover{border-color:rgba(255,94,26,.25);box-shadow:0 0 28px rgba(255,94,26,.08)}\n.cov-card:nth-child(2)::after,.cov-card:nth-child(3)::after{background:linear-gradient(90deg,transparent,var(--o3),transparent)}\n.cov-num{font-family:'JetBrains Mono',monospace;font-size:.58rem;letter-spacing:.2em;color:var(--eb);margin-bottom:.65rem}\n.cov-card:nth-child(2) .cov-num,.cov-card:nth-child(3) .cov-num{color:var(--o3)}\n.cov-title{font-size:1rem;font-weight:600;color:var(--t1);margin-bottom:.72rem;line-height:1.35}\n.cov-body{font-size:.83rem;color:var(--t3);line-height:1.75}\n.cov-bars{position:absolute;top:1.8rem;right:1.8rem;display:flex;align-items:flex-end;gap:3px;opacity:.14}\n.cov-bars span{width:4px;border-radius:2px;background:var(--eb)}\n.cov-card:nth-child(2) .cov-bars span,.cov-card:nth-child(3) .cov-bars span{background:var(--o3)}\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\n 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 *\/\n#capabilities{background:var(--n2)}\n.cap-layout{display:grid;grid-template-columns:1fr 1.2fr;gap:4rem;align-items:start;margin-top:3.5rem}\n.cap-stack{position:relative;padding-left:2.5rem}\n.cap-spine{position:absolute;left:0;top:0;bottom:0;width:1px;background:linear-gradient(180deg,transparent,rgba(0,100,255,.2) 8%,rgba(0,100,255,.2) 92%,transparent)}\n.cap-glow{position:absolute;left:0;top:0;width:1px;height:0;background:linear-gradient(180deg,var(--eb),rgba(0,207,255,.25));box-shadow:0 0 8px var(--eb);transition:height .9s}\n.cap-item{padding:1.35rem 1.2rem;cursor:none;border-radius:var(--r);transition:.3s;border:1px solid transparent;position:relative;margin-bottom:.4rem}\n.cap-item::before{content:'';position:absolute;left:-2.5rem;top:50%;transform:translateY(-50%);width:13px;height:13px;border-radius:50%;border:1px solid rgba(0,100,255,.22);background:var(--n2);transition:.35s;z-index:1}\n.cap-item.active::before{background:var(--eb);border-color:var(--eb);box-shadow:0 0 14px rgba(0,207,255,.7)}\n.cap-item.active{background:rgba(0,100,255,.05);border-color:rgba(0,207,255,.12)}\n.cap-num{font-family:'JetBrains Mono',monospace;font-size:.58rem;letter-spacing:.2em;color:var(--t4);margin-bottom:.28rem;transition:.3s}\n.cap-item.active .cap-num{color:var(--eb)}\n.cap-label{font-size:.94rem;font-weight:600;color:var(--t3);transition:.3s}\n.cap-item.active .cap-label{color:var(--t0)}\n.cap-panel{background:rgba(3,12,26,.8);border:1px solid rgba(0,207,255,.1);border-radius:var(--rl);padding:2.6rem;position:sticky;top:100px;overflow:hidden;min-height:330px;animation:glow-breathe 5s ease-in-out infinite}\n.cap-panel::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--eb),transparent)}\n.cap-panel::after{content:'';position:absolute;top:0;right:0;width:1px;height:65%;background:linear-gradient(180deg,var(--eb),transparent)}\n\/* orange corner accent on panel *\/\n.cap-panel-oc{position:absolute;bottom:0;left:0;width:1px;height:50%;background:linear-gradient(0deg,var(--o3),transparent);pointer-events:none}\n.cap-panel-oc2{position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,var(--o3),transparent 40%);pointer-events:none}\n.cp-big{font-family:'Bebas Neue',sans-serif;font-size:6.5rem;color:rgba(0,100,255,.08);line-height:1;margin-bottom:1.2rem;letter-spacing:.04em}\n.cp-title{font-size:1.5rem;font-weight:700;color:var(--t0);margin-bottom:1rem;line-height:1.28;letter-spacing:-.02em}\n.cp-body{font-size:.9rem;color:var(--t3);line-height:1.8}\n.cp-badge{display:inline-flex;align-items:center;gap:.4rem;padding:.28rem .9rem;border-radius:50px;font-family:'JetBrains Mono',monospace;font-size:.6rem;letter-spacing:.1em;margin-top:1.4rem}\n.cp-badge.eb{background:rgba(0,207,255,.06);border:1px solid rgba(0,207,255,.14);color:var(--eb)}\n.cp-deco{position:absolute;bottom:2.2rem;right:2.2rem;display:flex;gap:4px;align-items:flex-end;opacity:.07}\n.cp-deco span{width:5px;border-radius:2px;background:var(--eb)}\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\n TRANSFORMATION\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 *\/\n#transformation{background:var(--n1)}\n.tf-wrap{position:relative;margin-top:4.5rem}\n.tf-track{position:absolute;top:40px;left:40px;right:40px;height:1px;background:rgba(0,80,200,.14);z-index:0}\n.tf-prog{position:absolute;left:0;top:0;height:100%;background:linear-gradient(90deg,var(--b4),var(--eb));box-shadow:0 0 14px rgba(0,207,255,.5);transform:scaleX(0);transform-origin:left;transition:transform 2s cubic-bezier(.4,0,.2,1)}\n.tf-stages{display:grid;grid-template-columns:repeat(6,1fr);gap:1rem;position:relative;z-index:1}\n.tf-stage{display:flex;flex-direction:column;align-items:center;gap:.9rem;cursor:default}\n.tf-node{width:80px;height:80px;border-radius:50%;border:1px solid rgba(0,80,200,.18);background:var(--n1);display:flex;align-items:center;justify-content:center;position:relative;transition:.5s;z-index:1;flex-shrink:0}\n.tf-stage.active .tf-node{border-color:rgba(0,207,255,.5);background:rgba(0,207,255,.04);box-shadow:0 0 22px rgba(0,207,255,.22),0 0 48px rgba(0,100,255,.1)}\n\/* orange nodes alternate *\/\n.tf-stage:nth-child(odd).active .tf-node{border-color:rgba(255,94,26,.45);background:rgba(255,94,26,.04);box-shadow:0 0 22px rgba(255,94,26,.2),0 0 48px rgba(255,94,26,.08)}\n.tf-n{font-family:'JetBrains Mono',monospace;font-size:.85rem;font-weight:500;color:var(--t4);transition:.4s}\n.tf-stage.active .tf-n{color:var(--eb);text-shadow:0 0 12px rgba(0,207,255,.6)}\n.tf-stage:nth-child(odd).active .tf-n{color:var(--o3);text-shadow:0 0 12px rgba(255,94,26,.5)}\n.tf-lbl{font-family:'JetBrains Mono',monospace;font-size:.56rem;letter-spacing:.15em;color:var(--t5);margin-bottom:.28rem;text-align:center;transition:.3s}\n.tf-stage.active .tf-lbl{color:rgba(0,207,255,.5)}\n.tf-stage:nth-child(odd).active .tf-lbl{color:rgba(255,122,61,.5)}\n.tf-title{font-size:.82rem;font-weight:600;color:var(--t4);text-align:center;line-height:1.4;transition:.35s}\n.tf-stage.active .tf-title{color:var(--t1)}\n.tf-desc{font-size:.74rem;color:var(--t4);line-height:1.6;text-align:center;max-height:0;overflow:hidden;opacity:0;transition:max-height .45s,opacity .4s .1s}\n.tf-stage.active .tf-desc{max-height:90px;opacity:1}\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\n WHY DT\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 *\/\n#why-dt{background:var(--n2)}\n.why-layout{display:grid;grid-template-columns:1fr 1.1fr;gap:5.5rem;align-items:start}\n.why-l{position:sticky;top:100px}\n.why-stat{font-size:.94rem;color:var(--t3);line-height:1.85;margin:1.4rem 0 2rem;padding-left:1.3rem;border-left:2px solid var(--o2);box-shadow:-2px 0 14px rgba(255,94,26,.18)}\n.why-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.42rem 1.1rem;border:1px solid var(--brd-o);border-radius:50px;font-family:'JetBrains Mono',monospace;font-size:.62rem;letter-spacing:.1em;color:var(--t3)}\n.why-badge .wd{width:6px;height:6px;border-radius:50%;background:var(--o3);box-shadow:0 0 8px var(--o3)}\n.why-metrics{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:rgba(0,80,200,.08);border-radius:var(--r);overflow:hidden;border:1px solid rgba(0,80,200,.1);margin-top:2rem;animation:glow-breathe 5s ease-in-out infinite}\n.wm-cell{background:var(--n2);padding:1.5rem;text-align:center}\n.wm-n{font-family:'Bebas Neue',sans-serif;font-size:2.8rem;display:block;margin-bottom:.28rem;line-height:1}\n.wm-n.eb{color:var(--eb);text-shadow:0 0 20px rgba(0,207,255,.35)}\n.wm-n.or{color:var(--o3);text-shadow:0 0 20px rgba(255,94,26,.3)}\n.wm-l{font-family:'JetBrains Mono',monospace;font-size:.6rem;letter-spacing:.1em;color:var(--t4)}\n.diff-list{display:flex;flex-direction:column}\n.diff-item{padding:1.8rem 0;border-bottom:1px solid rgba(0,80,200,.08);position:relative;overflow:hidden;transition:padding .35s;cursor:default}\n.diff-item:first-child{border-top:1px solid rgba(0,80,200,.08)}\n.diff-item::before{content:'';position:absolute;left:0;top:0;bottom:0;width:2px;background:linear-gradient(180deg,var(--b4),var(--eb));transform:scaleY(0);transform-origin:bottom;transition:.45s;box-shadow:0 0 10px rgba(0,207,255,.4)}\n.diff-item:nth-child(even)::before{background:linear-gradient(180deg,var(--o2),var(--o3));box-shadow:0 0 10px rgba(255,94,26,.35)}\n.diff-item:hover::before{transform:scaleY(1)}\n.diff-item:hover{padding-left:1.2rem}\n.diff-tag{font-family:'JetBrains Mono',monospace;font-size:.58rem;letter-spacing:.22em;color:var(--eb);line-height:1}\n.diff-item:nth-child(even) .diff-tag{color:var(--o3)}\n.diff-title{font-size:1.02rem;font-weight:600;color:var(--t1);margin-bottom:.55rem;line-height:1.35}\n.diff-body{font-size:.84rem;color:var(--t3);line-height:1.75}\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\n 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 *\/\n#cta{background:var(--n1);text-align:center}\n#cta::after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 80% 65% at 50% 50%,rgba(0,80,200,.06) 0%,transparent 60%);z-index:0;pointer-events:none}\n.cta-inner{position:relative;z-index:1;max-width:780px;margin:0 auto}\n.cta-rings{position:absolute;top:50%;left:50%;pointer-events:none;z-index:0}\n.cta-r{position:absolute;border-radius:50%;border:1px solid}\n.cta-r1{width:360px;height:360px;transform:translate(-50%,-50%);border-color:rgba(0,207,255,.05);animation:ring-pulse 4.5s ease-in-out infinite}\n.cta-r2{width:560px;height:560px;transform:translate(-50%,-50%);border-color:rgba(255,94,26,.04);animation:o-pulse 4.5s ease-in-out infinite .7s}\n.cta-r3{width:760px;height:760px;transform:translate(-50%,-50%);border-color:rgba(0,115,255,.03);animation:ring-pulse 4.5s ease-in-out infinite 1.4s}\n.cta-h2{font-size:clamp(1.9rem,3vw,2.9rem);font-weight:700;letter-spacing:-.03em;background:linear-gradient(135deg,#fff 0%,#b8ccee 45%,var(--eb) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:1.4rem;filter:drop-shadow(0 0 40px rgba(0,207,255,.1))}\n.cta-h2 span{-webkit-text-fill-color:var(--o3);background:none}\n.cta-sub{font-size:.94rem;color:var(--t3);line-height:1.8;margin-bottom:2.8rem;max-width:600px;margin-left:auto;margin-right:auto}\n.cta-btn{display:inline-flex;align-items:center;gap:.7rem;padding:1.05rem 2.5rem;background:linear-gradient(135deg,var(--b3) 0%,var(--b4) 50%,var(--eb2) 100%);color:#fff;font-family:'Space Grotesk',sans-serif;font-size:.9rem;font-weight:600;border:none;border-radius:var(--r);cursor:none;text-decoration:none;letter-spacing:.03em;transition:.35s;box-shadow:0 6px 32px rgba(0,100,255,.45),0 0 0 1px rgba(0,207,255,.22);position:relative;overflow:hidden;margin-bottom:2rem}\n.cta-btn::after{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.1),transparent);opacity:0;transition:.3s}\n.cta-btn:hover::after{opacity:1}\n.cta-btn:hover{transform:translateY(-3px);box-shadow:0 12px 42px rgba(0,100,255,.58),0 0 0 1px rgba(0,207,255,.42),var(--geb)}\n.cta-btn .arr{display:inline-block;transition:.35s}\n.cta-btn:hover .arr{transform:translateX(5px)}\n.cta-supp{font-size:.82rem;color:var(--t4);line-height:1.65}\n.cta-supp em{color:var(--o3);font-style:normal}\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\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 *\/\n@media(max-width:1024px){\n .h-inner,.cap-layout,.why-layout{grid-template-columns:1fr}\n .h-r{display:none}\n .cap-panel{position:static;margin-top:2rem}\n .why-l{position:static}\n}\n@media(max-width:768px){\n .ch-grid,.cov-grid{grid-template-columns:1fr}\n .tf-stages{grid-template-columns:repeat(3,1fr)}\n .wrap{padding:0 1.4rem}\n section{padding:5rem 0}\n}\n@media(max-width:480px){.tf-stages{grid-template-columns:repeat(2,1fr)}}\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\n PREMIUM CHARACTER \/ WORD SPLIT REVEALS\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 *\/\n.char-wrap{overflow:hidden;display:inline-block;vertical-align:bottom;line-height:1.12}\n\/* .char is now defined in .h-t1 .char block above for hero; generic fallback: *\/\n.word-wrap{overflow:hidden;display:inline-block;margin-right:.24em;vertical-align:bottom}\n.word-inner{display:inline-block;will-change:transform,opacity}\n\/* Section headings get word-split on scroll *\/\n.word-reveal-ready .word-wrap{overflow:hidden}\n.word-reveal-ready .word-inner{transform:translateY(105%);opacity:0;transition:transform .72s cubic-bezier(.16,1,.3,1),opacity .55s ease}\n.word-reveal-ready.in-view .word-inner{transform:translateY(0);opacity:1}\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\n FLOATING DOLLAR PARTICLES\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 *\/\n#dollar-field{position:absolute;inset:0;pointer-events:none;z-index:2;overflow:hidden}\n.dp{position:absolute;bottom:-10%;font-family:'JetBrains Mono',monospace;font-weight:700;pointer-events:none;line-height:1;animation:dp-rise linear infinite}\n.dp.cyan{color:rgba(0,207,255,.55);text-shadow:0 0 18px rgba(0,207,255,.5),0 0 40px rgba(0,207,255,.2)}\n.dp.gold{color:rgba(255,200,40,.5);text-shadow:0 0 16px rgba(255,200,40,.5),0 0 36px rgba(255,200,40,.18)}\n.dp.green{color:rgba(74,222,128,.45);text-shadow:0 0 14px rgba(74,222,128,.45)}\n.dp.orange{color:rgba(255,94,26,.45);text-shadow:0 0 14px rgba(255,94,26,.4)}\n@keyframes dp-rise{\n 0%{transform:translateY(0) translateX(0) rotate(0deg) scale(1);opacity:0}\n 6%{opacity:1}\n 50%{transform:translateY(-52vh) translateX(var(--drift,12px)) rotate(var(--rot,8deg)) scale(1.05)}\n 94%{opacity:.55}\n 100%{transform:translateY(-110vh) translateX(calc(var(--drift,12px)*2)) rotate(calc(var(--rot,8deg)*2)) scale(.9);opacity:0}\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n SHIMMER SWEEP ON HEADINGS\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 *\/\n@keyframes shimmer-sweep{\n 0%{background-position:-200% center}\n 100%{background-position:200% center}\n}\n.glow-text.shimmer-run{\n background:linear-gradient(115deg,#fff 0%,#c8daff 18%,var(--eb) 32%,#fff 46%,rgba(255,200,50,.8) 58%,#fff 72%,var(--eb) 86%,#c8daff 100%);\n background-size:250% auto;\n -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;\n animation:shimmer-sweep 2.6s ease forwards;\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\n LARGE BACKGROUND $ DECORATION\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 *\/\n.sec-bg-dollar{position:absolute;font-family:'Bebas Neue',sans-serif;font-size:clamp(14rem,22vw,28rem);font-weight:900;letter-spacing:-.04em;pointer-events:none;z-index:0;opacity:0;transition:opacity 1.4s ease,transform 1.6s cubic-bezier(.16,1,.3,1);user-select:none;background:linear-gradient(135deg,rgba(0,207,255,.12),rgba(0,115,255,.04));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1}\n.sec-bg-dollar.orange-var-bg{background:linear-gradient(135deg,rgba(255,94,26,.1),rgba(255,170,50,.05));-webkit-background-clip:text;background-clip:text}\n.sec-bg-dollar.visible{opacity:1;transform:none!important}\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\n ANIMATED SVG CHART LINE \u2014 hero decoration\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 *\/\n#hero-chart-line{position:absolute;bottom:14%;left:0;right:0;pointer-events:none;z-index:2;opacity:0;transition:opacity 1s ease 1.8s}\n#hero-chart-line.visible{opacity:1}\n.hcl-path{stroke-dasharray:1200;stroke-dashoffset:1200;animation:line-draw-path 3.2s cubic-bezier(.4,0,.2,1) 2s forwards}\n@keyframes line-draw-path{to{stroke-dashoffset:0}}\n.hcl-dot{opacity:0;animation:dot-appear .3s ease forwards}\n\n\/* Section chart-line SVG triggers *\/\n.fin-chart-svg .fcs-path{stroke-dasharray:800;stroke-dashoffset:800;transition:stroke-dashoffset 2.2s cubic-bezier(.4,0,.2,1)}\n.fin-chart-svg.drawn .fcs-path{stroke-dashoffset:0}\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\n TEXT SCRAMBLE EYEBROWS\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 *\/\n.eyebrow.scramble-active{color:var(--eb)}\n.eyebrow.orange.scramble-active{color:var(--o3)}\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\n HERO TITLE CHAR 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 *\/\n@keyframes char-in{\n from{opacity:0;transform:translateY(40px) rotateX(-75deg) scale(.85)}\n to{opacity:1;transform:translateY(0) rotateX(0deg) scale(1)}\n}\n\/* char animation merged into .h-t1 .char rule above \u2014 add animation only here to extend *\/\n.h-t1 .char{opacity:0;transform-style:preserve-3d;animation:char-in .55s cubic-bezier(.16,1,.3,1) both}\n.h-t2-word{display:inline-block;overflow:hidden}\n.h-t2-word-inner{display:inline-block;transform:translateX(-100%);opacity:0;transition:transform .8s cubic-bezier(.16,1,.3,1),opacity .5s ease}\n.h-t2-word-inner.in{transform:translateX(0);opacity:1}\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\n COUNTER GLOW ON TICK\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 *\/\n@keyframes count-flash{\n 0%,100%{text-shadow:0 0 20px currentColor}\n 50%{text-shadow:0 0 50px currentColor,0 0 100px currentColor}\n}\n[data-count].ticking{animation:count-flash .15s ease}\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\n PARALLAX FINANCIAL SHAPES\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 *\/\n.par-shape{position:absolute;pointer-events:none;will-change:transform}\n.par-ring{border-radius:50%;border:1px solid;animation:glow-breathe 4s ease-in-out infinite}\n.par-ring.cyan-ring{border-color:rgba(0,207,255,.08);background:transparent}\n.par-ring.orange-ring{border-color:rgba(255,94,26,.07);background:transparent}\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\n PREMIUM SCROLL LINE INDICATOR\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 *\/\n.scroll-progress-line{position:fixed;top:0;left:0;height:2px;z-index:9997;background:linear-gradient(90deg,var(--b4),var(--eb),var(--o3));box-shadow:0 0 8px rgba(0,207,255,.5);transform-origin:left;transform:scaleX(0);transition:transform .1s linear}\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\n PREMIUM ICON ANIMATIONS\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 *\/\n@keyframes icon-glow-pulse{0%,100%{box-shadow:0 0 8px rgba(0,207,255,.15)}50%{box-shadow:0 0 18px rgba(0,207,255,.4),0 0 32px rgba(0,115,255,.15)}}\n.cap-item.active .cap-icon{animation:icon-glow-pulse 2.8s ease-in-out infinite}\n.diff-top{display:flex;align-items:center;margin-bottom:.55rem;gap:.6rem}\n\/* tf-node position for icon overlay *\/\n.tf-node{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:.15rem}\n.tf-icon{width:22px;height:22px;position:relative;opacity:0;transition:.4s .1s;flex-shrink:0}\n.tf-icon svg{width:100%;height:100%}\n.tf-stage.active .tf-icon{opacity:1}\n.tf-n{font-size:.72rem}\/* slightly smaller when icon present *\/\n\/* Section icon entrance *\/\n.sec-icon{opacity:.7;transform:scale(.95);transition:opacity .35s,transform .35s,background .35s,border-color .35s,box-shadow .35s}\n.ch-card:hover .sec-icon,.cov-card:hover .sec-icon{opacity:1;transform:scale(1)}\n\/* Remove cov-bars if any remain (legacy) *\/\n.cov-bars{display:none!important}\n\/* Cap item inner ensures proper alignment *\/\n.cap-item-inner{display:flex;align-items:center;gap:.9rem}\n\n.clip-reveal{clip-path:inset(0 100% 0 0);opacity:0;transition:clip-path 1.1s cubic-bezier(.16,1,.3,1),opacity .4s ease}\n.clip-reveal.in{clip-path:inset(0 0% 0 0);opacity:1}\n\n\/* eyebrow underline draw *\/\n.eyebrow::after{transition:width .8s cubic-bezier(.16,1,.3,1) .3s}\n.eyebrow.line-drawn::after{width:42px}\n<\/style>\n<\/head>\n<body>\n<div id=\"cur\"><\/div>\n<div id=\"cuf\"><\/div>\n\n\n<div class=\"scroll-progress-line\" id=\"scrollProg\"><\/div>\n<section id=\"hero\">\n <canvas id=\"heroCanvas\"><\/canvas>\n <div id=\"dollar-field\"><\/div>\n <div class=\"h-scan\"><\/div>\n <div class=\"h-fog\"><\/div>\n <div class=\"h-fog-b\"><\/div>\n \n <svg id=\"hero-chart-line\" viewBox=\"0 0 1440 90\" preserveAspectRatio=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"height:90px\">\n <defs>\n <linearGradient id=\"hclGrad\" x1=\"0\" x2=\"1\" y1=\"0\" y2=\"0\">\n <stop offset=\"0%\" stop-color=\"rgba(0,115,255,0)\"\/>\n <stop offset=\"25%\" stop-color=\"rgba(0,115,255,0.5)\"\/>\n <stop offset=\"65%\" stop-color=\"rgba(0,207,255,0.8)\"\/>\n <stop offset=\"100%\" stop-color=\"rgba(255,94,26,0.4)\"\/>\n <\/linearGradient>\n <filter id=\"hclGlow\"><feGaussianBlur stdDeviation=\"2\" result=\"blur\"\/><feMerge><feMergeNode in=\"blur\"\/><feMergeNode in=\"SourceGraphic\"\/><\/feMerge><\/filter>\n <\/defs>\n <path class=\"hcl-path\" d=\"M0,72 L60,68 L120,61 L200,55 L280,48 L360,52 L420,38 L500,44 L560,30 L640,36 L700,22 L780,28 L840,15 L920,20 L980,8 L1060,14 L1140,5 L1200,10 L1280,4 L1360,7 L1440,3\" fill=\"none\" stroke=\"url(#hclGrad)\" stroke-width=\"1.5\" filter=\"url(#hclGlow)\" stroke-linejoin=\"round\"\/>\n \n <circle class=\"hcl-dot\" cx=\"1440\" cy=\"3\" r=\"3.5\" fill=\"#00CFFF\" style=\"animation-delay:3.8s\">\n <animate attributeName=\"r\" values=\"3;5;3\" dur=\"1.6s\" begin=\"3.8s\" repeatCount=\"indefinite\"\/>\n <animate attributeName=\"opacity\" values=\"0;1\" dur=\".3s\" begin=\"3.8s\" fill=\"freeze\"\/>\n <\/circle>\n \n <path class=\"hcl-path\" d=\"M0,72 L60,68 L120,61 L200,55 L280,48 L360,52 L420,38 L500,44 L560,30 L640,36 L700,22 L780,28 L840,15 L920,20 L980,8 L1060,14 L1140,5 L1200,10 L1280,4 L1360,7 L1440,3 L1440,90 L0,90 Z\" fill=\"url(#hclAreaGrad)\" opacity=\"0.06\" style=\"stroke:none;animation-delay:.1s\"\/>\n <defs>\n <linearGradient id=\"hclAreaGrad\" x1=\"0\" x2=\"0\" y1=\"0\" y2=\"1\">\n <stop offset=\"0%\" stop-color=\"#00CFFF\" stop-opacity=\"0.5\"\/>\n <stop offset=\"100%\" stop-color=\"#00CFFF\" stop-opacity=\"0\"\/>\n <\/linearGradient>\n <\/defs>\n <\/svg>\n\n <div class=\"h-inner\">\n \n <div class=\"h-l\">\n <div class=\"eyebrow orange h-ey\" id=\"h-ey\">Banking & Capital Markets<\/div>\n <h1 class=\"h-title\" id=\"h-title\">\n <span class=\"h-t1\">Banking, Financial<br>Services &<br>Capital Markets<\/span>\n <span class=\"h-t2\">\/\/ DT Solutions<\/span>\n <\/h1>\n <p class=\"h-hl\" id=\"h-hl\">Support regulated financial environments with operationally aligned and transformation-ready delivery.<\/p>\n <p class=\"h-sub\" id=\"h-sub\">Delivery solutions designed to support banking, financial services, and capital markets organizations through governance-aware execution, operational continuity, and scalable delivery.<\/p>\n\n <div class=\"h-pillars\" id=\"h-pil\">\n <div class=\"hp\"><div class=\"hp-tag\">\/\/ 01<\/div><div class=\"hp-title\">Support for complex and regulated financial environments<\/div><div class=\"hp-body\">Delivery models aligned to operational governance, compliance expectations, and high-accountability financial ecosystems.<\/div><\/div>\n <div class=\"hp\"><div class=\"hp-tag\">\/\/ 02<\/div><div class=\"hp-title\">Execution continuity across evolving financial operations<\/div><div class=\"hp-body\">Support for operational stability, modernization initiatives, and transformation programs.<\/div><\/div>\n <div class=\"hp\"><div class=\"hp-tag\">\/\/ 03<\/div><div class=\"hp-title\">Structured delivery aligned to risk, governance, and scalability<\/div><div class=\"hp-body\">Execution frameworks designed to support visibility, coordination, and controlled delivery.<\/div><\/div>\n <\/div>\n\n <div class=\"h-ctas\" id=\"h-ctas\">\n <a href=\"#sector-coverage\" class=\"btn-p\">Explore Sector Coverage <span>\u2193<\/span><\/a>\n <a href=\"#capabilities\" class=\"btn-o\">View Capabilities \u2192<\/a>\n <\/div>\n <\/div>\n\n \n <div class=\"h-r\">\n <div class=\"gc gc1 gc-eb\" id=\"hc1\">\n <div class=\"gc-tag\"><span class=\"gc-dot\" style=\"background:var(--eb)\"><\/span>Governance Alignment<\/div>\n <div class=\"gc-val\">Framework Active<\/div>\n <div class=\"gc-sub\">Delivery models structured to regulatory oversight<\/div>\n <div class=\"gc-bar\"><div class=\"gc-fill\" style=\"width:78%;background:linear-gradient(90deg,var(--b4),var(--eb))\"><\/div><\/div>\n <div class=\"gc-candles\">\n <div class=\"gcc\"><div class=\"gcc-w\" style=\"height:5px\"><\/div><div class=\"gcc-b\" style=\"height:10px;background:#4ade80\"><\/div><div class=\"gcc-w\" style=\"height:3px\"><\/div><\/div>\n <div class=\"gcc\"><div class=\"gcc-w\" style=\"height:4px\"><\/div><div class=\"gcc-b\" style=\"height:14px;background:#4ade80\"><\/div><div class=\"gcc-w\" style=\"height:2px\"><\/div><\/div>\n <div class=\"gcc\"><div class=\"gcc-w\" style=\"height:6px\"><\/div><div class=\"gcc-b\" style=\"height:8px;background:var(--o3)\"><\/div><div class=\"gcc-w\" style=\"height:4px\"><\/div><\/div>\n <div class=\"gcc\"><div class=\"gcc-w\" style=\"height:3px\"><\/div><div class=\"gcc-b\" style=\"height:16px;background:#4ade80\"><\/div><div class=\"gcc-w\" style=\"height:2px\"><\/div><\/div>\n <div class=\"gcc\"><div class=\"gcc-w\" style=\"height:5px\"><\/div><div class=\"gcc-b\" style=\"height:20px;background:#4ade80;box-shadow:0 0 8px rgba(74,222,128,.4)\"><\/div><div class=\"gcc-w\" style=\"height:2px\"><\/div><\/div>\n <div class=\"gcc\"><div class=\"gcc-w\" style=\"height:4px\"><\/div><div class=\"gcc-b\" style=\"height:12px;background:var(--o3);box-shadow:0 0 6px rgba(255,94,26,.35)\"><\/div><div class=\"gcc-w\" style=\"height:3px\"><\/div><\/div>\n <\/div>\n <\/div>\n\n <div class=\"gc gc2 orange-var\" id=\"hc2\" style=\"animation:o-breathe 4s ease-in-out infinite\">\n <div class=\"gc-tag\"><span class=\"gc-dot\" style=\"background:var(--o3)\"><\/span>Risk Continuity<\/div>\n <div class=\"gc-val\">Operationally Aligned<\/div>\n <div class=\"gc-sub\">Controlled execution across compliance environments<\/div>\n <div class=\"gc-dots\">\n <div class=\"gc-d on-o\"><\/div><div class=\"gc-d on-o\"><\/div><div class=\"gc-d on-o\"><\/div><div class=\"gc-d\"><\/div><div class=\"gc-d\"><\/div>\n <\/div>\n <div class=\"gc-bar\" style=\"margin-top:.75rem\"><div class=\"gc-fill orange\" style=\"width:60%;background:linear-gradient(90deg,var(--o1),var(--o3))\"><\/div><\/div>\n <\/div>\n\n <div class=\"gc gc3 gc-eb\" id=\"hc3\">\n <div class=\"gc-tag\"><span class=\"gc-dot\" style=\"background:var(--b4)\"><\/span>Transformation Ready<\/div>\n <div class=\"gc-val\">Scalable Delivery<\/div>\n <div class=\"gc-sub\">Enterprise execution for modernization programs<\/div>\n <div class=\"gc-line\">\n <svg width=\"150\" height=\"36\" viewBox=\"0 0 150 36\">\n <polyline points=\"0,30 15,24 30,26 45,14 60,18 75,8 90,12 105,4 120,7 135,2 150,5\" fill=\"none\" stroke=\"url(#lg1)\" stroke-width=\"1.5\" stroke-linejoin=\"round\"\/>\n <linearGradient id=\"lg1\" x1=\"0\" x2=\"1\" y1=\"0\" y2=\"0\"><stop offset=\"0%\" stop-color=\"#0073FF\"\/><stop offset=\"100%\" stop-color=\"#00CFFF\"\/><\/linearGradient>\n <circle cx=\"150\" cy=\"5\" r=\"3\" fill=\"#00CFFF\" opacity=\".9\"><animate attributeName=\"r\" values=\"2.5;4;2.5\" dur=\"1.8s\" repeatCount=\"indefinite\"\/><\/circle>\n <\/svg>\n <\/div>\n <div class=\"gc-bar\" style=\"margin-top:.4rem\"><div class=\"gc-fill\" style=\"width:82%;background:linear-gradient(90deg,var(--b4),var(--eb))\"><\/div><\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<div id=\"mq\">\n <div class=\"mq-row top\">\n <div class=\"mq-inner\">\n <div class=\"mq-item\"><span class=\"mq-sym\">S&P 500<\/span><span class=\"mq-price\">5,842.47<\/span><span class=\"mq-chg up\">\u25b2 1.24%<\/span><svg class=\"mq-spark\" viewBox=\"0 0 38 14\"><polyline points=\"0,13 6,9 12,11 18,5 24,7 30,3 35,2 38,3\" fill=\"none\" stroke=\"#4ade80\" stroke-width=\"1.5\"\/><\/svg><\/div>\n <div class=\"mq-item\"><span class=\"mq-sym\">NASDAQ<\/span><span class=\"mq-price\">18,320.14<\/span><span class=\"mq-chg up\">\u25b2 0.87%<\/span><svg class=\"mq-spark\" viewBox=\"0 0 38 14\"><polyline points=\"0,11 6,7 12,10 18,4 24,6 30,2 35,4 38,2\" fill=\"none\" stroke=\"#4ade80\" stroke-width=\"1.5\"\/><\/svg><\/div>\n <div class=\"mq-item\"><span class=\"mq-sym\">GBP\/USD<\/span><span class=\"mq-price\">1.2714<\/span><span class=\"mq-chg dn\">\u25bc 0.12%<\/span><svg class=\"mq-spark\" viewBox=\"0 0 38 14\"><polyline points=\"0,3 6,5 12,4 18,8 24,7 30,10 35,9 38,12\" fill=\"none\" stroke=\"#FF7A3D\" stroke-width=\"1.5\"\/><\/svg><\/div>\n <div class=\"mq-item\"><span class=\"mq-sym\">EUR\/USD<\/span><span class=\"mq-price\">1.0882<\/span><span class=\"mq-chg up\">\u25b2 0.06%<\/span><svg class=\"mq-spark\" viewBox=\"0 0 38 14\"><polyline points=\"0,9 6,8 12,6 18,7 24,5 30,4 35,3 38,2\" fill=\"none\" stroke=\"#4ade80\" stroke-width=\"1.5\"\/><\/svg><\/div>\n <div class=\"mq-item\"><span class=\"mq-sym\">GOLD<\/span><span class=\"mq-price\">2,641.30<\/span><span class=\"mq-chg up\">\u25b2 0.41%<\/span><svg class=\"mq-spark\" viewBox=\"0 0 38 14\"><polyline points=\"0,11 6,9 12,10 18,7 24,8 30,4 35,3 38,2\" fill=\"none\" stroke=\"#4ade80\" stroke-width=\"1.5\"\/><\/svg><\/div>\n <div class=\"mq-item\"><span class=\"mq-sym\">10Y UST<\/span><span class=\"mq-price\">4.312%<\/span><span class=\"mq-chg dn\">\u25bc 0.03%<\/span><svg class=\"mq-spark\" viewBox=\"0 0 38 14\"><polyline points=\"0,2 6,4 12,3 18,6 24,5 30,8 35,9 38,11\" fill=\"none\" stroke=\"#FF7A3D\" stroke-width=\"1.5\"\/><\/svg><\/div>\n <div class=\"mq-item\"><span class=\"mq-sym\">VIX<\/span><span class=\"mq-price\">14.82<\/span><span class=\"mq-chg dn\">\u25bc 1.54%<\/span><svg class=\"mq-spark\" viewBox=\"0 0 38 14\"><polyline points=\"0,5 6,7 12,4 18,9 24,6 30,11 35,8 38,13\" fill=\"none\" stroke=\"#FF7A3D\" stroke-width=\"1.5\"\/><\/svg><\/div>\n <div class=\"mq-item\"><span class=\"mq-sym\">BTC\/USD<\/span><span class=\"mq-price\">67,240.00<\/span><span class=\"mq-chg up\">\u25b2 2.18%<\/span><svg class=\"mq-spark\" viewBox=\"0 0 38 14\"><polyline points=\"0,12 6,9 12,10 18,5 24,7 30,2 35,3 38,1\" fill=\"none\" stroke=\"#4ade80\" stroke-width=\"1.5\"\/><\/svg><\/div>\n <div class=\"mq-item\"><span class=\"mq-sym\">CRUDE<\/span><span class=\"mq-price\">78.42<\/span><span class=\"mq-chg up\">\u25b2 0.33%<\/span><svg class=\"mq-spark\" viewBox=\"0 0 38 14\"><polyline points=\"0,9 6,7 12,8 18,5 24,6 30,4 35,3 38,2\" fill=\"none\" stroke=\"#4ade80\" stroke-width=\"1.5\"\/><\/svg><\/div>\n \n <div class=\"mq-item\"><span class=\"mq-sym\">S&P 500<\/span><span class=\"mq-price\">5,842.47<\/span><span class=\"mq-chg up\">\u25b2 1.24%<\/span><svg class=\"mq-spark\" viewBox=\"0 0 38 14\"><polyline points=\"0,13 6,9 12,11 18,5 24,7 30,3 35,2 38,3\" fill=\"none\" stroke=\"#4ade80\" stroke-width=\"1.5\"\/><\/svg><\/div>\n <div class=\"mq-item\"><span class=\"mq-sym\">NASDAQ<\/span><span class=\"mq-price\">18,320.14<\/span><span class=\"mq-chg up\">\u25b2 0.87%<\/span><svg class=\"mq-spark\" viewBox=\"0 0 38 14\"><polyline points=\"0,11 6,7 12,10 18,4 24,6 30,2 35,4 38,2\" fill=\"none\" stroke=\"#4ade80\" stroke-width=\"1.5\"\/><\/svg><\/div>\n <div class=\"mq-item\"><span class=\"mq-sym\">GBP\/USD<\/span><span class=\"mq-price\">1.2714<\/span><span class=\"mq-chg dn\">\u25bc 0.12%<\/span><svg class=\"mq-spark\" viewBox=\"0 0 38 14\"><polyline points=\"0,3 6,5 12,4 18,8 24,7 30,10 35,9 38,12\" fill=\"none\" stroke=\"#FF7A3D\" stroke-width=\"1.5\"\/><\/svg><\/div>\n <div class=\"mq-item\"><span class=\"mq-sym\">EUR\/USD<\/span><span class=\"mq-price\">1.0882<\/span><span class=\"mq-chg up\">\u25b2 0.06%<\/span><svg class=\"mq-spark\" viewBox=\"0 0 38 14\"><polyline points=\"0,9 6,8 12,6 18,7 24,5 30,4 35,3 38,2\" fill=\"none\" stroke=\"#4ade80\" stroke-width=\"1.5\"\/><\/svg><\/div>\n <div class=\"mq-item\"><span class=\"mq-sym\">GOLD<\/span><span class=\"mq-price\">2,641.30<\/span><span class=\"mq-chg up\">\u25b2 0.41%<\/span><svg class=\"mq-spark\" viewBox=\"0 0 38 14\"><polyline points=\"0,11 6,9 12,10 18,7 24,8 30,4 35,3 38,2\" fill=\"none\" stroke=\"#4ade80\" stroke-width=\"1.5\"\/><\/svg><\/div>\n <div class=\"mq-item\"><span class=\"mq-sym\">10Y UST<\/span><span class=\"mq-price\">4.312%<\/span><span class=\"mq-chg dn\">\u25bc 0.03%<\/span><svg class=\"mq-spark\" viewBox=\"0 0 38 14\"><polyline points=\"0,2 6,4 12,3 18,6 24,5 30,8 35,9 38,11\" fill=\"none\" stroke=\"#FF7A3D\" stroke-width=\"1.5\"\/><\/svg><\/div>\n <div class=\"mq-item\"><span class=\"mq-sym\">VIX<\/span><span class=\"mq-price\">14.82<\/span><span class=\"mq-chg dn\">\u25bc 1.54%<\/span><svg class=\"mq-spark\" viewBox=\"0 0 38 14\"><polyline points=\"0,5 6,7 12,4 18,9 24,6 30,11 35,8 38,13\" fill=\"none\" stroke=\"#FF7A3D\" stroke-width=\"1.5\"\/><\/svg><\/div>\n <div class=\"mq-item\"><span class=\"mq-sym\">BTC\/USD<\/span><span class=\"mq-price\">67,240.00<\/span><span class=\"mq-chg up\">\u25b2 2.18%<\/span><svg class=\"mq-spark\" viewBox=\"0 0 38 14\"><polyline points=\"0,12 6,9 12,10 18,5 24,7 30,2 35,3 38,1\" fill=\"none\" stroke=\"#4ade80\" stroke-width=\"1.5\"\/><\/svg><\/div>\n <div class=\"mq-item\"><span class=\"mq-sym\">CRUDE<\/span><span class=\"mq-price\">78.42<\/span><span class=\"mq-chg up\">\u25b2 0.33%<\/span><svg class=\"mq-spark\" viewBox=\"0 0 38 14\"><polyline points=\"0,9 6,7 12,8 18,5 24,6 30,4 35,3 38,2\" fill=\"none\" stroke=\"#4ade80\" stroke-width=\"1.5\"\/><\/svg><\/div>\n <\/div>\n <\/div>\n <div class=\"mq-row bot\">\n <div class=\"mq-inner rev\">\n <span class=\"mq-tag-item\"><span class=\"td\"><\/span>Governance Framework <span class=\"tv\">Active<\/span><\/span>\n <span class=\"mq-tag-item\"><span class=\"td\" style=\"background:var(--o2)\"><\/span>Regulatory Alignment <span class=\"tv\">Structured<\/span><\/span>\n <span class=\"mq-tag-item\"><span class=\"td\" style=\"background:#4ade80\"><\/span>Delivery Continuity <span class=\"tv\">Operational<\/span><\/span>\n <span class=\"mq-tag-item\"><span class=\"td\"><\/span>Risk Framework <span class=\"tv\">Controlled<\/span><\/span>\n <span class=\"mq-tag-item\"><span class=\"td\" style=\"background:var(--o3)\"><\/span>Capital Markets <span class=\"tv\">Supported<\/span><\/span>\n <span class=\"mq-tag-item\"><span class=\"td\"><\/span>Transformation <span class=\"tv\">Aligned<\/span><\/span>\n <span class=\"mq-tag-item\"><span class=\"td\" style=\"background:#4ade80\"><\/span>Scalability <span class=\"tv\">Enabled<\/span><\/span>\n <span class=\"mq-tag-item\"><span class=\"td\" style=\"background:var(--o2)\"><\/span>Compliance <span class=\"tv\">Maintained<\/span><\/span>\n <span class=\"mq-tag-item\"><span class=\"td\"><\/span>Governance Framework <span class=\"tv\">Active<\/span><\/span>\n <span class=\"mq-tag-item\"><span class=\"td\" style=\"background:var(--o2)\"><\/span>Regulatory Alignment <span class=\"tv\">Structured<\/span><\/span>\n <span class=\"mq-tag-item\"><span class=\"td\" style=\"background:#4ade80\"><\/span>Delivery Continuity <span class=\"tv\">Operational<\/span><\/span>\n <span class=\"mq-tag-item\"><span class=\"td\"><\/span>Risk Framework <span class=\"tv\">Controlled<\/span><\/span>\n <span class=\"mq-tag-item\"><span class=\"td\" style=\"background:var(--o3)\"><\/span>Capital Markets <span class=\"tv\">Supported<\/span><\/span>\n <span class=\"mq-tag-item\"><span class=\"td\"><\/span>Transformation <span class=\"tv\">Aligned<\/span><\/span>\n <span class=\"mq-tag-item\"><span class=\"td\" style=\"background:#4ade80\"><\/span>Scalability <span class=\"tv\">Enabled<\/span><\/span>\n <span class=\"mq-tag-item\"><span class=\"td\" style=\"background:var(--o2)\"><\/span>Compliance <span class=\"tv\">Maintained<\/span><\/span>\n <\/div>\n <\/div>\n<\/div>\n\n\n<section id=\"challenges\" class=\"grid-bg\" style=\"background:var(--n2)\">\n <div class=\"sec-bg-dollar orange-var-bg\" style=\"right:-4%;top:-8%;transform:translateY(40px) rotate(12deg)\">$<\/div>\n <div class=\"wrap\">\n <div class=\"s-head c\">\n <div class=\"eyebrow reveal\" style=\"justify-content:center\">Industry Pressures<\/div>\n <h2 class=\"glow-text reveal\">Industry Challenges & Operational Pressures<\/h2>\n <p class=\"reveal\" style=\"font-size:.92rem;color:var(--t3);line-height:1.8;max-width:680px;margin:1rem auto 0\">Financial institutions and capital markets environments are navigating increasing pressure to modernize operations, strengthen governance, maintain delivery continuity, and respond to evolving regulatory expectations.<\/p>\n <\/div>\n <div class=\"ch-grid\">\n <div class=\"ch-card reveal\" data-delay=\"0\">\n <div class=\"sec-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 3v18M5 8l7-5 7 5M3 14h4l-2 4h-4zM13 14h4l-2 4h-4z\"\/><line x1=\"3\" y1=\"21\" x2=\"21\" y2=\"21\"\/><\/svg><\/div>\n <div class=\"ch-num\">01<\/div><div class=\"ch-line\"><\/div><h3 class=\"ch-title\">Rising regulatory and governance complexity<\/h3><p class=\"ch-body\">Organizations must maintain operational agility while adapting to evolving compliance, reporting, and oversight requirements.<\/p>\n <\/div>\n <div class=\"ch-card reveal\" data-delay=\"1\">\n <div class=\"sec-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"5\" width=\"18\" height=\"14\" rx=\"2\"\/><path d=\"M7 5V3M17 5V3M7 19v2M17 19v2M3 10h18M3 15h18M8 10v5M12 10v5M16 10v5\"\/><\/svg><\/div>\n <div class=\"ch-num\">02<\/div><div class=\"ch-line\"><\/div><h3 class=\"ch-title\">Pressure to modernize legacy operational environments<\/h3><p class=\"ch-body\">Financial institutions are balancing transformation initiatives with the need to maintain continuity across critical systems.<\/p>\n <\/div>\n <div class=\"ch-card reveal\" data-delay=\"2\">\n <div class=\"sec-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"3\"\/><circle cx=\"12\" cy=\"12\" r=\"8\"\/><line x1=\"12\" y1=\"2\" x2=\"12\" y2=\"4\"\/><line x1=\"12\" y1=\"20\" x2=\"12\" y2=\"22\"\/><line x1=\"2\" y1=\"12\" x2=\"4\" y2=\"12\"\/><line x1=\"20\" y1=\"12\" x2=\"22\" y2=\"12\"\/><\/svg><\/div>\n <div class=\"ch-num\">03<\/div><div class=\"ch-line\"><\/div><h3 class=\"ch-title\">Increasing demand for operational scalability and resilience<\/h3><p class=\"ch-body\">Growing transaction volumes and market volatility require more scalable and stable delivery environments.<\/p>\n <\/div>\n <div class=\"ch-card reveal\" data-delay=\"3\">\n <div class=\"sec-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"5\" cy=\"6\" r=\"2\"\/><circle cx=\"19\" cy=\"6\" r=\"2\"\/><circle cx=\"12\" cy=\"18\" r=\"2\"\/><path d=\"M5 8v3a4 4 0 0 0 4 4h6a4 4 0 0 0 4-4V8M12 15v1\"\/><\/svg><\/div>\n <div class=\"ch-num\">04<\/div><div class=\"ch-line\"><\/div><h3 class=\"ch-title\">Fragmented coordination across business and operational functions<\/h3><p class=\"ch-body\">Delivery execution becomes increasingly difficult when governance, operational teams, and transformation initiatives are misaligned.<\/p>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section id=\"sector-coverage\" style=\"background:var(--n1)\">\n <div class=\"sec-bg-dollar\" style=\"left:-6%;bottom:-12%;transform:translateY(-30px) rotate(-8deg)\">%<\/div>\n \n <svg class=\"fin-chart-svg\" viewBox=\"0 0 600 60\" style=\"position:absolute;top:0;right:0;width:420px;height:60px;pointer-events:none;opacity:.07\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <path class=\"fcs-path\" d=\"M0,50 L60,42 L120,46 L180,32 L240,38 L300,20 L360,28 L420,12 L480,18 L540,6 L600,10\" fill=\"none\" stroke=\"url(#fcGrad1)\" stroke-width=\"1.5\"\/>\n <defs><linearGradient id=\"fcGrad1\" x1=\"0\" x2=\"1\"><stop offset=\"0%\" stop-color=\"rgba(0,115,255,0)\"\/><stop offset=\"100%\" stop-color=\"rgba(0,207,255,1)\"\/><\/linearGradient><\/defs>\n <\/svg>\n <div class=\"wrap\">\n <div class=\"s-head\">\n <div class=\"eyebrow reveal\">Sector Coverage<\/div>\n <h2 class=\"glow-text reveal\">Sector Coverage & Delivery Areas<\/h2>\n <p class=\"reveal\" style=\"font-size:.92rem;color:var(--t3);line-height:1.8;max-width:680px;margin:1rem 0 0\">Delivery support aligned to financial institutions and capital markets environments requiring operational continuity, governance alignment, and scalable execution support.<\/p>\n <\/div>\n <div class=\"sc-tabs reveal\" id=\"scTabs\">\n <div class=\"sc-ind\" id=\"scInd\"><\/div>\n <button class=\"sc-tab active\" data-tab=\"fs\">Financial Services<\/button>\n <button class=\"sc-tab\" data-tab=\"cm\">Capital Markets<\/button>\n <\/div>\n <div class=\"sc-panel active\" id=\"panel-fs\">\n <div class=\"cov-grid\">\n <div class=\"cov-card reveal\" data-delay=\"0\">\n <div class=\"sec-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M3 21h18M3 10h18M5 6l7-3 7 3M4 10v11M8 10v11M12 10v11M16 10v11M20 10v11\"\/><\/svg><\/div>\n <div class=\"cov-num\">\/\/ Coverage 01<\/div><h3 class=\"cov-title\">Banking Operations & Service Environments<\/h3><p class=\"cov-body\">Support for retail banking, commercial banking, lending operations, and customer service environments focused on operational continuity and service excellence.<\/p>\n <\/div>\n <div class=\"cov-card reveal\" data-delay=\"1\">\n <div class=\"sec-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><polyline points=\"9 12 11 14 15 10\"\/><\/svg><\/div>\n <div class=\"cov-num\">\/\/ Coverage 02<\/div><h3 class=\"cov-title\">Risk, Governance & Compliance Functions<\/h3><p class=\"cov-body\">Delivery support aligned to regulatory frameworks, governance structures, compliance operations, and reporting environments.<\/p>\n <\/div>\n <div class=\"cov-card reveal\" data-delay=\"2\">\n <div class=\"sec-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"13 2 3 14 12 14 11 22 21 10 12 10 13 2\"\/><\/svg><\/div>\n <div class=\"cov-num\">\/\/ Coverage 03<\/div><h3 class=\"cov-title\">Financial Transformation & Modernization<\/h3><p class=\"cov-body\">Support for digital transformation, platform modernization, workflow optimization, and operational improvement programs.<\/p>\n <\/div>\n <div class=\"cov-card reveal\" data-delay=\"3\">\n <div class=\"sec-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"\/><circle cx=\"9\" cy=\"7\" r=\"4\"\/><path d=\"M23 21v-2a4 4 0 0 0-3-3.87M16 3.13a4 4 0 0 1 0 7.75\"\/><\/svg><\/div>\n <div class=\"cov-num\">\/\/ Coverage 04<\/div><h3 class=\"cov-title\">Customer & Operational Support Functions<\/h3><p class=\"cov-body\">Operational support for reporting workflows, service operations, customer servicing environments, and execution continuity.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"sc-panel\" id=\"panel-cm\">\n <div class=\"cov-grid\">\n <div class=\"cov-card\">\n <div class=\"sec-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"22 12 18 12 15 21 9 3 6 12 2 12\"\/><\/svg><\/div>\n <div class=\"cov-num\">\/\/ Coverage 01<\/div><h3 class=\"cov-title\">Trading & Market Operations<\/h3><p class=\"cov-body\">Support for trading environments, execution workflows, transaction processing, and market-facing operational systems.<\/p>\n <\/div>\n <div class=\"cov-card\">\n <div class=\"sec-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"\/><polyline points=\"14 2 14 8 20 8\"\/><line x1=\"16\" y1=\"13\" x2=\"8\" y2=\"13\"\/><line x1=\"16\" y1=\"17\" x2=\"8\" y2=\"17\"\/><polyline points=\"10 9 9 9 8 9\"\/><\/svg><\/div>\n <div class=\"cov-num\">\/\/ Coverage 02<\/div><h3 class=\"cov-title\">Regulatory Reporting & Oversight Functions<\/h3><p class=\"cov-body\">Delivery support aligned to compliance reporting, regulatory obligations, governance controls, and audit-ready operations.<\/p>\n <\/div>\n <div class=\"cov-card\">\n <div class=\"sec-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg><\/div>\n <div class=\"cov-num\">\/\/ Coverage 03<\/div><h3 class=\"cov-title\">Front, Middle & Back Office Operations<\/h3><p class=\"cov-body\">Operational support across trade lifecycle functions including execution, reconciliation, risk processing, and settlement workflows.<\/p>\n <\/div>\n <div class=\"cov-card\">\n <div class=\"sec-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"3\"\/><path d=\"M19.07 4.93a10 10 0 0 1 0 14.14M4.93 4.93a10 10 0 0 0 0 14.14M15.54 8.46a5 5 0 0 1 0 7.07M8.46 8.46a5 5 0 0 0 0 7.07\"\/><\/svg><\/div>\n <div class=\"cov-num\">\/\/ Coverage 04<\/div><h3 class=\"cov-title\">Transformation & Scalability Initiatives<\/h3><p class=\"cov-body\">Support for modernization programs, operational scaling, infrastructure optimization, and execution efficiency improvements.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section id=\"capabilities\" class=\"grid-bg\" style=\"background:var(--n2)\">\n <div class=\"sec-bg-dollar\" style=\"right:-3%;top:5%;transform:translateX(30px)\">$<\/div>\n <div class=\"wrap\">\n <div class=\"s-head\">\n <div class=\"eyebrow reveal\">Delivery Framework<\/div>\n <h2 class=\"glow-text reveal\">Delivery Capabilities<\/h2>\n <p class=\"reveal\" style=\"font-size:.92rem;color:var(--t3);line-height:1.8;max-width:680px;margin:1rem 0 0\">Execution support designed to align with the operational, governance, and transformation demands of banking and capital markets environments.<\/p>\n <\/div>\n <div class=\"cap-layout\">\n <div class=\"cap-stack reveal from-left\" id=\"capStack\">\n <div class=\"cap-spine\"><div class=\"cap-glow\" id=\"capGlow\"><\/div><\/div>\n <div class=\"cap-item active\" data-cap=\"0\"><div class=\"cap-item-inner\"><div class=\"cap-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"3\"\/><path d=\"M19.07 4.93a10 10 0 0 1 0 14.14M4.93 4.93a10 10 0 0 0 0 14.14\"\/><\/svg><\/div><div><div class=\"cap-num\">\/\/ Capability 01<\/div><div class=\"cap-label\">Operational Delivery Support<\/div><\/div><\/div><\/div>\n <div class=\"cap-item\" data-cap=\"1\"><div class=\"cap-item-inner\"><div class=\"cap-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><\/svg><\/div><div><div class=\"cap-num\">\/\/ Capability 02<\/div><div class=\"cap-label\">Governance & Regulatory Alignment<\/div><\/div><\/div><\/div>\n <div class=\"cap-item\" data-cap=\"2\"><div class=\"cap-item-inner\"><div class=\"cap-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"13 2 3 14 12 14 11 22 21 10 12 10 13 2\"\/><\/svg><\/div><div><div class=\"cap-num\">\/\/ Capability 03<\/div><div class=\"cap-label\">Transformation & Modernization Support<\/div><\/div><\/div><\/div>\n <div class=\"cap-item\" data-cap=\"3\"><div class=\"cap-item-inner\"><div class=\"cap-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"\/><circle cx=\"9\" cy=\"7\" r=\"4\"\/><path d=\"M23 21v-2a4 4 0 0 0-3-3.87M16 3.13a4 4 0 0 1 0 7.75\"\/><\/svg><\/div><div><div class=\"cap-num\">\/\/ Capability 04<\/div><div class=\"cap-label\">Cross-Functional Coordination Environments<\/div><\/div><\/div><\/div>\n <div class=\"cap-item\" data-cap=\"4\"><div class=\"cap-item-inner\"><div class=\"cap-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"23 6 13.5 15.5 8.5 10.5 1 18\"\/><polyline points=\"17 6 23 6 23 12\"\/><\/svg><\/div><div><div class=\"cap-num\">\/\/ Capability 05<\/div><div class=\"cap-label\">Scalable Financial Operations Support<\/div><\/div><\/div><\/div>\n <\/div>\n <div class=\"cap-panel reveal from-right\" id=\"capPanel\">\n <div class=\"cap-panel-oc\"><\/div><div class=\"cap-panel-oc2\"><\/div>\n <div class=\"cp-deco\"><span style=\"height:14px\"><\/span><span style=\"height:22px\"><\/span><span style=\"height:11px\"><\/span><span style=\"height:20px\"><\/span><span style=\"height:17px\"><\/span><\/div>\n <div id=\"capContent\">\n <div class=\"cp-big\" id=\"cpNum\">01<\/div>\n <h3 class=\"cp-title\" id=\"cpTitle\">Operational Delivery Support<\/h3>\n <p class=\"cp-body\" id=\"cpBody\">Structured support for operational workflows, business processes, reporting functions, and execution continuity across financial ecosystems.<\/p>\n <div class=\"cp-badge eb\" id=\"cpBadge\">\u25cf ACTIVE CAPABILITY<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section id=\"transformation\" class=\"grid-bg\" style=\"background:var(--n1)\">\n <div class=\"sec-bg-dollar orange-var-bg\" style=\"left:-5%;top:0%;transform:rotate(-15deg) translateY(-20px)\">\u20bf<\/div>\n \n <svg class=\"fin-chart-svg\" viewBox=\"0 0 600 60\" style=\"position:absolute;bottom:0;left:0;width:380px;height:55px;pointer-events:none;opacity:.06;transform:scaleX(-1)\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <path class=\"fcs-path\" d=\"M0,50 L60,42 L120,46 L180,32 L240,38 L300,20 L360,28 L420,12 L480,18 L540,6 L600,10\" fill=\"none\" stroke=\"url(#fcGrad2)\" stroke-width=\"1.5\"\/>\n <defs><linearGradient id=\"fcGrad2\" x1=\"0\" x2=\"1\"><stop offset=\"0%\" stop-color=\"rgba(255,94,26,0)\"\/><stop offset=\"100%\" stop-color=\"rgba(255,94,26,1)\"\/><\/linearGradient><\/defs>\n <\/svg>\n <div class=\"wrap\">\n <div class=\"s-head\">\n <div class=\"eyebrow orange reveal\">Transformation Journey<\/div>\n <h2 class=\"glow-text reveal\">Delivery & Transformation Support<\/h2>\n <p class=\"reveal\" style=\"font-size:.92rem;color:var(--t3);line-height:1.8;max-width:680px;margin:1rem 0 0\">Structured support models designed to help financial organizations manage modernization, operational change, governance alignment, and execution continuity.<\/p>\n <\/div>\n <div class=\"tf-wrap\">\n <div class=\"tf-track\"><div class=\"tf-prog\" id=\"tfProg\"><\/div><\/div>\n <div class=\"tf-stages\">\n <div class=\"tf-stage reveal\" data-tf data-delay=\"0\"><div class=\"tf-node\"><div class=\"tf-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"23 4 23 10 17 10\"\/><path d=\"M20.49 15a9 9 0 1 1-2.12-9.36L23 10\"\/><\/svg><\/div><div class=\"tf-n\">01<\/div><\/div><div><div class=\"tf-lbl\">Area 01<\/div><div class=\"tf-title\">Operational Modernization<\/div><div class=\"tf-desc\">Improving efficiency, workflow alignment, and scalable delivery across financial ecosystems.<\/div><\/div><\/div>\n <div class=\"tf-stage reveal\" data-tf data-delay=\"1\"><div class=\"tf-node\"><div class=\"tf-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><circle cx=\"12\" cy=\"12\" r=\"3\"\/><line x1=\"22\" y1=\"12\" x2=\"15\" y2=\"12\"\/><line x1=\"9\" y1=\"12\" x2=\"2\" y2=\"12\"\/><\/svg><\/div><div class=\"tf-n\">02<\/div><\/div><div><div class=\"tf-lbl\">Area 02<\/div><div class=\"tf-title\">Transformation Execution<\/div><div class=\"tf-desc\">Coordinating transformation priorities, stakeholder alignment, and execution continuity.<\/div><\/div><\/div>\n <div class=\"tf-stage reveal\" data-tf data-delay=\"2\"><div class=\"tf-node\"><div class=\"tf-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"11\" width=\"18\" height=\"11\" rx=\"2\"\/><path d=\"M7 11V7a5 5 0 0 1 10 0v4\"\/><\/svg><\/div><div class=\"tf-n\">03<\/div><\/div><div><div class=\"tf-lbl\">Area 03<\/div><div class=\"tf-title\">Governance & Reporting<\/div><div class=\"tf-desc\">Operational oversight, reporting structures, and governance-driven execution environments.<\/div><\/div><\/div>\n <div class=\"tf-stage reveal\" data-tf data-delay=\"3\"><div class=\"tf-node\"><div class=\"tf-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2\"\/><circle cx=\"12\" cy=\"7\" r=\"4\"\/><\/svg><\/div><div class=\"tf-n\">04<\/div><\/div><div><div class=\"tf-lbl\">Area 04<\/div><div class=\"tf-title\">Customer Experience<\/div><div class=\"tf-desc\">Delivery support aligned to evolving customer expectations and service responsiveness.<\/div><\/div><\/div>\n <div class=\"tf-stage reveal\" data-tf data-delay=\"4\"><div class=\"tf-node\"><div class=\"tf-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"22 12 18 12 15 21 9 3 6 12 2 12\"\/><\/svg><\/div><div class=\"tf-n\">05<\/div><\/div><div><div class=\"tf-lbl\">Area 05<\/div><div class=\"tf-title\">Operational Resilience<\/div><div class=\"tf-desc\">Maintaining delivery stability and execution consistency during transformation.<\/div><\/div><\/div>\n <div class=\"tf-stage reveal\" data-tf data-delay=\"5\"><div class=\"tf-node\"><div class=\"tf-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71\"\/><path d=\"M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71\"\/><\/svg><\/div><div class=\"tf-n\">06<\/div><\/div><div><div class=\"tf-lbl\">Area 06<\/div><div class=\"tf-title\">Cross-Functional Integration<\/div><div class=\"tf-desc\">Coordination across business, technology, operations, and governance functions.<\/div><\/div><\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section id=\"why-dt\" style=\"background:var(--n2)\">\n <div class=\"sec-bg-dollar\" style=\"right:-4%;bottom:-10%;transform:rotate(8deg) translateY(20px)\">$<\/div>\n <div class=\"wrap\">\n <div class=\"why-layout\">\n <div class=\"why-l\">\n <div class=\"eyebrow orange reveal\">Our Differentiation<\/div>\n <h2 class=\"glow-text reveal\">Why DT Solutions<\/h2>\n <p class=\"why-stat reveal\">Delivery support positioned for regulated financial environments \u2014 structured, governance-aware, and operationally aligned to the execution demands of banking, financial services, and capital markets.<\/p>\n <div class=\"why-badge reveal\"><div class=\"wd\"><\/div>Regulated Market Delivery<\/div>\n <div class=\"why-metrics reveal\">\n <div class=\"wm-cell\"><span class=\"wm-n eb\" data-count=\"4\">0<\/span><span class=\"wm-l\">Core Differentiators<\/span><\/div>\n <div class=\"wm-cell\"><span class=\"wm-n or\" data-count=\"6\">0<\/span><span class=\"wm-l\">Support Models<\/span><\/div>\n <div class=\"wm-cell\"><span class=\"wm-n or\" data-count=\"5\">0<\/span><span class=\"wm-l\">Capability Layers<\/span><\/div>\n <div class=\"wm-cell\"><span class=\"wm-n eb\" data-count=\"2\">0<\/span><span class=\"wm-l\">Sector Views<\/span><\/div>\n <\/div>\n <\/div>\n <div class=\"diff-list\">\n <div class=\"diff-item reveal from-right\"><div class=\"diff-top\"><div class=\"diff-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M3 21h18M3 10h18M5 6l7-3 7 3\"\/><rect x=\"4\" y=\"10\" width=\"3\" height=\"11\"\/><rect x=\"10.5\" y=\"10\" width=\"3\" height=\"11\"\/><rect x=\"17\" y=\"10\" width=\"3\" height=\"11\"\/><\/svg><\/div><div class=\"diff-tag\">\/\/ 01 \u2014\u2014<\/div><\/div><h3 class=\"diff-title\">Understanding of Regulated Financial Environments<\/h3><p class=\"diff-body\">Support models aligned to governance-heavy, operationally complex, and execution-sensitive financial ecosystems.<\/p><\/div>\n <div class=\"diff-item reveal from-right\" data-delay=\"1\"><div class=\"diff-top\"><div class=\"diff-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"17 1 21 5 17 9\"\/><path d=\"M3 11V9a4 4 0 0 1 4-4h14\"\/><polyline points=\"7 23 3 19 7 15\"\/><path d=\"M21 13v2a4 4 0 0 1-4 4H3\"\/><\/svg><\/div><div class=\"diff-tag\">\/\/ 02 \u2014\u2014<\/div><\/div><h3 class=\"diff-title\">Operational & Transformation Delivery Alignment<\/h3><p class=\"diff-body\">Structured support across modernization initiatives, operational priorities, and delivery coordination requirements.<\/p><\/div>\n <div class=\"diff-item reveal from-right\" data-delay=\"2\"><div class=\"diff-top\"><div class=\"diff-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"2\" y=\"7\" width=\"20\" height=\"14\" rx=\"2\"\/><path d=\"M16 7V5a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v2\"\/><line x1=\"12\" y1=\"12\" x2=\"12\" y2=\"16\"\/><line x1=\"10\" y1=\"14\" x2=\"14\" y2=\"14\"\/><\/svg><\/div><div class=\"diff-tag\">\/\/ 03 \u2014\u2014<\/div><\/div><h3 class=\"diff-title\">Scalable Support Across Financial Functions<\/h3><p class=\"diff-body\">Flexible delivery structures designed to adapt to changing operational demand and evolving business priorities.<\/p><\/div>\n <div class=\"diff-item reveal from-right\" data-delay=\"3\"><div class=\"diff-top\"><div class=\"diff-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z\"\/><circle cx=\"12\" cy=\"12\" r=\"3\"\/><\/svg><\/div><div class=\"diff-tag\">\/\/ 04 \u2014\u2014<\/div><\/div><h3 class=\"diff-title\">Governance, Visibility & Execution Focus<\/h3><p class=\"diff-body\">Support frameworks emphasizing accountability, operational oversight, reporting visibility, and controlled execution.<\/p><\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section id=\"cta\" style=\"background:var(--n1)\">\n <div class=\"cta-rings\"><div class=\"cta-r cta-r1\"><\/div><div class=\"cta-r cta-r2\"><\/div><div class=\"cta-r cta-r3\"><\/div><\/div>\n <div class=\"wrap\">\n <div class=\"cta-inner\">\n <div class=\"eyebrow reveal\" style=\"justify-content:center\">Start the Conversation<\/div>\n <h2 class=\"cta-h2 reveal\">Support financial transformation with structured delivery and <span>governance alignment<\/span><\/h2>\n <p class=\"cta-sub reveal\">Engage with structured delivery models designed to support banking, financial services, and capital markets organizations across modernization, operational execution, and regulated transformation.<\/p>\n <a href=\"#\" class=\"cta-btn reveal\">Start a Financial Services Conversation <span class=\"arr\">\u2192<\/span><\/a>\n <p class=\"cta-supp reveal\">Explore delivery models aligned to <em>regulated environments<\/em>, <em>transformation priorities<\/em>, and <em>execution continuity<\/em>.<\/p>\n <\/div>\n <\/div>\n<\/section>\n\n<script>\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n CURSOR\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\nconst cur=document.getElementById('cur'),cuf=document.getElementById('cuf');\nlet mx=window.innerWidth\/2,my=window.innerHeight\/2,fx=mx,fy=my;\ndocument.addEventListener('mousemove',e=>{mx=e.clientX;my=e.clientY;cur.style.left=mx+'px';cur.style.top=my+'px'});\n(function loop(){fx+=(mx-fx)*.1;fy+=(my-fy)*.1;cuf.style.left=fx+'px';cuf.style.top=fy+'px';requestAnimationFrame(loop)})();\ndocument.querySelectorAll('a,button,.cap-item,.ch-card,.diff-item,.hp,.cov-card,.sc-tab').forEach(el=>{\n el.addEventListener('mouseenter',()=>{cur.style.width='14px';cur.style.height='14px';cuf.style.borderColor='rgba(0,207,255,.7)'});\n el.addEventListener('mouseleave',()=>{cur.style.width='6px';cur.style.height='6px';cuf.style.borderColor='rgba(0,207,255,.4)'});\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 THREE.JS \u2014 ULTRA FINANCIAL UNIVERSE\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(function(){\n const canvas=document.getElementById('heroCanvas');\n const hero=document.getElementById('hero');\n const renderer=new THREE.WebGLRenderer({canvas,antialias:true,alpha:true});\n renderer.setPixelRatio(Math.min(window.devicePixelRatio,2));\n renderer.setClearColor(0x010408,1);\n renderer.shadowMap.enabled=false;\n\n const scene=new THREE.Scene();\n scene.fog=new THREE.FogExp2(0x010408,.018);\n\n const camera=new THREE.PerspectiveCamera(52,1,0.1,200);\n camera.position.set(0,1.5,22);\n\n function resize(){\n const W=hero.clientWidth,H=hero.clientHeight;\n renderer.setSize(W,H);\n camera.aspect=W\/H;\n camera.updateProjectionMatrix();\n }\n resize();\n window.addEventListener('resize',resize);\n\n \/* \u2500\u2500 GLOW TEXTURE HELPER \u2500\u2500 *\/\n function mkGlow(r,g,b,sz){\n const c=document.createElement('canvas');c.width=c.height=sz||128;\n const cx=c.getContext('2d'),h=sz\/2;\n const grd=cx.createRadialGradient(h,h,0,h,h,h);\n grd.addColorStop(0,`rgba(${r},${g},${b},1)`);\n grd.addColorStop(.35,`rgba(${r},${g},${b},.6)`);\n grd.addColorStop(1,'rgba(0,0,0,0)');\n cx.fillStyle=grd;cx.fillRect(0,0,sz,sz);\n return new THREE.CanvasTexture(c);\n }\n const glowCyan=mkGlow(0,207,255,128);\n const glowOrange=mkGlow(255,94,26,128);\n const glowBlue=mkGlow(0,115,255,128);\n const glowGreen=mkGlow(74,222,128,64);\n\n \/* \u2500\u2500 LIGHTS \u2500\u2500 *\/\n scene.add(new THREE.AmbientLight(0x0a0f1a,3));\n const pt1=new THREE.PointLight(0x0055ff,4,60);pt1.position.set(8,4,6);scene.add(pt1);\n const pt2=new THREE.PointLight(0xff5e1a,2.5,50);pt2.position.set(14,-3,4);scene.add(pt2);\n const pt3=new THREE.PointLight(0x00cfff,3,40);pt3.position.set(6,6,10);scene.add(pt3);\n\n \/* \u2550\u2550\u2550\u2550 GLOBE \u2550\u2550\u2550\u2550 *\/\n const globePos=new THREE.Vector3(8,0,-2);\n const globeGeo=new THREE.SphereGeometry(2.8,64,64);\n\n \/\/ globe base\n const globeMat=new THREE.MeshPhongMaterial({\n color:0x0a1530,emissive:0x030a18,emissiveIntensity:1,\n transparent:true,opacity:.85,shininess:120,specular:0x003380\n });\n const globe=new THREE.Mesh(globeGeo,globeMat);globe.position.copy(globePos);scene.add(globe);\n\n \/\/ wireframe shell\n const wfMat=new THREE.MeshBasicMaterial({color:0x0055cc,wireframe:true,transparent:true,opacity:.12});\n const wf=new THREE.Mesh(new THREE.SphereGeometry(2.85,28,28),wfMat);wf.position.copy(globePos);scene.add(wf);\n\n \/\/ outer glow wireframe (orange tint)\n const wf2Mat=new THREE.MeshBasicMaterial({color:0xff5500,wireframe:true,transparent:true,opacity:.04});\n const wf2=new THREE.Mesh(new THREE.SphereGeometry(3.1,20,20),wf2Mat);wf2.position.copy(globePos);scene.add(wf2);\n\n \/\/ glow sprites\n const gs1=new THREE.Sprite(new THREE.SpriteMaterial({map:glowBlue,blending:THREE.AdditiveBlending,transparent:true,opacity:.7}));\n gs1.scale.set(12,12,1);gs1.position.copy(globePos);scene.add(gs1);\n const gs2=new THREE.Sprite(new THREE.SpriteMaterial({map:glowCyan,blending:THREE.AdditiveBlending,transparent:true,opacity:.28}));\n gs2.scale.set(22,22,1);gs2.position.copy(globePos);scene.add(gs2);\n const gs3=new THREE.Sprite(new THREE.SpriteMaterial({map:glowOrange,blending:THREE.AdditiveBlending,transparent:true,opacity:.1}));\n gs3.scale.set(30,30,1);gs3.position.copy(globePos);scene.add(gs3);\n\n \/* \u2550\u2550\u2550\u2550 TRADING RINGS \u2550\u2550\u2550\u2550 *\/\n function mkRing(radius,tube,col,op,rx,ry,rz){\n const mat=new THREE.MeshPhongMaterial({color:col,emissive:col,emissiveIntensity:.8,transparent:true,opacity:op,shininess:100,specular:col});\n const m=new THREE.Mesh(new THREE.TorusGeometry(radius,tube,10,130),mat);\n m.rotation.set(rx,ry,rz);m.position.copy(globePos);scene.add(m);return m;\n }\n const rings=[\n mkRing(3.5,.024,0x0055ff,.65, Math.PI\/2.2,.3,0), \/\/ blue - equatorial\n mkRing(4.2,.016,0x00aaff,.42, Math.PI\/3.5,1.1,.55), \/\/ cyan - tilted\n mkRing(5.0,.012,0x4488ff,.24, 1.1,.65,1.8), \/\/ blue outer\n mkRing(5.8,.009,0xff5e1a,.22, .7,-.35,1.15), \/\/ ORANGE ring\n mkRing(6.7,.007,0xff8844,.1, 1.5,.85,.4), \/\/ orange outer faint\n mkRing(3.8,.01, 0x00cfff,.18, .35,1.2,.6), \/\/ electric blue inner\n ];\n\n \/* \u2550\u2550\u2550\u2550 3D CANDLESTICK CHART \u2550\u2550\u2550\u2550 *\/\n const candleGroup=new THREE.Group();\n candleGroup.position.set(11,3.5,-6);\n candleGroup.rotation.y=-.3;\n scene.add(candleGroup);\n const cData=[\n {h:.7,up:true},{h:1.1,up:true},{h:.6,up:false},{h:1.3,up:true},\n {h:.5,up:false},{h:1.0,up:true},{h:1.4,up:true},{h:.4,up:false}\n ];\n cData.forEach((d,i)=>{\n const col=d.up?0x00cc66:0xff5e1a;\n const bh=Math.abs(d.h*.65+Math.random()*.35);\n const bMat=new THREE.MeshPhongMaterial({color:col,emissive:col,emissiveIntensity:.55,transparent:true,opacity:.88,shininess:60});\n const body=new THREE.Mesh(new THREE.BoxGeometry(.18,bh,.18),bMat);\n body.position.set(i*.52-(cData.length*.26),bh\/2,0);candleGroup.add(body);\n const wMat=new THREE.MeshPhongMaterial({color:col,emissive:col,emissiveIntensity:.4,transparent:true,opacity:.6});\n const wick=new THREE.Mesh(new THREE.BoxGeometry(.025,.55+Math.random()*.35,.025),wMat);\n wick.position.copy(body.position);wick.position.y+=bh\/2+.14;candleGroup.add(wick);\n const sp=new THREE.Sprite(new THREE.SpriteMaterial({map:d.up?glowGreen:glowOrange,blending:THREE.AdditiveBlending,transparent:true,opacity:.55}));\n sp.scale.set(.7,.7,1);sp.position.copy(body.position);candleGroup.add(sp);\n });\n\n \/* \u2550\u2550\u2550\u2550 3D PRICE CURVE \u2550\u2550\u2550\u2550 *\/\n const priceData=[0,.3,.1,.65,.4,.95,.7,1.2,1.05,1.5,1.3,1.85,1.6,2.1,1.95,2.4];\n const pts=priceData.map((y,i)=>new THREE.Vector3(-7+i*.95,y*1.2-2,0));\n const curve=new THREE.CatmullRomCurve3(pts);\n const tubeMat=new THREE.MeshPhongMaterial({color:0x00cfff,emissive:0x00cfff,emissiveIntensity:.85,transparent:true,opacity:.8});\n const priceLine=new THREE.Mesh(new THREE.TubeGeometry(curve,80,.026,6,false),tubeMat);\n priceLine.position.set(5,-2.2,-10);priceLine.rotation.y=-.25;scene.add(priceLine);\n pts.forEach((pt,i)=>{\n if(i%3!==0)return;\n const sp=new THREE.Sprite(new THREE.SpriteMaterial({map:glowCyan,blending:THREE.AdditiveBlending,transparent:true,opacity:.45}));\n sp.scale.set(.35,.35,1);\n sp.position.set(pt.x+5,pt.y-2.2,pt.z-10);\n const p=priceLine.rotation;sp.position.applyEuler(new THREE.Euler(0,p.y,0));\n scene.add(sp);\n });\n\n \/* \u2550\u2550\u2550\u2550 ORBITING TRANSACTION NODES \u2550\u2550\u2550\u2550 *\/\n const orbNodes=[];\n for(let i=0;i<28;i++){\n const angle=(i\/28)*Math.PI*2;\n const r=5+Math.random()*3.5;\n const x=globePos.x+Math.cos(angle)*r;\n const y=(Math.random()-.5)*8;\n const z=globePos.z+Math.sin(angle)*r;\n const t=i%6===0?'orange':i%4===0?'green':'cyan';\n const col=t==='orange'?0xff7a3d:t==='green'?0x4ade80:0x00cfff;\n const glowT=t==='orange'?glowOrange:t==='green'?glowGreen:glowCyan;\n const sz=.04+Math.random()*.11;\n const nm=new THREE.MeshPhongMaterial({color:col,emissive:col,emissiveIntensity:1,transparent:true,opacity:.9,shininess:200});\n const node=new THREE.Mesh(new THREE.SphereGeometry(sz,8,8),nm);\n node.position.set(x,y,z);scene.add(node);\n const sp=new THREE.Sprite(new THREE.SpriteMaterial({map:glowT,blending:THREE.AdditiveBlending,transparent:true,opacity:.8}));\n sp.scale.set(sz*18,sz*18,1);node.add(sp);\n orbNodes.push({mesh:node,angle,r,y,spd:.003+Math.random()*.004,ph:Math.random()*Math.PI*2});\n }\n\n \/* \u2550\u2550\u2550\u2550 BACKGROUND NETWORK \u2550\u2550\u2550\u2550 *\/\n const bgNodes=[];const N=60;\n for(let i=0;i<N;i++){\n const x=(Math.random()-.5)*60,y=(Math.random()-.5)*30,z=(Math.random()-.5)*22-6;\n const isO=i%7===0;\n const sz=.025+Math.random()*.085;\n const nm=new THREE.MeshPhongMaterial({color:isO?0xff6600:0x0044cc,emissive:isO?0x441100:0x002288,emissiveIntensity:.5,transparent:true,opacity:.45+Math.random()*.35});\n const node=new THREE.Mesh(new THREE.SphereGeometry(sz,6,6),nm);\n node.position.set(x,y,z);scene.add(node);\n const sp=new THREE.Sprite(new THREE.SpriteMaterial({map:isO?glowOrange:glowCyan,blending:THREE.AdditiveBlending,transparent:true,opacity:.3}));\n sp.scale.set(sz*11,sz*11,1);node.add(sp);\n bgNodes.push({mesh:node,ox:x,oy:y,ph:Math.random()*Math.PI*2,spd:.4+Math.random()*.7});\n }\n const bpos=bgNodes.map(n=>n.mesh.position.clone());\n const eMat1=new THREE.LineBasicMaterial({color:0x003388,transparent:true,opacity:.1});\n const eMat2=new THREE.LineBasicMaterial({color:0x0055cc,transparent:true,opacity:.2});\n const eMat3=new THREE.LineBasicMaterial({color:0x00aaff,transparent:true,opacity:.3});\n const eMatO=new THREE.LineBasicMaterial({color:0xff5500,transparent:true,opacity:.15});\n for(let i=0;i<N;i++){\n for(let j=i+1;j<N;j++){\n const d=bpos[i].distanceTo(bpos[j]);\n if(d<9){\n const g=new THREE.BufferGeometry().setFromPoints([bpos[i].clone(),bpos[j].clone()]);\n const isOedge=(i%7===0||j%7===0)&&d<5;\n scene.add(new THREE.Line(g,isOedge?eMatO:d<4?eMat3:d<6?eMat2:eMat1));\n }\n }\n }\n\n \/* \u2550\u2550\u2550\u2550 FLOW PARTICLES \u2550\u2550\u2550\u2550 *\/\n const flowEdges=[];\n for(let i=0;i<N;i++){for(let j=i+1;j<N;j++){if(bpos[i].distanceTo(bpos[j])<5)flowEdges.push({f:bpos[i],t:bpos[j]});}}\n const flowParts=[];\n const fpN=Math.min(flowEdges.length,40);\n for(let i=0;i<fpN;i++){\n const e=flowEdges[Math.floor(Math.random()*flowEdges.length)];\n const isO=Math.random()>.7;\n const sp=new THREE.Sprite(new THREE.SpriteMaterial({map:isO?glowOrange:glowCyan,blending:THREE.AdditiveBlending,transparent:true,opacity:.7}));\n sp.scale.set(.18,.18,1);scene.add(sp);\n flowParts.push({sp,f:e.f,t:e.t,prog:Math.random(),spd:.004+Math.random()*.008});\n }\n\n \/* \u2550\u2550\u2550\u2550 FLOATING COIN\/RING (financial symbol) \u2550\u2550\u2550\u2550 *\/\n const coinGroup=new THREE.Group();\n coinGroup.position.set(4,5,-5);\n \/\/ coin body\n const coinMat=new THREE.MeshPhongMaterial({color:0xff6600,emissive:0x441100,emissiveIntensity:.4,transparent:true,opacity:.5,shininess:80,specular:0xff9944});\n const coin=new THREE.Mesh(new THREE.TorusGeometry(.8,.1,12,60),coinMat);\n coinGroup.add(coin);\n \/\/ coin glow\n const cSp=new THREE.Sprite(new THREE.SpriteMaterial({map:glowOrange,blending:THREE.AdditiveBlending,transparent:true,opacity:.5}));\n cSp.scale.set(3,3,1);coinGroup.add(cSp);\n scene.add(coinGroup);\n\n \/\/ second coin (cyan)\n const coinGroup2=new THREE.Group();\n coinGroup2.position.set(13,-4,-3);\n const coinMat2=new THREE.MeshPhongMaterial({color:0x0088ff,emissive:0x002244,emissiveIntensity:.4,transparent:true,opacity:.45,shininess:100});\n const coin2=new THREE.Mesh(new THREE.TorusGeometry(.6,.08,12,60),coinMat2);\n coinGroup2.add(coin2);\n const cSp2=new THREE.Sprite(new THREE.SpriteMaterial({map:glowCyan,blending:THREE.AdditiveBlending,transparent:true,opacity:.4}));\n cSp2.scale.set(2.5,2.5,1);coinGroup2.add(cSp2);\n scene.add(coinGroup2);\n\n \/* \u2550\u2550\u2550\u2550 DOLLAR SIGN SPRITES (canvas text textures) \u2550\u2550\u2550\u2550 *\/\n function mkSymbolTex(sym,r,g,b,size){\n const c=document.createElement('canvas');c.width=c.height=size||256;\n const ctx=c.getContext('2d'),h=size\/2;\n \/\/ glow bg\n const grd=ctx.createRadialGradient(h,h,0,h,h,h*.7);\n grd.addColorStop(0,`rgba(${r},${g},${b},0.18)`);\n grd.addColorStop(1,'rgba(0,0,0,0)');\n ctx.fillStyle=grd;ctx.fillRect(0,0,size,size);\n \/\/ symbol\n ctx.font=`bold ${Math.floor(size*.6)}px serif`;\n ctx.textAlign='center';ctx.textBaseline='middle';\n ctx.shadowColor=`rgba(${r},${g},${b},1)`;ctx.shadowBlur=size*.15;\n ctx.fillStyle=`rgba(${r},${g},${b},0.85)`;\n ctx.fillText(sym,h,h);\n return new THREE.CanvasTexture(c);\n }\n const texDollarGold=mkSymbolTex('$',255,215,0,256);\n const texDollarCyan=mkSymbolTex('$',0,207,255,256);\n const texPercent=mkSymbolTex('%',74,222,128,192);\n const texPound=mkSymbolTex('\u00a3',255,140,30,192);\n\n const dollarSprites=[];\n const dollarDefs=[\n {tex:texDollarGold,pos:[6,7,-8],sz:2.2,spd:.25,ph:0},\n {tex:texDollarCyan,pos:[15,2,-7],sz:1.6,spd:.32,ph:1.5},\n {tex:texDollarGold,pos:[1,3,-12],sz:1.4,spd:.28,ph:3},\n {tex:texPercent,pos:[14,-6,-5],sz:1.3,spd:.35,ph:2},\n {tex:texPound,pos:[3,-4,-9],sz:1.5,spd:.22,ph:4.5},\n {tex:texDollarGold,pos:[18,5,-10],sz:1.0,spd:.4,ph:1},\n {tex:texDollarCyan,pos:[10,8,-14],sz:1.2,spd:.3,ph:5},\n ];\n dollarDefs.forEach(d=>{\n const sp=new THREE.Sprite(new THREE.SpriteMaterial({map:d.tex,blending:THREE.AdditiveBlending,transparent:true,opacity:.55}));\n sp.scale.set(d.sz,d.sz,1);sp.position.set(...d.pos);\n scene.add(sp);\n dollarSprites.push({sp,ox:d.pos[0],oy:d.pos[1],oz:d.pos[2],spd:d.spd,ph:d.ph,sz:d.sz});\n });\n\n \/* \u2550\u2550\u2550\u2550 GOLD COIN DISCS \u2550\u2550\u2550\u2550 *\/\n function mkGoldCoin(x,y,z,r,op){\n const g=new THREE.CylinderGeometry(r,r,.04,48);\n const m=new THREE.MeshPhongMaterial({color:0xffcc00,emissive:0x443300,emissiveIntensity:.6,transparent:true,opacity:op,shininess:200,specular:0xffee88});\n const mesh=new THREE.Mesh(g,m);mesh.position.set(x,y,z);\n \/\/ rim glow\n const sp=new THREE.Sprite(new THREE.SpriteMaterial({map:mkGlow(255,200,0,64),blending:THREE.AdditiveBlending,transparent:true,opacity:.35}));\n sp.scale.set(r*6,r*6,1);mesh.add(sp);\n scene.add(mesh);\n return mesh;\n }\n const goldCoins=[\n mkGoldCoin(5,6,-7,.55,.6),\n mkGoldCoin(12,4,-9,.4,.5),\n mkGoldCoin(9,-3,-6,.45,.55),\n mkGoldCoin(2,1,-11,.35,.4),\n mkGoldCoin(16,-1,-8,.3,.45),\n ];\n const barGroup=new THREE.Group();\n barGroup.position.set(3,-2,-8);barGroup.rotation.y=.5;\n const barH=[.4,.7,.5,1.0,.8,1.3,.9,1.5];\n barH.forEach((h,i)=>{\n const isO=i%3===0;\n const col=isO?0xff5e1a:0x0066ff;\n const bm=new THREE.MeshPhongMaterial({color:col,emissive:col,emissiveIntensity:.45,transparent:true,opacity:.7,shininess:40});\n const bar=new THREE.Mesh(new THREE.BoxGeometry(.22,h,.22),bm);\n bar.position.set(i*.3-(barH.length*.15),h\/2,0);barGroup.add(bar);\n const sp=new THREE.Sprite(new THREE.SpriteMaterial({map:isO?glowOrange:glowBlue,blending:THREE.AdditiveBlending,transparent:true,opacity:.4}));\n sp.scale.set(.4,.4,1);sp.position.copy(bar.position);sp.position.y+=h\/2;barGroup.add(sp);\n });\n scene.add(barGroup);\n\n \/* \u2550\u2550\u2550\u2550 ANIMATE \u2550\u2550\u2550\u2550 *\/\n let t=0;\n let mouseX=0,mouseY=0;\n document.addEventListener('mousemove',e=>{\n mouseX=(e.clientX\/window.innerWidth-.5)*2;\n mouseY=(e.clientY\/window.innerHeight-.5)*1.4;\n });\n\n function animate(){\n requestAnimationFrame(animate);\n t+=.008;\n\n \/\/ camera gentle drift\n camera.position.x+=(mouseX*1.8-camera.position.x)*.025;\n camera.position.y+=(-mouseY*1.4-camera.position.y+1.5)*.025;\n camera.lookAt(8,0,-2);\n\n \/\/ globe + wires rotate\n globe.rotation.y=t*.06;\n wf.rotation.y=-t*.04;wf.rotation.x=t*.02;\n wf2.rotation.y=t*.03;wf2.rotation.z=t*.01;\n\n \/\/ rings\n rings[0].rotation.z=t*.12;\n rings[1].rotation.x=Math.PI\/3.5+t*.08;\n rings[2].rotation.y=t*.06;\n rings[3].rotation.z=-t*.07; \/\/ orange ring\n rings[4].rotation.x=1.5+t*.05;\n rings[5].rotation.y=1.2+t*.1;\n\n \/\/ orbit nodes\n orbNodes.forEach(n=>{\n n.angle+=n.spd;\n n.mesh.position.x=globePos.x+Math.cos(n.angle)*n.r;\n n.mesh.position.z=globePos.z+Math.sin(n.angle)*n.r;\n n.mesh.position.y=n.y+Math.sin(t*1.2+n.ph)*.8;\n });\n\n \/\/ bg nodes\n bgNodes.forEach(n=>{\n n.mesh.position.y=n.oy+Math.sin(t*n.spd+n.ph)*.5;\n });\n\n \/\/ flow particles\n flowParts.forEach(fp=>{\n fp.prog+=fp.spd;if(fp.prog>1)fp.prog=0;\n fp.sp.position.lerpVectors(fp.f,fp.t,fp.prog);\n });\n\n \/\/ candlestick group float\n candleGroup.position.y=3.5+Math.sin(t*.4)*.4;\n candleGroup.rotation.y=-.3+Math.sin(t*.18)*.12;\n\n \/\/ bar chart float\n barGroup.position.y=-2+Math.sin(t*.38+1)*.35;\n\n \/\/ coins\n coinGroup.rotation.y=t*.5;coinGroup.rotation.x=Math.PI\/3+Math.sin(t*.3)*.1;\n coinGroup.position.y=5+Math.sin(t*.45+.5)*.6;\n coinGroup2.rotation.y=-t*.4;coinGroup2.rotation.x=Math.PI\/4+Math.sin(t*.28)*.1;\n coinGroup2.position.y=-4+Math.sin(t*.35+1.2)*.5;\n\n \/\/ price line subtle float\n priceLine.position.y=-2.2+Math.sin(t*.25)*.25;\n\n \/\/ dollar sign sprites \u2014 float and rotate opacity\n dollarSprites.forEach(d=>{\n d.sp.position.y=d.oy+Math.sin(t*d.spd+d.ph)*1.2;\n d.sp.position.x=d.ox+Math.cos(t*d.spd*.7+d.ph)*.4;\n const pulse=.45+Math.sin(t*d.spd*1.5+d.ph)*.18;\n d.sp.material.opacity=pulse;\n \/\/ scale pulse\n const sc=d.sz*(1+Math.sin(t*d.spd*2+d.ph)*.06);\n d.sp.scale.set(sc,sc,1);\n });\n\n \/\/ gold coins tilt and float\n goldCoins.forEach((c,i)=>{\n c.rotation.z=t*.2*(i%2===0?1:-1);\n c.rotation.x=Math.sin(t*.3+i)*.5;\n c.position.y=c.position.y+Math.sin(t*.35+i*1.1)*.008;\n });\n\n \/\/ point lights pulse\n pt2.intensity=2.5+Math.sin(t*1.3)*.8;\n pt3.intensity=3+Math.sin(t*.9+1)*.6;\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\n SCROLL 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 *\/\nconst scrollProg=document.getElementById('scrollProg');\nwindow.addEventListener('scroll',()=>{\n const pct=window.scrollY\/(document.body.scrollHeight-window.innerHeight);\n scrollProg.style.transform=`scaleX(${pct})`;\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\n HERO CHART LINE 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 *\/\nsetTimeout(()=>document.getElementById('hero-chart-line').classList.add('visible'),2200);\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 FLOATING DOLLAR PARTICLES\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(function(){\n const field=document.getElementById('dollar-field');\n if(!field)return;\n const symbols=['$','$','$','$','%','$','$','%','$'];\n const colors=['cyan','gold','green','orange','cyan','gold','cyan','green','cyan'];\n const sizes=['.75rem','1rem','1.1rem','1.3rem','.9rem','1.4rem','.8rem','1rem','1.2rem'];\n for(let i=0;i<22;i++){\n const dp=document.createElement('div');\n dp.className='dp '+colors[i%colors.length];\n dp.textContent=symbols[i%symbols.length];\n const left=Math.random()*92+4;\n const delay=Math.random()*18;\n const dur=10+Math.random()*16;\n const drift=(Math.random()-.5)*60;\n const rot=(Math.random()-.5)*40;\n const fs=sizes[i%sizes.length];\n dp.style.cssText=`left:${left}%;font-size:${fs};animation-duration:${dur}s;animation-delay:-${delay}s;--drift:${drift}px;--rot:${rot}deg;opacity:0`;\n field.appendChild(dp);\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\n HERO TITLE \u2014 CHARACTER SPLIT 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 *\/\n(function(){\n const t1=document.querySelector('.h-t1');\n if(!t1)return;\n const html=t1.innerHTML;\n \/\/ Split preserving <br>\n const parts=html.split(\/(<br>)\/);\n let result='';\n let charIndex=0;\n parts.forEach(part=>{\n if(part==='<br>'){result+='<br>';return;}\n for(let c of part){\n if(c===' '){result+='<span style=\"display:inline-block;width:.28em\"> <\/span>';continue;}\n const delay=1.0+charIndex*0.038;\n const bpos=charIndex*32; \/\/ shift bg-position per char for continuous gradient\n result+=`<span class=\"char\" style=\"animation-delay:${delay}s;background-position:-${bpos}px 0\">${c}<\/span>`;\n charIndex++;\n }\n });\n t1.innerHTML=result;\n})();\n\n\/* hero subtitle word reveal *\/\n(function(){\n const t2=document.querySelector('.h-t2');\n if(!t2)return;\n const words=t2.textContent.split(\/\\s+\/);\n t2.innerHTML=words.map((w,i)=>`<span class=\"word-wrap\"><span class=\"word-inner h-t2-word-inner\" style=\"transition-delay:${1.9+i*.12}s\">${w}<\/span><\/span> `).join('');\n setTimeout(()=>t2.querySelectorAll('.h-t2-word-inner').forEach(el=>el.classList.add('in')),400);\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\n SECTION H2 WORD-BY-WORD 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 *\/\n(function(){\n document.querySelectorAll('.glow-text').forEach(el=>{\n if(el.closest('#hero'))return; \/\/ skip hero\n const words=el.innerHTML.replace(\/<br\\s*\\\/?>\/gi,' ').replace(\/&\/g,'&').split(\/\\s+\/);\n el.innerHTML=words.map((w,i)=>`<span class=\"word-wrap\"><span class=\"word-inner\" style=\"transition-delay:${i*.09}s\">${w.replace(\/&\/g,'&')}<\/span><\/span> `).join('');\n el.classList.add('word-reveal-ready');\n const obs=new IntersectionObserver(entries=>{\n entries.forEach(e=>{\n if(e.isIntersecting){\n el.classList.add('in-view');\n \/\/ shimmer after words land\n const totalDelay=(words.length*.09+.8)*1000;\n setTimeout(()=>{el.classList.add('shimmer-run');setTimeout(()=>el.classList.remove('shimmer-run'),2800)},totalDelay);\n obs.unobserve(el);\n }\n });\n },{threshold:.3});\n obs.observe(el);\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\n EYEBROW TEXT 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 *\/\n(function(){\n const CHARS='ABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789#%$';\n function scramble(el){\n const target=el.dataset.orig||el.textContent.trim();\n if(!el.dataset.orig)el.dataset.orig=target;\n let frame=0;const total=18;\n const iv=setInterval(()=>{\n frame++;\n el.textContent=target.split('').map((c,i)=>\n frame\/total>i\/target.length ? c : CHARS[Math.floor(Math.random()*CHARS.length)]\n ).join('');\n if(frame>=total){el.textContent=target;clearInterval(iv);}\n },40);\n }\n const obs=new IntersectionObserver(entries=>{\n entries.forEach(e=>{if(e.isIntersecting){scramble(e.target);obs.unobserve(e.target);}});\n },{threshold:.8});\n document.querySelectorAll('.eyebrow:not(.h-ey)').forEach(el=>{\n el.classList.add('line-drawn');\n obs.observe(el);\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\n BACKGROUND $ DECORATIONS \u2014 SCROLL PARALLAX\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(function(){\n const bgs=document.querySelectorAll('.sec-bg-dollar');\n const obs=new IntersectionObserver(entries=>{\n entries.forEach(e=>{\n e.target.classList.toggle('visible',e.isIntersecting);\n });\n },{threshold:.15});\n bgs.forEach(el=>obs.observe(el));\n\n \/\/ Parallax drift\n window.addEventListener('scroll',()=>{\n const sy=window.scrollY;\n bgs.forEach(el=>{\n const rect=el.parentElement.getBoundingClientRect();\n const progress=(window.innerHeight\/2-rect.top)\/(window.innerHeight);\n if(el.style.right)el.style.transform=`translateY(${progress*-55}px) rotate(${12-progress*8}deg)`;\n else el.style.transform=`translateY(${progress*-50}px) rotate(${-8+progress*6}deg)`;\n });\n },{passive:true});\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\n ANIMATED CHART LINES \u2014 SECTION DRAW\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(function(){\n const obs=new IntersectionObserver(entries=>{\n entries.forEach(e=>{if(e.isIntersecting){e.target.classList.add('drawn');obs.unobserve(e.target);}});\n },{threshold:.2});\n document.querySelectorAll('.fin-chart-svg').forEach(el=>obs.observe(el));\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\n PREMIUM COUNTER WITH GLOW TICK\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 *\/\ngsap.registerPlugin(ScrollTrigger);\n\n\/\/ set initial hidden state via JS\ngsap.set('.reveal:not(.from-left):not(.from-right)',{opacity:0,y:44});\ngsap.set('.reveal.from-left',{opacity:0,x:-44});\ngsap.set('.reveal.from-right',{opacity:0,x:44});\n\n\/\/ hero entrance\nconst htl=gsap.timeline({delay:.3});\nhtl.to('#h-ey',{opacity:1,y:0,duration:.7,ease:'power3.out'})\n .to('#h-title',{opacity:1,y:0,duration:.9,ease:'power3.out'},'-=.4')\n .to('#h-hl',{opacity:1,y:0,duration:.72,ease:'power3.out'},'-=.45')\n .to('#h-sub',{opacity:1,y:0,duration:.65,ease:'power3.out'},'-=.4')\n .to('#h-pil',{opacity:1,y:0,duration:.65,ease:'power3.out'},'-=.35')\n .to('#h-ctas',{opacity:1,y:0,duration:.6,ease:'power3.out'},'-=.3');\n\ngsap.set(['#hc1','#hc2','#hc3'],{opacity:0,y:24,scale:.93});\ngsap.to('#hc1',{opacity:1,y:0,scale:1,duration:1.1,delay:1.2,ease:'power3.out'});\ngsap.to('#hc2',{opacity:1,y:0,scale:1,duration:1.1,delay:1.65,ease:'power3.out'});\ngsap.to('#hc3',{opacity:1,y:0,scale:1,duration:1.1,delay:2.1,ease:'power3.out'});\n\n\/\/ scroll reveals\ngsap.utils.toArray('.reveal').forEach(el=>{\n const delay=(+(el.dataset.delay||0))*.13;\n const isL=el.classList.contains('from-left'),isR=el.classList.contains('from-right');\n const to={opacity:1,duration:.82,delay,ease:'power3.out'};\n if(isL||isR) to.x=0; else to.y=0;\n gsap.to(el,{scrollTrigger:{trigger:el,start:'top 88%',toggleActions:'play none none reverse'},...to});\n});\n\n\/\/ challenge cards\ngsap.utils.toArray('.ch-card').forEach(c=>{\n ScrollTrigger.create({trigger:c,start:'top 82%',onEnter:()=>c.classList.add('in'),onLeaveBack:()=>c.classList.remove('in')});\n});\n\n\/\/ capabilities spine\nScrollTrigger.create({\n trigger:'#capabilities',start:'top 55%',end:'bottom 40%',\n onUpdate:self=>{\n const g=document.getElementById('capGlow');if(g) g.style.height=(self.progress*100)+'%';\n const idx=Math.min(Math.floor(self.progress*5),4);\n document.querySelectorAll('[data-cap]').forEach((el,i)=>{if(i===idx&&!el.classList.contains('active'))el.click()});\n }\n});\n\n\/\/ transformation\nScrollTrigger.create({\n trigger:'#transformation',start:'top 58%',\n onEnter:()=>{\n const stages=document.querySelectorAll('[data-tf]');\n const prog=document.getElementById('tfProg');\n stages.forEach((st,i)=>setTimeout(()=>{st.classList.add('active');if(prog)prog.style.transform=`scaleX(${(i+1)\/stages.length})`;},i*280));\n }\n});\n\n\/\/ counters \u2014 premium glow tick version\nScrollTrigger.create({\n trigger:'#why-dt',start:'top 65%',\n onEnter:()=>document.querySelectorAll('[data-count]').forEach(el=>{\n const target=+el.dataset.count;let c=0;\n const step=()=>{\n c+=.12;\n const val=Math.min(Math.ceil(c),target);\n el.textContent=val;\n el.classList.add('ticking');\n setTimeout(()=>el.classList.remove('ticking'),120);\n if(c<target)requestAnimationFrame(step);\n };step();\n })\n});\n\n\/\/ parallax on hero\ndocument.addEventListener('mousemove',e=>{\n const x=(e.clientX\/window.innerWidth-.5)*18,y=(e.clientY\/window.innerHeight-.5)*10;\n gsap.to('.h-fog',{x:x*.08,y:y*.08,duration:2.5,ease:'power1.out'});\n});\n\n\/* marquee pause *\/\nconst mqRow=document.querySelector('.mq-row.top');\nif(mqRow){\n mqRow.addEventListener('mouseenter',()=>document.querySelector('.mq-inner').style.animationPlayState='paused');\n mqRow.addEventListener('mouseleave',()=>document.querySelector('.mq-inner').style.animationPlayState='running');\n}\n\n\/* sector tabs *\/\nconst scTabs=document.querySelectorAll('.sc-tab'),scInd=document.getElementById('scInd');\nfunction updInd(t){scInd.style.width=t.offsetWidth+'px';scInd.style.left=t.offsetLeft+'px'}\nsetTimeout(()=>{const a=document.querySelector('.sc-tab.active');if(a)updInd(a)},150);\nscTabs.forEach(tab=>{\n tab.addEventListener('click',()=>{\n scTabs.forEach(t=>t.classList.remove('active'));tab.classList.add('active');updInd(tab);\n document.querySelectorAll('.sc-panel').forEach(p=>p.classList.remove('active'));\n document.getElementById('panel-'+tab.dataset.tab).classList.add('active');\n });\n});\nwindow.addEventListener('resize',()=>{const a=document.querySelector('.sc-tab.active');if(a)updInd(a)});\n\n\/* capabilities *\/\nconst capsData=[\n {n:'01',t:'Operational Delivery Support',b:'Structured support for operational workflows, business processes, reporting functions, and execution continuity across financial ecosystems.'},\n {n:'02',t:'Governance & Regulatory Alignment',b:'Delivery support aligned to oversight structures, regulatory expectations, compliance requirements, and operational accountability frameworks.'},\n {n:'03',t:'Transformation & Modernization Support',b:'Execution support for modernization initiatives, workflow optimization, platform evolution, and enterprise transformation programs.'},\n {n:'04',t:'Cross-Functional Coordination Environments',b:'Support for alignment across operational teams, technology functions, governance stakeholders, and business leadership groups.'},\n {n:'05',t:'Scalable Financial Operations Support',b:'Delivery structures designed to support evolving operational demand, scalability requirements, and continuity across regulated financial environments.'}\n];\ndocument.querySelectorAll('[data-cap]').forEach(item=>{\n item.addEventListener('click',()=>{\n document.querySelectorAll('[data-cap]').forEach(i=>i.classList.remove('active'));\n item.classList.add('active');\n const d=capsData[+item.dataset.cap];\n const cc=document.getElementById('capContent');\n gsap.fromTo(cc,{opacity:0,y:10},{opacity:1,y:0,duration:.4,ease:'power3.out'});\n document.getElementById('cpNum').textContent=d.n;\n document.getElementById('cpTitle').textContent=d.t;\n document.getElementById('cpBody').textContent=d.b;\n });\n});\n\n\/* mobile touch *\/\nif(window.matchMedia('(max-width:960px)').matches)\n document.querySelectorAll('.ch-card').forEach(el=>el.addEventListener('click',()=>el.classList.toggle('in')));\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>Banking, Financial Services & Capital Markets \u2014 DT Solutions Banking & Capital Markets Banking, FinancialServices &Capital Markets \/\/ DT Solutions Support regulated financial environments with operationally aligned and transformation-ready delivery. Delivery solutions designed to support banking, financial services, and capital markets organizations through governance-aware execution, operational continuity, and scalable delivery. \/\/ 01Support for complex and […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-2915","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/digi.alphanzo.com\/index.php?rest_route=\/wp\/v2\/pages\/2915","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=2915"}],"version-history":[{"count":13,"href":"https:\/\/digi.alphanzo.com\/index.php?rest_route=\/wp\/v2\/pages\/2915\/revisions"}],"predecessor-version":[{"id":2958,"href":"https:\/\/digi.alphanzo.com\/index.php?rest_route=\/wp\/v2\/pages\/2915\/revisions\/2958"}],"wp:attachment":[{"href":"https:\/\/digi.alphanzo.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2915"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}