1<!DOCTYPE html><html lang="en"> <head><meta charSet="utf-8"/><meta name="keywords" content="cloud, technology, development, software, programming, web development, application development, mobile development, cloud infrastructure, cloud computing, IT, business technology, graphic designing, website design websites, website development company, web development company, web designing company, mobile app development, web design, graphics and design, app development, it services, mobile application development, website design company, website developer, web design agency, website designer near me, website designers, app developers, web designer near me, app development companies, mobile app developers, website design agency, mobile application development companies, mobile application developers, responsive web development, mobile development companies, best web design websites, mobile app dev, web page design company, ecommerce marketing, cloud devops, web design services, technology services, web application development, software development compay, IT/Cloud Services, website support and maintainance, front end development, react js development, flutter development, next.js development, backend development, django development, node js development, react developer, flutter developer, next js developer, backend developer, django developer, node js developer, website development company website, top website development company, website development costs, web development price, web development charges, blockchain technology"/><meta name="viewport" content="width=device-width, initial-scale=1.0"/><link rel="canonical" href="https://cloudastra.co/"/><meta property="og:title" content="Cloudastra â IT/Cloud Services For Every Need"/><meta property="og:description" content="Boost your sales in the next THE 6 months with Cloudastra Technologies top-rated IT/Cloud Services."/><meta property="og:image" content="https://cloudastra.co/_next/image?url=%2F_next%2Fstatic%2Fmedia%2FCloudastra-Logo-big.9ffccf57.png&w=828&q=75"/><meta property="og:url" content="https://cloudastra.co/"/><meta property="og:type" content="website"/><meta property="og:site_name" content="Cloudastra Technologies"/><meta property="og:image:alt" content="Tech Solution For Every Need"/><meta property="og:image:type" content="image/png"/><meta name="twitter:card" content="summary_large_image"/><meta name="twitter:title" content="Cloudastra â IT/Cloud Services For Every Need"/><meta name="twitter:description" content="Boost your sales in the next 6 months with Cloudastra Technologies top-rated IT/Cloud Services."/><meta name="twitter:image" content="https://cloudastra.co/_next/image?url=%2F_next%2Fstatic%2Fmedia%2FCloudastra-Logo-big.9ffccf57.png&w=828&q=75"/><meta name="twitter:site" content="@ Cloudastra Technologies"/><meta name="twitter:url" content="https://cloudastra.co/"/><meta name="lang" content="en"/><meta name="google-site-verification" content="ZBj7C9zb5eRDtoc0ChXXj0cCwG9KNif2d3zHxRyF1ok"/><meta name="p:domain_verify" content="30196e3480c2fbc3160bb4c3a1878144"/>
1<script> 2 (function() { 3 const trackers = ['googletagmanager', 'google-analytics', 'facebook.net', 'lfeeder', 'sessionrewind', 'clarity.ms', 'hs-scripts', 'hscollectedforms', 'reb2b', 'doubleclick', 'facebook.com']; 4 const trackerRejectionMessages = ['Object Not Found Matching Id:']; 5 6 // Improved error handler with logging 7 const originalOnError = window.onerror; 8 window.onerror = function(message, source, lineno, colno, error) { 9 const isTrackerError = source && trackers.some(t => source.includes(t)); 10 11 if (isTrackerError) { 12 console.warn('[Tracker Error Suppressed]', { 13 message: message, 14 source: source, 15 line: lineno, 16 column: colno 17 }); 18 return true; 19 } 20 21 console.error('[Application Error]', { 22 message: message, 23 source: source, 24 line: lineno, 25 column: colno, 26 error: error 27 }); 28 29 if (originalOnError) { 30 return originalOnError(message, source, lineno, colno, error); 31 } 32 return false; 33 }; 34 35 // Resource loading error handler 36 window.addEventListener('error', function(event) { 37 if (event.target && (event.target.tagName === 'SCRIPT' || event.target.tagName === 'LINK' || event.target.tagName === 'IMG')) { 38 const resourceUrl = event.target.src || event.target.href || ''; 39 const isTrackerResource = trackers.some(t => resourceUrl.includes(t)); 40 41 if (isTrackerResource) { 42 console.warn('[Tracker Resource Failed - Suppressed]', { 43 tag: event.target.tagName, 44 url: resourceUrl 45 }); 46 event.preventDefault(); 47 event.stopPropagation(); 48 return false; 49 } 50 51 console.warn('[Resource Loading Error]', { 52 tag: event.target.tagName, 53 url: resourceUrl 54 }); 55 56 event.preventDefault(); 57 return false; 58 } 59 }, true); 60 61 // Promise rejection handler 62 window.addEventListener('unhandledrejection', function(event) { 63 const reason = event.reason; 64 const stack = reason && reason.stack; 65 const reasonStr = typeof reason === 'string' ? reason : (reason && reason.message) || ''; 66 const isTrackerError = 67 (stack && trackers.some(t => stack.includes(t))) || 68 (reasonStr && ( 69 trackers.some(t => reasonStr.includes(t)) || 70 trackerRejectionMessages.some(m => reasonStr.includes(m)) 71 )); 72 73 if (isTrackerError) { 74 console.warn('[Tracker Promise Rejection Suppressed]', { 75 reason: reason 76 }); 77 event.preventDefault(); 78 } else { 79 console.error('[Unhandled Promise Rejection]', { 80 reason: reason 81 }); 82 } 83 }); 84 85 // Service Worker error handler 86 if ('serviceWorker' in navigator) { 87 navigator.serviceWorker.addEventListener('error', function(error) { 88 console.warn('[Service Worker Error]', error); 89 }); 90 } 91 })(); 92 </script>
92<title> Cloudastra | Leading IT Services Provider</title><meta name="description" content="Cloudastra - Your trusted partner for managed IT services, software consulting, and digital transformation solutions. Join us in shaping the future of technology."/><link rel="canonical" href="https://cloudastra.co"/><link rel="alternate" type="application/rss+xml" title="Cloudastra » Blogs" href="https://cloudastra.co/rss.xml"/><meta name="next-head-count" content="26"/><link rel="preconnect" href="https://cdn.jsdelivr.net"/><link rel="preconnect" href="https://cdnjs.cloudflare.com"/><link rel="preconnect" href="https://cloudastra.co"/><link rel="preconnect" href="https://challenges.cloudflare.com"/><link rel="preload" href="https://cdn.jsdelivr.net/npm/@n8n/[email protected]/dist/style.css" as="style"/><noscript><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@n8n/[email protected]/dist/style.css"/></noscript>
92<script type="application/ld+json">{"@context":"https://schema.org","@type":"LocalBusiness","name":"Cloudastra Technologies","image":"https://cloudastra.co/_next/image?url=%2F_next%2Fstatic%2Fmedia%2FCloudastra-Logo-big.9ffccf57.png&w=1920&q=75","@id":"","url":"https://cloudastra.co","telephone":"","address":{"@type":"PostalAddress","streetAddress":"264 W 40th St suite 503","addressLocality":"New York","addressRegion":"NY","postalCode":"10018","addressCountry":"US"}}</script>
92<link rel="preload" href="/_next/static/media/e4af272ccee01ff0.p.woff2" as="font" type="font/woff2" crossorigin="anonymous"/><link rel="preload" href="/_next/static/media/eafabf029ad39a43.p.woff2" as="font" type="font/woff2" crossorigin="anonymous"/><link rel="preload" href="/_next/static/media/0484562807a97172.p.woff2" as="font" type="font/woff2" crossorigin="anonymous"/><link rel="preload" href="/_next/static/media/b957ea75a84b6ea7.p.woff2" as="font" type="font/woff2" crossorigin="anonymous"/><link rel="preload" href="/_next/static/media/7db6c35d839a711c.p.woff2" as="font" type="font/woff2" crossorigin="anonymous"/><link rel="preload" href="/_next/static/css/5bba9f3341b1095e.css" as="style"/><link rel="stylesheet" href="/_next/static/css/5bba9f3341b1095e.css" data-n-g=""/><noscript data-n-css=""></noscript>
92<script defer="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script>
92<script defer="" src="/_next/static/chunks/3922.08cf663d6f511749.js"></script>
92<script defer="" src="/_next/static/chunks/2465.31a5f3887989d464.js"></script>
92<script defer="" src="/_next/static/chunks/8126.5f4b8cd02e69f19f.js"></script>
92<script defer="" src="/_next/static/chunks/1749-12a827b82eac34cc.js"></script>
92<script defer="" src="/_next/static/chunks/632.8ede49e64d066afc.js"></script>
92<script defer="" src="/_next/static/chunks/2585.31f4f4cfec5c8f1c.js"></script>
92<script defer="" src="/_next/static/chunks/9550.8833cbe73c282475.js"></script>
92<script defer="" src="/_next/static/chunks/8598.0252e856a8fd6d0c.js"></script>
92<script defer="" src="/_next/static/chunks/6243.825e2d273a18352d.js"></script>
92<script defer="" src="/_next/static/chunks/1202.c8de383e290211d1.js"></script>
92<script defer="" src="/_next/static/chunks/5404.267f546cd8b48167.js"></script>
92<script src="/_next/static/chunks/webpack-88d26070c45842db.js" defer=""></script>
92<script src="/_next/static/chunks/framework-d583295f3144c491.js" defer=""></script>
92<script src="/_next/static/chunks/main-1d63152056c2e870.js" defer=""></script>
92<script src="/_next/static/chunks/pages/_app-44667b17b758f592.js" defer=""></script>
92<script src="/_next/static/chunks/pages/index-35399c92a5667573.js" defer=""></script>
92<script src="/_next/static/ui1M-jAT-GioDwKtyNbv5/_buildManifest.js" defer=""></script>
92<script src="/_next/static/ui1M-jAT-GioDwKtyNbv5/_ssgManifest.js" defer=""></script>
92<style data-styled="" data-styled-version="5.3.9"></style></head><body><a href="https://cloudastra.co/cdn-cgi/content?id=KflyApyOxfBt.U3RbfxgwtGGwlaNKd1Az05XlBoyVss-1791133270.0411-1.2.1.1-op5.bIWBYBXIHhwInV_Ka5FJxVg7Xhxf6jXo.fy9HQe5D5FhMZCUs8yyLBETYiPM" aria-hidden="true" rel="nofollow noopener" style="display: none !important; visibility: hidden !important"></a>
vendor: 67 bytes, line 92
92<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
92GTM-K7Q93WVH
vendor: 82 bytes, line 92
92" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
92<div id="__next"><main class="__className_b42f4f __variable_799620"><noscript><img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=1174411864211096&ev=PageView&noscript=1" alt=""/></noscript><header class="left-0 right-0 z-[100] transition-[top] duration-300 ease-out fixed top-4"><div class="mx-auto transition-[max-width,width] duration-300 ease-out w-[94%] max-w-[1500px]"><nav class="relative flex h-16 items-center transition-all duration-300 ease-out rounded-full border border-transparent bg-white/85 shadow-xl shadow-black/10 backdrop-blur-xl"><div class="mx-auto flex h-full w-full items-center justify-between transition-[max-width,padding] duration-300 ease-out max-w-none px-5 nav-md:px-6"><a class="block flex-shrink-0" aria-label="Cloudastra home" href="/"><img alt="Cloudastra" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2FCloudastra-Logo-big.9ffccf57.png&w=828&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2FCloudastra-Logo-big.9ffccf57.png&w=1920&q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2FCloudastra-Logo-big.9ffccf57.png&w=1920&q=75" width="775" height="153" decoding="async" data-nimg="1" class="w-[150px] transition-opacity duration-300 nav-md:w-[170px] xl:w-[200px]" loading="eager" style="color:transparent;background-size:cover;background-position:50% 50%;background-repeat:no-repeat;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http%3A//www.w3.org/2000/svg' viewBox='0 0 8 2'%3E%3Cfilter id='b' color-interpolation-filters='sRGB'%3E%3CfeGaussianBlur stdDeviation='1'/%3E%3C/filter%3E%3Cimage preserveAspectRatio='none' filter='url(%23b)' x='0' y='0' height='100%25' width='100%25' href='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAACCAMAAABSSm3fAAAAFVBMVEUofsg2q/8Ej/Q2q/8yp/8th80uh8Rg9Y7bAAAAB3RSTlM8U09GOkI28GhPBgAAAAlwSFlzAAALEwAACxMBAJqcGAAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAAaSURBVHicY2BiYWRhZmRmZGBiYGNlZWVgAwABjwAxb6fgYwAAAABJRU5ErkJggg=='/%3E%3C/svg%3E")"/></a><div class="hidden items-center nav-md:flex nav-md:flex-row nav-md:gap-0.5 xl:gap-1"><div class="relative"><div class="group/nav inline-flex items-center gap-1 whitespace-nowrap rounded-md px-2.5 py-2 text-sm font-medium transition-colors duration-200 text-[#0a1b3a]/85 hover:text-[#058BF0] hover:bg-[#0a1b3a]/[0.05] cursor-pointer"><a class="rounded-md focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#058BF0] focus-visible:ring-offset-2" href="/ai-first-engineering/hire-ai-engineer">AI-First Engineering</a><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 448 512" class="h-3 w-3 opacity-70 transition-transform duration-200 " height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M207.029 381.476L12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z"></path></svg></div></div><div class="relative"><div class="group/nav inline-flex items-center gap-1 whitespace-nowrap rounded-md px-2.5 py-2 text-sm font-medium transition-colors duration-200 text-[#0a1b3a]/85 hover:text-[#058BF0] hover:bg-[#0a1b3a]/[0.05] cursor-pointer"><a class="rounded-md focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#058BF0] focus-visible:ring-offset-2" href="/products">Products</a><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 448 512" class="h-3 w-3 opacity-70 transition-transform duration-200 " height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M207.029 381.476L12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z"></path></svg></div></div><div class="relative"><div class="group/nav inline-flex items-center gap-1 whitespace-nowrap rounded-md px-2.5 py-2 text-sm font-medium transition-colors duration-200 text-[#0a1b3a]/85 hover:text-[#058BF0] hover:bg-[#0a1b3a]/[0.05] curs
92or-pointer"><a class="rounded-md focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#058BF0] focus-visible:ring-offset-2" href="/services">Services</a><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 448 512" class="h-3 w-3 opacity-70 transition-transform duration-200 " height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M207.029 381.476L12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z"></path></svg></div></div><div class="relative"><div class="group/nav inline-flex items-center gap-1 whitespace-nowrap rounded-md px-2.5 py-2 text-sm font-medium transition-colors duration-200 text-[#0a1b3a]/85 hover:text-[#058BF0] hover:bg-[#0a1b3a]/[0.05] cursor-pointer"><span>Company</span><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 448 512" class="h-3 w-3 opacity-70 transition-transform duration-200 " height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M207.029 381.476L12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z"></path></svg></div></div><a class="group ml-2 inline-flex flex-shrink-0 items-center gap-2 whitespace-nowrap rounded-lg px-4 py-2 text-sm font-semibold transition bg-[#058BF0] text-white shadow-lg shadow-[#058BF0]/25 hover:bg-[#0470C4]" href="/contact?ref=navbar&utm_source=website&utm_medium=cta&utm_campaign=homepage&utm_content=home__navbar__contact_us"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-phone h-3.5 w-3.5 transition-transform group-hover:rotate-12"><path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z"></path></svg>Contact Us</a></div><div class="flex flex-col nav-md:hidden"><button type="button" aria-label="Open navigation menu" class="cursor-pointer rounded-lg border p-2 text-2xl transition-all duration-200 focus-visible:outline-none focus-visible:ring-4 focus-visible:ring-[#058BF0]/50 focus-visible:ring-offset-2 border-[#0a1b3a]/10 bg-[#0a1b3a]/[0.04] text-[#0a1b3a] hover:bg-[#0a1b3a]/[0.08]"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 512 512" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M32 96v64h448V96H32zm0 128v64h448v-64H32zm0 128v64h448v-64H32z"></path></svg></button></div></div></nav></div></header><main class="overflow-x-clip bg-white"><section data-nav-theme="light" class="relative bg-[#eef4fb] lg:h-[500vh]"><div class="relative overflow-hidden bg-gradient-to-b from-white via-[#f2f7fd] to-[#e8f0fa] lg:hidden"><div aria-hidden="true" class="pointer-events-none absolute inset-0" style="background:radial-gradient(55% 45% at 78% 28%, rgba(5,139,240,0.14), transparent 70%), radial-gradient(45% 40% at 18% 82%, rgba(25,65,140,0.10), transparent 70%)"></div><div aria-hidden="true" class="pointer-events-none absolute inset-0 opacity-[0.5]" style="background-image:linear-gradient(rgba(10,27,58,0.05) 1px, transparent 1px), linear-gradient(90deg, rgba(10,27,58,0.05) 1px, transparent 1px);background-size:64px 64px;mask-image:radial-gradient(ellipse 80% 60% at 50% 35%, black 20%, transparent 75%);-webkit-mask-image:radial-gradient(ellipse 80% 60% at 50% 35%, black 20%, transparent 75%)"></div><div class="relative mx-auto w-11/12 max-w-[640px] pb-16 pt-28"><div class="flex flex-col gap-6"><h1 class="font-poppins text-3xl font-extrabold leading-[1.3] tracking-tight text-[#0a1b3a] sm:text-4xl sm:leading-[1.28]"><span class="block">AI-first engineering for</span><span class="block">premium<!-- --> <span class="inline-block align-baseline" aria-live="polite"><span class="inline-block animate-text-rotate bg-gradient-to-r from-cloud via-[#5BB8FF] to-cloud-dark bg-clip-text text-transparent">AI</span></span></span><span class="block">Solutions</span></h1><div class="h-px w-24 bg-gradient-to-r from-[#058BF0] to-transparent"></div><p class="max-w-xl text-base leading-relaxed text-gray-600">Cloudastra is an AI-first software company. We architect, build, and scale secure, production-grade systems with AI at the core, pairing senior engineers with AI agents to ship faster.</p><div><button type="button" class="inline-flex items-center rounded-xl bg-cloud px-7 py-3.5 text-sm font-semibold text-white shadow-cloud transition hover:bg-cloud/90">Connect with Experts</button></div></div><div class="mt-20 text-center"><h2 class="font-poppins text-[26px] font-bold leading-tight tracking-tight text-[#0a1b3a] sm:text-3xl">AI-First Engineering Services</h2><p class="mx-auto mt-4 max-w-md text-base leading-relaxed text-gray-600">From architecture audit to production-grade AI systems, engineered for scale.</p></div><div class="mt-8 grid grid-cols-1 gap-5 text-left sm:grid-cols-2"><a href="/ai-first-engineering/mvp-build" class="flex flex-col rounded-[18px] border border-gray-200/80 bg-white p-5 shadow-[0_1px_2px_rgba(10,27,58,0.04)] transition active:border-[#058BF0]/50"><div class="flex items-center gap-3"><div class="flex h-11 w-11 shrink-0 items-center justify-center rounded-xl bg-gradient-to-br from-[#058BF0] to-[#19418c] text-white"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-layers h-5 w-5"><path d="M12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83z"></path><path d="M2 12a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 12"></path><path d="M2 17a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 17"></path></svg></div><h3 class="font-poppins text-base font-bold text-[#0a1b3a]">AI-First MVP Build</h3></div><p class="mt-3 text-[13px] leading-relaxed text-gray-600">Production-grade AI-native MVP in 2-6 weeks. Architecture that scales from day one.</p></a><a href="/ai-first-engineering/architecture-audit" class="flex flex-col rounded-[18px] border border-gray-200/80 bg-white p-5 shadow-[0_1px_2px_rgba(10,27,58,0.04)] transition active:border-[#058BF0]/50"><div class="flex items-center gap-3"><div class="flex h-11 w-11 shrink-0 items-center justify-center rounded-xl bg-gradient-to-br from-[#058BF0] to-[#19418c] text-white"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-clipboard-check h-5 w-5"><rect width="8" height="4" x="8" y="2" rx="1" ry="1"></rect><path d="M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2"></path><path d="m9 14 2 2 4-4"></path></svg></div><h3 class="font-poppins text-base font-bold text-[#0a1b3a]">AI-First Architecture Audit</h3></div><p class="mt-3 text-[13px] leading-relaxed text-gray-600">
922-day deep dive with AI-readiness assessment, cost optimization, and prioritized roadmap.</p></a><a href="/ai-first-engineering/product-engineering" class="flex flex-col rounded-[18px] border border-gray-200/80 bg-white p-5 shadow-[0_1px_2px_rgba(10,27,58,0.04)] transition active:border-[#058BF0]/50"><div class="flex items-center gap-3"><div class="flex h-11 w-11 shrink-0 items-center justify-center rounded-xl bg-gradient-to-br from-[#058BF0] to-[#19418c] text-white"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-settings h-5 w-5"><path d="M12.22 2h-.44a2 2 0 0 0-2 2v.18a2 2 0 0 1-1 1.73l-.43.25a2 2 0 0 1-2 0l-.15-.08a2 2 0 0 0-2.73.73l-.22.38a2 2 0 0 0 .73 2.73l.15.1a2 2 0 0 1 1 1.72v.51a2 2 0 0 1-1 1.74l-.15.09a2 2 0 0 0-.73 2.73l.22.38a2 2 0 0 0 2.73.73l.15-.08a2 2 0 0 1 2 0l.43.25a2 2 0 0 1 1 1.73V20a2 2 0 0 0 2 2h.44a2 2 0 0 0 2-2v-.18a2 2 0 0 1 1-1.73l.43-.25a2 2 0 0 1 2 0l.15.08a2 2 0 0 0 2.73-.73l.22-.39a2 2 0 0 0-.73-2.73l-.15-.08a2 2 0 0 1-1-1.74v-.5a2 2 0 0 1 1-1.74l.15-.09a2 2 0 0 0 .73-2.73l-.22-.38a2 2 0 0 0-2.73-.73l-.15.08a2 2 0 0 1-2 0l-.43-.25a2 2 0 0 1-1-1.73V4a2 2 0 0 0-2-2z"></path><circle cx="12" cy="12" r="3"></circle></svg></div><h3 class="font-poppins text-base font-bold text-[#0a1b3a]">AI-First Product Engineering</h3></div><p class="mt-3 text-[13px] leading-relaxed text-gray-600">RAG systems, AI agents, and intelligent automation engineered into your product core.</p></a><a href="/ai-first-engineering/system-modernization" class="flex flex-col rounded-[18px] border border-gray-200/80 bg-white p-5 shadow-[0_1px_2px_rgba(10,27,58,0.04)] transition active:border-[#058BF0]/50"><div class="flex items-center gap-3"><div class="flex h-11 w-11 shrink-0 items-center justify-center rounded-xl bg-gradient-to-br from-[#058BF0] to-[#19418c] text-white"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-code-xml h-5 w-5"><path d="m18 16 4-4-4-4"></path><path d="m6 8-4 4 4 4"></path><path d="m14.5 4-5 16"></path></svg></div><h3 class="font-poppins text-base font-bold text-[#0a1b3a]">AI-First System Modernization</h3></div><p class="mt-3 text-[13px] leading-relaxed text-gray-600">Zero-downtime migration to AI-native architecture. 60-80% infrastructure cost reduction.</p></a><a href="/ai-first-engineering/infrastructure-optimization" class="flex flex-col rounded-[18px] border border-gray-200/80 bg-white p-5 shadow-[0_1px_2px_rgba(10,27,58,0.04)] transition active:border-[#058BF0]/50"><div class="flex items-center gap-3"><div class="flex h-11 w-11 shrink-0 items-center justify-center rounded-xl bg-gradient-to-br from-[#058BF0] to-[#19418c] text-white"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-zap h-5 w-5"><path d="M4 14a1 1 0 0 1-.78-1.63l9.9-10.2a.5.5 0 0 1 .86.46l-1.92 6.02A1 1 0 0 0 13 10h7a1 1 0 0 1 .78 1.63l-9.9 10.2a.5.5 0 0 1-.86-.46l1.92-6.02A1 1 0 0 0 11 14z"></path></svg></div><h3 class="font-poppins text-base font-bold text-[#0a1b3a]">AI-First Infra Optimization</h3></div><p class="mt-3 text-[13px] leading-relaxed text-gray-600">Cut AI costs by 60-95%. We find what wastes 80% of your budget in 48 hours.</p></a><a href="/ai-first-engineering/fractional-cto" class="flex flex-col rounded-[18px] border border-gray-200/80 bg-white p-5 shadow-[0_1px_2px_rgba(10,27,58,0.04)] transition active:border-[#058BF0]/50"><div class="flex items-center gap-3"><div class="flex h-11 w-11 shrink-0 items-center justify-center rounded-xl bg-gradient-to-br from-[#058BF0] to-[#19418c] text-white"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-user-cog h-5 w-5"><circle cx="18" cy="15" r="3"></circle><circle cx="9" cy="7" r="4"></circle><path d="M10 15H6a4 4 0 0 0-4 4v2"></path><path d="m21.7 16.4-.9-.3"></path><path d="m15.2 13.9-.9-.3"></path><path d="m16.6 18.7.3-.9"></path><path d="m19.1 12.2.3-.9"></path><path d="m19.6 18.7-.4-1"></path><path d="m16.8 12.3-.4-1"></path><path d="m14.3 16.6 1-.4"></path><path d="m20.7 13.8 1-.4"></path></svg></div><h3 class="font-poppins text-base font-bold text-[#0a1b3a]">AI-First Fractional CTO</h3></div><p class="mt-3 text-[13px] leading-relaxed text-gray-600">Battle-tested AI architect on demand. Architecture reviews, team training, strategic guid
92ance.</p></a></div><div class="mt-8 text-center"><a href="/ai-first-engineering" class="group inline-flex items-center gap-2 rounded-lg bg-[#058BF0] px-7 py-3.5 text-sm font-semibold text-white shadow-lg shadow-cloud/30 transition hover:bg-[#0477cc]">Explore more<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right h-4 w-4 transition-transform group-hover:translate-x-0.5"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a></div></div></div><div class="sticky top-0 hidden h-screen overflow-hidden bg-gradient-to-b from-white via-[#f2f7fd] to-[#e8f0fa] lg:block"><div aria-hidden="true" class="pointer-events-none absolute inset-0" style="background:radial-gradient(55% 45% at 78% 28%, rgba(5,139,240,0.14), transparent 70%), radial-gradient(45% 40% at 18% 82%, rgba(25,65,140,0.10), transparent 70%)"></div><div aria-hidden="true" class="pointer-events-none absolute inset-0 opacity-[0.5]" style="background-image:linear-gradient(rgba(10,27,58,0.05) 1px, transparent 1px), linear-gradient(90deg, rgba(10,27,58,0.05) 1px, transparent 1px);background-size:64px 64px;mask-image:radial-gradient(ellipse 80% 60% at 50% 35%, black 20%, transparent 75%);-webkit-mask-image:radial-gradient(ellipse 80% 60% at 50% 35%, black 20%, transparent 75%)"></div><div aria-hidden="true" class="pointer-events-none absolute inset-0 overflow-hidden opacity-60" style="mask-image:linear-gradient(to top, black 0%, black 35%, transparent 85%);-webkit-mask-image:linear-gradient(to top, black 0%, black 35%, transparent 85%)"></div><div class="absolute inset-0 z-0 cursor-none will-change-transform"></div><div aria-hidden="true" class="pointer-events-none fixed left-[-200px] top-[-200px] z-[60] inline-flex origin-center items-center whitespace-nowrap rounded-full bg-[#0a1b3a] px-4 py-2 text-[8px] font-bold uppercase tracking-[0.22em] text-white shadow-[0_10px_40px_-10px_rgba(5,139,240,0.55)] transition-transform duration-200 ease-out" style="transform:translate(-50%, -50%) scale(0);will-change:transform">Drag</div><div class="pointer-events-none relative z-10 mx-auto flex h-full w-11/12 max-w-[1500px] items-center pt-24 lg:pt-32"><div class="pointer-events-auto flex w-full max-w-2xl flex-col gap-8 will-change-transform"><h1 class="font-poppins text-3xl font-extrabold leading-[1.3] tracking-tight text-[#0a1b3a] sm:text-4xl sm:leading-[1.28] lg:text-5xl lg:leading-[1.25] xl:text-[3.5rem] xl:leading-[1.25]"><span class="block">AI-first engineering for</span><span class="block">premium<!-- --> <span class="inline-block align-baseline" aria-live="polite"><span class="inline-block animate-text-rotate bg-gradient-to-r from-cloud via-[#5BB8FF] to-cloud-dark bg-clip-text text-transparent">AI</span></span></span><span class="block">Solutions</span></h1><div class="h-px w-24 bg-gradient-to-r from-[#058BF0] to-transparent"></div><p class="max-w-xl text-base leading-relaxed text-gray-600 sm:text-lg">Cloudastra is an AI-first software company. We architect, build, and scale secure, production-grade systems with AI at the core, pairing senior engineers with AI agents to ship faster.</p><div class="flex flex-wrap items-center gap-4"><button type="button" class="inline-flex items-center rounded-xl bg-cloud px-7 py-3.5 text-sm font-semibold text-white shadow-cloud transition hover:bg-cloud/90">Connect with Experts</button></div></div></div><div class="absolute inset-0 z-20 flex flex-col justify-center px-4 pt-24 will-change-[transform,opacity,filter]" style="opacity:0;transform:translateY(120px);filter:blur(16px);pointer-events:none"><div aria-hidden="true" class="pointer-events-none fixed left-[-200px] top-[-200px] z-[60] inline-flex origin-center items-center whitespace-nowrap rounded-full bg-[#0a1b3a] px-4 py-2 text-[8px] font-bold uppercase tracking-[0.22em] text-white shadow-[0_10px_40px_-10px_rgba(5,139,240,0.55)] transition-transform duration-200 ease-out" style="transform:translate(-50%, -50%) scale(0);will-change:transform">Explore</div><div class="mx-auto w-11/12 max-w-[1400px] text-center"><h2 class="font-poppins text-3xl font-bold leading-[1.2] tracking-tight text-[#0a1b3a] sm:text-4xl lg:text-5xl">AI-First Engineering Services</h2><p class="mx-auto mt-5 max-w-3xl text-base leading-relaxed text-gray-600">From architecture audit to production-grade AI systems, engineered for scale.</p><div class="mt-10 grid auto-rows-fr grid-cols-1 gap-5 text-left md:grid-cols-2 lg:grid-cols-3"><a href="/ai-first-engineering/mvp-build" class="block h-full cursor-none"><div class="border-glow-card border-glow-card--light h-full cursor-none" style="--card-bg:#ffffff;--edge-sensitivity:30;--border-radius:18px;--glow-padding:32px;--cone-spread:25;--fill-opacity:0.4;--glow-color:hsl(208deg 95% 55% / 100%);--glow-color-60:hsl(208deg 95% 55% / 60%);--glow-color-50:hsl(208deg 95% 55% / 50%);--glow-color-40:hsl(208deg 95% 55% / 40%);--glow-color-30:hsl(208deg 95% 55% / 30%);--glow-color-20:hsl(208deg 95% 55% / 20%);--glow-color-10:hsl(208deg 95% 55% / 10%);--gradient-one:radial-gradient(at 80% 55%, #058BF0 0px, transparent 50%);--gradient-two:radial-gradient(at 69% 34%, #5BB8FF 0px, transparent 50%);--gradient-three:radial-gradient(at 8% 6%, #19418c 0px, transparent 50%);--gradient-four:radial-gradient(at 41% 38%, #058BF0 0px, transparent 50%);--gradient-five:radial-gradient(at 86% 85%, #5BB8FF 0px, transparent 50%);--gradient-six:radial-gradient(at 82% 18%, #19418c 0px, transparent 50%);--gradient-seven:radial-gradient(at 51% 4%, #5BB8FF 0px, transparent 50%);--gradient-base:linear-gradient(#058BF0 0 100%)"><span class="edge-light"></span><div class="border-glow-inner"><div class="flex h-full flex-col p-5"><div class="flex items-center gap-3"><div class="flex h-11 w-11 shrink-0 items-center justify-center rounded-xl bg-gradient-to-br from-[#058BF0] to-[#19418c] text-white"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-layers h-5 w-5"><path d="M12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83z"></path><path d="M2 12a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 12"></path><path d="M2 17a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 17"></path></svg></div><h3 class="font-poppins text-base font-bold text-[#0a1b3a]">AI-First MVP Build</h3></div><p class="mt-3 text-[13px] leading-relaxed text-gray-600">Production-grade AI-native MVP in 2-6 weeks. Architecture that scales from day one.</p></div></div></div></a><a href="/ai-first-engineering/architecture-audit" class="block h-full cursor-none"><div class="border-glow-card border-glow-card--light h-full cursor-none" style="--card-bg:#ffffff;--edge-sensitivity:30;--border-radius:18px;--glow-padding:32px;--cone-spread:25;--fill-opacity:0.4;--glow-color:hsl(208deg 95% 55% / 100%);--glow-color-60:hsl(208deg 95% 55% / 60%);--glow-color-50:hsl(208deg 95% 55% / 50%);--glow-color-40:hsl(208deg 95% 55% / 40%);--glow-color-30:hsl(208deg 95% 55% / 30%);--glow-color-20:hsl(208deg 95% 55% / 20%);--glow-color-10:hsl(208deg 95% 55% / 10%);--gradient-one:radial-gradient(at 80% 55%, #058BF0 0px, transparent 50%);--gradient-two:radial-gradient(at 69% 34%, #5BB8FF 0px, transparent 50%);--gradient-three:radial-gradient(at 8% 6%, #19418c 0px, transparent 50%);--gradient-four:radial-gradient(at 41% 38%, #058BF0 0px, transparent 50%);--gradient-five:radial-gradient(at 86% 85%, #5BB8FF 0px, transparent 50%);--gradient-six:radial-gradient(at 82% 18%, #19418c 0px, transparent 50%);--gradient-seven:radial-gradient(at 51% 4%, #5BB8FF 0px, transparent 50%);--gradient-base:linear-gradient(#058BF0 0 100%)"><span class="edge-light"></span><div class="border-glow-inner"><div class="flex h-full flex-col p-5"><div class="flex items-center gap-3"><div class="flex h-11 w-11 shrink-0 items-center justify-center rounded-xl bg-gradient-to-br from-[#058BF0] to-[#19418c] text-white"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-clipboard-check h-5 w-5"><rect width="8" height="4" x="8" y="2" rx="1" ry="1"></rect><path d="M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2"></path><path d="m9 14 2 2 4-4"></path></svg></div><h3 class="font-poppins text-base font-bold text-[#0a1b3a]">AI-First Architecture Audit</h3></div><p class="mt-3 text-[13px] leading-relaxed text-gray-600">
922-day deep dive with AI-readiness assessment, cost optimization, and prioritized roadmap.</p></div></div></div></a><a href="/ai-first-engineering/product-engineering" class="block h-full cursor-none"><div class="border-glow-card border-glow-card--light h-full cursor-none" style="--card-bg:#ffffff;--edge-sensitivity:30;--border-radius:18px;--glow-padding:32px;--cone-spread:25;--fill-opacity:0.4;--glow-color:hsl(208deg 95% 55% / 100%);--glow-color-60:hsl(208deg 95% 55% / 60%);--glow-color-50:hsl(208deg 95% 55% / 50%);--glow-color-40:hsl(208deg 95% 55% / 40%);--glow-color-30:hsl(208deg 95% 55% / 30%);--glow-color-20:hsl(208deg 95% 55% / 20%);--glow-color-10:hsl(208deg 95% 55% / 10%);--gradient-one:radial-gradient(at 80% 55%, #058BF0 0px, transparent 50%);--gradient-two:radial-gradient(at 69% 34%, #5BB8FF 0px, transparent 50%);--gradient-three:radial-gradient(at 8% 6%, #19418c 0px, transparent 50%);--gradient-four:radial-gradient(at 41% 38%, #058BF0 0px, transparent 50%);--gradient-five:radial-gradient(at 86% 85%, #5BB8FF 0px, transparent 50%);--gradient-six:radial-gradient(at 82% 18%, #19418c 0px, transparent 50%);--gradient-seven:radial-gradient(at 51% 4%, #5BB8FF 0px, transparent 50%);--gradient-base:linear-gradient(#058BF0 0 100%)"><span class="edge-light"></span><div class="border-glow-inner"><div class="flex h-full flex-col p-5"><div class="flex items-center gap-3"><div class="flex h-11 w-11 shrink-0 items-center justify-center rounded-xl bg-gradient-to-br from-[#058BF0] to-[#19418c] text-white"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-settings h-5 w-5"><path d="M12.22 2h-.44a2 2 0 0 0-2 2v.18a2 2 0 0 1-1 1.73l-.43.25a2 2 0 0 1-2 0l-.15-.08a2 2 0 0 0-2.73.73l-.22.38a2 2 0 0 0 .73 2.73l.15.1a2 2 0 0 1 1 1.72v.51a2 2 0 0 1-1 1.74l-.15.09a2 2 0 0 0-.73 2.73l.22.38a2 2 0 0 0 2.73.73l.15-.08a2 2 0 0 1 2 0l.43.25a2 2 0 0 1 1 1.73V20a2 2 0 0 0 2 2h.44a2 2 0 0 0 2-2v-.18a2 2 0 0 1 1-1.73l.43-.25a2 2 0 0 1 2 0l.15.08a2 2 0 0 0 2.73-.73l.22-.39a2 2 0 0 0-.73-2.73l-.15-.08a2 2 0 0 1-1-1.74v-.5a2 2 0 0 1 1-1.74l.15-.09a2 2 0 0 0 .73-2.73l-.22-.38a2 2 0 0 0-2.73-.73l-.15.08a2 2 0 0 1-2 0l-.43-.25a2 2 0 0 1-1-1.73V4a2 2 0 0 0-2-2z"></path><circle cx="12" cy="12" r="3"></circle></svg></div><h3 class="font-poppins text-base font-bold text-[#0a1b3a]">AI-First Product Engineering</h3></div><p class="mt-3 text-[13px] leading-relaxed text-gray-600">RAG systems, AI agents, and intelligent automation engineered into your product core.</p></div></div></div></a><a href="/ai-first-engineering/system-modernization" class="block h-full cursor-none"><div class="border-glow-card border-glow-card--light h-full cursor-none" style="--card-bg:#ffffff;--edge-sensitivity:30;--border-radius:18px;--glow-padding:32px;--cone-spread:25;--fill-opacity:0.4;--glow-color:hsl(208deg 95% 55% / 100%);--glow-color-60:hsl(208deg 95% 55% / 60%);--glow-color-50:hsl(208deg 95% 55% / 50%);--glow-color-40:hsl(208deg 95% 55% / 40%);--glow-color-30:hsl(208deg 95% 55% / 30%);--glow-color-20:hsl(208deg 95% 55% / 20%);--glow-color-10:hsl(208deg 95% 55% / 10%);--gradient-one:radial-gradient(at 80% 55%, #058BF0 0px, transparent 50%);--gradient-two:radial-gradient(at 69% 34%, #5BB8FF 0px, transparent 50%);--gradient-three:radial-gradient(at 8% 6%, #19418c 0px, transparent 50%);--gradient-four:radial-gradient(at 41% 38%, #058BF0 0px, transparent 50%);--gradient-five:radial-gradient(at 86% 85%, #5BB8FF 0px, transparent 50%);--gradient-six:radial-gradient(at 82% 18%, #19418c 0px, transparent 50%);--gradient-seven:radial-gradient(at 51% 4%, #5BB8FF 0px, transparent 50%);--gradient-base:linear-gradient(#058BF0 0 100%)"><span class="edge-light"></span><div class="border-glow-inner"><div class="flex h-full flex-col p-5"><div class="flex items-center gap-3"><div class="flex h-11 w-11 shrink-0 items-center justify-center rounded-xl bg-gradient-to-br from-[#058BF0] to-[#19418c] text-white"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-code-xml h-5 w-5"><path d="m18 16 4-4-4-4"></path><path d="m6 8-4 4 4 4"></path><path d="m14.5 4-5 16"></path></svg></div><h3 class="font-poppins text-base font-bold text-[#0a1b3a]">AI-First System Modernization</h3></div><p class="mt-3 text-[13px] leading-relaxed text-gray-600">Zero-downtime migration to AI-native architecture. 60-80% infrastru
92cture cost reduction.</p></div></div></div></a><a href="/ai-first-engineering/infrastructure-optimization" class="block h-full cursor-none"><div class="border-glow-card border-glow-card--light h-full cursor-none" style="--card-bg:#ffffff;--edge-sensitivity:30;--border-radius:18px;--glow-padding:32px;--cone-spread:25;--fill-opacity:0.4;--glow-color:hsl(208deg 95% 55% / 100%);--glow-color-60:hsl(208deg 95% 55% / 60%);--glow-color-50:hsl(208deg 95% 55% / 50%);--glow-color-40:hsl(208deg 95% 55% / 40%);--glow-color-30:hsl(208deg 95% 55% / 30%);--glow-color-20:hsl(208deg 95% 55% / 20%);--glow-color-10:hsl(208deg 95% 55% / 10%);--gradient-one:radial-gradient(at 80% 55%, #058BF0 0px, transparent 50%);--gradient-two:radial-gradient(at 69% 34%, #5BB8FF 0px, transparent 50%);--gradient-three:radial-gradient(at 8% 6%, #19418c 0px, transparent 50%);--gradient-four:radial-gradient(at 41% 38%, #058BF0 0px, transparent 50%);--gradient-five:radial-gradient(at 86% 85%, #5BB8FF 0px, transparent 50%);--gradient-six:radial-gradient(at 82% 18%, #19418c 0px, transparent 50%);--gradient-seven:radial-gradient(at 51% 4%, #5BB8FF 0px, transparent 50%);--gradient-base:linear-gradient(#058BF0 0 100%)"><span class="edge-light"></span><div class="border-glow-inner"><div class="flex h-full flex-col p-5"><div class="flex items-center gap-3"><div class="flex h-11 w-11 shrink-0 items-center justify-center rounded-xl bg-gradient-to-br from-[#058BF0] to-[#19418c] text-white"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-zap h-5 w-5"><path d="M4 14a1 1 0 0 1-.78-1.63l9.9-10.2a.5.5 0 0 1 .86.46l-1.92 6.02A1 1 0 0 0 13 10h7a1 1 0 0 1 .78 1.63l-9.9 10.2a.5.5 0 0 1-.86-.46l1.92-6.02A1 1 0 0 0 11 14z"></path></svg></div><h3 class="font-poppins text-base font-bold text-[#0a1b3a]">AI-First Infra Optimization</h3></div><p class="mt-3 text-[13px] leading-relaxed text-gray-600">Cut AI costs by 60-95%. We find what wastes 80% of your budget in 48 hours.</p></div></div></div></a><a href="/ai-first-engineering/fractional-cto" class="block h-full cursor-none"><div class="border-glow-card border-glow-card--light h-full cursor-none" style="--card-bg:#ffffff;--edge-sensitivity:30;--border-radius:18px;--glow-padding:32px;--cone-spread:25;--fill-opacity:0.4;--glow-color:hsl(208deg 95% 55% / 100%);--glow-color-60:hsl(208deg 95% 55% / 60%);--glow-color-50:hsl(208deg 95% 55% / 50%);--glow-color-40:hsl(208deg 95% 55% / 40%);--glow-color-30:hsl(208deg 95% 55% / 30%);--glow-color-20:hsl(208deg 95% 55% / 20%);--glow-color-10:hsl(208deg 95% 55% / 10%);--gradient-one:radial-gradient(at 80% 55%, #058BF0 0px, transparent 50%);--gradient-two:radial-gradient(at 69% 34%, #5BB8FF 0px, transparent 50%);--gradient-three:radial-gradient(at 8% 6%, #19418c 0px, transparent 50%);--gradient-four:radial-gradient(at 41% 38%, #058BF0 0px, transparent 50%);--gradient-five:radial-gradient(at 86% 85%, #5BB8FF 0px, transparent 50%);--gradient-six:radial-gradient(at 82% 18%, #19418c 0px, transparent 50%);--gradient-seven:radial-gradient(at 51% 4%, #5BB8FF 0px, transparent 50%);--gradient-base:linear-gradient(#058BF0 0 100%)"><span class="edge-light"></span><div class="border-glow-inner"><div class="flex h-full flex-col p-5"><div class="flex items-center gap-3"><div class="flex h-11 w-11 shrink-0 items-center justify-center rounded-xl bg-gradient-to-br from-[#058BF0] to-[#19418c] text-white"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-user-cog h-5 w-5"><circle cx="18" cy="15" r="3"></circle><circle cx="9" cy="7" r="4"></circle><path d="M10 15H6a4 4 0 0 0-4 4v2"></path><path d="m21.7 16.4-.9-.3"></path><path d="m15.2 13.9-.9-.3"></path><path d="m16.6 18.7.3-.9"></path><path d="m19.1 12.2.3-.9"></path><path d="m19.6 18.7-.4-1"></path><path d="m16.8 12.3-.4-1"></path><path d="m14.3 16.6 1-.4"></path><path d="m20.7 13.8 1-.4"></path></svg></div><h3 class="font-poppins text-base font-bold text-[#0a1b3a]">AI-First Fractional CTO</h3></div><p class="mt-3 text-[13px] leading-relaxed text-gray-600">Battle-tested AI architect on demand. Architecture reviews, team training, strategic guid
92ance.</p></div></div></div></a></div><div class="mt-8"><a href="/ai-first-engineering" class="group inline-flex items-center gap-2 rounded-lg bg-[#058BF0] px-7 py-3.5 text-sm font-semibold text-white shadow-lg shadow-cloud/30 transition hover:bg-[#0477cc]">Explore more<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right h-4 w-4 transition-transform group-hover:translate-x-0.5"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a></div></div></div></div></section><!--$--><section data-nav-theme="light" class="relative z-20 overflow-hidden rounded-t-[2.5rem] border-t border-[#0a1b3a]/5 bg-white shadow-[0_-24px_60px_-34px_rgba(10,27,58,0.22)] lg:-mt-24"><div class="pb-10 pt-32"><div class="mx-auto w-11/12 max-w-[1500px]"><div class="flex flex-wrap items-center justify-center gap-x-12 gap-y-10 lg:gap-x-20"><div class="flex flex-col items-start gap-2.5"><img src="/new-logos/google.png" alt="Google" loading="lazy" decoding="async" class="h-7 w-auto"/><div class="flex items-center gap-2"><span class="text-2xl font-bold leading-none text-[#0a1b3a]">5.0</span><div class="flex gap-0.5"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star h-4 w-4 fill-[#FBBC04] text-[#FBBC04]"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star h-4 w-4 fill-[#FBBC04] text-[#FBBC04]"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star h-4 w-4 fill-[#FBBC04] text-[#FBBC04]"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star h-4 w-4 fill-[#FBBC04] text-[#FBBC04]"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star h-4 w-4 fill-[#FBBC04] text-[#FBBC04]"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg></div></div></div><div class="hidden h-14 w-px bg-gray-300 lg:block"></div><div class="flex flex-col items-start gap-2.5"><img src="/new-logos/trustpilot.png" alt="Trustpilot" loading="lazy" decoding="async" class="h-6 w-auto"/><div class="flex items-center gap-2"><span class="text-2xl font-bold leading-none text-[#0a1b3a]">4.3</span><div class="flex gap-0.5"><span class="flex h-5 w-5 items-center justify-center bg-[#00b67a]"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star h-3.5 w-3.5 fill-white text-white"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg></span><span class="flex h-5 w-5 items-center justify-center bg-[#00b67a]"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star h-3.5 w-3.5 fill-white text-white"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg></span><span class="flex h-5 w-5 items-center justify-center bg-[#00b67a]"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star h-3.5 w-3.5 fill-white text-white"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg></span><span class="flex h-5 w-5 items-center justify-center bg-[#00b67a]"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star h-3.5 w-3.5 fill-white text-white"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg></span><span class="flex h-5 w-5 items-center justify-center bg-[#00b67a]" style="clip-path:inset(0 50% 0 0)"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star h-3.5 w-3.5 fill-white text-white"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg></span></div></div></div><div class="hidden h-14 w-px bg-gray-300 lg:block"></div><div class="flex flex-col items-start gap-2.5"><p class="text-xs font-semibold uppercase tracking-[0.18em] text-gray-500">Recognized Member of</p><img src="/new-logos/nasscom.png" alt="NASSCOM" loading="lazy" decoding="async" class="h-7 w-auto"/></div></div></div></div><div class="relative pb-20 pt-24"><h3 class="mb-10 text-center text-xs font-semibold uppercase tracking-[0.22em] text-gray-500 sm:text-sm">Trusted by teams across the globe</h3><div class="relative"><div aria-hidden="true" class="pointer-events-none absolute inset-y-0 left-0 z-10 w-32 bg-gradient-to-r from-white to-transparent"></div><div aria-hidden="true" class="pointer-events-none absolute inset-y-0 right-0 z-10 w-32 bg-gradient-to-l from-white to-transparent"></div><div class="overflow-hidden"><div class="flex w-max gap-12 will-change-transform"><div class="client-logo-card flex h-[3.6rem] w-[7.2rem] shrink-0 items-center justify-center px-2"><img src="/client-logos/logo-1.png" alt="Client logo 1" loading="lazy" decoding="async" class="max-h-[2.4rem] w-auto max-w-full object-contain"/></div><div class="client-logo-card flex h-[3.6rem] w-[7.2rem] shrink-0 items-center justify-center px-2"><img src="/client-logos/logo-2.png" alt="Client logo 2" loading="lazy" decoding="async" class="max-h-[2.4rem] w-auto max-w-full object-contain"/></div><div class="client-logo-card flex h-[3.6rem] w-[7.2rem] shrink-0 items-center justify-center px-2"><img src="/client-logos/logo-3.png" alt="Client logo 3" loading="lazy" decoding="async" class="max-h-[2.4rem] w-auto max-w-full object-contain"/></div><div class="client-logo-card flex h-[3.6rem] w-[7.2rem] shrink-0 items-center justify-center px-2"><img src="/client-logos/logo-4.png" alt="Client logo 4" loading="lazy" decoding="async" class="max-h-[2.4rem] w-auto max-w-full object-contain"/></div><div class="client-logo-card flex h-[3.6rem] w-[7.2rem] shrink-0 items-center justify-center px-2"><img src="/client-logos/logo-5.png" alt="Client logo 5" loading="lazy" decoding="async" class="max-h-[2.4rem] w-auto max-w-full object-contain"/></div><div class="client-logo-card flex h-[3.6rem] w-[7.2rem] shrink-0 items-center justify-center px-2"><img src="/client-logos/logo-6.png" alt="Client logo 6" loading="lazy" decoding="async" class="max-h-[2.4rem] w-auto max-w-full object-contain"/></div><div class="client-logo-card flex h-[3.6rem] w-[7.2rem] shrink-0 items-center justify-center px-2"><img src="/client-logos/logo-7.png" alt="Client logo 7" loading="lazy" decoding="async" class="max-h-[2.4rem] w-auto max-w-full object-contain"/></div><div class="client-logo-card flex h-[3.6rem] w-[7.2rem] shrink-0 items-center justify-center px-2"><img src="/client-logos/logo-8.png" alt="Client logo 8" loading="lazy" decoding="async" class="max-h-[2.4rem] w-auto max-w-full object-contain"/></div><div class="client-logo-card flex h-[3.6rem] w-[7.2rem] shrink-0 items-center justify-center px-2"><img src="/client-logos/logo-9.png" alt="Client logo 9" loading="lazy" decoding="async" class="max-h-[2.4rem] w-auto max-w-full object-contain"/></div><div class="client-logo-card flex h-[3.6rem] w-[7.2rem] shrink-0 items-center justify-center px-2"><img src="/client-logos/logo-10.png" alt="Client logo 10" loading="lazy" decoding="async" class="max-h-[2.4rem] w-auto max-w-full object-contain"/></div><div class="client-logo-card flex h-[3.6rem] w-[7.2rem] shrink-0 items-center justify-center px-2"><img src="/client-logos/logo-11.png" alt="Client logo 11" loading="lazy" decoding="async" class="max-h-[2.4rem] w-auto max-w-full object-contain"/></div><div class="client-logo-card flex h-[3.6rem] w-[7.2rem] shrink-0 items-center justify-center px-2"><img src="/client-logos/logo-12.png" alt="Client logo 12" loading="lazy" decoding="async" class="max-h-[2.4rem] w-auto max-w-full object-contain"/></div><div class="client-logo-card flex h-[3.6rem] w-[7.2rem] shrink-0 items-center justify-center px-2"><img src="/client-logos/logo-13.png" alt="Client logo 13" loading="lazy" decoding="async" class="max-h-[2.4rem] w-auto max-w-full object-contain"/></div><div class="client-logo-card flex h-[3.6rem] w-[7.2rem] shrink-0 items-center justify-center px-2"><img src="/client-logos/logo-14.png" alt="Client logo 14" loading="lazy" decoding="async" class="max-h-[2.4rem] w-auto max-w-full object-contain"/></div><div class="client-logo-card flex h-[3.6rem] w-[7.2rem] shrink-0 items-center justify-center px-2"><img src="/client-logos/logo-15.png" alt="Client logo 15" loading="lazy" decoding="async" class="max-h-[2.4rem] w-auto max-w-full object-contain"/></div><div class="client-logo-card flex h-[3.6rem] w-[7.2rem] shrink-0 items-center justify-center px-2"><img src="/client-logos/logo-17.svg" alt="Client logo 16" loading="lazy" decoding="async" class="max-h-[2.4rem] w-auto max-w-full object-contain"/></div><div class="client-logo-card flex h-[3.6rem] w-[7.2rem] shrink-0 items-center justify-center px-2"><img src="/client-logos/logo-18.png" alt="Client logo 17" loading="lazy" decoding="async" class="max-h-[2.4rem] w-auto max-w-full object-contain"/></div><div class="client-logo-card flex h-[3.6rem] w-[7.2rem] shrink-0 items-center justify-center px-2"><img src="/client-logos/logo-1.png" alt="Client logo 1" loading="lazy" decoding="async" class="max-h-[2.4rem] w-auto max-w-full object-contain"/></div><div class="client-logo-card flex h-[3.6rem] w-[7.2rem] shrink-0 items-center justify-center px-2"><img src="/client-logos/logo-2.png" alt="Client logo 2" loading="lazy" decoding="async" class="max-h-[2.4rem] w-auto max-w-full object-contain"/></div><div class="client-logo-card flex h-[3.6rem] w-[7.2rem] shrink-0 items-center justify-center px-2"><img src="/client-logos/logo-3.png" alt="Client logo 3" loading="lazy" decoding="async" class="max-h-[2.4rem] w-auto max-w-full object-contain"/></div><div class="client-logo-card flex h-[3.6rem] w-[7.2rem] shrink-0 items-center justify-center px-2"><img src="/client-logos/logo-4.png" alt="Client logo 4" loading="lazy" decoding="async" class="max-h-[2.4rem] w-auto max-w-full object-contain"/></div><div class="client-logo-card flex h-[3.6rem] w-[7.2rem] shrink-0 items-center justify-center px-2"><img src="/client-logos/logo-5.png" alt="Client logo 5" loading="lazy" decoding="async" class="max-h-[2.4rem] w-auto max-w-full object-contain"/></div><div class="client-logo-card flex h-[3.6rem] w-[7.2rem] shrink-0 items-center justify-center px-2"><img src="/client-logos/logo-6.png" alt="Client logo 6" loading="lazy" decoding="async" class="max-h-[2.4rem] w-auto max-w-full object-contain"/></div><div class="client-logo-card flex h-[3.6rem] w-[7.2rem] shrink-0 items-center justify-center px-2"><img src="/client-logos/logo-7.png" alt="Client logo 7" loading="lazy" decoding="async" class="max-h-[2.4rem] w-auto max-w-full object-contain"/></div><div class="client-logo-card flex h-[3.6rem] w-[7.2rem] shrink-0 items-center justify-center px-2"><img src="/client-logos/logo-8.png" alt="Client logo 8" loading="lazy" decoding="async" class="max-h-[2.4rem] w-auto max-w-full object-contain"/></div><div class="client-logo-card flex h-[3.6rem] w-[7.2rem] shrink-0 items-center justify-center px-2"><img src="/client-logos/logo-9.png" alt="Client logo 9" loading="lazy" decoding="async" class="max-h-[2.4rem] w-auto max-w-full object-contain"/></div><div class="client-logo-card flex h-[3.6rem] w-[7.2rem] shrink-0 items-center justify-center px-2"><img src="/client-logos/logo-10.png" alt="Client logo 10" loading="lazy" decoding="async" class="max-h-[2.4rem] w-auto max-w-full object-contain"/></div><div class="client-logo-card flex h-[3.6rem] w-[7.2rem] shrink-0 items-center justify-center px-2"><img src="/client-logos/logo-11.png" alt="Client logo 11" loading="lazy" decoding="async" class="max-h-[2.4rem] w-auto max-w-full object-contain"/></div><div class="client-logo-card flex h-[3.6rem] w-[7.2rem] shrink-0 items-center justify-center px-2"><img
92 src="/client-logos/logo-12.png" alt="Client logo 12" loading="lazy" decoding="async" class="max-h-[2.4rem] w-auto max-w-full object-contain"/></div><div class="client-logo-card flex h-[3.6rem] w-[7.2rem] shrink-0 items-center justify-center px-2"><img src="/client-logos/logo-13.png" alt="Client logo 13" loading="lazy" decoding="async" class="max-h-[2.4rem] w-auto max-w-full object-contain"/></div><div class="client-logo-card flex h-[3.6rem] w-[7.2rem] shrink-0 items-center justify-center px-2"><img src="/client-logos/logo-14.png" alt="Client logo 14" loading="lazy" decoding="async" class="max-h-[2.4rem] w-auto max-w-full object-contain"/></div><div class="client-logo-card flex h-[3.6rem] w-[7.2rem] shrink-0 items-center justify-center px-2"><img src="/client-logos/logo-15.png" alt="Client logo 15" loading="lazy" decoding="async" class="max-h-[2.4rem] w-auto max-w-full object-contain"/></div><div class="client-logo-card flex h-[3.6rem] w-[7.2rem] shrink-0 items-center justify-center px-2"><img src="/client-logos/logo-17.svg" alt="Client logo 16" loading="lazy" decoding="async" class="max-h-[2.4rem] w-auto max-w-full object-contain"/></div><div class="client-logo-card flex h-[3.6rem] w-[7.2rem] shrink-0 items-center justify-center px-2"><img src="/client-logos/logo-18.png" alt="Client logo 17" loading="lazy" decoding="async" class="max-h-[2.4rem] w-auto max-w-full object-contain"/></div></div></div></div></div></section><!--/$--><!--$--><section data-nav-theme="light" class="relative bg-[#f6f8fb] py-24 lg:py-32"><div class="mx-auto w-11/12 max-w-[1280px]"><div class="grid items-center gap-12 lg:grid-cols-[5fr_7fr] lg:gap-16"><div><h2 class="font-poppins text-4xl font-bold leading-[1.2] sm:leading-[1.2] lg:leading-[1.2] tracking-tight text-[#0a1b3a] sm:text-5xl lg:text-[3.25rem]">Partnerships</h2><p class="mt-6 max-w-lg text-base leading-relaxed text-gray-600 lg:text-lg">We build on the platforms that make AI-first engineering dependable. From open infrastructure to security and compliance, these partnerships let us ship production-grade AI on foundations you can trust.</p></div><div class="grid grid-cols-2 gap-3 sm:gap-4"><article class="partner-card group flex h-32 items-center justify-center rounded-2xl border border-gray-200/80 bg-white p-5 shadow-[0_1px_2px_rgba(10,27,58,0.04)] transition hover:-translate-y-0.5 hover:border-[#058BF0]/40 hover:shadow-lg hover:shadow-cloud/5 lg:h-40 lg:p-6"><div class="flex h-12 w-full items-center justify-center lg:h-14"><img src="/new-logos/redhat.png" alt="Red Hat logo" loading="lazy" decoding="async" class="w-auto max-w-[70%] object-contain max-h-full"/></div></article><article class="partner-card group flex h-32 items-center justify-center rounded-2xl border border-gray-200/80 bg-white p-5 shadow-[0_1px_2px_rgba(10,27,58,0.04)] transition hover:-translate-y-0.5 hover:border-[#058BF0]/40 hover:shadow-lg hover:shadow-cloud/5 lg:h-40 lg:p-6"><div class="flex h-12 w-full items-center justify-center lg:h-14"><img src="/new-logos/databricks.png" alt="Databricks logo" loading="lazy" decoding="async" class="w-auto max-w-[70%] object-contain max-h-full"/></div></article><article class="partner-card group flex h-32 items-center justify-center rounded-2xl border border-gray-200/80 bg-white p-5 shadow-[0_1px_2px_rgba(10,27,58,0.04)] transition hover:-translate-y-0.5 hover:border-[#058BF0]/40 hover:shadow-lg hover:shadow-cloud/5 lg:h-40 lg:p-6"><div class="flex h-12 w-full items-center justify-center lg:h-14"><img src="/new-logos/sprinto.png" alt="Sprinto logo" loading="lazy" decoding="async" class="w-auto max-w-[70%] object-contain max-h-[82%]"/></div></article><article class="partner-card group flex h-32 items-center justify-center rounded-2xl border border-gray-200/80 bg-white p-5 shadow-[0_1px_2px_rgba(10,27,58,0.04)] transition hover:-translate-y-0.5 hover:border-[#058BF0]/40 hover:shadow-lg hover:shadow-cloud/5 lg:h-40 lg:p-6"><div class="flex h-12 w-full items-center justify-center lg:h-14"><img src="/new-logos/gem.png" alt="GeM logo" loading="lazy" decoding="async" class="w-auto max-w-[70%] object-contain max-h-full"/></div></article></div></div></div></section><!--/$--><!--$--><section data-nav-theme="light" class="aiexp relative z-10 bg-[#f6f8fb] py-20 lg:py-28"><div aria-hidden="true" class="pointer-events-none fixed left-0 top-0 z-[60] whitespace-nowrap rounded-full bg-[#0a1b3a] px-3.5 py-1.5 text-[10px] font-semibold uppercase tracking-[0.18em] text-white opacity-0 shadow-lg shadow-black/25 transition-opacity duration-200 will-change-transform">Explore service</div><div class="mx-auto w-11/12 max-w-[1280px]"><div class="grid items-center gap-12 lg:grid-cols-[2fr_3fr] lg:gap-12"><div class="aiexp-left"><p class="text-xs font-semibold uppercase tracking-[0.28em] text-[#058BF0] sm:text-sm">Our Expertise</p><h2 class="mt-5 font-poppins text-3xl font-bold leading-[1.2] sm:leading-[1.2] lg:leading-[1.2] tracking-tight text-[#0a1b3a] sm:text-4xl lg:text-5xl xl:text-[3.5rem]">Capabilities That Span Your Entire Stack</h2><p class="mt-6 max-w-xl text-base leading-relaxed text-gray-600 lg:text-lg">From cloud and DevOps to AI, web, and design, we bring production-grade, AI-first expertise to every layer of what we build for you.</p><div class="mt-10"><a href="/ai-first-engineering" class="group inline-flex items-center gap-2 rounded-lg bg-[#058BF0] px-7 py-3.5 text-sm font-semibold text-white shadow-lg shadow-cloud/30 transition hover:bg-[#0477cc]">Explore Services<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right h-4 w-4 transition-transform group-hover:translate-x-0.5"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a></div></div><div class="grid grid-cols-1 gap-5 sm:grid-cols-2"><a href="/ai-first-engineering" class="aiexp-card flex cursor-none items-center gap-3 rounded-2xl border border-[#0a1b3a]/10 bg-white p-6 hover:border-[#058BF0]/40 hover:shadow-md lg:p-7"><span class="inline-flex h-11 w-11 shrink-0 items-center justify-center rounded-xl bg-[#058BF0]/10 text-[#058BF0]"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.1" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-monitor h-5 w-5"><rect width="20" height="14" x="2" y="3" rx="2"></rect><line x1="8" x2="16" y1="21" y2="21"></line><line x1="12" x2="12" y1="17" y2="21"></line></svg></span>
92<h3 class="font-poppins text-lg font-bold leading-snug text-[#0a1b3a] lg:text-xl">AI-First Cloud</h3></a><a href="/ai-first-engineering" class="aiexp-card flex cursor-none items-center gap-3 rounded-2xl border border-[#0a1b3a]/10 bg-white p-6 hover:border-[#058BF0]/40 hover:shadow-md lg:p-7"><span class="inline-flex h-11 w-11 shrink-0 items-center justify-center rounded-xl bg-[#058BF0]/10 text-[#058BF0]"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.1" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-bot h-5 w-5"><path d="M12 8V4H8"></path><rect width="16" height="12" x="4" y="8" rx="2"></rect><path d="M2 14h2"></path><path d="M20 14h2"></path><path d="M15 13v2"></path><path d="M9 13v2"></path></svg></span><h3 class="font-poppins text-lg font-bold leading-snug text-[#0a1b3a] lg:text-xl">AI Development</h3></a><a href="/ai-first-engineering" class="aiexp-card flex cursor-none items-center gap-3 rounded-2xl border border-[#0a1b3a]/10 bg-white p-6 hover:border-[#058BF0]/40 hover:shadow-md lg:p-7"><span class="inline-flex h-11 w-11 shrink-0 items-center justify-center rounded-xl bg-[#058BF0]/10 text-[#058BF0]"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.1" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-wrench h-5 w-5"><path d="M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.77-3.77a6 6 0 0 1-7.94 7.94l-6.91 6.91a2.12 2.12 0 0 1-3-3l6.91-6.91a6 6 0 0 1 7.94-7.94l-3.76 3.76z"></path></svg></span><h3 class="font-poppins text-lg font-bold leading-snug text-[#0a1b3a] lg:text-xl">AI-First DevOps</h3></a><a href="/ai-first-engineering" class="aiexp-card flex cursor-none items-center gap-3 rounded-2xl border border-[#0a1b3a]/10 bg-white p-6 hover:border-[#058BF0]/40 hover:shadow-md lg:p-7"><span class="inline-flex h-11 w-11 shrink-0 items-center justify-center rounded-xl bg-[#058BF0]/10 text-[#058BF0]"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.1" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-code h-5 w-5"><polyline points="16 18 22 12 16 6"></polyline><polyline points="8 6 2 12 8 18"></polyline></svg></span><h3 class="font-poppins text-lg font-bold leading-snug text-[#0a1b3a] lg:text-xl">AI-First Web Apps</h3></a><a href="/ai-first-engineering" class="aiexp-card flex cursor-none items-center gap-3 rounded-2xl border border-[#0a1b3a]/10 bg-white p-6 hover:border-[#058BF0]/40 hover:shadow-md lg:p-7"><span class="inline-flex h-11 w-11 shrink-0 items-center justify-center rounded-xl bg-[#058BF0]/10 text-[#058BF0]"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.1" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-workflow h-5 w-5"><rect width="8" height="8" x="3" y="3" rx="2"></rect><path d="M7 11v4a2 2 0 0 0 2 2h4"></path><rect width="8" height="8" x="13" y="13" rx="2"></rect></svg></span><h3 class="font-poppins text-lg font-bold leading-snug text-[#0a1b3a] lg:text-xl">AI Automation</h3></a><a href="/ai-first-engineering" class="aiexp-card flex cursor-none items-center gap-3 rounded-2xl border border-[#0a1b3a]/10 bg-white p-6 hover:border-[#058BF0]/40 hover:shadow-md lg:p-7"><span class="inline-flex h-11 w-11 shrink-0 items-center justify-center rounded-xl bg-[#058BF0]/10 text-[#058BF0]"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.1" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-palette h-5 w-5"><circle cx="13.5" cy="6.5" r=".5" fill="currentColor"></circle><circle cx="17.5" cy="10.5" r=".5" fill="currentColor"></circle><circle cx="8.5" cy="7.5" r=".5" fill="currentColor"></circle><circle cx="6.5" cy="12.5" r=".5" fill="currentColor"></circle><path d="M12 2C6.5 2 2 6.5 2 12s4.5 10 10 10c.926 0 1.648-.746 1.648-1.688 0-.437-.18-.835-.437-1.125-.29-.289-.438-.652-.438-1.125a1.64 1.64 0 0 1 1.668-1.668h1.996c3.051 0 5.555-2.503 5.555-5.554C21.965 6.012 17.461 2 12 2z"></path></svg></span>
92<h3 class="font-poppins text-lg font-bold leading-snug text-[#0a1b3a] lg:text-xl">AI-First Design</h3></a></div></div></div></section><!--/$--><!--$--><section data-nav-theme="light" class="relative bg-[#f6f8fb] py-24 lg:py-32"><div class="mx-auto w-11/12 max-w-[1280px]"><div class="mx-auto max-w-3xl text-center"><p class="text-xs font-semibold uppercase tracking-[0.28em] text-[#058BF0] sm:text-sm">Our Products</p><h2 class="mt-5 font-poppins text-3xl font-bold leading-[1.2] sm:leading-[1.2] lg:leading-[1.2] tracking-tight text-[#0a1b3a] sm:text-4xl lg:text-5xl xl:text-[3.25rem]">Products built to ship. Engineered to scale.</h2><p class="mt-5 text-base leading-relaxed text-gray-600 lg:text-lg">Each one solves a real bottleneck for our customers, built with the same AI-first engineering standards we bring to every Cloudastra product.</p></div><div dir="ltr" data-orientation="horizontal" class="mt-12"><div role="tablist" aria-orientation="horizontal" aria-label="Cloudastra products" class="mx-auto flex w-full max-w-4xl flex-wrap items-stretch gap-2 rounded-2xl border border-gray-200/80 bg-white p-1.5 shadow-sm sm:flex-nowrap" tabindex="-1" data-orientation="horizontal" style="outline:none"><button type="button" role="tab" aria-selected="true" aria-controls="radix-:Rip8m:-content-ipreferair" data-state="active" id="radix-:Rip8m:-trigger-ipreferair" class="group flex grow basis-[calc(50%-0.25rem)] items-center justify-center gap-2 whitespace-nowrap rounded-xl px-4 py-3 text-sm font-semibold text-gray-500 transition-colors hover:text-[#0a1b3a] sm:basis-0 sm:flex-1 data-[state=active]:bg-[#EF3F3E]/10 data-[state=active]:text-[#EF3F3E]" tabindex="-1" data-orientation="horizontal" data-radix-collection-item=""><span aria-hidden="true" class="h-5 w-5 shrink-0 bg-current" style="-webkit-mask-image:url(/new-logos/ipreferair-mark.png);mask-image:url(/new-logos/ipreferair-mark.png);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain"></span>IpreferAir</button><button type="button" role="tab" aria-selected="false" aria-controls="radix-:Rip8m:-content-secureflow" data-state="inactive" id="radix-:Rip8m:-trigger-secureflow" class="group flex grow basis-[calc(50%-0.25rem)] items-center justify-center gap-2 whitespace-nowrap rounded-xl px-4 py-3 text-sm font-semibold text-gray-500 transition-colors hover:text-[#0a1b3a] sm:basis-0 sm:flex-1 data-[state=active]:bg-[#16A34A]/10 data-[state=active]:text-[#16A34A]" tabindex="-1" data-orientation="horizontal" data-radix-collection-item=""><span aria-hidden="true" class="h-5 w-5 shrink-0 bg-current" style="-webkit-mask-image:url(/new-logos/secureflow-mark.png);mask-image:url(/new-logos/secureflow-mark.png);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain"></span>Secureflow</button><button type="button" role="tab" aria-selected="false" aria-controls="radix-:Rip8m:-content-debtpulse" data-state="inactive" id="radix-:Rip8m:-trigger-debtpulse" class="group flex grow basis-[calc(50%-0.25rem)] items-center justify-center gap-2 whitespace-nowrap rounded-xl px-4 py-3 text-sm font-semibold text-gray-500 transition-colors hover:text-[#0a1b3a] sm:basis-0 sm:flex-1 data-[state=active]:bg-[#E63E1C]/10 data-[state=active]:text-[#E63E1C]" tabindex="-1" data-orientation="horizontal" data-radix-collection-item=""><span aria-hidden="true" class="h-5 w-5 shrink-0 bg-current" style="-webkit-mask-image:url(/new-logos/debtpulse-mark.png);mask-image:url(/new-logos/debtpulse-mark.png);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain"></span>Debtpulse</button><a href="/products" class="group flex grow basis-[calc(50%-0.25rem)] items-center justify-center gap-2 whitespace-nowrap rounded-xl border border-transparent px-4 py-3 text-sm font-semibold text-gray-500 transition-colors hover:border-gray-200 hover:bg-gray-50 hover:text-[#0a1b3a] sm:basis-0 sm:flex-1">View all<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right h-4 w-4 shrink-0 transition-transform group-hover:translate-x-0.5"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a></div><div data-state="active" data-orientation="horizontal" role="tabpanel" aria-labelledby="radix-:Rip8m:-trigger-ipreferair" id="radix-:Rip8m:-content-ipreferair" tabindex="0" class="mt-10 focus:outline-none data-[state=inactive]:hidden" style="animation-duration:0s"><div class="grid items-center gap-10 rounded-3xl border border-gray-200/80 bg-white p-6 shadow-[0_1px_2px_rgba(10,27,58,0.04)] lg:grid-cols-[5fr_7fr] lg:gap-12 lg:p-10"><div class="flex flex-col gap-5"><span class="inline-flex w-fit items-center rounded-full border border-[#058BF0]/20 bg-[#058BF0]/10 px-3 py-1 text-[10px] font-semibold uppercase tracking-[0.22em] text-[#058BF0]">Travel</span>
92<h3 class="font-poppins text-2xl font-extrabold leading-tight text-[#0a1b3a] lg:text-3xl xl:text-[2.25rem]">Smarter air travel, end to end.</h3><p class="text-sm leading-relaxed text-gray-600 lg:text-base">Search, book, and manage flights through a single experience designed for travelers who value time. Built around the journey, not the booking funnel.</p><a href="/products/ipreferair" class="group mt-1 inline-flex w-fit items-center gap-2 rounded-lg bg-[#058BF0] px-6 py-3 text-sm font-semibold text-white shadow-lg shadow-cloud/30 transition hover:bg-[#0477cc]">See IpreferAir<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right h-4 w-4 transition-transform group-hover:translate-x-0.5"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a></div><div class="relative aspect-[4/3] w-full overflow-hidden rounded-2xl bg-[#0a1b3a] shadow-[0_24px_60px_-30px_rgba(5,139,240,0.45)]"><img alt="IpreferAir product preview" draggable="false" sizes="(max-width: 768px) 100vw, 50vw" srcSet="/_next/image?url=%2Fnew-logos%2Fipreferair.png&w=384&q=75 384w, /_next/image?url=%2Fnew-logos%2Fipreferair.png&w=640&q=75 640w, /_next/image?url=%2Fnew-logos%2Fipreferair.png&w=750&q=75 750w, /_next/image?url=%2Fnew-logos%2Fipreferair.png&w=828&q=75 828w, /_next/image?url=%2Fnew-logos%2Fipreferair.png&w=1080&q=75 1080w, /_next/image?url=%2Fnew-logos%2Fipreferair.png&w=1200&q=75 1200w, /_next/image?url=%2Fnew-logos%2Fipreferair.png&w=1920&q=75 1920w, /_next/image?url=%2Fnew-logos%2Fipreferair.png&w=2048&q=75 2048w, /_next/image?url=%2Fnew-logos%2Fipreferair.png&w=3840&q=75 3840w" src="/_next/image?url=%2Fnew-logos%2Fipreferair.png&w=3840&q=75" decoding="async" data-nimg="fill" class="object-cover transition-transform duration-500 ease-out hover:scale-105" loading="lazy" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent"/></div></div></div><div data-state="inactive" data-orientation="horizontal" role="tabpanel" aria-labelledby="radix-:Rip8m:-trigger-secureflow" hidden="" id="radix-:Rip8m:-content-secureflow" tabindex="0" class="mt-10 focus:outline-none data-[state=inactive]:hidden"></div><div data-state="inactive" data-orientation="horizontal" role="tabpanel" aria-labelledby="radix-:Rip8m:-trigger-debtpulse" hidden="" id="radix-:Rip8m:-content-debtpulse" tabindex="0" class="mt-10 focus:outline-none data-[state=inactive]:hidden"></div></div></div></section><!--/$--><!--$--><section data-nav-theme="light" class="relative z-0 overflow-hidden bg-[#f6f8fb] py-24 lg:py-32"><div aria-hidden="true" class="pointer-events-none absolute left-1/2 top-1/2 h-[520px] w-[760px] -translate-x-1/2 -translate-y-1/2 rounded-full bg-[#058BF0]/8 blur-[120px]"></div><div class="relative mx-auto w-11/12 max-w-[1280px] text-center"><h2 class="mx-auto max-w-5xl font-poppins text-3xl font-bold leading-[1.2] sm:leading-[1.2] lg:leading-[1.2] tracking-tight text-[#0a1b3a] sm:text-4xl lg:text-5xl xl:text-[3.5rem]">Projects that turn ideas into production-grade products</h2><p class="mx-auto mt-6 max-w-3xl text-base leading-relaxed text-gray-600 lg:text-lg">We partner with leaders across media, fintech, cloud and cybersecurity, engineering AI-first products that create measurable business impact.</p><div class="mt-10 flex flex-wrap items-center justify-center gap-2 sm:gap-3"><button type="button" aria-label="Previous project" class="flex h-10 w-10 items-center justify-center rounded-full border border-gray-300 bg-white text-[#0a1b3a] transition hover:border-[#0a1b3a] hover:bg-gray-50"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-left h-4 w-4"><path d="m15 18-6-6 6-6"></path></svg></button><button type="button" class="whitespace-nowrap rounded-full px-4 py-2 text-xs font-semibold transition sm:px-5 sm:text-sm bg-[#0a1b3a] text-white">Freecast</button><button type="button" class="whitespace-nowrap rounded-full px-4 py-2 text-xs font-semibold transition sm:px-5 sm:text-sm border border-gray-300 bg-white text-[#0a1b3a] hover:border-[#0a1b3a] hover:bg-gray-50">Leadcenter</button><button type="button" class="whitespace-nowrap rounded-full px-4 py-2 text-xs font-semibold transition sm:px-5 sm:text-sm border border-gray-300 bg-white text-[#0a1b3a] hover:border-[#0a1b3a] hover:bg-gray-50">Raisn</button><button type="button" class="whitespace-nowrap rounded-full px-4 py-2 text-xs font-semibold transition sm:px-5 sm:text-sm border border-gray-300 bg-white text-[#0a1b3a] hover:border-[#0a1b3a] hover:bg-gray-50">Altcase</button><button type="button" class="whitespace-nowrap rounded-full px-4 py-2 text-xs font-semibold transition sm:px-5 sm:text-sm border border-gray-300 bg-white text-[#0a1b3a] hover:border-[#0a1b3a] hover:bg-gray-50">Penomo</button><button type="button" class="whitespace-nowrap rounded-full px-4 py-2 text-xs font-semibold transition sm:px-5 sm:text-sm border border-gray-300 bg-white text-[#0a1b3a] hover:border-[#0a1b3a] hover:bg-gray-50">MHP</button><a href="/case-studies" class="group inline-flex items-center gap-1.5 whitespace-nowrap rounded-full border border-transparent px-4 py-2 text-xs font-semibold text-gray-500 transition hover:border-gray-300 hover:bg-gray-50 hover:text-[#0a1b3a] sm:px-5 sm:text-sm">View all<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right h-3.5 w-3.5 transition-transform group-hover:-translate-y-0.5 group-hover:translate-x-0.5"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></a><button type="button" aria-label="Next project" class="flex h-10 w-10 items-center justify-center rounded-full border border-gray-300 bg-white text-[#0a1b3a] transition hover:border-[#0a1b3a] hover:bg-gray-50"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-right h-4 w-4"><path d="m9 18 6-6-6-6"></path></svg></button></div><div class="relative h-[600px] touch-none select-none"><article class="absolute left-1/2 top-1/2 flex w-[340px] flex-col cursor-none overflow-hidden rounded-3xl p-7 text-left shadow-[0_28px_60px_-18px_rgba(10,27,58,0.28)]" style="transform:translate(-50%, -50%) translateX(0px) translateY(0px) rotate(0deg) scale(1);opacity:1;z-index:100;transition:transform 0.8s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.45s ease;pointer-events:auto;background-color:#FFFFFF"><img src="/projects/freecast.png" alt="Freecast logo" loading="lazy" decoding="async" class="h-9 w-auto max-w-[150px] object-contain" draggable="false"/><p class="mt-5 text-sm leading-relaxed text-[#0a1b3a]/70" style="display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;min-height:5.7rem">Built a content broadcasting and distribution platform that delivers high-quality streaming to audie
92nces at scale.</p><div class="relative mt-4 h-[170px] w-full shrink-0 overflow-hidden rounded-2xl bg-[#f6f8fb]"><img alt="Freecast preview" draggable="false" sizes="340px" srcSet="/_next/image?url=%2FHome%2Ffreecast.png&w=16&q=75 16w, /_next/image?url=%2FHome%2Ffreecast.png&w=32&q=75 32w, /_next/image?url=%2FHome%2Ffreecast.png&w=48&q=75 48w, /_next/image?url=%2FHome%2Ffreecast.png&w=64&q=75 64w, /_next/image?url=%2FHome%2Ffreecast.png&w=96&q=75 96w, /_next/image?url=%2FHome%2Ffreecast.png&w=128&q=75 128w, /_next/image?url=%2FHome%2Ffreecast.png&w=256&q=75 256w, /_next/image?url=%2FHome%2Ffreecast.png&w=384&q=75 384w, /_next/image?url=%2FHome%2Ffreecast.png&w=640&q=75 640w, /_next/image?url=%2FHome%2Ffreecast.png&w=750&q=75 750w, /_next/image?url=%2FHome%2Ffreecast.png&w=828&q=75 828w, /_next/image?url=%2FHome%2Ffreecast.png&w=1080&q=75 1080w, /_next/image?url=%2FHome%2Ffreecast.png&w=1200&q=75 1200w, /_next/image?url=%2FHome%2Ffreecast.png&w=1920&q=75 1920w, /_next/image?url=%2FHome%2Ffreecast.png&w=2048&q=75 2048w, /_next/image?url=%2FHome%2Ffreecast.png&w=3840&q=75 3840w" src="/_next/image?url=%2FHome%2Ffreecast.png&w=3840&q=75" decoding="async" data-nimg="fill" class="object-cover" loading="lazy" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent"/></div></article><article class="absolute left-1/2 top-1/2 flex w-[340px] flex-col cursor-none overflow-hidden rounded-3xl p-7 text-left shadow-[0_28px_60px_-18px_rgba(10,27,58,0.28)]" style="transform:translate(-50%, -50%) translateX(359.46434036704346px) translateY(82.98888203468303px) rotate(26deg) scale(1);opacity:0.85;z-index:99;transition:transform 0.8s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.45s ease;pointer-events:auto;background-color:#FFFFFF"><img src="/projects/leadcenter.svg" alt="Leadcenter logo" loading="lazy" decoding="async" class="h-9 w-auto max-w-[150px] object-contain" draggable="false"/><p class="mt-5 text-sm leading-relaxed text-[#0a1b3a]/70" style="display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;min-height:5.7rem">Engineered a lead intelligence and sales pipeline platform that helps teams qualify, route and close prospects faster.</p><div class="relative mt-4 h-[170px] w-full shrink-0 overflow-hidden rounded-2xl bg-[#f6f8fb]"><img alt="Leadcenter preview" draggable="false" sizes="340px" srcSet="/_next/image?url=%2FHome%2Flead.png&w=16&q=75 16w, /_next/image?url=%2FHome%2Flead.png&w=32&q=75 32w, /_next/image?url=%2FHome%2Flead.png&w=48&q=75 48w, /_next/image?url=%2FHome%2Flead.png&w=64&q=75 64w, /_next/image?url=%2FHome%2Flead.png&w=96&q=75 96w, /_next/image?url=%2FHome%2Flead.png&w=128&q=75 128w, /_next/image?url=%2FHome%2Flead.png&w=256&q=75 256w, /_next/image?url=%2FHome%2Flead.png&w=384&q=75 384w, /_next/image?url=%2FHome%2Flead.png&w=640&q=75 640w, /_next/image?url=%2FHome%2Flead.png&w=750&q=75 750w, /_next/image?url=%2FHome%2Flead.png&w=828&q=75 828w, /_next/image?url=%2FHome%2Flead.png&w=1080&q=75 1080w, /_next/image?url=%2FHome%2Flead.png&w=1200&q=75 1200w, /_next/image?url=%2FHome%2Flead.png&w=1920&q=75 1920w, /_next/image?url=%2FHome%2Flead.png&w=2048&q=75 2048w, /_next/image?url=%2FHome%2Flead.png&w=3840&q=75 3840w" src="/_next/image?url=%2FHome%2Flead.png&w=3840&q=75" decoding="async" data-nimg="fill" class="object-cover" loading="lazy" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent"/></div></article><article class="absolute left-1/2 top-1/2 flex w-[340px] flex-col cursor-none overflow-hidden rounded-3xl p-7 text-left shadow-[0_28px_60px_-18px_rgba(10,27,58,0.28)]" style="transform:translate(-50%, -50%) translateX(646.168817957512px) translateY(315.1575902329602px) rotate(52deg) scale(0.7);opacity:0;z-index:98;transition:transform 0.8s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.45s ease;pointer-events:none;background-color:#FFFFFF"><img src="/projects/raisn.png" alt="Raisn logo" loading="lazy" decoding="async" class="h-9 w-auto max-w-[150px] object-contain" draggable="false"/><p class="mt-5 text-sm leading-relaxed text-[#0a1b3a]/70" style="display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;min-height:5.7rem">Designed a capital-raising platform that connects founders with the right investors through structured deal flow.<
92/p><div class="relative mt-4 h-[170px] w-full shrink-0 overflow-hidden rounded-2xl bg-[#f6f8fb]"><img alt="Raisn preview" draggable="false" sizes="340px" srcSet="/_next/image?url=%2FHome%2FRaisn.png&w=16&q=75 16w, /_next/image?url=%2FHome%2FRaisn.png&w=32&q=75 32w, /_next/image?url=%2FHome%2FRaisn.png&w=48&q=75 48w, /_next/image?url=%2FHome%2FRaisn.png&w=64&q=75 64w, /_next/image?url=%2FHome%2FRaisn.png&w=96&q=75 96w, /_next/image?url=%2FHome%2FRaisn.png&w=128&q=75 128w, /_next/image?url=%2FHome%2FRaisn.png&w=256&q=75 256w, /_next/image?url=%2FHome%2FRaisn.png&w=384&q=75 384w, /_next/image?url=%2FHome%2FRaisn.png&w=640&q=75 640w, /_next/image?url=%2FHome%2FRaisn.png&w=750&q=75 750w, /_next/image?url=%2FHome%2FRaisn.png&w=828&q=75 828w, /_next/image?url=%2FHome%2FRaisn.png&w=1080&q=75 1080w, /_next/image?url=%2FHome%2FRaisn.png&w=1200&q=75 1200w, /_next/image?url=%2FHome%2FRaisn.png&w=1920&q=75 1920w, /_next/image?url=%2FHome%2FRaisn.png&w=2048&q=75 2048w, /_next/image?url=%2FHome%2FRaisn.png&w=3840&q=75 3840w" src="/_next/image?url=%2FHome%2FRaisn.png&w=3840&q=75" decoding="async" data-nimg="fill" class="object-cover" loading="lazy" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent"/></div></article><article class="absolute left-1/2 top-1/2 flex w-[340px] flex-col cursor-none overflow-hidden rounded-3xl p-7 text-left shadow-[0_28px_60px_-18px_rgba(10,27,58,0.28)]" style="transform:translate(-50%, -50%) translateX(802.0810326017206px) translateY(649.5124135294373px) rotate(78deg) scale(0.7);opacity:0;z-index:97;transition:transform 0.8s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.45s ease;pointer-events:none;background-color:#FFFFFF"><img src="/projects/altcase.png" alt="Altcase logo" loading="lazy" decoding="async" class="h-9 w-auto max-w-[150px] object-contain" draggable="false"/><p class="mt-5 text-sm leading-relaxed text-[#0a1b3a]/70" style="display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;min-height:5.7rem">Built an investment platform that makes wealth-building accessible. Real-time data, interactive dashboards, and a mobile-first PWA experience help novice and experienced investors discover low-risk, high-return assets with full regulatory compliance.</p><div class="relative mt-4 h-[170px] w-full shrink-0 overflow-hidden rounded-2xl bg-[#f6f8fb]"><img alt="Altcase preview" draggable="false" sizes="340px" srcSet="/_next/image?url=%2FHome%2Faltcast.png&w=16&q=75 16w, /_next/image?url=%2FHome%2Faltcast.png&w=32&q=75 32w, /_next/image?url=%2FHome%2Faltcast.png&w=48&q=75 48w, /_next/image?url=%2FHome%2Faltcast.png&w=64&q=75 64w, /_next/image?url=%2FHome%2Faltcast.png&w=96&q=75 96w, /_next/image?url=%2FHome%2Faltcast.png&w=128&q=75 128w, /_next/image?url=%2FHome%2Faltcast.png&w=256&q=75 256w, /_next/image?url=%2FHome%2Faltcast.png&w=384&q=75 384w, /_next/image?url=%2FHome%2Faltcast.png&w=640&q=75 640w, /_next/image?url=%2FHome%2Faltcast.png&w=750&q=75 750w, /_next/image?url=%2FHome%2Faltcast.png&w=828&q=75 828w, /_next/image?url=%2FHome%2Faltcast.png&w=1080&q=75 1080w, /_next/image?url=%2FHome%2Faltcast.png&w=1200&q=75 1200w, /_next/image?url=%2FHome%2Faltcast.png&w=1920&q=75 1920w, /_next/image?url=%2FHome%2Faltcast.png&w=2048&q=75 2048w, /_next/image?url=%2FHome%2Faltcast.png&w=3840&q=75 3840w" src="/_next/image?url=%2FHome%2Faltcast.png&w=3840&q=75" decoding="async" data-nimg="fill" class="object-cover" loading="lazy" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent"/></div></article><article class="absolute left-1/2 top-1/2 flex w-[340px] flex-col cursor-none overflow-hidden rounded-3xl p-7 text-left shadow-[0_28px_60px_-18px_rgba(10,27,58,0.28)]" style="transform:translate(-50%, -50%) translateX(-646.168817957512px) translateY(315.1575902329602px) rotate(-52deg) scale(0.7);opacity:0;z-index:98;transition:transform 0.8s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.45s ease;pointer-events:none;background-color:#FFFFFF"><img src="/projects/penomo.png" alt="Penomo logo" loading="lazy" decoding="async" class="h-9 w-auto max-w-[150px] object-contain" draggable="false"/><p class="mt-5 text-sm leading-relaxed text-[#0a1b3a]/70" style="display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;min-height:5.7rem">
92Delivered a fintech infrastructure platform for transparent, low-friction capital flows in emerging markets.</p><div class="relative mt-4 h-[170px] w-full shrink-0 overflow-hidden rounded-2xl bg-[#f6f8fb]"><img alt="Penomo preview" draggable="false" sizes="340px" srcSet="/_next/image?url=%2FHome%2Fpenomo.png&w=16&q=75 16w, /_next/image?url=%2FHome%2Fpenomo.png&w=32&q=75 32w, /_next/image?url=%2FHome%2Fpenomo.png&w=48&q=75 48w, /_next/image?url=%2FHome%2Fpenomo.png&w=64&q=75 64w, /_next/image?url=%2FHome%2Fpenomo.png&w=96&q=75 96w, /_next/image?url=%2FHome%2Fpenomo.png&w=128&q=75 128w, /_next/image?url=%2FHome%2Fpenomo.png&w=256&q=75 256w, /_next/image?url=%2FHome%2Fpenomo.png&w=384&q=75 384w, /_next/image?url=%2FHome%2Fpenomo.png&w=640&q=75 640w, /_next/image?url=%2FHome%2Fpenomo.png&w=750&q=75 750w, /_next/image?url=%2FHome%2Fpenomo.png&w=828&q=75 828w, /_next/image?url=%2FHome%2Fpenomo.png&w=1080&q=75 1080w, /_next/image?url=%2FHome%2Fpenomo.png&w=1200&q=75 1200w, /_next/image?url=%2FHome%2Fpenomo.png&w=1920&q=75 1920w, /_next/image?url=%2FHome%2Fpenomo.png&w=2048&q=75 2048w, /_next/image?url=%2FHome%2Fpenomo.png&w=3840&q=75 3840w" src="/_next/image?url=%2FHome%2Fpenomo.png&w=3840&q=75" decoding="async" data-nimg="fill" class="object-cover" loading="lazy" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent"/></div></article><article class="absolute left-1/2 top-1/2 flex w-[340px] flex-col cursor-none overflow-hidden rounded-3xl p-7 text-left shadow-[0_28px_60px_-18px_rgba(10,27,58,0.28)]" style="transform:translate(-50%, -50%) translateX(-359.46434036704346px) translateY(82.98888203468303px) rotate(-26deg) scale(1);opacity:0.85;z-index:99;transition:transform 0.8s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.45s ease;pointer-events:auto;background-color:#FFFFFF"><img src="/projects/mhp.png" alt="MHP logo" loading="lazy" decoding="async" class="h-9 w-auto max-w-[150px] object-contain" draggable="false"/><p class="mt-5 text-sm leading-relaxed text-[#0a1b3a]/70" style="display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;min-height:5.7rem">Built a digital platform for My Home Pathway that turns operational signals into clear, actionable workflows for the teams running the day-to-day.</p><div class="relative mt-4 h-[170px] w-full shrink-0 overflow-hidden rounded-2xl bg-[#f6f8fb]"><img alt="MHP preview" draggable="false" sizes="340px" srcSet="/_next/image?url=%2FHome%2Fmhp.png&w=16&q=75 16w, /_next/image?url=%2FHome%2Fmhp.png&w=32&q=75 32w, /_next/image?url=%2FHome%2Fmhp.png&w=48&q=75 48w, /_next/image?url=%2FHome%2Fmhp.png&w=64&q=75 64w, /_next/image?url=%2FHome%2Fmhp.png&w=96&q=75 96w, /_next/image?url=%2FHome%2Fmhp.png&w=128&q=75 128w, /_next/image?url=%2FHome%2Fmhp.png&w=256&q=75 256w, /_next/image?url=%2FHome%2Fmhp.png&w=384&q=75 384w, /_next/image?url=%2FHome%2Fmhp.png&w=640&q=75 640w, /_next/image?url=%2FHome%2Fmhp.png&w=750&q=75 750w, /_next/image?url=%2FHome%2Fmhp.png&w=828&q=75 828w, /_next/image?url=%2FHome%2Fmhp.png&w=1080&q=75 1080w, /_next/image?url=%2FHome%2Fmhp.png&w=1200&q=75 1200w, /_next/image?url=%2FHome%2Fmhp.png&w=1920&q=75 1920w, /_next/image?url=%2FHome%2Fmhp.png&w=2048&q=75 2048w, /_next/image?url=%2FHome%2Fmhp.png&w=3840&q=75 3840w" src="/_next/image?url=%2FHome%2Fmhp.png&w=3840&q=75" decoding="async" data-nimg="fill" class="object-cover" loading="lazy" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent"/></div></article><div class="pointer-events-none absolute left-0 top-0 z-[200] flex items-center gap-2 rounded-full bg-[#0a1b3a] px-5 py-2.5 text-[10px] font-bold uppercase tracking-[0.2em] text-white shadow-[0_10px_28px_rgba(10,27,58,0.35)] transition-opacity duration-200 opacity-0" style="will-change:transform">View case study<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.6" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right h-3.5 w-3.5"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></div></div></div></section><!--/$--><!--$--><section data-nav-theme="light" class="relative h-[450vh] bg-white"><div class="sticky top-0 h-screen w-full overflow-hidden"><div class="absolute inset-0 flex items-center" style="will-change:opacity, filter"><div class="mx-auto w-11/12 max-w-[1280px]"><div class="text-center"><h2 class="mx-auto max-w-5xl font-poppins text-[28px] font-bold leading-[1.12] tracking-tight text-[#0a1b3a] sm:text-4xl lg:text-5xl xl:text-[3.25rem]">AI-first solutions, built around your business</h2><p class="mx-auto mt-5 max-w-3xl text-base leading-relaxed text-gray-600 lg:text-lg">Production-grade AI systems engineered to fit your workflows, your data, and
92your goals.</p></div><div class="mt-10 grid grid-cols-2 gap-4 sm:gap-5 lg:grid-cols-4"><div class="bento-card group flex flex-col rounded-2xl border border-gray-200/80 bg-white p-5 shadow-[0_1px_2px_rgba(10,27,58,0.04)] transition hover:-translate-y-0.5 hover:border-[#058BF0]/40 hover:shadow-lg hover:shadow-cloud/5 lg:p-6"><div class="flex h-10 w-10 items-center justify-center rounded-xl bg-gradient-to-br from-[#058BF0] to-[#19418c] text-white shadow-[0_10px_24px_-8px_rgba(5,139,240,0.55)]"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-clock h-4 w-4"><circle cx="12" cy="12" r="10"></circle><polyline points="12 6 12 12 16 14"></polyline></svg></div><p class="mt-4 font-poppins text-2xl font-extrabold leading-none tracking-tight text-[#058BF0] lg:text-3xl">8+</p><p class="mt-2 text-xs font-semibold leading-snug text-[#0a1b3a] lg:text-sm">Years of Experience</p></div><div class="bento-card group flex flex-col rounded-2xl border border-gray-200/80 bg-white p-5 shadow-[0_1px_2px_rgba(10,27,58,0.04)] transition hover:-translate-y-0.5 hover:border-[#058BF0]/40 hover:shadow-lg hover:shadow-cloud/5 lg:p-6"><div class="flex h-10 w-10 items-center justify-center rounded-xl bg-gradient-to-br from-[#058BF0] to-[#19418c] text-white shadow-[0_10px_24px_-8px_rgba(5,139,240,0.55)]"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-users h-4 w-4"><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"></path><circle cx="9" cy="7" r="4"></circle><path d="M22 21v-2a4 4 0 0 0-3-3.87"></path><path d="M16 3.13a4 4 0 0 1 0 7.75"></path></svg></div><p class="mt-4 font-poppins text-2xl font-extrabold leading-none tracking-tight text-[#058BF0] lg:text-3xl">200+</p><p class="mt-2 text-xs font-semibold leading-snug text-[#0a1b3a] lg:text-sm">Clients Served</p></div><div class="bento-card group flex flex-col rounded-2xl border border-gray-200/80 bg-white p-5 shadow-[0_1px_2px_rgba(10,27,58,0.04)] transition hover:-translate-y-0.5 hover:border-[#058BF0]/40 hover:shadow-lg hover:shadow-cloud/5 lg:p-6"><div class="flex h-10 w-10 items-center justify-center rounded-xl bg-gradient-to-br from-[#058BF0] to-[#19418c] text-white shadow-[0_10px_24px_-8px_rgba(5,139,240,0.55)]"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-badge-check h-4 w-4"><path d="M3.85 8.62a4 4 0 0 1 4.78-4.77 4 4 0 0 1 6.74 0 4 4 0 0 1 4.78 4.78 4 4 0 0 1 0 6.74 4 4 0 0 1-4.77 4.78 4 4 0 0 1-6.75 0 4 4 0 0 1-4.78-4.77 4 4 0 0 1 0-6.76Z"></path><path d="m9 12 2 2 4-4"></path></svg></div><p class="mt-4 font-poppins text-2xl font-extrabold leading-none tracking-tight text-[#058BF0] lg:text-3xl">88%</p><p class="mt-2 text-xs font-semibold leading-snug text-[#0a1b3a] lg:text-sm">Client Retention Rate</p></div><div class="bento-card group flex flex-col rounded-2xl border border-gray-200/80 bg-white p-5 shadow-[0_1px_2px_rgba(10,27,58,0.04)] transition hover:-translate-y-0.5 hover:border-[#058BF0]/40 hover:shadow-lg hover:shadow-cloud/5 lg:p-6"><div class="flex h-10 w-10 items-center justify-center rounded-xl bg-gradient-to-br from-[#058BF0] to-[#19418c] text-white shadow-[0_10px_24px_-8px_rgba(5,139,240,0.55)]"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-life-buoy h-4 w-4"><circle cx="12" cy="12" r="10"></circle><path d="m4.93 4.93 4.24 4.24"></path><path d="m14.83 9.17 4.24-4.24"></path><path d="m14.83 14.83 4.24 4.24"></path><path d="m9.17 14.83-4.24 4.24"></path><circle cx="12" cy="12" r="4"></circle></svg></div><p class="mt-4 font-poppins text-2xl font-extrabold leading-none tracking-tight text-[#058BF0] lg:text-3xl">24/7</p><p class="mt-2 text-xs font-semibold leading-snug text-[#0a1b3a] lg:text-sm">Dedicated Support</p></div></div><div class="relative mt-5 grid auto-rows-fr gap-5 md:grid-cols-2 md:gap-16"><div aria-hidden="true" class="pointer-events-none absolute inset-x-0 top-1/2 z-0 hidden -translate-y-1/2 items-center md:flex"><svg class="block flex-1" height="3" preserveAspectRatio="none"><line x1="0" y1="1.5" x2="100%" y2="1.5" stroke="#058BF0" stroke-width="2" stroke-dasharray="6 6" stroke-linecap="round"></line></svg><div class="mx-2 h-6 w-6 rounded-full bg-[#058BF0]"></div><svg class="block flex-1" height="3" preserveAspectRatio="none"><line x1="0" y1="1.5" x2="100%" y2="1.5" stroke="#058BF0" stroke-width="2" stroke-dasharray="6 6" stroke-linecap="round"></line></svg></div><article class="group relative z-10 flex h-full flex-col overflow-hidden rounded-3xl bg-gradient-to-br from-[#eaf2fb] via-[#e0ecf7] to-[#cee0f1] p-7 transition hover:-translate-y-0.5 hover:shadow-xl hover:shadow-cloud/10 lg:p-9"><div aria-hidden="true" class="pointer-events-none absolute -right-12 -top-12 h-40 w-40 rounded-full bg-gradient-to-br from-[#058BF0]/15 to-[#19418c]/5 blur-2xl"></div><div class="relative"><h3 class="font-poppins text-xl font-bold leading-tight text-[#0a1b3a] lg:text-2xl">An AI-First Engineering Partner</h3><p class="mt-4 text-[15px] leading-relaxed text-[#0a1b3a]/70 lg:text-base">Our engineers work as an extension of your team, turning hard problems into AI-first systems that ship. We pair senior talent with AI agents to move from strategy to production faster, with measurable outcomes at every step.</p></div></article><article class="group relative z-10 flex h-full flex-col overflow-hidden rounded-3xl bg-gradient-to-br from-[#eaf2fb] via-[#e0ecf7] to-[#cee0f1] p-7 transition hover:-translate-y-0.5 hover:shadow-xl hover:shadow-cloud/10 lg:p-9"><div aria-hidden="true" class="pointer-events-none absolute -right-12 -top-12 h-40 w-40 rounded-full bg-gradient-to-br from-[#058BF0]/15 to-[#19418c]/5 blur-2xl"></div><div class="relative"><h3 class="font-poppins text-xl font-bold leading-tight text-[#0a1b3a] lg:text-2xl">Production-Grade, End to End</h3><p class="mt-4 text-[15px] leading-relaxed text-[#0a1b3a]/70 lg:text-base">From AI product engineering to cloud, DevOps, and design, our work holds to a single standard: secure, scalable, production-ready software, delivered without the wait.</p></div></article></div></div></div><div class="absolute inset-0 bg-gradient-to-b from-[#eef5fc] via-[#e9f1fa] to-[#dfebf8]" style="clip-path:circle(12px at 50% 50%);will-change:clip-path"><div aria-hidden="true" class="pointer-events-none absolute left-1/2 top-1/2 h-[700px] w-[900px] -translate-x-1/2 -translate-y-1/2 roun
92ded-full bg-[#058BF0]/20 blur-[140px]"></div><div class="absolute inset-0 flex flex-col items-center justify-center gap-8 lg:gap-10"><div class="px-4 text-center" style="opacity:0;transform:translateY(60px);filter:blur(14px);will-change:opacity, transform, filter"><p class="text-xs font-semibold uppercase tracking-[0.28em] text-[#058BF0] sm:text-sm">Tech Stack</p><h2 class="mx-auto mt-4 max-w-4xl font-poppins text-3xl font-bold leading-[1.1] tracking-tight text-[#0a1b3a] sm:text-4xl lg:text-5xl">Our Tech Capabilities</h2><p class="mx-auto mt-4 max-w-2xl text-sm leading-relaxed text-gray-600 lg:text-base">The tools, frameworks and platforms we use to engineer AI-first systems across every layer of modern software.</p></div><div class="flex w-full flex-col gap-3"><div style="opacity:0;transform:translateY(40px);filter:blur(8px);will-change:opacity, transform, filter"><div class="tech-row-host relative overflow-hidden" style="--tech-marquee-duration:90s"><div aria-hidden="true" class="pointer-events-none absolute inset-y-0 left-0 z-10 w-32 bg-gradient-to-r from-[#e9f1fa] to-transparent"></div><div aria-hidden="true" class="pointer-events-none absolute inset-y-0 right-0 z-10 w-32 bg-gradient-to-l from-[#e9f1fa] to-transparent"></div><div class="tech-marquee-track flex gap-3 whitespace-nowrap "><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/html5.png" alt="HTML5 logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>HTML5</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/css3.png" alt="CSS3 logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>CSS3</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/react.png" alt="React logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>React</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/nextjs.png" alt="Next.js logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>Next.js</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/redux.png" alt="Redux logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>Redux</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/tailwind.png" alt="Tailwind CSS logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>Tailwind CSS</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/typescript.png" alt="TypeScript logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>TypeScript</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/vuejs.png" alt="Vue.js logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>Vue.js</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/javascript.png" alt="JavaScript logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>JavaScript</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/bootstrap.png" alt="Bootstrap logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>
92Bootstrap</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/graphql.png" alt="GraphQL logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>GraphQL</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/sass.png" alt="Sass logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>Sass</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/html5.png" alt="HTML5 logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>HTML5</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/css3.png" alt="CSS3 logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>CSS3</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/react.png" alt="React logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>React</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/nextjs.png" alt="Next.js logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>Next.js</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/redux.png" alt="Redux logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>Redux</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/tailwind.png" alt="Tailwind CSS logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>Tailwind CSS</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/typescript.png" alt="TypeScript logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>TypeScript</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/vuejs.png" alt="Vue.js logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>Vue.js</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/javascript.png" alt="JavaScript logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>JavaScript</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/bootstrap.png" alt="Bootstrap logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>
92Bootstrap</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/graphql.png" alt="GraphQL logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>GraphQL</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/sass.png" alt="Sass logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>Sass</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/html5.png" alt="HTML5 logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>HTML5</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/css3.png" alt="CSS3 logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>CSS3</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/react.png" alt="React logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>React</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/nextjs.png" alt="Next.js logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>Next.js</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/redux.png" alt="Redux logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>Redux</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/tailwind.png" alt="Tailwind CSS logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>Tailwind CSS</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/typescript.png" alt="TypeScript logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>TypeScript</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/vuejs.png" alt="Vue.js logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>Vue.js</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/javascript.png" alt="JavaScript logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>JavaScript</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/bootstrap.png" alt="Bootstrap logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>
92Bootstrap</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/graphql.png" alt="GraphQL logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>GraphQL</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/sass.png" alt="Sass logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>Sass</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/html5.png" alt="HTML5 logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>HTML5</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/css3.png" alt="CSS3 logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>CSS3</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/react.png" alt="React logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>React</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/nextjs.png" alt="Next.js logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>Next.js</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/redux.png" alt="Redux logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>Redux</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/tailwind.png" alt="Tailwind CSS logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>Tailwind CSS</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/typescript.png" alt="TypeScript logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>TypeScript</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/vuejs.png" alt="Vue.js logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>Vue.js</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/javascript.png" alt="JavaScript logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>JavaScript</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/bootstrap.png" alt="Bootstrap logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>
92Bootstrap</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/graphql.png" alt="GraphQL logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>GraphQL</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/sass.png" alt="Sass logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>Sass</span></div></div></div></div><div style="opacity:0;transform:translateY(40px);filter:blur(8px);will-change:opacity, transform, filter"><div class="tech-row-host relative overflow-hidden" style="--tech-marquee-duration:106s"><div aria-hidden="true" class="pointer-events-none absolute inset-y-0 left-0 z-10 w-32 bg-gradient-to-r from-[#e9f1fa] to-transparent"></div><div aria-hidden="true" class="pointer-events-none absolute inset-y-0 right-0 z-10 w-32 bg-gradient-to-l from-[#e9f1fa] to-transparent"></div><div class="tech-marquee-track flex gap-3 whitespace-nowrap reverse"><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/nodejs.png" alt="Node.js logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>Node.js</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/express.png" alt="Express.js logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>Express.js</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/mongodb.png" alt="MongoDB logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>MongoDB</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/mysql.png" alt="MySQL logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>MySQL</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/postgresql.png" alt="PostgreSQL logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>PostgreSQL</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/prisma.png" alt="Prisma logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>Prisma</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]">
92<img src="/techstack/graphql.png" alt="GraphQL logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>GraphQL</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/nextjs.png" alt="Next.js logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>Next.js</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/socketio.png" alt="Socket.IO logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>Socket.IO</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/firebase.png" alt="Firebase logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>Firebase</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><span class="h-2 w-2 shrink-0 rounded-full" style="background:#058BF0;box-shadow:0 0 8px #058BF080"></span><span>REST API</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/nodejs.png" alt="Node.js logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>Node.js</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/express.png" alt="Express.js logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>Express.js</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/mongodb.png" alt="MongoDB logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>MongoDB</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/mysql.png" alt="MySQL logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>MySQL</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/postgresql.png" alt="PostgreSQL logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>PostgreSQL</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/prisma.png" alt="Prisma logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>Prisma</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]">
92<img src="/techstack/graphql.png" alt="GraphQL logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>GraphQL</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/nextjs.png" alt="Next.js logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>Next.js</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/socketio.png" alt="Socket.IO logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>Socket.IO</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/firebase.png" alt="Firebase logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>Firebase</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><span class="h-2 w-2 shrink-0 rounded-full" style="background:#058BF0;box-shadow:0 0 8px #058BF080"></span><span>REST API</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/nodejs.png" alt="Node.js logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>Node.js</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/express.png" alt="Express.js logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>Express.js</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/mongodb.png" alt="MongoDB logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>MongoDB</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/mysql.png" alt="MySQL logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>MySQL</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/postgresql.png" alt="PostgreSQL logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>PostgreSQL</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/prisma.png" alt="Prisma logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>Prisma</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]">
92<img src="/techstack/graphql.png" alt="GraphQL logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>GraphQL</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/nextjs.png" alt="Next.js logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>Next.js</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/socketio.png" alt="Socket.IO logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>Socket.IO</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/firebase.png" alt="Firebase logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>Firebase</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><span class="h-2 w-2 shrink-0 rounded-full" style="background:#058BF0;box-shadow:0 0 8px #058BF080"></span><span>REST API</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/nodejs.png" alt="Node.js logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>Node.js</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/express.png" alt="Express.js logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>Express.js</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/mongodb.png" alt="MongoDB logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>MongoDB</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/mysql.png" alt="MySQL logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>MySQL</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/postgresql.png" alt="PostgreSQL logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>PostgreSQL</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/prisma.png" alt="Prisma logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>Prisma</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]">
92<img src="/techstack/graphql.png" alt="GraphQL logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>GraphQL</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/nextjs.png" alt="Next.js logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>Next.js</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/socketio.png" alt="Socket.IO logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>Socket.IO</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/firebase.png" alt="Firebase logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>Firebase</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><span class="h-2 w-2 shrink-0 rounded-full" style="background:#058BF0;box-shadow:0 0 8px #058BF080"></span><span>REST API</span></div></div></div></div><div style="opacity:0;transform:translateY(40px);filter:blur(8px);will-change:opacity, transform, filter"><div class="tech-row-host relative overflow-hidden" style="--tech-marquee-duration:122s"><div aria-hidden="true" class="pointer-events-none absolute inset-y-0 left-0 z-10 w-32 bg-gradient-to-r from-[#e9f1fa] to-transparent"></div><div aria-hidden="true" class="pointer-events-none absolute inset-y-0 right-0 z-10 w-32 bg-gradient-to-l from-[#e9f1fa] to-transparent"></div><div class="tech-marquee-track flex gap-3 whitespace-nowrap "><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/python.png" alt="Python logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>Python</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/tensorflow.png" alt="TensorFlow logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>TensorFlow</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/pytorch.png" alt="PyTorch logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>PyTorch</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/scikit-learn.png" alt="scikit-learn logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>scikit-learn</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/langchain.png" alt="LangChain logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>LangChain</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/huggingface.png" alt="Hugging Face logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>Hugging Face</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/numpy.png" alt="NumPy logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>NumPy</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/opencv.png" alt="OpenCV logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>OpenCV</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/jupyter.png" alt="Jupyter logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>Jupyter</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/pandas.png" alt="Pandas logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>Pandas</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/python.png" alt="Python logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>Python</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/tensorflow.png" alt="TensorFlow logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>TensorFlow</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/pytorch.png" alt="PyTorch logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>PyTorch</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/scikit-learn.png" alt="scikit-learn logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>scikit-learn</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/langchain.png" alt="LangChain logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>LangChain</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/huggingface.png" alt="Hugging Face logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>Hugging Face</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/numpy.png" alt="NumPy logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>NumPy</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/opencv.png" alt="OpenCV logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>OpenCV</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/jupyter.png" alt="Jupyter logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>Jupyter</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/pandas.png" alt="Pandas logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>Pandas</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/python.png" alt="Python logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>Python</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/tensorflow.png" alt="TensorFlow logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>TensorFlow</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/pytorch.png" alt="PyTorch logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>PyTorch</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/scikit-learn.png" alt="scikit-learn logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>scikit-learn</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/langchain.png" alt="LangChain logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>LangChain</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/huggingface.png" alt="Hugging Face logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>Hugging Face</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/numpy.png" alt="NumPy logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>NumPy</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/opencv.png" alt="OpenCV logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>OpenCV</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/jupyter.png" alt="Jupyter logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>Jupyter</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/pandas.png" alt="Pandas logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>Pandas</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/python.png" al
92t="Python logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>Python</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/tensorflow.png" alt="TensorFlow logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>TensorFlow</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/pytorch.png" alt="PyTorch logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>PyTorch</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/scikit-learn.png" alt="scikit-learn logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>scikit-learn</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/langchain.png" alt="LangChain logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>LangChain</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/huggingface.png" alt="Hugging Face logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>Hugging Face</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/numpy.png" alt="NumPy logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>NumPy</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/opencv.png" alt="OpenCV logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>OpenCV</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/jupyter.png" alt="Jupyter logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>Jupyter</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/pandas.png" alt="Pandas logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>Pandas</span></div></div></div></div><div style="opacity:0;transform:translateY(40px);filter:blur(8px);will-change:opacity, transform, filter"><div class="tech-row-host relative overflow-hidden" style="--tech-marquee-duration:90s"><div aria-hidden="true" class="pointer-events-none absolute inset-y-0 left-0 z-10 w-32 bg-gradient-to-r from-[#e9f1fa] to-transparent"></div><div aria-hidden="true" class="pointer-events-none absolute inset-y-0 right-0 z-10 w-32 bg-gradient-to-l from-[#e9f1fa] to-transparent"></div><div class="tech-marquee-track flex gap-3 whitespace-nowrap reverse"><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/gcp.png" alt="Google Cloud logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>Google Cloud</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/digitalocean.png" alt="DigitalOcean logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>DigitalOcean</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/docker.png" alt="Docker logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>
92Docker</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/terraform.png" alt="Terraform logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>Terraform</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/ansible.png" alt="Ansible logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>Ansible</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/jenkins.png" alt="Jenkins logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>Jenkins</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/prometheus.png" alt="Prometheus logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>Prometheus</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/grafana.png" alt="Grafana logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>Grafana</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/aws.png" alt="AWS logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>AWS</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/gitlab.png" alt="GitLab CI/CD logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>GitLab CI/CD</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/cloudflare.png" alt="Cloudflare logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>Cloudflare</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/gcp.png" alt="Google Cloud logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>Google Cloud</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/digitalocean.png" alt="DigitalOcean logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>DigitalOcean</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/docker.png" alt="Docker logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>
92Docker</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/terraform.png" alt="Terraform logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>Terraform</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/ansible.png" alt="Ansible logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>Ansible</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/jenkins.png" alt="Jenkins logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>Jenkins</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/prometheus.png" alt="Prometheus logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>Prometheus</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/grafana.png" alt="Grafana logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>Grafana</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/aws.png" alt="AWS logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>AWS</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/gitlab.png" alt="GitLab CI/CD logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>GitLab CI/CD</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/cloudflare.png" alt="Cloudflare logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>Cloudflare</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/gcp.png" alt="Google Cloud logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>Google Cloud</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/digitalocean.png" alt="DigitalOcean logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>DigitalOcean</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/docker.png" alt="Docker logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>
92Docker</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/terraform.png" alt="Terraform logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>Terraform</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/ansible.png" alt="Ansible logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>Ansible</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/jenkins.png" alt="Jenkins logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>Jenkins</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/prometheus.png" alt="Prometheus logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>Prometheus</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/grafana.png" alt="Grafana logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>Grafana</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/aws.png" alt="AWS logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>AWS</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/gitlab.png" alt="GitLab CI/CD logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>GitLab CI/CD</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/cloudflare.png" alt="Cloudflare logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>Cloudflare</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/gcp.png" alt="Google Cloud logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>Google Cloud</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/digitalocean.png" alt="DigitalOcean logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>DigitalOcean</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/docker.png" alt="Docker logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>
92Docker</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/terraform.png" alt="Terraform logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>Terraform</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/ansible.png" alt="Ansible logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>Ansible</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/jenkins.png" alt="Jenkins logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>Jenkins</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/prometheus.png" alt="Prometheus logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>Prometheus</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/grafana.png" alt="Grafana logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>Grafana</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/aws.png" alt="AWS logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>AWS</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/gitlab.png" alt="GitLab CI/CD logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>GitLab CI/CD</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/cloudflare.png" alt="Cloudflare logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>Cloudflare</span></div></div></div></div><div style="opacity:0;transform:translateY(40px);filter:blur(8px);will-change:opacity, transform, filter"><div class="tech-row-host relative overflow-hidden" style="--tech-marquee-duration:106s"><div aria-hidden="true" class="pointer-events-none absolute inset-y-0 left-0 z-10 w-32 bg-gradient-to-r from-[#e9f1fa] to-transparent"></div><div aria-hidden="true" class="pointer-events-none absolute inset-y-0 right-0 z-10 w-32 bg-gradient-to-l from-[#e9f1fa] to-transparent"></div><div class="tech-marquee-track flex gap-3 whitespace-nowrap "><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/n8n.png" alt="n8n logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>n8n</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/zapier.png" alt="Zapier logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>
92Zapier</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/airflow.png" alt="Apache Airflow logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>Apache Airflow</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/postman.png" alt="Postman logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>Postman</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/make.png" alt="Make logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>Make</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/openai.png" alt="OpenAI logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>OpenAI</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/fastapi.png" alt="FastAPI logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>FastAPI</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/langchain.png" alt="LangChain logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>LangChain</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/huggingface.png" alt="Hugging Face logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>Hugging Face</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/n8n.png" alt="n8n logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>n8n</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/zapier.png" alt="Zapier logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>Zapier</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/airflow.png" alt="Apache Airflow logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>Apache Airflow</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/postman.png" alt="Postman logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>Postman</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/make.png" alt="Make logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>Make</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/openai.png" alt="OpenAI logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>OpenAI</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/fastapi.png" alt="FastAPI logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>FastAPI</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/langchain.png" alt="LangChain logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>LangChain</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/huggingface.png" alt="Hugging Face logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>Hugging Face</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/n8n.png" alt="n8n logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>n8n</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/zapier.png" alt="Zapier logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>
92Zapier</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/airflow.png" alt="Apache Airflow logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>Apache Airflow</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/postman.png" alt="Postman logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>Postman</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/make.png" alt="Make logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>Make</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/openai.png" alt="OpenAI logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>OpenAI</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/fastapi.png" alt="FastAPI logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>FastAPI</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/langchain.png" alt="LangChain logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>LangChain</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/huggingface.png" alt="Hugging Face logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>Hugging Face</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/n8n.png" alt="n8n logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>n8n</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/zapier.png" alt="Zapier logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>Zapier</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/airflow.png" alt="Apache Airflow logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>Apache Airflow</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/postman.png" alt="Postman logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>Postman</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/make.png" alt="Make logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>Make</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/openai.png" alt="OpenAI logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>OpenAI</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/fastapi.png" alt="FastAPI logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>FastAPI</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/langchain.png" alt="LangChain logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>LangChain</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/huggingface.png" alt="Hugging Face logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>Hugging Face</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/n8n.png" alt="n8n logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>n8n</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/zapier.png" alt="Zapier logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>
92Zapier</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/airflow.png" alt="Apache Airflow logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>Apache Airflow</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/postman.png" alt="Postman logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>Postman</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/make.png" alt="Make logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>Make</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/openai.png" alt="OpenAI logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>OpenAI</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/fastapi.png" alt="FastAPI logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>FastAPI</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/langchain.png" alt="LangChain logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>LangChain</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/huggingface.png" alt="Hugging Face logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>Hugging Face</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/n8n.png" alt="n8n logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>n8n</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/zapier.png" alt="Zapier logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>Zapier</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/airflow.png" alt="Apache Airflow logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>Apache Airflow</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/postman.png" alt="Postman logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>Postman</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/make.png" alt="Make logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>Make</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/openai.png" alt="OpenAI logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>OpenAI</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/fastapi.png" alt="FastAPI logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>FastAPI</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/langchain.png" alt="LangChain logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>LangChain</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/huggingface.png" alt="Hugging Face logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>Hugging Face</span></div></div></div></div><div style="opacity:0;transform:translateY(40px);filter:blur(8px);will-change:opacity, transform, filter"><div class="tech-row-host relative overflow-hidden" style="--tech-marquee-duration:122s"><div aria-hidden="true" class="pointer-events-none absolute inset-y-0 left-0 z-10 w-32 bg-gradient-to-r from-[#e9f1fa] to-transparent"></div><div aria-hidden="true" class="pointer-events-none absolute inset-y-0 right-0 z-10 w-32 bg-gradient-to-l from-[#e9f1fa] to-transparent"></div><div class="tech-marquee-track flex gap-3 whitespace-nowrap reverse"><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/figma.png" alt="Figma logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>Figma</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/framer.png" alt="Framer logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>Framer</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/adobexd.png" alt="Adobe XD logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>Adobe XD</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/illustrator.png" alt="Illustrator logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>Illustrator</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/photoshop.png" alt="Photoshop logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>Photoshop</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/canva.png" alt="Canva logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>Canva</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/figma.png" alt="Figma logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>Figma</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/framer.png" alt="Framer logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>Framer</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/adobexd.png" alt="Adobe XD logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>Adobe XD</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/illustrator.png" alt="Illustrator logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>Illustrator</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/photoshop.png" alt="Photoshop logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>Photoshop</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/canva.png" alt="Canva logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>Canva</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/figma.png" alt="Figma logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>Figma</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/framer.png" alt="Framer logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>Framer</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/adobexd.png" alt="Adobe XD logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>Adobe XD</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/illustrator.png" alt="Illustrator logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>Illustrator</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/photoshop.png" alt="Photoshop logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>Photoshop</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/canva.png" alt="Canva logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>Canva</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/figma.png" alt="Figma logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>Figma</span></div><div class="tech-pill tech-pill--light group in
92line-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/framer.png" alt="Framer logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>Framer</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/adobexd.png" alt="Adobe XD logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>Adobe XD</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/illustrator.png" alt="Illustrator logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>Illustrator</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/photoshop.png" alt="Photoshop logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>Photoshop</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/canva.png" alt="Canva logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>Canva</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/figma.png" alt="Figma logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>Figma</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/framer.png" alt="Framer logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>Framer</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/adobexd.png" alt="Adobe XD logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>Adobe XD</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/illustrator.png" alt="Illustrator logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>Illustrator</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/photoshop.png" alt="Photoshop logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>Photoshop</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/canva.png" alt="Canva logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>Canva</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/figma.png" alt="Figma logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>Figma</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/framer.png" alt="Framer logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>Framer</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/adobexd.png" alt="Adobe XD logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>Adobe XD</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/illustrator.png" alt="Illustrator logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>Illustrator</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/photoshop.png" alt="Photoshop logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>Photoshop</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/canva.png" alt="Canva logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>Canva</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/figma.png" alt="Figma logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>Figma</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/framer.png" alt="Framer logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>Framer</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/adobexd.png" alt="Adobe XD logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>Adobe XD</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/illustrator.png" alt="Illustrator logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>Illustrator</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/photoshop.png" alt="Photoshop logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>Photoshop</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/canva.png" alt="Canva logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>Canva</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/figma.png" alt="Figma logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>Figma</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/framer.png" alt="Framer logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>Framer</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/adobexd.png" alt="Adobe XD logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>Adobe XD</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/illustrator.png" alt="Illustrator logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>Illustrator</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/photoshop.png" alt="Photoshop logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>Photoshop</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/canva.png" alt="Canva logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>Canva</span></div></div></div></div><div style="opacity:0;transform:translateY(40px);filter:blur(8px);will-change:opacity, transform, filter"><div class="tech-row-host relative overflow-hidden" style="--tech-marquee-duration:90s"><div aria-hidden="true" class="pointer-events-none absolute inset-y-0 left-0 z-10 w-32 bg-gradient-to-r from-[#e9f1fa] to-transparent"></div><div aria-hidden="true" class="pointer-events-none absolute inset-y-0 right-0 z-10 w-32 bg-gradient-to-l from-[#e9f1fa] to-transparent"></div><div class="tech-marquee-track flex gap-3 whitespace-nowrap "><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/jira.png" alt="Jira logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>Jira</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/trello.png" alt="Trello logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>Trello</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/asana.png" alt="Asana logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>Asana</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/clickup.png" alt="ClickUp logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>ClickUp</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/slack.png" alt="Slack logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>Slack</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/teams.png" alt="Teams logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>Teams</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm fon
92t-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/notion.png" alt="Notion logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>Notion</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/confluence.png" alt="Confluence logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>Confluence</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/jira.png" alt="Jira logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>Jira</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/trello.png" alt="Trello logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>Trello</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/asana.png" alt="Asana logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>Asana</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/clickup.png" alt="ClickUp logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>ClickUp</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/slack.png" alt="Slack logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>Slack</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/teams.png" alt="Teams logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>Teams</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/notion.png" alt="Notion logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>Notion</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/confluence.png" alt="Confluence logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>Confluence</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/jira.png" alt="Jira logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>Jira</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/trello.png" alt="Trello logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>Trello</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/asana.png" alt="Asana logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>Asana</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/clickup.png" alt="ClickUp logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>ClickUp</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/slack.png" alt="Slack logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>Slack</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/teams.png" alt="Teams logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>Teams</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/notion.png" alt="Notion logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>Notion</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/confluence.png" alt="Confluence logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>Confluence</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/jira.png" alt="Jira logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>Jira</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/trello.png" alt="Trello logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>Trello</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/asana.png" alt="Asana logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>Asana</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/clickup.png" alt="ClickUp logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>ClickUp</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/slack.png" alt="Slack logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>Slack</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/teams.png" alt="Teams logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>Teams</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/notion.png" alt="Notion logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>Notion</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/confluence.png" alt="Confluence logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>Confluence</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/jira.png" alt="Jira logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>Jira</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/trello.png" alt="Trello logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>Trello</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/asana.png" alt="Asana logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>Asana</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/clickup.png" alt="ClickUp logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>ClickUp</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/slack.png" alt="Slack logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>Slack</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/teams.png" alt="Teams logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>Teams</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/notion.png" alt="Notion logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>Notion</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/confluence.png" alt="Confluence logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>Confluence</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/jira.png" alt="Jira logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>Jira</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/trello.png" alt="Trello logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>Trello</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/asana.png" alt="Asana logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>Asana</span></div><div class="tech-pill tech-pill--ligh
92t group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/clickup.png" alt="ClickUp logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>ClickUp</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/slack.png" alt="Slack logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>Slack</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/teams.png" alt="Teams logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>Teams</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/notion.png" alt="Notion logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>Notion</span></div><div class="tech-pill tech-pill--light group inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#0a1b3a]/8 bg-white px-5 py-2.5 text-sm font-medium shadow-[0_1px_2px_rgba(10,27,58,0.05)] transition hover:border-[#058BF0]/40 hover:shadow-[0_8px_20px_-10px_rgba(5,139,240,0.45)]"><img src="/techstack/confluence.png" alt="Confluence logo" loading="lazy" decoding="async" class="h-5 w-5 shrink-0 object-contain"/><span>Confluence</span></div></div></div></div></div></div></div></div></section><!--/$--><!--$--><section data-nav-theme="light" class="journey relative bg-[#f6f8fb]" style="min-height:400vh;isolation:isolate;--journey-progress:0;--track-p:0"><div class="journey-pin sticky top-0 flex h-screen flex-col overflow-hidden px-6 py-16 sm:px-10 lg:py-24"><div aria-hidden="true" class="pointer-events-none absolute left-1/2 top-1/2 h-[600px] w-[1000px] -translate-x-1/2 -translate-y-1/2 rounded-full bg-[#058BF0]/20 blur-[180px]"></div><div class="relative mx-auto flex w-11/12 max-w-[1280px] flex-1 flex-col gap-10 lg:gap-14"><div class="journey-head"><p class="text-xs font-semibold uppercase tracking-[0.28em] text-[#058BF0] sm:text-sm">Our Process</p><h2 class="journey-title mt-5 max-w-[22ch] font-poppins text-3xl font-bold leading-[1.2] sm:leading-[1.2] lg:leading-[1.2] tracking-tight text-[#0a1b3a] sm:text-4xl lg:text-5xl xl:text-[3.5rem]"><span class="word">Our</span> <span class="word">Delivery</span> <span class="word">Journey</span></h2></div><div class="journey-track relative mx-auto h-[52px] w-full" aria-hidden="true"><div class="journey-track-line absolute inset-x-0 top-1/2 h-px -translate-y-1/2" style="background:linear-gradient(to right, transparent, rgba(10,27,58,0.22), rgba(10,27,58,0.22), transparent)"></div><div class="journey-track-fill absolute left-0 top-1/2 h-[2px]" style="width:calc(var(--track-p, 0) * 100%);background:linear-gradient(to right, #058BF0, #19a7ff, #5BB8FF);transform:translateY(-1px);box-shadow:0 0 12px rgba(5, 139, 240, 0.55)"></div><div class="journey-tooltip pointer-events-none absolute right-0 bottom-[calc(100%+12px)] whitespace-nowrap rounded-md bg-[#0a1b3a] px-3.5 py-2 font-mono text-[11px] font-semibold uppercase tracking-[0.18em] text-white shadow-[0_8px_20px_-10px_rgba(10,27,58,0.5)]" style="opacity:clamp(0, calc((var(--track-p, 0) - 0.92) * 12.5), 1);transform:translateY(calc((1 - clamp(0, calc((var(--track-p, 0) - 0.92) * 12.5), 1)) * 8px))">Live & Growing<span aria-hidden="true" class="absolute -bottom-[4px] right-3.5 h-2 w-2 rotate-45 bg-[#0a1b3a]"></span></div><div class="journey-marker absolute top-1/2 z-[2] grid h-11 w-11 -translate-x-1/2 -translate-y-1/2 place-items-center rounded-lg border border-[#058BF0]/25 bg-white shadow-[0_6px_18px_rgba(5,139,240,0.3)]" style="left:calc(var(--track-p, 0) * 100%)"><img src="/new-logos/logo-mark.png" alt="Cloudastra" loading="lazy" decoding="async" class="h-6 w-auto"/></div></div><div class="journey-cards grid gap-3 lg:gap-5" style="grid-template-columns:repeat(6, minmax(0, 1fr));grid-template-rows:auto 1fr"><article class="journey-card relative grid rounded-2xl border border-gray-200/80 bg-white p-6 shadow-[0_1px_2px_rgba(10,27,58,0.04)] lg:p-7" style="--i:0;grid-row:span 2;grid-template-rows:subgrid;gap:18px"><span class="journey-badge justify-self-start rounded-full border border-[#058BF0]/25 bg-[#058BF0]/10 px-3 py-1 font-mono text-[10px] font-semibold uppercase tracking-[0.18em] text-[#058BF0]">Phase 1</span>
92<h3 class="journey-card-title font-poppins text-[clamp(15px,1.4vw,19px)] font-bold leading-tight tracking-tight text-[#0a1b3a]">Discovery & Business Alignment</h3></article><article class="journey-card relative grid rounded-2xl border border-gray-200/80 bg-white p-6 shadow-[0_1px_2px_rgba(10,27,58,0.04)] lg:p-7" style="--i:1;grid-row:span 2;grid-template-rows:subgrid;gap:18px"><span class="journey-badge justify-self-start rounded-full border border-[#058BF0]/25 bg-[#058BF0]/10 px-3 py-1 font-mono text-[10px] font-semibold uppercase tracking-[0.18em] text-[#058BF0]">Phase 2</span><h3 class="journey-card-title font-poppins text-[clamp(15px,1.4vw,19px)] font-bold leading-tight tracking-tight text-[#0a1b3a]">Planning, Architecture & Proposal</h3></article><article class="journey-card relative grid rounded-2xl border border-gray-200/80 bg-white p-6 shadow-[0_1px_2px_rgba(10,27,58,0.04)] lg:p-7" style="--i:2;grid-row:span 2;grid-template-rows:subgrid;gap:18px"><span class="journey-badge justify-self-start rounded-full border border-[#058BF0]/25 bg-[#058BF0]/10 px-3 py-1 font-mono text-[10px] font-semibold uppercase tracking-[0.18em] text-[#058BF0]">Phase 3</span><h3 class="journey-card-title font-poppins text-[clamp(15px,1.4vw,19px)] font-bold leading-tight tracking-tight text-[#0a1b3a]">Design & Development</h3></article><article class="journey-card relative grid rounded-2xl border border-gray-200/80 bg-white p-6 shadow-[0_1px_2px_rgba(10,27,58,0.04)] lg:p-7" style="--i:3;grid-row:span 2;grid-template-rows:subgrid;gap:18px"><span class="journey-badge justify-self-start rounded-full border border-[#058BF0]/25 bg-[#058BF0]/10 px-3 py-1 font-mono text-[10px] font-semibold uppercase tracking-[0.18em] text-[#058BF0]">Phase 4</span><h3 class="journey-card-title font-poppins text-[clamp(15px,1.4vw,19px)] font-bold leading-tight tracking-tight text-[#0a1b3a]">QA & Acceptance</h3></article><article class="journey-card relative grid rounded-2xl border border-gray-200/80 bg-white p-6 shadow-[0_1px_2px_rgba(10,27,58,0.04)] lg:p-7" style="--i:4;grid-row:span 2;grid-template-rows:subgrid;gap:18px"><span class="journey-badge justify-self-start rounded-full border border-[#058BF0]/25 bg-[#058BF0]/10 px-3 py-1 font-mono text-[10px] font-semibold uppercase tracking-[0.18em] text-[#058BF0]">Phase 5</span><h3 class="journey-card-title font-poppins text-[clamp(15px,1.4vw,19px)] font-bold leading-tight tracking-tight text-[#0a1b3a]">Deployment & Go-Live</h3></article><article class="journey-card relative grid rounded-2xl border border-gray-200/80 bg-white p-6 shadow-[0_1px_2px_rgba(10,27,58,0.04)] lg:p-7" style="--i:5;grid-row:span 2;grid-template-rows:subgrid;gap:18px"><span class="journey-badge justify-self-start rounded-full border border-[#058BF0]/25 bg-[#058BF0]/10 px-3 py-1 font-mono text-[10px] font-semibold uppercase tracking-[0.18em] text-[#058BF0]">Phase 6</span><h3 class="journey-card-title font-poppins text-[clamp(15px,1.4vw,19px)] font-bold leading-tight tracking-tight text-[#0a1b3a]">Support, Optimization & Growth</h3></article></div><div class="flex justify-center"><a href="/contact" class="group inline-flex items-center gap-2 rounded-lg bg-[#058BF0] px-7 py-3.5 text-sm font-semibold text-white shadow-lg shadow-cloud/30 transition hover:bg-[#0477cc]">Discuss your product<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right h-4 w-4 transition-transform group-hover:translate-x-0.5"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a></div></div></div></section><!--/$--><!--$--><section data-nav-theme="light" class="relative z-20 -mt-[150vh] overflow-hidden rounded-t-[2.5rem] bg-white py-20 lg:py-28"><div class="mx-auto w-11/12 max-w-[1280px]"><div class="flex flex-col items-center justify-center text-center"><p class="text-xs font-semibold uppercase tracking-[0.28em] text-[#058BF0] sm:text-sm">Testimonials</p><h2 class="mx-auto mt-5 max-w-3xl font-poppins text-3xl font-bold leading-[1.2] sm:leading-[1.2] lg:leading-[1.2] tracking-tight text-[#0a1b3a] sm:text-4xl lg:text-5xl xl:text-[3.25rem]">What our clients say</h2><p class="mx-auto mt-5 max-w-md text-base leading-relaxed text-gray-600 lg:text-lg">See what our customers have to say about working with Cloudastra.</p></div><div class="mt-10 flex max-h-[58vh] justify-center gap-6 overflow-hidden [mask-image:linear-gradient(to_bottom,transparent,black_25%,black_75%,transparent)]"><div class=""><div class="testimonials-track flex flex-col gap-6 pb-6" style="--testimonials-duration:22s"><div class="w-full max-w-xs rounded-3xl border border-gray-200/80 bg-white p-7 shadow-[0_10px_30px_-15px_rgba(5,139,240,0.18)]"><p class="text-[14px] leading-relaxed text-[#0a1b3a]/85">They delivered an exceptional OTT application, showcasing technical expertise and customer-centricity. Their deep understanding of OTT technology, seamless integration of trends and reliable functionality exceeded expectations. I wholeheartedly recommend their services.</p><div class="mt-5"><div class="text-sm font-semibold leading-tight tracking-tight text-[#0a1b3a]">William A. Mobley, Jr.</div><div class="mt-1 text-xs leading-tight tracking-tight text-[#0a1b3a]/55">Freecast</div></div></div><div class="w-full max-w-xs rounded-3xl border border-gray-200/80 bg-white p-7 shadow-[0_10px_30px_-15px_rgba(5,139,240,0.18)]"><p class="text-[14px] leading-relaxed text-[#0a1b3a]/85">Bleachsecurity delivers next-generation cybersecurity solutions, protecting businesses against evolving threats with advanced monitoring, automation and AI-driven threat intelligence.</p><div class="mt-5"><div class="text-sm font-semibold leading-tight tracking-tight text-[#0a1b3a]">Sarah Williams</div><div class="mt-1 text-xs leading-tight tracking-tight text-[#0a1b3a]/55">Bleachsecurity</div></div></div><div class="w-full max-w-xs rounded-3xl border border-gray-200/80 bg-white p-7 shadow-[0_10px_30px_-15px_rgba(5,139,240,0.18)]"><p class="text-[14px] leading-relaxed text-[#0a1b3a]/85">Cloudastra Technologies develops digital education solutions that have transformed professional training at ICSI (Institute of Company Secretaries of India). Their platform improves the learning experience and resource accessibility for company secretary students while making administrative processes more efficient.</p><div class="mt-5"><div class="text-sm font-semibold leading-tight tracking-tight text-[#0a1b3a]">Rohan Mehta</div><div class="mt-1 text-xs leading-tight tracking-tight text-[#0a1b3a]/55">ICSI</div></div></div><div class="w-full max-w-xs rounded-3xl border border-gray-200/80 bg-white p-7 shadow-[0_10px_30px_-15px_rgba(5,139,240,0.18)]"><p class="text-[14px] leading-relaxed text-[#0a1b3a]/85">They delivered an exceptional OTT application, showcasing technical expertise and customer-centricity. Their deep understanding of OTT technology, seamless integration of trends and reliable functionality exceeded expectations. I wholeheartedly recommend their services.</p><div class="mt-5"><div class="text-sm font-semibold leading-tight tracking-tight text-[#0a1b3a]">William A. Mobley, Jr.</div><div class="mt-1 text-xs leading-tight tracking-tight text-[#0a1b3a]/55">Freecast</div></div></div><div class="w-full max-w-xs rounded-3xl border border-gray-200/80 bg-white p-7 shadow-[0_10px_30px_-15px_rgba(5,139,240,0.18)]"><p class="text-[14px] leading-relaxed text-[#0a1b3a]/85">Bleachsecurity delivers next-generation cybersecurity solutions, protecting businesses against evolving threats with advanced monitoring, automation and AI-driven threat intelligence.</p><div class="mt-5"><div class="text-sm font-semibold leading-tight tracking-tight text-[#0a1b3a]">Sarah Williams</div><div class="mt-1 text-xs leading-tight tracking-tight text-[#0a1b3a]/55">Bleachsecurity</div></div></div><div class="w-full max-w-xs rounded-3xl border border-gray-200/80 bg-white p-7 shadow-[0_10px_30px_-15px_rgba(5,139,240,0.18)]"><p class="text-[14px] leading-relaxed text-[#0a1b3a]/85">Cloudastra Technologies develops digital education solutions that have transformed professional training at ICSI (Institute of Company Secretaries of India). Their platform improves the learning experience and resource accessibility for company secretary students while making administrative processes more efficient.</p><div class="mt-5"><div class="text-sm font-semibold leading-tight tracking-tight text-[#0a1b3a]">Rohan Mehta</div><div class="mt-1 text-xs leading-tight tracking-tight text-[#0a1b3a]/55">ICSI</div></div></div></div></div><div class="hidden md:block"><div class="testimonials-track flex flex-col gap-6 pb-6" style="--testimonials-duration:26s"><div class="w-full max-w-xs rounded-3xl border border-gray-200/80 bg-white p-7 shadow-[0_10px_30px_-15px_rgba(5,139,240,0.18)]"><p class="text-[14px] leading-relaxed text-[#0a1b3a]/85">Altcase empowers global investors with innovative fintech solutions, simplifying portfolio management, providing real-time analytics and enabling data-driven decision-making.</p><div class="mt-5"><div class="text-sm font-semibold leading-tight tracking-tight text-[#0a1b3a]">Madhusudhan ML</div><div class="mt-1 text-xs leading-tight tracking-tight text-[#0a1b3a]/55">Altcase</div></div></div><div class="w-full max-w-xs rounded-3xl border border-gray-200/80 bg-white p-7 shadow-[0_10px_30px_-15px_rgba(5,139,240,0.18)]"><p class="text-[14px] leading-relaxed text-[#0a1b3a]/85">They revolutionized our insurance services with an AI-based bot, streamlining customer interactions and significantly reducing costs. Their tailored solution efficie
92ntly handles claims, improving operational efficiency and enhancing the overall customer experience.</p><div class="mt-5"><div class="text-sm font-semibold leading-tight tracking-tight text-[#0a1b3a]">Corey Kuwanoe</div><div class="mt-1 text-xs leading-tight tracking-tight text-[#0a1b3a]/55">Politech</div></div></div><div class="w-full max-w-xs rounded-3xl border border-gray-200/80 bg-white p-7 shadow-[0_10px_30px_-15px_rgba(5,139,240,0.18)]"><p class="text-[14px] leading-relaxed text-[#0a1b3a]/85">Altcase empowers global investors with innovative fintech solutions, simplifying portfolio management, providing real-time analytics and enabling data-driven decision-making.</p><div class="mt-5"><div class="text-sm font-semibold leading-tight tracking-tight text-[#0a1b3a]">Madhusudhan ML</div><div class="mt-1 text-xs leading-tight tracking-tight text-[#0a1b3a]/55">Altcase</div></div></div><div class="w-full max-w-xs rounded-3xl border border-gray-200/80 bg-white p-7 shadow-[0_10px_30px_-15px_rgba(5,139,240,0.18)]"><p class="text-[14px] leading-relaxed text-[#0a1b3a]/85">They revolutionized our insurance services with an AI-based bot, streamlining customer interactions and significantly reducing costs. Their tailored solution efficiently handles claims, improving operational efficiency and enhancing the overall customer experience.</p><div class="mt-5"><div class="text-sm font-semibold leading-tight tracking-tight text-[#0a1b3a]">Corey Kuwanoe</div><div class="mt-1 text-xs leading-tight tracking-tight text-[#0a1b3a]/55">Politech</div></div></div></div></div><div class="hidden lg:block"><div class="testimonials-track flex flex-col gap-6 pb-6" style="--testimonials-duration:24s"><div class="w-full max-w-xs rounded-3xl border border-gray-200/80 bg-white p-7 shadow-[0_10px_30px_-15px_rgba(5,139,240,0.18)]"><p class="text-[14px] leading-relaxed text-[#0a1b3a]/85">Cloudastra Technologies has elevated home interiors with their AI-based application, predicting ideal designs. Their innovative tool streamlined decision-making, adding a delightful, creative dimension to home transformations, enhancing personalization for an unparalleled experience.</p><div class="mt-5"><div class="text-sm font-semibold leading-tight tracking-tight text-[#0a1b3a]">Castleigh Johnson</div><div class="mt-1 text-xs leading-tight tracking-tight text-[#0a1b3a]/55">MHP</div></div></div><div class="w-full max-w-xs rounded-3xl border border-gray-200/80 bg-white p-7 shadow-[0_10px_30px_-15px_rgba(5,139,240,0.18)]"><p class="text-[14px] leading-relaxed text-[#0a1b3a]/85">Cloudastra's Nigmat Bot revolutionized our B2B operations with next-gen AI technology. Its versatility and cost savings were remarkable. The beta version, handled with dedication, showcased Cloudastra's commitment to client success.</p><div class="mt-5"><div class="text-sm font-semibold leading-tight tracking-tight text-[#0a1b3a]">Mike Futch</div><div class="mt-1 text-xs leading-tight tracking-tight text-[#0a1b3a]/55">Tompkins</div></div></div><div class="w-full max-w-xs rounded-3xl border border-gray-200/80 bg-white p-7 shadow-[0_10px_30px_-15px_rgba(5,139,240,0.18)]"><p class="text-[14px] leading-relaxed text-[#0a1b3a]/85">Cloudastra Technologies has elevated home interiors with their AI-based application, predicting ideal designs. Their innovative tool streamlined decision-making, adding a delightful, creative dimension to home transformations, enhancing personalization for an unparalleled experience.</p><div class="mt-5"><div class="text-sm font-semibold leading-tight tracking-tight text-[#0a1b3a]">Castleigh Johnson</div><div class="mt-1 text-xs leading-tight tracking-tight text-[#0a1b3a]/55">MHP</div></div></div><div class="w-full max-w-xs rounded-3xl border border-gray-200/80 bg-white p-7 shadow-[0_10px_30px_-15px_rgba(5,139,240,0.18)]"><p class="text-[14px] leading-relaxed text-[#0a1b3a]/85">Cloudastra's Nigmat Bot revolutionized our B2B operations with next-gen AI technology. Its versatility and cost savings were remarkable. The beta version, handled with dedication, showcased Cloudastra's commitment to client success.</p><div class="mt-5"><div class="text-sm font-semibold leading-tight tracking-tight text-[#0a1b3a]">Mike Futch</div><div class="mt-1 text-xs leading-tight tracking-tight text-[#0a1b3a]/55">Tompkins</div></div></div></div></div></div></div></section><!--/$--><!--$--><section data-nav-theme="light" class="relative bg-white py-20 lg:py-28"><div class="mx-auto w-11/12 max-w-[1280px]"><div><h2 class="font-poppins text-3xl font-bold leading-[1.2] sm:leading-[1.2] lg:leading-[1.2] tracking-tight text-[#058BF0] sm:text-4xl lg:text-5xl">Media Coverage</h2><p class="mt-3 text-base leading-relaxed text-gray-600 lg:text-lg">Discover the Latest at Cloudastra: Stay Informed, Stay Ahead!</p></div><div class="relative mt-10 grid grid-cols-1 gap-6 sm:grid-cols-2 lg:grid-cols-4 lg:gap-5"><a href="https://timesofindia.indiatimes.com/life-style/events/times-business-awards-north-2024-acknowledging-the-very-best-in-business/articleshow/109378158.cms" target="_blank" rel="noopener noreferrer" class="media-card group flex flex-col rounded-2xl p-3 transition-all duration-300 ease-out hover:-translate-y-1 hover:bg-white hover:shadow-[0_24px_50px_-20px_rgba(5,139,240,0.25)] hover:ring-1 hover:ring-[#058BF0]/15 lg:cursor-none"><div class="relative flex h-[170px] w-full items-center justify-center overflow-hidden rounded-xl bg-[#e5e5e5] px-8 transition-all duration-300 ease-out group-hover:bg-white group-hover:shadow-inner"><img src="/new-logos/times-of-india.png" alt="The Times of India" loading="lazy" decoding="async" class="relative z-10 max-h-[64px] w-auto max-w-full object-contain transition-transform duration-300 ease-out group-hover:scale-[1.04]"/><span aria-hidden="true" class="pointer-events-none absolute -bottom-12 left-1/2 h-32 w-40 -translate-x-1/2 roun
92ded-full bg-[#058BF0]/15 opacity-0 blur-3xl transition-opacity duration-500 group-hover:opacity-100"></span></div><div class="mt-4 flex flex-1 flex-col px-1"><h3 class="text-sm font-bold leading-snug text-[#0a1b3a] transition-colors duration-300 group-hover:text-[#058BF0]">Times Business Awards, North 2024: Acknowledging the very best in Business.</h3><p class="mt-3 text-sm leading-relaxed text-gray-600">Shivam Khuswaha, Founder of Cloudastra Technologies stands as a beacon of excellence in ...</p><p class="mt-4 text-xs text-gray-400">12 April 2024</p></div></a><a href="https://www.hindustantimes.com/brand-stories/partner-in-digital-transformation-with-cloudastra-technologies-premium-it-and-cloud-solutions-101708681005199.html" target="_blank" rel="noopener noreferrer" class="media-card group flex flex-col rounded-2xl p-3 transition-all duration-300 ease-out hover:-translate-y-1 hover:bg-white hover:shadow-[0_24px_50px_-20px_rgba(5,139,240,0.25)] hover:ring-1 hover:ring-[#058BF0]/15 lg:cursor-none"><div class="relative flex h-[170px] w-full items-center justify-center overflow-hidden rounded-xl bg-[#e5e5e5] px-8 transition-all duration-300 ease-out group-hover:bg-white group-hover:shadow-inner"><img src="/new-logos/hindustan-times.png" alt="Hindustan Times" loading="lazy" decoding="async" class="relative z-10 max-h-[64px] w-auto max-w-full object-contain transition-transform duration-300 ease-out group-hover:scale-[1.04]"/><span aria-hidden="true" class="pointer-events-none absolute -bottom-12 left-1/2 h-32 w-40 -translate-x-1/2 rounded-full bg-[#058BF0]/15 opacity-0 blur-3xl transition-opacity duration-500 group-hover:opacity-100"></span></div><div class="mt-4 flex flex-1 flex-col px-1"><h3 class="text-sm font-bold leading-snug text-[#0a1b3a] transition-colors duration-300 group-hover:text-[#058BF0]">Partner in Digital Transformation with Cloudastra Technologies premium IT and Cloud Solutions</h3><p class="mt-3 text-sm leading-relaxed text-gray-600">In a rapidly evolving digital presence, embracing cutting-edge technology is no longer an option; it's ...</p><p class="mt-4 text-xs text-gray-400">24 February 2024</p></div></a><a href="https://www.business-standard.com/content/press-releases-ani/cloudastra-technologies-unveils-nigmabot-ai-a-gateway-to-ai-powered-solutions-124022300429_1.html" target="_blank" rel="noopener noreferrer" class="media-card group flex flex-col rounded-2xl p-3 transition-all duration-300 ease-out hover:-translate-y-1 hover:bg-white hover:shadow-[0_24px_50px_-20px_rgba(5,139,240,0.25)] hover:ring-1 hover:ring-[#058BF0]/15 lg:cursor-none"><div class="relative flex h-[170px] w-full items-center justify-center overflow-hidden rounded-xl bg-[#e5e5e5] px-8 transition-all duration-300 ease-out group-hover:bg-white group-hover:shadow-inner"><img src="/new-logos/business-standard.png" alt="The Business Standard" loading="lazy" decoding="async" class="relative z-10 max-h-[64px] w-auto max-w-full object-contain transition-transform duration-300 ease-out group-hover:scale-[1.04]"/><span aria-hidden="true" class="pointer-events-none absolute -bottom-12 left-1/2 h-32 w-40 -translate-x-1/2 rounded-full bg-[#058BF0]/15 opacity-0 blur-3xl transition-opacity duration-500 group-hover:opacity-100"></span></div><div class="mt-4 flex flex-1 flex-col px-1"><h3 class="text-sm font-bold leading-snug text-[#0a1b3a] transition-colors duration-300 group-hover:text-[#058BF0]">Cloudastra Technologies Unveils Nigmabot.AI: A Gateway to AI-Powered Solutions</h3><p class="mt-3 text-sm leading-relaxed text-gray-600">In a rapidly evolving digital presence, embracing cutting-edge technology is no longer an option; it's ...</p><p class="mt-4 text-xs text-gray-400">23 February 2024</p></div></a><a href="https://www.aninews.in/news/business/cloudastra-technologies-unveils-nigmabotai-a-gateway-to-ai-powered-solutions20240223131207/" target="_blank" rel="noopener noreferrer" class="media-card group flex flex-col rounded-2xl p-3 transition-all duration-300 ease-out hover:-translate-y-1 hover:bg-white hover:shadow-[0_24px_50px_-20px_rgba(5,139,240,0.25)] hover:ring-1 hover:ring-[#058BF0]/15 lg:cursor-none"><div class="relative flex h-[170px] w-full items-center justify-center overflow-hidden rounded-xl bg-[#e5e5e5] px-8 transition-all duration-300 ease-out group-hover:bg-white group-hover:shadow-inner"><img src="/new-logos/ani.png" alt="ANI" loading="lazy" decoding="async" class="relative z-10 max-h-[64px] w-auto max-w-full object-contain transition-transform duration-300 ease-out group-hover:scale-[1.04]"/><span aria-hidden="true" class="pointer-events-none absolute -bottom-12 left-1/2 h-32 w-40 -translate-x-1/2 roun
92ded-full bg-[#058BF0]/15 opacity-0 blur-3xl transition-opacity duration-500 group-hover:opacity-100"></span></div><div class="mt-4 flex flex-1 flex-col px-1"><h3 class="text-sm font-bold leading-snug text-[#0a1b3a] transition-colors duration-300 group-hover:text-[#058BF0]">Cloudastra Technologies, a leading software development agency, is gearing up to launch its MVP Nigmabot.AI</h3><p class="mt-3 text-sm leading-relaxed text-gray-600">Cloudastra is renowned for delivering innovative and...</p><p class="mt-4 text-xs text-gray-400">23 February 2024</p></div></a><div aria-hidden="true" class="pointer-events-none absolute left-0 top-0 z-50 hidden rounded-full bg-[#0a1b3a] px-4 py-2 text-[10px] font-bold uppercase tracking-[0.18em] text-white shadow-[0_10px_24px_-6px_rgba(10,27,58,0.4)] transition-opacity duration-200 lg:block opacity-0" style="will-change:transform">Read more</div></div></div></section><!--/$--><!--$--><section data-nav-theme="light" class="relative bg-white py-20 lg:py-28"><div class="mx-auto w-11/12 max-w-[1280px]"><div class="flex flex-col items-start gap-12 md:flex-row lg:gap-20"><div class="md:sticky md:top-32 md:w-5/12"><p class="text-xs font-semibold uppercase tracking-[0.28em] text-[#058BF0] sm:text-sm">Frequently Asked</p><h2 class="mt-5 font-poppins text-3xl font-bold leading-[1.2] sm:leading-[1.2] lg:leading-[1.2] tracking-tight text-[#0a1b3a] sm:text-4xl lg:text-5xl xl:text-[3.5rem]">Have questions?</h2><p class="mt-6 max-w-md text-base leading-relaxed text-gray-600 lg:text-lg">Weâre here to help you understand how we work. If you donât find your answer below, our team is one message away.</p><a href="/contact" class="group mt-6 inline-flex items-center gap-1.5 text-sm font-semibold text-[#058BF0] underline-offset-4 hover:underline">Reach out to our team<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right h-4 w-4 transition-transform group-hover:translate-x-0.5"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></a></div><div class="flex-1 space-y-3"><div class="border-b border-gray-200"><button type="button" aria-expanded="true" class="flex w-full items-center justify-between gap-6 py-4 text-left text-[15px] font-semibold leading-snug text-[#0a1b3a] transition hover:text-[#058BF0]"><span>So, what is the Offshore Software Development Service and how can Cloudastra help?</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down h-4 w-4 shrink-0 text-gray-500 transition-transform duration-300 rotate-180 text-[#058BF0]"><path d="m6 9 6 6 6-6"></path></svg></button><div class="grid overflow-hidden text-sm leading-relaxed text-gray-600 transition-[grid-template-rows] duration-300 ease-out" style="grid-template-rows:1fr"><div class="min-h-0"><p class="pb-5 pr-8">Offshore software development services include collaboration with the worldwide development team to construct, enhance, or sustain software solutions. Cloudastra assists companies to cut expenses, gain access to talented professionals and speed up their delivery schedules without settling with mediocrity. Our international offshore office is completely integrated into your workflows, providing such services as software product development (custom products), DevOps, AI integration and end-to-end project delivery. As a startup starting with MVP or an enterprise looking to extend its capabilities, our customized solutions work according to your needs and guarantee the best communication and results.</p></div></div></div><div class="border-b border-gray-200"><button type="button" aria-expanded="false" class="flex w-full items-center justify-between gap-6 py-4 text-left text-[15px] font-semibold leading-snug text-[#0a1b3a] transition hover:text-[#058BF0]"><span>What are the benefits of your DevOps Managed Services to software delivery?</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down h-4 w-4 shrink-0 text-gray-500 transition-transform duration-300"><path d="m6 9 6 6 6-6"></path></svg></button><div class="grid overflow-hidden text-sm leading-relaxed text-gray-600 transition-[grid-template-rows] duration-300 ease-out" style="grid-template-rows:0fr"><div class="min-h-0"><p class="pb-5 pr-8">Our DevOps Managed Services accelerate software delivery by automating build, test and deployment pipelines, improving release frequency and reducing manual errors. We bring infrastru
92cture-as-code, continuous integration, continuous deployment and proactive monitoring so your team can ship faster while staying reliable and secure.</p></div></div></div><div class="border-b border-gray-200"><button type="button" aria-expanded="false" class="flex w-full items-center justify-between gap-6 py-4 text-left text-[15px] font-semibold leading-snug text-[#0a1b3a] transition hover:text-[#058BF0]"><span>Are you selling AI-based business-specific solutions?</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down h-4 w-4 shrink-0 text-gray-500 transition-transform duration-300"><path d="m6 9 6 6 6-6"></path></svg></button><div class="grid overflow-hidden text-sm leading-relaxed text-gray-600 transition-[grid-template-rows] duration-300 ease-out" style="grid-template-rows:0fr"><div class="min-h-0"><p class="pb-5 pr-8">Yes. We design and deliver AI solutions tailored to your business: large language model integrations, intelligent automation, computer vision pipelines, predictive analytics and agent-based workflows. Every solution is built around your data, your processes and your guardrails, not a generic template.</p></div></div></div><div class="border-b border-gray-200"><button type="button" aria-expanded="false" class="flex w-full items-center justify-between gap-6 py-4 text-left text-[15px] font-semibold leading-snug text-[#0a1b3a] transition hover:text-[#058BF0]"><span>What are the industries your software development services traverse?</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down h-4 w-4 shrink-0 text-gray-500 transition-transform duration-300"><path d="m6 9 6 6 6-6"></path></svg></button><div class="grid overflow-hidden text-sm leading-relaxed text-gray-600 transition-[grid-template-rows] duration-300 ease-out" style="grid-template-rows:0fr"><div class="min-h-0"><p class="pb-5 pr-8">We partner with clients across finance, healthcare, retail, logistics, media, education and the public sector. Our delivery model adapts to each industryâs compliance, security and operational realities so the engineering choices fit the domain you operate in.</p></div></div></div><div class="border-b border-gray-200"><button type="button" aria-expanded="false" class="flex w-full items-center justify-between gap-6 py-4 text-left text-[15px] font-semibold leading-snug text-[#0a1b3a] transition hover:text-[#058BF0]"><span>How is your Web App Development Services different to Web Development and Startups?</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down h-4 w-4 shrink-0 text-gray-500 transition-transform duration-300"><path d="m6 9 6 6 6-6"></path></svg></button><div class="grid overflow-hidden text-sm leading-relaxed text-gray-600 transition-[grid-template-rows] duration-300 ease-out" style="grid-template-rows:0fr"><div class="min-h-0"><p class="pb-5 pr-8">Our Web App Development goes beyond static sites: we build scalable, full-stack applications with secure authentication, database design, API integration and modern frontends. For startups we combine rapid MVP delivery with production-ready architecture, so you can move fast now without rebuilding later when traction comes in.</p></div></div></div></div></div></div></section><!--/$--><div class="bg-white"><!--$!--><template data-dgst="DYNAMIC_SERVER_USAGE"></template><div class="h-64 w-full"></div><!--/$--></div></main><!--$!--><template data-dgst="DYNAMIC_SERVER_USAGE"></template><!--/$--><!--$!--><template data-dgst="DYNAMIC_SERVER_USAGE"></template><!--/$--><!--$!--><template data-dgst="DYNAMIC_SERVER_USAGE"></template><!--/$--></main></div>
92<script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{}},"page":"/","query":{},"buildId":"ui1M-jAT-GioDwKtyNbv5","nextExport":true,"autoExport":true,"isFallback":false,"dynamicIds":[23922,92465,98126,80632,22585,69550,88598,36243,21202,75404],"scriptLoader":[]}</script>
92<script>(function(){function c(){var b=a.contentDocument||(a.contentWindow&&a.contentWindow.document);if(b){var d=b.createElement('script');d.innerHTML="window.__CF$cv$params={r:'a455bf39cc67c93a',t:'MTc5MTEzMzI3MA=='};var a=document.createElement('script');a.src='/cdn-cgi/challenge-platform/scripts/jsd/main.js';document.getElementsByTagName('head')[0].appendChild(a);";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();</script>
92<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"afa7870d1c084534a78623c62d117456","r":1,"spa":2}' crossorigin="anonymous"></script>
92 93</body></html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.