' + '' + '' + '' + '' + ''; var rect = mapWrap.getBoundingClientRect(); var mr = m.getBoundingClientRect(); var x = mr.left - rect.left + mr.width / 2 + 10; var y = mr.top - rect.top - 10; if (x + 220 > rect.width) x = x - 240; if (y + 180 > rect.height) y = rect.height - 190; if (y < 10) y = 10; tip.style.left = x + 'px'; tip.style.top = y + 'px'; tip.classList.add('visible'); e.stopPropagation(); }); }); document.addEventListener('click', function() { tip.classList.remove('visible'); }); // Service categories var cats = [ { name:'Core Infrastructure', count:16, color:'#D4AF37' }, { name:'Compliance & Risk', count:14, color:'#00C4B4' }, { name:'Proof Layer', count:14, color:'#6366F1' }, { name:'Bridge & Migration', count:8, color:'#F97316' }, { name:'Liquidity', count:10, color:'#8B5CF6' }, { name:'Recovery & Safety', count:8, color:'#EF4444' }, { name:'Observability', count:10, color:'#14B8A6' }, { name:'Governance', count:8, color:'#D4AF37' }, { name:'Security', count:10, color:'#F43F5E' }, { name:'AI Services', count:8, color:'#818CF8' }, { name:'Blockchain', count:6, color:'#00C4B4' }, { name:'Frontend Apps', count:12, color:'#2A6BFF' }, { name:'Testing', count:4, color:'#A3A3A3' }, { name:'Other', count:6, color:'#64748B' } ]; var grid = document.getElementById('svcGrid'); cats.forEach(function(c) { var pct = Math.round((c.count / 15) * 100); grid.innerHTML += ''; });