1<!doctype html> 2<html lang="en" class="dark" dir="ltr" data-lang="en"><head> 3 <meta charset="UTF-8"> 4 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 5 <title>AI-Driven SRE, AIOps & Observability | GuhaTek</title> 6 <!-- No static description: each page supplies its own via Helmet. A 7 sitewide one here produced two description tags per page, and Google 8 reads the first. --> 9 <meta name="keywords" content="SRE as a Service and Software, Site Reliability Engineering, Cloud Reliability Engineering, Platform Engineering, Observability, SaaS Reliability, Scalability Engineering"> 10 <meta name="author" content="GuhaTek"> 11 <!-- No static canonical: each page emits its own self-referencing one via 12 Helmet (src/components/seo/PageSeo.tsx). A hardcoded homepage canonical 13 here was inherited by every prerendered page, telling Google the whole 14 site was a duplicate of "/". --> 15 <!-- No static robots/og/twitter tags: each page emits its own via Helmet 16 (PageSeo). Static ones here were duplicated on every prerendered page 17 and pointed og:url/og:title at the homepage for pages that never set 18 their own. The noindex on dist/fallback.html is added by the 19 prerenderer. --> 20 21 <!-- Preconnect + async-load fonts so they don't block render. --> 22 <link rel="preconnect" href="https://fonts.googleapis.com"> 23 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin=""> 24 <link rel="preload" as="style" href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&family=DM+Sans:wght@300;400;500;600&display=swap" onload="this.onload=null;this.rel='stylesheet'"> 25 <noscript> 26 <link 27 rel="stylesheet" 28 href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&family=DM+Sans:wght@300;400;500;600&display=swap" 29 /> 30 </noscript> 31 32 33 <!-- 34 Sitewide structured data (Organization + WebSite). 35 36 Deliberately STATIC here rather than injected by React: AI crawlers 37 (GPTBot, PerplexityBot, ClaudeBot) do not execute JavaScript, so anything 38 rendered client-side is invisible to them. This block is served in the 39 raw HTML and is therefore readable by every crawler today. 40 41 Page-level schema (Service / FAQPage / JobPosting) still 42 renders client-side and will only become crawler-visible once the site is 43 prerendered. 44 --> 45
45<script type="application/ld+json"> 46 { 47 "@context": "https://schema.org", 48 "@graph": [ 49 { 50 "@type": "Organization", 51 "@id": "https://www.guhatek.com/#organization", 52 "name": "GuhaTek", 53 "legalName": "Guhatek Consulting Services Private Limited", 54 "url": "https://www.guhatek.com", 55 "logo": "https://www.guhatek.com/logo.png", 56 "foundingDate": "2024-09-04", 57 "address": { 58 "@type": "PostalAddress", 59 "streetAddress": "No. 48, VMB Natwest Vijay Apartment, Oil Mill Bus Stop", 60 "addressLocality": "Tambaram, Chennai", 61 "addressRegion": "Tamil Nadu", 62 "postalCode": "600100", 63 "addressCountry": "IN" 64 }, 65 "areaServed": [ 66 { "@type": "Country", "name": "India" }, 67 "Worldwide" 68 ], 69 "identifier": { 70 "@type": "PropertyValue", 71 "propertyID": "CIN", 72 "value": "U62099TN2024PTC173238" 73 }, 74 "sameAs": [ 75 "https://www.linkedin.com/company/guhatek/", 76 "https://x.com/GuhaTek" 77 ], 78 "description": "GuhaTek is a consulting firm specialising in Site Reliability Engineering (SRE), DevOps, Platform Engineering, Observability, AIOps, MLOps and LLMOps for mission-critical platforms.", 79 "knowsAbout": [ 80 "Site Reliability Engineering", 81 "DevOps", 82 "Platform Engineering", 83 "Observability", 84 "Cloud Reliability Engineering", 85 "AIOps", 86 "MLOps", 87 "LLMOps" 88 ], 89 "hasCredential": { 90 "@type": "EducationalOccupationalCredential", 91 "name": "ISO/IEC 27001:2022 â Information Security Management System", 92 "credentialCategory": "certification", 93 "identifier": "9931000808", 94 "recognizedBy": { "@type": "Organization", "name": "TÃV SÃD", "url": "https://www.tuvsud.com" }, 95 "validFrom": "2026-07-08", 96 "expires": "2029-07-07", 97 "url": "https://www.guhatek.com/trust" 98 } 99 }, 100 { 101 "@type": "WebSite", 102 "@id": "https://www.guhatek.com/#website", 103 "url": "https://www.guhatek.com", 104 "name": "GuhaTek", 105 "publisher": { "@id": "https://www.guhatek.com/#organization" }, 106 "inLanguage": "en" 107 } 108 ] 109 } 110 </script>
110 111 112 <!-- Google Analytics GA4 â loaded after the page finishes loading (or on 113 first user interaction, whichever comes first) so it never competes 114 with the critical rendering path / Total Blocking Time. --> 115
115<script> 116
vendor: 148 bytes, lines 116-119
116window.dataLayer = window.dataLayer || []; 117 function gtag() { dataLayer.push(arguments); } 118 gtag('js', new Date()); 119 gtag('config', '
119G-LF1YHGYDZQ
vendor: 11 bytes, lines 119-121
119'); 120 121
121(function () { 122 var loaded = false; 123 function loadGTM() { 124 if (loaded) return; 125 loaded = true; 126 var s = document.createElement('script'); 127 s.src = 'https://www.googletagmanager.com/gtag/js?id=G-LF1YHGYDZQ'; 128 s.async = true; 129 document.head.appendChild(s); 130 ['pointerdown', 'keydown', 'touchstart'].forEach(function (evt) { 131 window.removeEventListener(evt, loadGTM); 132 }); 133 } 134 ['pointerdown', 'keydown', 'touchstart'].forEach(function (evt) { 135 window.addEventListener(evt, loadGTM, { once: true, passive: true }); 136 }); 137 window.addEventListener('load', function () { 138 setTimeout(loadGTM, 2000); 139 }); 140 })(); 141 </script>
141 142 143
143<script> 144 (function() { 145 try { 146 var theme = localStorage.getItem('guhatek-theme'); 147 if (theme === 'light') { 148 document.documentElement.classList.remove('dark'); 149 } else { 150 // Default to dark mode for first-time users or if dark is explicitly selected 151 document.documentElement.classList.add('dark'); 152 } 153 } catch (e) { 154 console.error('Theme initialization failed:', e); 155 } 156 })(); 157 </script>
157 158 159
159<script> 160 // Language init before paint (no flash of the wrong theme/direction). 161 // 162 // The URL is the language: /ar/... is Arabic, anything else English 163 // (src/i18n/langPath.ts). The visitor-preference detection below only 164 // decides one thing: a visitor who prefers Arabic and lands on the 165 // ENGLISH URL of a translated page is sent to its /ar/ twin before 166 // anything paints. Never in a headless browser (the prerenderer) and 167 // never off an Arabic URL â a shared /ar/ link always shows Arabic. 168 // 169 // Mirrors src/i18n/detectLang.ts + translatedRoutes.json â keep the 170 // storage key, the timezone list, the order of precedence and the 171 // translated-route list in sync. 172 (function() { 173 // Routes whose body is translated (src/i18n/translatedRoutes.json): 174 // only these have an /ar/ twin, and only these go RTL. 175 var TRANSLATED_ROUTES = [ 176 '/', '/about', '/meettheteam', '/services', '/career', 177 '/career/open-positions', '/success', '/maturityassessment', 178 '/yakkai', '/yakkai/product-details', '/product-engineering', 179 '/cloud-platform-engineering', '/observability', '/ai-operations', 180 '/aiops', '/mlops', '/llmops', 181 '/products', '/sre-as-a-service', '/trust' 182 ]; 183 // Parents whose dynamic children are translated (TRANSLATED_ROUTE_PARENTS). 184 var TRANSLATED_ROUTE_PARENTS = ['/career/open-positions', '/apply']; 185 var ME_ZONES = [ 186 'Asia/Dubai', 'Asia/Riyadh', 'Asia/Qatar', 'Asia/Bahrain', 187 'Asia/Kuwait', 'Asia/Muscat', 'Asia/Aden', 'Asia/Baghdad', 188 'Asia/Amman', 'Asia/Beirut', 'Asia/Damascus', 'Asia/Gaza', 189 'Asia/Hebron', 'Africa/Cairo' 190 ]; 191 192 function detect() { 193 try { 194 var saved = localStorage.getItem('guhatek-lang'); 195 if (saved === 'en' || saved === 'ar') return saved; 196 } catch (e) { /* blocked storage */ } 197 198 try { 199 var locales = (navigator.languages && navigator.languages.length) 200 ? navigator.languages 201 : [navigator.language]; 202 for (var i = 0; i < locales.length; i++) { 203 if (locales[i] && locales[i].toLowerCase().indexOf('ar') === 0) return 'ar'; 204 } 205 } catch (e) { /* no navigator */ } 206 207 try { 208 var tz = Intl.DateTimeFormat().resolvedOptions().timeZone; 209 if (tz && ME_ZONES.indexOf(tz) !== -1) return 'ar'; 210 } catch (e) { /* Intl unavailable */ } 211 212 return 'en'; 213 } 214 215 function isTranslatedRoute(pathname) { 216 // CloudFront serves the prerendered tree, so a route can arrive with 217 // a trailing slash; normalize before matching. 218 var path = (pathname.length > 1 && pathname.charAt(pathname.length - 1) === '/') 219 ? pathname.slice(0, -1) 220 : pathname; 221 222 if (TRANSLATED_ROUTES.indexOf(path) !== -1) return true; 223 224 for (var i = 0; i < TRANSLATED_ROUTE_PARENTS.length; i++) { 225 // Segment boundary so '/apply' never matches '/applying'. 226 if (path.indexOf(TRANSLATED_ROUTE_PARENTS[i] + '/') === 0) return true; 227 } 228 229 return false; 230 } 231 232 function langFromPath(p) { 233 return (p === '/ar' || p.indexOf('/ar/') === 0) ? 'ar' : 'en'; 234 } 235 function stripLang(p) { 236 if (p === '/ar' || p === '/ar/') return '/'; 237 if (p.indexOf('/ar/') === 0) return p.slice(3); 238 return p; 239 } 240 241 try { 242 var lang = langFromPath(location.pathname); 243 var bare = stripLang(location.pathname); 244 var translated = isTranslatedRoute(bare); 245 246 if (lang === 'en' && translated && !navigator.webdriver && detect() === 'ar') { 247 location.replace('/ar' + bare + location.search + location.hash); 248 return; 249 } 250 251 var el = document.documentElement; 252 el.setAttribute('lang', lang); 253 el.setAttribute('dir', (lang === 'ar' && translated) ? 'rtl' : 'ltr'); 254 el.setAttribute('data-lang', lang); 255 } catch (e) { 256 console.error('Language initialization failed:', e); 257 } 258 })(); 259 </script>
259 260
260<script type="module" crossorigin="" src="/assets/index-Bg-EAobF.js"></script>
260 261 <link rel="modulepreload" crossorigin="" href="/assets/vendor-BBfQmSwJ.js"> 262 <link rel="stylesheet" crossorigin="" href="/assets/index-BLnt480f.css"> 263 <link rel="modulepreload" as="script" crossorigin="" href="/assets/toaster-Cm_q_BN7.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/use-toast-D-MYIwFc.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/sonner-CFYCqMnv.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/index-Cgl2XgTn.js"><link rel="canonical" href="https://www.guhatek.com/" data-rh="true"><link rel="alternate" hreflang="en" href="https://www.guhatek.com/" data-rh="true"><link rel="alternate" hreflang="ar" href="https://www.guhatek.com/ar/" data-rh="true"><link rel="alternate" hreflang="x-default" href="https://www.guhatek.com/" data-rh="true"><meta name="description" content="AI-driven Site Reliability Engineering, AIOps and observability for platforms that cannot go down. Cut MTTR, prevent outages, scale with confidence." data-rh="true"><meta name="robots" content="index, follow" data-rh="true"><meta property="og:type" content="website" data-rh="true"><meta property="og:locale" content="en_US" data-rh="true"><meta property="og:title" content="AI-Driven SRE, AIOps & Observability | GuhaTek" data-rh="true"><meta property="og:description" content="AI-driven Site Reliability Engineering, AIOps and observability for platforms that cannot go down. Cut MTTR, prevent outages, scale with confidence." data-rh="true"><meta property="og:url" content="https://www.guhatek.com/" data-rh="true"><meta property="og:image" content="https://www.guhatek.com/hero-sre-new.jpg" data-rh="true"><meta name="twitter:card" content="summary_large_image" data-rh="true"><meta name="twitter:title" content="AI-Driven SRE, AIOps & Observability | GuhaTek" data-rh="true"><meta name="twitter:description" content="AI-driven Site Reliability Engineering, AIOps and observability for platforms that cannot go down. Cut MTTR, prevent outages, scale with confidence." data-rh="true"><meta name="twitter:image" content="https://www.guhatek.com/hero-sre-new.jpg" data-rh="true"><style type="text/css">:where(html[dir="ltr"]),:where([data-sonner-toaster][dir="ltr"]){--toast-icon-margin-start: -3px;--toast-icon-margin-end: 4px;--toast-svg-margin-start: -1px;--toast-svg-margin-end: 0px;--toast-button-margin-start: auto;--toast-button-margin-end: 0;--toast-close-button-start: 0;--toast-close-button-end: unset;--toast-close-button-transform: translate(-35%, -35%)}:where(html[dir="rtl"]),:where([data-sonner-toaster][dir="rtl"]){--toast-icon-margin-start: 4px;--toast-icon-margin-end: -3px;--toast-svg-margin-start: 0px;--toast-svg-margin-end: -1px;--toast-button-margin-start: 0;--toast-button-margin-end: auto;--toast-close-button-start: unset;--toast-close-button-end: 0;--toast-close-button-transform: translate(35%, -35%)}:where([data-sonner-toaster]){position:fixed;width:var(--width);font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;--gray1: hsl(0, 0%, 99%);--gray2: hsl(0, 0%, 97.3%);--gray3: hsl(0, 0%, 95.1%);--gray4: hsl(0, 0%, 93%);--gray5: hsl(0, 0%, 90.9%);--gray6: hsl(0, 0%, 88.7%);--gray7: hsl(0, 0%, 85.8%);--gray8: hsl(0, 0%, 78%);--gray9: hsl(0, 0%, 56.1%);--gray10: hsl(0, 0%, 52.3%);--gray11: hsl(0, 0%, 43.5%);--gray12: hsl(0, 0%, 9%);--border-radius: 8px;box-sizing:border-box;padding:0;margin:0;list-style:none;outline:none;z-index:999999999;transition:transform .4s ease}:where([data-sonner-toaster][data-lifted="true"]){transform:translateY(-10px)}@media (hover: none) and (pointer: coarse){:where([data-sonner-toaster][data-lifted="true"]){transform:none}}:where([data-sonner-toaster][data-x-position="right"]){right:var(--offset-right)}:where([data-sonner-toaster][data-x-position="left"]){left:var(--offset-left)}:where([data-sonner-toaster][data-x-position="center"]){left:50%;transform:translate(-50%)}:where([data-sonner-toaster][data-y-position="top"]){top:var(--offset-top)}:where([data-sonner-toaster][data-y-position="bottom"]){bottom:var(--offset-bottom)}:where([data-sonner-toast]){--y: translateY(100%);--lift-amount: calc(var(--lift) * var(--gap));z-index:var(--z-index);position:absolute;opacity:0;transform:var(--y);filter:blur(0);touch-action:none;transition:transform .4s,opacity .4s,height .4s,box-shadow .2s;box-sizing:border-box;outline:none;overflow-wrap:anywhere}:where([data-sonner-toast][data-styled="true"]){padding:16px;background:var(--normal-bg);border:1px solid var(--normal-border);color:var(--normal-text);border-radius:var(--border-radius);box-shadow:0 4px 12px #0000001a;width:var(--width);font-size:13px;display:flex;align-items:center;gap:6px}:where([data-sonner-toast]:focus-visible){box-shadow:0 4px 12px #0000001a,0 0 0 2px #0003}:where([data-sonner-toast][data-y-position="top"]){top:0;--y: translateY(-100%);--lift: 1;--lift-amount: calc(1 * var(--gap))}:where([data-sonner-toast][data-y-position="bottom"]){bottom:0;--y: translateY(100%);--lift: -1;--lift-amount: calc(var(--lift) * var(--gap))}:where([data-sonner-toast]) :where([data-description]){font-weight:400;line-height:1.4;color:inherit}:where([data-sonner-toast]) :where([data-title]){font-weight:500;line-height:1.5;color:inherit}:where([data-sonner-toast]) :where([data-icon]){display:flex;height:16px;width:16px;position:relative;justify-content:flex-start;align-items:center;flex-shrink:0;margin-left:var(--toast-icon-margin-start);margin-right:var(--toast-icon-margin-end)}:where([data-sonner-toast][data-promise="true"]) :where([data-icon])>svg{opacity:0;transform:scale(.8);transform-origin:center;animation:sonner-fade-in .3s ease forwards}:where([data-sonner-toast]) :where([data-icon])>*{flex-shrink:0}:where([data-sonner-toast]) :where([data-icon]) svg{margin-left:var(--toast-svg-margin-start);margin-right:var(--toast-svg-margin-end)}:where([data-sonner-toast]) :where([data-content]){display:flex;flex-direction:column;gap:2px}[data-sonner-toast][data-styled=true] [data-button]{border-radius:4px;padding-left:8px;padding-right:8px;height:24px;font-size:12px;color:var(--normal-bg);background:var(--normal-text);margin-left:var(--toast-button-margin-start);margin-right:var(--toast-button-margin-end);border:none;cursor:pointer;outline:none;display:flex;align-items:center;flex-shrink:0;transition:opacity .4s,box-shadow .2s}:where([data-sonner-toast]) :where([data-button]):focus-visible{box-shadow:0 0 0 2px #0006}:where([data-sonner-toast]) :where([data-button]):first-of-type{margin-left:var(--toast-button-margin-start);margin-right:var(--toast-button-margin-end)}:where([data-sonner-toast]) :where([data-cancel]){color:var(--normal-text);background:rgba(0,0,0,.08)}:where([data-sonner-toast][data-theme="dark"]) :where([data-cancel]){background:rgba(255,255,255,.3)}:where([data-sonner-toast]) :where([data-close-button]){position:absolute;
263left:var(--toast-close-button-start);right:var(--toast-close-button-end);top:0;height:20px;width:20px;display:flex;justify-content:center;align-items:center;padding:0;color:var(--gray12);border:1px solid var(--gray4);transform:var(--toast-close-button-transform);border-radius:50%;cursor:pointer;z-index:1;transition:opacity .1s,background .2s,border-color .2s}[data-sonner-toast] [data-close-button]{background:var(--gray1)}:where([data-sonner-toast]) :where([data-close-button]):focus-visible{box-shadow:0 4px 12px #0000001a,0 0 0 2px #0003}:where([data-sonner-toast]) :where([data-disabled="true"]){cursor:not-allowed}:where([data-sonner-toast]):hover :where([data-close-button]):hover{background:var(--gray2);border-color:var(--gray5)}:where([data-sonner-toast][data-swiping="true"]):before{content:"";position:absolute;left:-50%;right:-50%;height:100%;z-index:-1}:where([data-sonner-toast][data-y-position="top"][data-swiping="true"]):before{bottom:50%;transform:scaleY(3) translateY(50%)}:where([data-sonner-toast][data-y-position="bottom"][data-swiping="true"]):before{top:50%;transform:scaleY(3) translateY(-50%)}:where([data-sonner-toast][data-swiping="false"][data-removed="true"]):before{content:"";position:absolute;inset:0;transform:scaleY(2)}:where([data-sonner-toast]):after{content:"";position:absolute;left:0;height:calc(var(--gap) + 1px);bottom:100%;width:100%}:where([data-sonner-toast][data-mounted="true"]){--y: translateY(0);opacity:1}:where([data-sonner-toast][data-expanded="false"][data-front="false"]){--scale: var(--toasts-before) * .05 + 1;--y: translateY(calc(var(--lift-amount) * var(--toasts-before))) scale(calc(-1 * var(--scale)));height:var(--front-toast-height)}:where([data-sonner-toast])>*{transition:opacity .4s}:where([data-sonner-toast][data-expanded="false"][data-front="false"][data-styled="true"])>*{opacity:0}
263:where([data-sonner-toast][data-visible="false"]){opacity:0;pointer-events:none}:where([data-sonner-toast][data-mounted="true"][data-expanded="true"]){--y: translateY(calc(var(--lift) * var(--offset)));height:var(--initial-height)}:where([data-sonner-toast][data-removed="true"][data-front="true"][data-swipe-out="false"]){--y: translateY(calc(var(--lift) * -100%));opacity:0}:where([data-sonner-toast][data-removed="true"][data-front="false"][data-swipe-out="false"][data-expanded="true"]){--y: translateY(calc(var(--lift) * var(--offset) + var(--lift) * -100%));opacity:0}:where([data-sonner-toast][data-removed="true"][data-front="false"][data-swipe-out="false"][data-expanded="false"]){--y: translateY(40%);opacity:0;transition:transform .5s,opacity .2s}:where([data-sonner-toast][data-removed="true"][data-front="false"]):before{height:calc(var(--initial-height) + 20%)}[data-sonner-toast][data-swiping=true]{transform:var(--y) translateY(var(--swipe-amount-y, 0px)) translate(var(--swipe-amount-x, 0px));transition:none}[data-sonner-toast][data-swiped=true]{user-select:none}[data-sonner-toast][data-swipe-out=true][data-y-position=bottom],[data-sonner-toast][data-swipe-out=true][data-y-position=top]{animation-duration:.2s;animation-timing-function:ease-out;animation-fill-mode:forwards}[data-sonner-toast][data-swipe-out=true][data-swipe-direction=left]{animation-name:swipe-out-left}[data-sonner-toast][data-swipe-out=true][data-swipe-direction=right]{animation-name:swipe-out-right}[data-sonner-toast][data-swipe-out=true][data-swipe-direction=up]{animation-name:swipe-out-up}[data-sonner-toast][data-swipe-out=true][data-swipe-direction=down]{animation-name:swipe-out-down}@keyframes swipe-out-left{0%{transform:var(--y) translate(var(--swipe-amount-x));opacity:1}to{transform:var(--y) translate(calc(var(--swipe-amount-x) - 100%));opacity:0}}@keyframes swipe-out-right{0%{transform:var(--y) translate(var(--swipe-amount-x));opacity:1}to{transform:var(--y) translate(calc(var(--swipe-amount-x) + 100%));opacity:0}}@keyframes swipe-out-up{0%{transform:var(--y) translateY(var(--swipe-amount-y));opacity:1}to{transform:var(--y) translateY(calc(var(--swipe-amount-y) - 100%));opacity:0}}@keyframes swipe-out-down{0%{transform:var(--y) translateY(var(--swipe-amount-y));opacity:1}to{transform:var(--y) translateY(calc(var(--swipe-amount-y) + 100%));opacity:0}}@media (max-width: 600px){[data-sonner-toaster]{position:fixed;right:var(--mobile-offset-right);left:var(--mobile-offset-left);width:100%}[data-sonner-toaster][dir=rtl]{left:calc(var(--mobile-offset-left) * -1)}[data-sonner-toaster] [data-sonner-toast]{left:0;right:0;width:calc(100% - var(--mobile-offset-left) * 2)}[data-sonner-toaster][data-x-position=left]{left:var(--mobile-offset-left)}[data-sonner-toaster][data-y-position=bottom]{bottom:var(--mobile-offset-bottom)}[data-sonner-toaster][data-y-position=top]{top:var(--mobile-offset-top)}[data-sonner-toaster][data-x-position=center]{left:var(--mobile-offset-left);right:var(--mobile-offset-right);transform:none}}[data-sonner-toaster][data-theme=light]{--normal-bg: #fff;--normal-border: var(--gray4);--normal-text: var(--gray12);--success-bg: hsl(143, 85%, 96%);--success-border: hsl(145, 92%, 91%);--success-text: hsl(140, 100%, 27%);--info-bg: hsl(208, 100%, 97%);--info-border: hsl(221, 91%, 91%);--info-text: hsl(210, 92%, 45%);--warning-bg: hsl(49, 100%, 97%);--warning-border: hsl(49, 91%, 91%);--warning-text: hsl(31, 92%, 45%);--error-bg: hsl(359, 100%, 97%);--error-border: hsl(359, 100%, 94%);--error-text: hsl(360, 100%, 45%)}[data-sonner-toaster][data-theme=light] [data-sonner-toast][data-invert=true]{--normal-bg: #000;--normal-border: hsl(0, 0%, 20%);--normal-text: var(--gray1)}[data-sonner-toaster][data-theme=dark] [data-sonner-toast][data-invert=true]{--normal-bg: #fff;--normal-border: var(--gray3);--normal-text: var(--gray12)}[data-sonner-toaster][data-theme=dark]{--normal-bg: #000;--normal-bg-hover: hsl(0, 0%, 12%);--normal-border: hsl(0, 0%, 20%);--normal-border-hover: hsl(0, 0%, 25%);--normal-text: var(--gray1);--success-bg: hsl(150, 100%, 6%);--success-border: hsl(147, 100%, 12%);--success-text: hsl(150, 86%, 65%);--info-bg: hsl(215, 100%, 6%);--info-border: hsl(223, 100%, 12%);--info-text: hsl(216, 87%, 65%);--warning-bg: hsl(64, 100%, 6%);--warning-border: hsl(60, 100%, 12%);--warning-text: hsl(46, 87%, 65%);--error-bg: hsl(358, 76%, 10%);--error-border: hsl(357, 89%, 16%);
263--error-text: hsl(358, 100%, 81%)}[data-sonner-toaster][data-theme=dark] [data-sonner-toast] [data-close-button]{background:var(--normal-bg);border-color:var(--normal-border);color:var(--normal-text)}[data-sonner-toaster][data-theme=dark] [data-sonner-toast] [data-close-button]:hover{background:var(--normal-bg-hover);border-color:var(--normal-border-hover)}[data-rich-colors=true][data-sonner-toast][data-type=success],[data-rich-colors=true][data-sonner-toast][data-type=success] [data-close-button]{background:var(--success-bg);border-color:var(--success-border);color:var(--success-text)}[data-rich-colors=true][data-sonner-toast][data-type=info],[data-rich-colors=true][data-sonner-toast][data-type=info] [data-close-button]{background:var(--info-bg);border-color:var(--info-border);color:var(--info-text)}[data-rich-colors=true][data-sonner-toast][data-type=warning],[data-rich-colors=true][data-sonner-toast][data-type=warning] [data-close-button]{background:var(--warning-bg);border-color:var(--warning-border);color:var(--warning-text)}[data-rich-colors=true][data-sonner-toast][data-type=error],[data-rich-colors=true][data-sonner-toast][data-type=error] [data-close-button]{background:var(--error-bg);border-color:var(--error-border);color:var(--error-text)}.sonner-loading-wrapper{--size: 16px;height:var(--size);width:var(--size);position:absolute;inset:0;z-index:10}.sonner-loading-wrapper[data-visible=false]{transform-origin:center;animation:sonner-fade-out .2s ease forwards}.sonner-spinner{position:relative;top:50%;left:50%;height:var(--size);width:var(--size)}.sonner-loading-bar{animation:sonner-spin 1.2s linear infinite;background:var(--gray11);border-radius:6px;height:8%;left:-10%;position:absolute;top:-3.9%;width:24%}.sonner-loading-bar:nth-child(1){animation-delay:-1.2s;transform:rotate(.0001deg) translate(146%)}.sonner-loading-bar:nth-child(2){animation-delay:-1.1s;transform:rotate(30deg) translate(146%)}.sonner-loading-bar:nth-child(3){animation-delay:-1s;transform:rotate(60deg) translate(146%)}.sonner-loading-bar:nth-child(4){animation-delay:-.9s;transform:rotate(90deg) translate(146%)}.sonner-loading-bar:nth-child(5){animation-delay:-.8s;transform:rotate(120deg) translate(146%)}.sonner-loading-bar:nth-child(6){animation-delay:-.7s;transform:rotate(150deg) translate(146%)}.sonner-loading-bar:nth-child(7){animation-delay:-.6s;transform:rotate(180deg) translate(146%)}.sonner-loading-bar:nth-child(8){animation-delay:-.5s;transform:rotate(210deg) translate(146%)}.sonner-loading-bar:nth-child(9){animation-delay:-.4s;transform:rotate(240deg) translate(146%)}.sonner-loading-bar:nth-child(10){animation-delay:-.3s;transform:rotate(270deg) translate(146%)}.sonner-loading-bar:nth-child(11){animation-delay:-.2s;transform:rotate(300deg) translate(146%)}.sonner-loading-bar:nth-child(12){animation-delay:-.1s;transform:rotate(330deg) translate(146%)}@keyframes sonner-fade-in{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes sonner-fade-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.8)}}@keyframes sonner-spin{0%{opacity:1}to{opacity:.15}}@media (prefers-reduced-motion){[data-sonner-toast],[data-sonner-toast]>*,.sonner-loading-bar{transition:none!important;animation:none!important}}.sonner-loader{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transform-origin:center;transition:opacity .2s,transform .2s}.sonner-loader[data-visible=false]{opacity:0;transform:scale(.8) translate(-50%,-50%)} 264</style><link rel="modulepreload" crossorigin href="/assets/locale-en-8ptAcdsk.js"><link rel="preload" as="image" imagesrcset="/hero-sre-new-1410.avif 1410w, /hero-sre-new.avif 1920w" imagesizes="100vw" type="image/avif" fetchpriority="high"></head> 265 266 <body style="overflow: unset;"> 267 <div id="root"><div role="region" aria-label="Notifications (F8)" tabindex="-1" style="pointer-events: none;"><ol tabindex="-1" class="fixed top-0 z-[100] flex max-h-screen w-full flex-col-reverse p-4 sm:bottom-0 sm:right-0 sm:top-auto sm:flex-col md:max-w-[420px]"></ol></div>
267<section aria-label="Notifications alt+T" tabindex="-1" aria-live="polite" aria-relevant="additions text" aria-atomic="false"></section><div class="relative min-h-screen overflow-hidden" style="background: var(--blk-bg);"><div class="pointer-events-none absolute inset-0 z-0"><div class="absolute left-1/2 top-1/3 h-[600px] w-[600px] -translate-x-1/2 -translate-y-1/2 rounded-full opacity-30 blur-[120px]" style="background: hsl(var(--blk-glow));"></div></div><div class="absolute inset-0 z-[1] blk-dots pointer-events-none"></div><div class="pointer-events-none absolute inset-0 z-[2]"></div><div class="relative z-10"><div class="min-h-screen"><header class="fixed top-0 left-0 right-0 z-40" style="opacity: 1;"><div class="mx-3 md:mx-4 lg:mx-6 mt-3 lg:mt-4"><div class="glass-header-fixed dark:bg-white/5 backdrop-blur-lg transition-colors rounded-2xl"><div class="container py-4 flex items-center justify-between"><button class="flex items-center group"><img src="/logo2-1x.png" srcset="/logo2-1x.png 1x, /logo2-v2.png 2x" alt="GuhaTek Logo" width="302" height="112" fetchpriority="high" class="dark:hidden h-9 sm:h-14 w-auto brightness-110 contrast-110" style="image-rendering: -webkit-optimize-contrast;"><img src="/logo2-1x.png" srcset="/logo2-1x.png 1x, /logo2-v2.png 2x" alt="GuhaTek Logo" width="302" height="112" fetchpriority="high" class="hidden dark:block h-10 sm:h-14 w-auto brightness-110 contrast-110" style="image-rendering: -webkit-optimize-contrast;"></button><nav class="hidden lg:flex items-center gap-1" aria-label="Main navigation"><div class="relative"><button class="nav-link px-4 py-2 text-foreground inline-flex items-center gap-1">About<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-chevron-down w-3.5 h-3.5 transition-transform duration-200"><path d="m6 9 6 6 6-6"></path></svg></button></div><button class="nav-link px-5 py-2.5 text-[15px] lg:text-base font-semibold text-gray-700 dark:text-gray-300 hover:text-primary transition-colors">Services</button><div class="relative"><button class="nav-link px-4 py-2 text-foreground inline-flex items-center gap-1">Products<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-chevron-down w-3.5 h-3.5 transition-transform duration-200"><path d="m6 9 6 6 6-6"></path></svg></button></div><button class="nav-link px-5 py-2.5 text-[15px] lg:text-base font-semibold text-gray-700 dark:text-gray-300 hover:text-primary transition-colors">Maturity Assessment</button><button class="nav-link px-5 py-2.5 text-[15px] lg:text-base font-semibold text-gray-700 dark:text-gray-300 hover:text-primary transition-colors">Careers</button><button class="nav-link px-5 py-2.5 text-[15px] lg:text-base font-semibold text-gray-700 dark:text-gray-300 hover:text-primary transition-colors">Contact</button><div class="flex items-center ml-4"><div class="relative flex items-center pr-3"></div><div class="h-6 w-px bg-white/10"></div><div class="pl-3 flex items-center gap-1"><div class="relative"><button type="button" aria-label="Change language" aria-haspopup="listbox" aria-expanded="false" class="inline-flex items-center gap-1.5 px-2.5 py-2 rounded-lg text-foreground hover:bg-secondary transition-colors"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-globe"><circle cx="12" cy="12" r="10"></circle><path d="M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20"></path><path d="M2 12h20"></path></svg><span class="text-sm font-medium uppercase">en</span></button></div><button class="p-2.5 rounded-full bg-secondary/50 hover:bg-secondary transition-colors border border-border undefined" aria-label="Switch to light mode" tabindex="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-sun w-5 h-5 text-guha-sky"><circle cx="12" cy="12" r="4"></circle><path d="M12 2v2"></path><path d="M12 20v2"></path><path d="m4.93 4.93 1.41 1.41"></path><path d="m17.66 17.66 1.41 1.41"></path><path d="M2 12h2"></path><path d="M20 12h2"></path><path d="m6.34 17.66-1.41 1.41"></path><path d="m19.07 4.93-1.41 1.41"></path></svg></button></div></div></nav><button class="lg:hidden p-2 rounded-lg hover:bg-secondary transition-colors" aria-label="Toggle menu" aria-expanded="false"><div class="w-5 h-4 flex flex-col justify-between"><span class="w-full h-0.5 bg-foreground origin-left" style="transform: none;"></span><span class="w-full h-0.5 bg-foreground" style="opacity: 1;"></span><span class="w-full h-0.5 bg-foreground origin-left" style="transform: none;"></span></div></button></div><nav class="lg:hidden overflow-hidden" aria-label="Mobile navigation" style="height: 0px; opacity: 0;"><div class="px-6 pb-4 pt-2 border-t border-border/50 flex flex-col gap-1"><div class="w-full"><button type="button" class="w-full text-left px-4 py-3 text-sm text-muted-foreground hover:text-foreground hover:bg-accent/50 rounded-lg transition-colors flex items-center justify-between"><span>About</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" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down w-3.5 h-3.5 transition-transform duration-200"><path d="m6 9 6 6 6-6"></path></svg></button></div><button type="button" class="w-full text-left px-4 py-3 text-sm text-muted-foreground hover:text-foreground hover:bg-accent/50 rounded-lg transition-colors">Services</button><div class="w-full"><button type="button" class="w-full text-left px-4 py-3 text-sm text-muted-foreground hover:text-foreground hover:bg-accent/50 rounded-lg transition-colors flex items-center justify-between"><span>Products</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" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down w-3.5 h-3.5 transition-transform duration-200"><path d="m6 9 6 6 6-6"></path></svg></button></div><button type="button" class="w-full text-left px-4 py-3 text-sm text-muted-foreground hover:text-foreground hover:bg-accent/50 rounded-lg transition-colors">Maturity Assessment</button><button type="button" class="w-full text-left px-4 py-3 text-sm text-muted-foreground hover:text-foreground hover:bg-accent/50 rounded-lg transition-colors">Careers</button><button type="button" class="w-full text-left px-4 py-3 text-sm text-muted-foreground hover:text-foreground hover:bg-accent/50 rounded-lg transition-colors">Contact</button><div class="border-t border-border/50"></div><div class="px-4 py-3 border-t border-border/50 flex items-center justify-between gap-3"><div class="flex items-center gap-2"><button aria-pressed="true" class="px-3.5 py-1.5 rounded-lg text-sm font-medium transition-colors bg-primary/15 text-primary">English</button><button aria-pressed="false" class="px-3.5 py-1.5 rounded-lg text-sm font-medium transition-colors text-muted-foreground hover:text-foreground hover:bg-accent/50">Ø§ÙØ¹Ø±Ø¨ÙØ©</button></div><button class="p-2.5 rounded-full bg-secondary/50 hover:bg-secondary transition-colors border border-border undefined" aria-label="Switch to light mode" tabindex="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-sun w-5 h-5 text-guha-sky"><circle cx="12" cy="12" r="4"></circle><path d="M12 2v2"></path><path d="M12 20v2"></path><path d="m4.93 4.93 1.41 1.41"></path><path d="m17.66 17.66 1.41 1.41"></path><path d="M2 12h2"></path><path d="M20 12h2"></path><path d="m6.34 17.66-1.41 1.41"></path><path d="m19.07 4.93-1.41 1.41"></path></svg></button></div></div></nav></div></div></header><main>
267<div class="min-h-screen"><div class="relative min-h-screen overflow-hidden"><section class="min-h-screen lg:h-screen flex items-center relative overflow-hidden bg-background"><div class="absolute inset-0 z-0"><div class="absolute inset-0" style="opacity: 0;"><picture><source srcset="/hero-performance-new-1410.avif 1410w, /hero-performance-new.avif 1662w" sizes="100vw" type="image/avif"><source srcset="/hero-performance-new-1410.webp 1410w, /hero-performance-new.webp 1662w" sizes="100vw" type="image/webp"><img src="/hero-performance-new.png" alt="" loading="lazy" decoding="async" class="w-full h-full object-cover transition-all duration-1000 brightness-[0.6] contrast-[1.1]"></picture><div class="absolute inset-0 transition-opacity duration-1000 opacity-100"><div class="absolute inset-0 bg-gradient-to-r from-black/80 via-black/40 to-transparent"></div><div class="absolute inset-0 bg-gradient-to-t from-black/60 via-transparent to-transparent"></div></div><div class="absolute inset-0 transition-opacity duration-1000 opacity-0"><div class="absolute inset-0 bg-gradient-to-r from-white/80 via-white/30 to-transparent"></div><div class="absolute inset-0 bg-gradient-to-t from-white/60 via-trans
267parent to-transparent"></div></div></div></div><div class="absolute inset-0 z-[1] pointer-events-none"><div class="absolute inset-0 z-0 overflow-hidden"><canvas class="block w-full h-full" width="1280" height="900"></canvas></div></div><div class="container px-6 pt-40 pb-20 relative z-10 min-h-screen flex flex-col items-start justify-center"><div class="max-w-4xl w-full"><div class="space-y-6" style="opacity: 1; transform: none;"><p class="font-display text-xs md:text-sm font-bold uppercase tracking-[0.25em] text-primary" style="opacity: 1; transform: none;">Speed. Stability. Scale.</p><h1 class="font-display text-4xl sm:text-6xl lg:text-7xl font-bold leading-[1.1] tracking-tight transition-colors duration-500 text-white drop-shadow-sm"><span class="text-primary">Performance</span> Engineering for Modern Cloud</h1><p class="font-body text-base md:text-lg lg:text-xl leading-relaxed max-w-2xl transition-colors duration-500 text-slate-300 drop-shadow-sm">Optimize application performance and infrastructure efficiency to support high-scale cloud and AI workloads.</p><div class="flex flex-wrap gap-3 pt-3"><span class="inline-flex items-center gap-2 px-4 py-2 rounded-lg text-sm font-bold backdrop-blur-md border transition-all duration-500 text-white bg-white/10 border-white/20"><span class="w-1.5 h-1.5 rounded-full bg-primary"></span>Performance Engineering</span><span class="inline-flex items-center gap-2 px-4 py-2 rounded-lg text-sm font-bold backdrop-blur-md border transition-all duration-500 text-white bg-white/10 border-white/20"><span class="w-1.5 h-1.5 rounded-full bg-primary"></span>Distributed Systems</span></div></div><div class="flex items-center gap-3 mt-16"><button class="relative h-1.5 rounded-full overflow-hidden transition-all duration-500 bg-white/20" aria-label="Go to slide 1" style="width: 12px;"></button><button class="relative h-1.5 rounded-full overflow-hidden transition-all duration-500 bg-white/20" aria-label="Go to slide 2" style="width: 64px;"><div class="absolute inset-0 bg-primary" style="transform: scaleX(0.485714); transform-origin: 0% 50% 0px;"></div></button><button class="relative h-1.5 rounded-full overflow-hidden transition-all duration-500 bg-white/20" aria-label="Go to slide 3" style="width: 12px;"></button><button class="relative h-1.5 rounded-full overflow-hidden transition-all duration-500 bg-white/20" aria-label="Go to slide 4" style="width: 12px;"></button><button class="relative h-1.5 rounded-full overflow-hidden transition-all duration-500 bg-white/20" aria-label="Go to slide 5" style="width: 12px;"></button></div></div></div></section></div><section id="value-props" class="py-24 lg:py-32 relative overflow-hidden"><div class="absolute inset-0 grid-pattern opacity-[0.05] pointer-events-none"></div><div class="container mx-auto px-5 lg:px-12 relative z-10"><div class="grid lg:grid-cols-12 gap-10 mb-14"><div class="lg:col-span-7"><span class="text-primary text-sm font-semibold tracking-[0.25em] uppercase" style="opacity: 1;">Value Propositions</span><h2 class="text-3xl md:text-4xl lg:text-5xl font-bold mt-4 leading-tight text-foreground" style="opacity: 1; transform: none;">Why Reliability-First <br><span class="text-primary">Engineering Matters</span></h2></div><div class="lg:col-span-5 flex items-end"><div class="w-full" style="opacity: 1; transform: none;"><div class="flex flex-col lg:items-end lg:text-right"><div class="hidden lg:flex items-center h-[17px] mb-6"><div class="h-[1px] w-24 bg-primary/20"></div></div><p class="font-body text-base md:text-lg lg:text-xl leading-relaxed text-muted-foreground">Modern organizations operate complex platforms across cloud-native infrastru
267cture, microservices, and AI-driven applications.</p></div></div></div></div><div><div class="mb-10" style="opacity: 1;"><div class="text-center "><h3 class="font-display text-xl lg:text-2xl font-bold leading-snug text-foreground mb-4">Without structured reliability engineering practices and scalable cloud foundations, systems often suffer from:</h3></div><section class="w-full py-8 md:py-12 overflow-hidden"><div class="hidden lg:flex items-center justify-center relative"><div class="absolute pointer-events-none" style="width: 800px; height: 500px; left: 50%; top: 50%; transform: translate(-50%, -50%); background: radial-gradient(ellipse at center, var(--color-primary, #3b82f6) 0%, transparent 70%); opacity: 0.04;"></div><div class="relative" style="width: 1100px; height: 560px;"><svg class="absolute inset-0 pointer-events-none" viewBox="0 0 1100 560" style="width: 100%; height: 100%; z-index: 1;"><ellipse cx="550" cy="280" rx="450" ry="210" fill="none" stroke="currentColor" class="text-foreground/[0.08]" stroke-width="1" stroke-dasharray="6 8" opacity="0"></ellipse><defs><linearGradient id="connector-grad-0" x1="550" y1="280" x2="550" y2="70" gradientUnits="userSpaceOnUse"><stop offset="0%" stop-color="#f43f5e" stop-opacity="0.15"></stop><stop offset="100%" stop-color="#f43f5e" stop-opacity="0.5"></stop></linearGradient><linearGradient id="connector-grad-1" x1="550" y1="280" x2="939.7114317029973" y2="175" gradientUnits="userSpaceOnUse"><stop offset="0%" stop-color="#8b5cf6" stop-opacity="0.15"></stop><stop offset="100%" stop-color="#8b5cf6" stop-opacity="0.5"></stop></linearGradient><linearGradient id="connector-grad-2" x1="550" y1="280" x2="939.7114317029974" y2="385" gradientUnits="userSpaceOnUse"><stop offset="0%" stop-color="#06b6d4" stop-opacity="0.15"></stop><stop offset="100%" stop-color="#06b6d4" stop-opacity="0.5"></stop></linearGradient><linearGradient id="connector-grad-3" x1="550" y1="280" x2="550" y2="490" gradientUnits="userSpaceOnUse"><stop offset="0%" stop-color="#10b981" stop-opacity="0.15"></stop><stop offset="100%" stop-color="#10b981" stop-opacity="0.5"></stop></linearGradient><linearGradient id="connector-grad-4" x1="550" y1="280" x2="160.28856829700266" y2="385.00000000000006" gradientUnits="userSpaceOnUse"><stop offset="0%" stop-color="#f97316" stop-opacity="0.15"></stop><stop offset="100%" stop-color="#f97316" stop-opacity="0.5"></stop></linearGradient><linearGradient id="connector-grad-5" x1="550" y1="280" x2="160.28856829700266" y2="174.99999999999997" gradientUnits="userSpaceOnUse"><stop offset="0%" stop-color="#3b82f6" stop-opacity="0.15"></stop><stop offset="100%" stop-color="#3b82f6" stop-opacity="0.5"></stop></linearGradient></defs><line x1="550" y1="280" x2="550" y2="70" stroke="url(#connector-grad-0)" stroke-width="1" opacity="0" pathLength="1" stroke-dashoffset="0" stroke-dasharray="0 1"></line><line x1="550" y1="280" x2="939.7114317029973" y2="175" stroke="url(#connector-grad-1)" stroke-width="1" opacity="0" pathLength="1" stroke-dashoffset="0" stroke-dasharray="0 1"></line><line x1="550" y1="280" x2="939.7114317029974" y2="385" stroke="url(#connector-grad-2)" stroke-width="1" opacity="0" pathLength="1" stroke-dashoffset="0" stroke-dasharray="0 1"></line><line x1="550" y1="280" x2="550" y2="490" stroke="url(#connector-grad-3)" stroke-width="1" opacity="0" pathLength="1" stroke-dashoffset="0" stroke-dasharray="0 1"></line><line x1="550" y1="280" x2="160.28856829700266" y2="385.00000000000006" stroke="url(#connector-grad-4)" stroke-width="1" opacity="0" pathLength="1" stroke-dashoffset="0" stroke-dasharray="0 1"></line><line x1="550" y1="280" x2="160.28856829700266" y2="174.99999999999997" stroke="url(#connector-grad-5)" stroke-width="1" opacity="0" pathLength="1" stroke-dashoffset="0" stroke-dasharray="0 1"></line><circle cx="550" cy="70" r="3" fill="#f43f5e" opacity="0" style="transform: scale(0); transform-origin: 50% 50%; transform-box: fill-box;"></circle><circle cx="939.7114317029973" cy="175" r="3" fill="#8b5cf6" opacity="0" style="transform: scale(0); transform-origin: 50% 50%; transform-box: fill-box;"></circle><circle cx="939.7114317029974" cy="385" r="3" fill="#06b6d4" opacity="0" style="transform: scale(0); transform-origin: 50% 50%; transform-box: fill-box;"></circle><circle cx="550" cy="490" r="3" fill="#10b981" opacity="0" style="transform: scale(0); transform-origin: 50% 50%; transform-box: fill-box;"></circle><circle cx="160.28856829700266" cy="385.00000000000006" r="3" fill="#f97316" opacity="0" style="transform: scale(0); transform-origin: 50% 50%; transform-box: fill-box;"></circle><circle cx="160.28856829700266" cy="174.99999999999997" r="3" fill="#3b82f6" opacity="0" style="transform: scale(0); transform-origin: 50% 50%; transform-box: fill-box;"></circle></svg><div class="absolute flex flex-col items-center justify-center text-center rounded-full border border-foreground
267/15 bg-white/80 dark:bg-white/[0.08] backdrop-blur-xl" style="width: 200px; height: 200px; top: 50%; left: 50%; margin-left: -100px; margin-top: -100px; z-index: 10; padding: 16px; box-shadow: rgba(59, 130, 246, 0.15) 0px 0px 60px -15px, rgba(255, 255, 255, 0.05) 0px 0px 0px 1px; opacity: 0; transform: scale(0);"><div class="absolute inset-0 rounded-full border border-primary/20" style="transform: scale(1.04536);"></div><span class="text-xs font-semibold tracking-[0.18em] uppercase text-muted-foreground mb-2">The core problem</span><span class="text-2xl font-bold leading-[1.1] text-foreground">The <span class="text-primary">Reliability</span> Gap</span></div><div class="absolute flex flex-col items-center justify-center text-center gap-2.5 rounded-2xl border border-foreground/10 cursor-default group bg-white/80 dark:bg-white/[0.06] backdrop-blur-xl" style="width: 170px; height: 165px; top: 50%; left: 50%; margin-left: -85px; margin-top: -82.5px; z-index: 20; padding: 14px; box-shadow: rgba(0, 0, 0, 0.12) 0px 4px 24px -4px, rgba(255, 255, 255, 0.05) 0px 0px 0px 1px; opacity: 0; transform: translateX(2.75546e-14px) translateY(-210px) scale(0);"><div class="absolute inset-0 rounded-2xl opacity-0 group-hover:opacity-100 transition-opacity duration-500 -z-10 blur-xl" style="background: rgb(244, 63, 94); opacity: 0;"></div><style> 268 .group:hover > div[style*="#f43f5e"].blur-xl { opacity: 0.12 !important; } 269 </style><div class="w-12 h-12 rounded-xl flex items-center justify-center flex-shrink-0 shadow-lg transition-transform duration-300 group-hover:scale-110" style="background: linear-gradient(135deg, rgb(244, 63, 94), rgba(244, 63, 94, 0.8)); box-shadow: rgba(244, 63, 94, 0.314) 0px 6px 20px -4px;"><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-shield-alert w-6 h-6 text-white"><path d="M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z"></path><path d="M12 8v4"></path><path d="M12 16h.01"></path></svg></div><span class="text-base font-semibold text-foreground leading-tight">Service Outages</span><span class="text-sm text-muted-foreground leading-snug opacity-70 group-hover:opacity-100 transition-opacity">Recurring production incidents</span><div class="absolute inset-0 rounded-2xl opacity-0 group-hover:opacity-100 transition-opacity duration-300 pointer-events-none" style="border: 1px solid rgba(244, 63, 94, 0.25);"></div></div><div class="absolute flex flex-col items-center justify-center text-center gap-2.5 rounded-2xl border border-foreground
269/10 cursor-default group bg-white/80 dark:bg-white/[0.06] backdrop-blur-xl" style="width: 170px; height: 165px; top: 50%; left: 50%; margin-left: -85px; margin-top: -82.5px; z-index: 20; padding: 14px; box-shadow: rgba(0, 0, 0, 0.12) 0px 4px 24px -4px, rgba(255, 255, 255, 0.05) 0px 0px 0px 1px; opacity: 0; transform: translateX(389.711px) translateY(-105px) scale(0);"><div class="absolute inset-0 rounded-2xl opacity-0 group-hover:opacity-100 transition-opacity duration-500 -z-10 blur-xl" style="background: rgb(139, 92, 246); opacity: 0;"></div><style> 270 .group:hover > div[style*="#8b5cf6"].blur-xl { opacity: 0.12 !important; } 271 </style><div class="w-12 h-12 rounded-xl flex items-center justify-center flex-shrink-0 shadow-lg transition-transform duration-300 group-hover:scale-110" style="background: linear-gradient(135deg, rgb(139, 92, 246), rgba(139, 92, 246, 0.8)); box-shadow: rgba(139, 92, 246, 0.314) 0px 6px 20px -4px;"><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-eye-off w-6 h-6 text-white"><path d="M10.733 5.076a10.744 10.744 0 0 1 11.205 6.575 1 1 0 0 1 0 .696 10.747 10.747 0 0 1-1.444 2.49"></path><path d="M14.084 14.158a3 3 0 0 1-4.242-4.242"></path><path d="M17.479 17.499a10.75 10.75 0 0 1-15.417-5.151 1 1 0 0 1 0-.696 10.75 10.75 0 0 1 4.446-5.143"></path><path d="m2 2 20 20"></path></svg></div><span class="text-base font-semibold text-foreground leading-tight">Visibility Gaps</span><span class="text-sm text-muted-foreground leading-snug opacity-70 group-hover:opacity-100 transition-opacity">Limited observability coverage</span><div class="absolute inset-0 rounded-2xl opacity-0 group-hover:opacity-100 transition-opacity duration-300 pointer-events-none" style="border: 1px solid rgba(139, 92, 246, 0.25);"></div></div><div class="absolute flex flex-col items-center justify-center text-center gap-2.5 rounded-2xl border border-foreground
271/10 cursor-default group bg-white/80 dark:bg-white/[0.06] backdrop-blur-xl" style="width: 170px; height: 165px; top: 50%; left: 50%; margin-left: -85px; margin-top: -82.5px; z-index: 20; padding: 14px; box-shadow: rgba(0, 0, 0, 0.12) 0px 4px 24px -4px, rgba(255, 255, 255, 0.05) 0px 0px 0px 1px; opacity: 0; transform: translateX(389.711px) translateY(105px) scale(0);"><div class="absolute inset-0 rounded-2xl opacity-0 group-hover:opacity-100 transition-opacity duration-500 -z-10 blur-xl" style="background: rgb(6, 182, 212); opacity: 0;"></div><style> 272 .group:hover > div[style*="#06b6d4"].blur-xl { opacity: 0.12 !important; } 273 </style><div class="w-12 h-12 rounded-xl flex items-center justify-center flex-shrink-0 shadow-lg transition-transform duration-300 group-hover:scale-110" style="background: linear-gradient(135deg, rgb(6, 182, 212), rgba(6, 182, 212, 0.8)); box-shadow: rgba(6, 182, 212, 0.314) 0px 6px 20px -4px;"><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 w-6 h-6 text-white"><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><span class="text-base font-semibold text-foreground leading-tight">Response Lag</span><span class="text-sm text-muted-foreground leading-snug opacity-70 group-hover:opacity-100 transition-opacity">Slow incident resolution times</span><div class="absolute inset-0 rounded-2xl opacity-0 group-hover:opacity-100 transition-opacity duration-300 pointer-events-none" style="border: 1px solid rgba(6, 182, 212, 0.25);"></div></div><div class="absolute flex flex-col items-center justify-center text-center gap-2.5 rounded-2xl border border-foreground
273/10 cursor-default group bg-white/80 dark:bg-white/[0.06] backdrop-blur-xl" style="width: 170px; height: 165px; top: 50%; left: 50%; margin-left: -85px; margin-top: -82.5px; z-index: 20; padding: 14px; box-shadow: rgba(0, 0, 0, 0.12) 0px 4px 24px -4px, rgba(255, 255, 255, 0.05) 0px 0px 0px 1px; opacity: 0; transform: translateX(2.75546e-14px) translateY(210px) scale(0);"><div class="absolute inset-0 rounded-2xl opacity-0 group-hover:opacity-100 transition-opacity duration-500 -z-10 blur-xl" style="background: rgb(16, 185, 129); opacity: 0;"></div><style> 274 .group:hover > div[style*="#10b981"].blur-xl { opacity: 0.12 !important; } 275 </style><div class="w-12 h-12 rounded-xl flex items-center justify-center flex-shrink-0 shadow-lg transition-transform duration-300 group-hover:scale-110" style="background: linear-gradient(135deg, rgb(16, 185, 129), rgba(16, 185, 129, 0.8)); box-shadow: rgba(16, 185, 129, 0.314) 0px 6px 20px -4px;"><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-chart-column w-6 h-6 text-white"><path d="M3 3v16a2 2 0 0 0 2 2h16"></path><path d="M18 17V9"></path><path d="M13 17V5"></path><path d="M8 17v-3"></path></svg></div><span class="text-base font-semibold text-foreground leading-tight">Resource Waste</span><span class="text-sm text-muted-foreground leading-snug opacity-70 group-hover:opacity-100 transition-opacity">Infrastructure inefficiencies</span><div class="absolute inset-0 rounded-2xl opacity-0 group-hover:opacity-100 transition-opacity duration-300 pointer-events-none" style="border: 1px solid rgba(16, 185, 129, 0.25);"></div></div><div class="absolute flex flex-col items-center justify-center text-center gap-2.5 rounded-2xl border border-foreground
275/10 cursor-default group bg-white/80 dark:bg-white/[0.06] backdrop-blur-xl" style="width: 170px; height: 165px; top: 50%; left: 50%; margin-left: -85px; margin-top: -82.5px; z-index: 20; padding: 14px; box-shadow: rgba(0, 0, 0, 0.12) 0px 4px 24px -4px, rgba(255, 255, 255, 0.05) 0px 0px 0px 1px; opacity: 0; transform: translateX(-389.711px) translateY(105px) scale(0);"><div class="absolute inset-0 rounded-2xl opacity-0 group-hover:opacity-100 transition-opacity duration-500 -z-10 blur-xl" style="background: rgb(249, 115, 22); opacity: 0;"></div><style> 276 .group:hover > div[style*="#f97316"].blur-xl { opacity: 0.12 !important; } 277 </style><div class="w-12 h-12 rounded-xl flex items-center justify-center flex-shrink-0 shadow-lg transition-transform duration-300 group-hover:scale-110" style="background: linear-gradient(135deg, rgb(249, 115, 22), rgba(249, 115, 22, 0.8)); box-shadow: rgba(249, 115, 22, 0.314) 0px 6px 20px -4px;"><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-layout-panel-left w-6 h-6 text-white"><rect width="7" height="18" x="3" y="3" rx="1"></rect><rect width="7" height="7" x="14" y="3" rx="1"></rect><rect width="7" height="7" x="14" y="14" rx="1"></rect></svg></div><span class="text-base font-semibold text-foreground leading-tight">Engineer Burnout</span><span class="text-sm text-muted-foreground leading-snug opacity-70 group-hover:opacity-100 transition-opacity">Operational toil overload</span><div class="absolute inset-0 rounded-2xl opacity-0 group-hover:opacity-100 transition-opacity duration-300 pointer-events-none" style="border: 1px solid rgba(249, 115, 22, 0.25);"></div></div><div class="absolute flex flex-col items-center justify-center text-center gap-2.5 rounded-2xl border border-foreground
277/10 cursor-default group bg-white/80 dark:bg-white/[0.06] backdrop-blur-xl" style="width: 170px; height: 165px; top: 50%; left: 50%; margin-left: -85px; margin-top: -82.5px; z-index: 20; padding: 14px; box-shadow: rgba(0, 0, 0, 0.12) 0px 4px 24px -4px, rgba(255, 255, 255, 0.05) 0px 0px 0px 1px; opacity: 0; transform: translateX(-389.711px) translateY(-105px) scale(0);"><div class="absolute inset-0 rounded-2xl opacity-0 group-hover:opacity-100 transition-opacity duration-500 -z-10 blur-xl" style="background: rgb(59, 130, 246); opacity: 0;"></div><style> 278 .group:hover > div[style*="#3b82f6"].blur-xl { opacity: 0.12 !important; } 279 </style><div class="w-12 h-12 rounded-xl flex items-center justify-center flex-shrink-0 shadow-lg transition-transform duration-300 group-hover:scale-110" style="background: linear-gradient(135deg, rgb(59, 130, 246), rgba(59, 130, 246, 0.8)); box-shadow: rgba(59, 130, 246, 0.314) 0px 6px 20px -4px;"><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-trending-up w-6 h-6 text-white"><polyline points="22 7 13.5 15.5 8.5 10.5 2 17"></polyline><polyline points="16 7 22 7 22 13"></polyline></svg></div><span class="text-base font-semibold text-foreground leading-tight">Scale Limits</span><span class="text-sm text-muted-foreground leading-snug opacity-70 group-hover:opacity-100 transition-opacity">Unpredictable scalability</span><div class="absolute inset-0 rounded-2xl opacity-0 group-hover:opacity-100 transition-opacity duration-300 pointer-events-none" style="border: 1px solid rgba(59, 130, 246, 0.25);"></div></div></div></div><div class="lg:hidden flex flex-col items-center gap-8 px-4">
279<div class="w-36 h-36 rounded-full border border-foreground/15 flex flex-col items-center justify-center text-center shadow-xl bg-white/80 dark:bg-white/[0.08] backdrop-blur-xl" style="opacity: 0; transform: scale(0);"><span class="text-[9px] font-semibold tracking-[0.15em] uppercase text-muted-foreground mb-1.5">The core problem</span><span class="text-base font-bold leading-[1.1] text-foreground">The <span class="text-primary">Reliability</span> Gap</span></div><div class="grid grid-cols-2 sm:grid-cols-3 gap-3 w-full max-w-sm"><div class="flex flex-col items-center justify-center text-center gap-2 rounded-2xl border border-foreground/10 p-4 min-h-[110px] bg-white/80 dark:bg-white/[0.06] backdrop-blur-xl" style="opacity: 0; transform: translateY(20px);"><div class="w-9 h-9 rounded-xl flex items-center justify-center shadow-md" style="background: linear-gradient(135deg, rgb(244, 63, 94), rgba(244, 63, 94, 0.8)); box-shadow: rgba(244, 63, 94, 0.25) 0px 4px 14px -3px;"><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-shield-alert w-[18px] h-[18px] text-white"><path d="M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z"></path><path d="M12 8v4"></path><path d="M12 16h.01"></path></svg></div><span class="text-xs font-semibold text-foreground leading-tight">Service Outages</span></div><div class="flex flex-col items-center justify-center text-center gap-2 rounded-2xl border border-foreground
279/10 p-4 min-h-[110px] bg-white/80 dark:bg-white/[0.06] backdrop-blur-xl" style="opacity: 0; transform: translateY(20px);"><div class="w-9 h-9 rounded-xl flex items-center justify-center shadow-md" style="background: linear-gradient(135deg, rgb(139, 92, 246), rgba(139, 92, 246, 0.8)); box-shadow: rgba(139, 92, 246, 0.25) 0px 4px 14px -3px;"><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-eye-off w-[18px] h-[18px] text-white"><path d="M10.733 5.076a10.744 10.744 0 0 1 11.205 6.575 1 1 0 0 1 0 .696 10.747 10.747 0 0 1-1.444 2.49"></path><path d="M14.084 14.158a3 3 0 0 1-4.242-4.242"></path><path d="M17.479 17.499a10.75 10.75 0 0 1-15.417-5.151 1 1 0 0 1 0-.696 10.75 10.75 0 0 1 4.446-5.143"></path><path d="m2 2 20 20"></path></svg></div><span class="text-xs font-semibold text-foreground leading-tight">Visibility Gaps</span></div><div class="flex flex-col items-center justify-center text-center gap-2 rounded-2xl border border-foreground
279/10 p-4 min-h-[110px] bg-white/80 dark:bg-white/[0.06] backdrop-blur-xl" style="opacity: 0; transform: translateY(20px);"><div class="w-9 h-9 rounded-xl flex items-center justify-center shadow-md" style="background: linear-gradient(135deg, rgb(6, 182, 212), rgba(6, 182, 212, 0.8)); box-shadow: rgba(6, 182, 212, 0.25) 0px 4px 14px -3px;"><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 w-[18px] h-[18px] text-white"><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><span class="text-xs font-semibold text-foreground leading-tight">Response Lag</span></div><div class="flex flex-col items-center justify-center text-center gap-2 rounded-2xl border border-foreground/10 p-4 min-h-[110px] bg-white/80 dark:bg-white/[0.06] backdrop-blur-xl" style="opacity: 0; transform: translateY(20px);"><div class="w-9 h-9 rounded-xl flex items-center justify-center shadow-md" style="background: linear-gradient(135deg, rgb(16, 185, 129), rgba(16, 185, 129, 0.8)); box-shadow: rgba(16, 185, 129, 0.25) 0px 4px 14px -3px;"><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-chart-column w-[18px] h-[18px] text-white"><path d="M3 3v16a2 2 0 0 0 2 2h16"></path><path d="M18 17V9"></path><path d="M13 17V5"></path><path d="M8 17v-3"></path></svg></div><span class="text-xs font-semibold text-foreground leading-tight">Resource Waste</span></div><div class="flex flex-col items-center justify-center text-center gap-2 rounded-2xl border border-foreground
279/10 p-4 min-h-[110px] bg-white/80 dark:bg-white/[0.06] backdrop-blur-xl" style="opacity: 0; transform: translateY(20px);"><div class="w-9 h-9 rounded-xl flex items-center justify-center shadow-md" style="background: linear-gradient(135deg, rgb(249, 115, 22), rgba(249, 115, 22, 0.8)); box-shadow: rgba(249, 115, 22, 0.25) 0px 4px 14px -3px;"><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-layout-panel-left w-[18px] h-[18px] text-white"><rect width="7" height="18" x="3" y="3" rx="1"></rect><rect width="7" height="7" x="14" y="3" rx="1"></rect><rect width="7" height="7" x="14" y="14" rx="1"></rect></svg></div><span class="text-xs font-semibold text-foreground leading-tight">Engineer Burnout</span></div><div class="flex flex-col items-center justify-center text-center gap-2 rounded-2xl border border-foreground/10 p-4 min-h-[110px] bg-white/80 dark:bg-white/[0.06] backdrop-blur-xl" style="opacity: 0; transform: translateY(20px);"><div class="w-9 h-9 rounded-xl flex items-center justify-center shadow-md" style="background: linear-gradient(135deg, rgb(59, 130, 246), rgba(59, 130, 246, 0.8)); box-shadow: rgba(59, 130, 246, 0.25) 0px 4px 14px -3px;"><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-trending-up w-[18px] h-[18px] text-white"><polyline points="22 7 13.5 15.5 8.5 10.5 2 17"></polyline><polyline points="16 7 22 7 22 13"></polyline></svg></div><span class="text-xs font-semibold text-foreground leading-tight">Scale Limits</span></div></div></div></section></div><div class="mb-16 rounded-md border border-solution-glow/20 bg-solution-glow/5 p-6" style="opacity: 0; transform: translateY(20px);"><div class="flex flex-col md:flex-row items-center gap-4"><div class="flex items-center gap-3 flex-shrink-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-circle-check w-6 h-6 text-solution-glow"><circle cx="12" cy="12" r="10"></circle><path d="m9 12 2 2 4-4"></path></svg><div><h4 class="font-display text-lg font-bold leading-snug text-foreground pl-2">The GuhaTek Solution</h4><p class="font-body text-base md:text-lg lg:text-xl leading-relaxed text-muted-foreground pl-2">Bridging the Reliability Gap</p></div></div><div class="h-px md:h-8 md:w-px w-full bg-solution-glow/20"></div><p class="font-body font-light text-base md:text-lg lg:text-lg leading-relaxed pl-2 text-black dark:text-white">GuhaTek addresses these challenges through modern Site Reliability Engineering practices, cloud infrastructure consulting, platform development expertise, and AI-driven operational automation. Our approach enables organizations to maintain stable, scalable, and high-performing digital systems while accelerating innovation and product delivery.</p></div></div></div><div class="grid grid-cols-1 md:grid-cols-2 xl:flex xl:flex-row w-full gap-4 md:gap-6"><div class="group relative flex flex-col rounded-[28px] overflow-hidden border cursor-pointer transition-all duration-500 p-6 md:p-8 w-full h-auto lg:h-[370px] lg:flex-1 border-foreground
279/10"><div class="absolute inset-0 -z-10 transition-all duration-500 bg-white/80 dark:bg-white/5 backdrop-blur-lg"></div><span class="hidden lg:block absolute -bottom-8 -right-4 text-[120px] font-black opacity-20 pointer-events-none select-none font-display text-primary dark:text-white">1</span><div class="flex flex-col h-full"><div class="mb-5"><div class="relative w-12 h-12 md:w-14 md:h-14 rounded-2xl flex items-center justify-center mb-3 md:mb-4 transition-all duration-500 bg-gradient-to-br from-blue-600 to-cyan-500 scale-100" style="box-shadow: rgba(37, 99, 235, 0.19) 0px 4px 12px -4px;"><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-shield-check w-6 h-6 md:w-7 md:h-7 text-white relative z-10"><path d="M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z"></path><path d="m9 12 2 2 4-4"></path></svg></div><span class="text-base md:text-2xl text-primary/80 font-medium font-display">Reliability</span></div><h3 class="font-display uppercase text-lg md:text-xl lg:text-2xl text-foreground group-hover:text-primary transition-colors lg:min-h-[72px] mb-4">Protect revenue and reputation</h3><div class="flex-grow"></div><p class="text-sm md:text-base lg:text-lg transition-all duration-500 opacity-90 text-muted-foreground lg:opacity-70 lg:line-clamp-2">Downtime directly impacts revenue, customer trust, and brand credibility. Reliability engineering ensures critical services remain available even during infrastructure failures or traffic spikes.</p></div></div><div class="group relative flex flex-col rounded-[28px] overflow-hidden border cursor-pointer transition-all duration-500 p-6 md:p-8 w-full h-auto lg:h-[370px] lg:flex-1 border-foreground
279/10"><div class="absolute inset-0 -z-10 transition-all duration-500 bg-white/80 dark:bg-white/5 backdrop-blur-lg"></div><span class="hidden lg:block absolute -bottom-8 -right-4 text-[120px] font-black opacity-20 pointer-events-none select-none font-display text-primary dark:text-white">2</span><div class="flex flex-col h-full"><div class="mb-5"><div class="relative w-12 h-12 md:w-14 md:h-14 rounded-2xl flex items-center justify-center mb-3 md:mb-4 transition-all duration-500 bg-gradient-to-br from-purple-600 to-indigo-500 scale-100" style="box-shadow: rgba(147, 51, 234, 0.19) 0px 4px 12px -4px;"><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-trending-up w-6 h-6 md:w-7 md:h-7 text-white relative z-10"><polyline points="22 7 13.5 15.5 8.5 10.5 2 17"></polyline><polyline points="16 7 22 7 22 13"></polyline></svg></div><span class="text-base md:text-2xl text-primary/80 font-medium font-display">Scalability</span></div><h3 class="font-display uppercase text-lg md:text-xl lg:text-2xl text-foreground group-hover:text-primary transition-colors lg:min-h-[72px] mb-4">Scale cloud platforms confidently</h3><div class="flex-grow"></div><p class="text-sm md:text-base lg:text-lg transition-all duration-500 opacity-90 text-muted-foreground lg:opacity-70 lg:line-clamp-2">Cloud consulting and platform engineering frameworks ensure organizations can build scalable infrastructure that supports growth without sacrificing stability.</p></div></div><div class="group relative flex flex-col rounded-[28px] overflow-hidden border cursor-pointer transition-all duration-500 p-6 md:p-8 w-full h-auto lg:h-[370px] lg:flex-1 border-foreground
279/10"><div class="absolute inset-0 -z-10 transition-all duration-500 bg-white/80 dark:bg-white/5 backdrop-blur-lg"></div><span class="hidden lg:block absolute -bottom-8 -right-4 text-[120px] font-black opacity-20 pointer-events-none select-none font-display text-primary dark:text-white">3</span><div class="flex flex-col h-full"><div class="mb-5"><div class="relative w-12 h-12 md:w-14 md:h-14 rounded-2xl flex items-center justify-center mb-3 md:mb-4 transition-all duration-500 bg-gradient-to-br from-orange-500 to-amber-500 scale-100" style="box-shadow: rgba(249, 115, 22, 0.19) 0px 4px 12px -4px;"><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 w-6 h-6 md:w-7 md:h-7 text-white relative z-10"><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><span class="text-base md:text-2xl text-primary/80 font-medium font-display">Efficiency</span></div><h3 class="font-display uppercase text-lg md:text-xl lg:text-2xl text-foreground group-hover:text-primary transition-colors lg:min-h-[72px] mb-4">Accelerate product development</h3><div class="flex-grow"></div><p class="text-sm md:text-base lg:text-lg transition-all duration-500 opacity-90 text-muted-foreground lg:opacity-70 lg:line-clamp-2">Integrated platform engineering and DevOps practices reduce operational bottlenecks, allowing development teams to ship features faster.</p></div></div><div class="group relative flex flex-col rounded-[28px] overflow-hidden border cursor-pointer transition-all duration-500 p-6 md:p-8 w-full h-auto lg:h-[370px] lg:flex-1 border-foreground
279/10"><div class="absolute inset-0 -z-10 transition-all duration-500 bg-white/80 dark:bg-white/5 backdrop-blur-lg"></div><span class="hidden lg:block absolute -bottom-8 -right-4 text-[120px] font-black opacity-20 pointer-events-none select-none font-display text-primary dark:text-white">4</span><div class="flex flex-col h-full"><div class="mb-5"><div class="relative w-12 h-12 md:w-14 md:h-14 rounded-2xl flex items-center justify-center mb-3 md:mb-4 transition-all duration-500 bg-gradient-to-br from-emerald-500 to-teal-500 scale-100" style="box-shadow: rgba(16, 185, 129, 0.19) 0px 4px 12px -4px;"><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-cpu w-6 h-6 md:w-7 md:h-7 text-white relative z-10"><rect width="16" height="16" x="4" y="4" rx="2"></rect><rect width="6" height="6" x="9" y="9" rx="1"></rect><path d="M15 2v2"></path><path d="M15 20v2"></path><path d="M2 15h2"></path><path d="M2 9h2"></path><path d="M20 15h2"></path><path d="M20 9h2"></path><path d="M9 2v2"></path><path d="M9 20v2"></path></svg></div><span class="text-base md:text-2xl text-primary/80 font-medium font-display">Intelligence</span></div><h3 class="font-display uppercase text-lg md:text-xl lg:text-2xl text-foreground group-hover:text-primary transition-colors lg:min-h-[72px] mb-4">Enable AI-powered operations</h3><div class="flex-grow"></div><p class="text-sm md:text-base lg:text-lg transition-all duration-500 opacity-90 text-muted-foreground lg:opacity-70 lg:line-clamp-2">AIOps, MLOps, and LLMOps consulting services introduce intelligence into operations by automating monitoring, predicting incidents, and optimizing AI infrastructure.</p></div></div></div></div></section><section class="py-20 md:py-28 lg:py-32 relative overflow-hidden "><div class="absolute inset-0 bg-[radial-gradient(ellipse_at_top,hsl(var(--card-glow)/0.03),transparent_60%)]"></div><div class="container relative z-10"><div class="grid lg:grid-cols-12 gap-10 mb-14"><div class="lg:col-span-7"><span class="font-display text-xs md:text-sm font-bold uppercase tracking-[0.25em] text-primary" style="opacity: 0;">What GuhaTek Delivers</span><h2 class="font-display text-3xl md:text-4xl lg:text-5xl font-bold leading-tight text-foreground mt-4" style="opacity: 0; transform: translateY(20px);">Engineering <span class="text-primary">Reliability</span><br>At Every Layer</h2></div><div class="lg:col-span-5 flex items-end"><div class="lg:col-span-4" style="opacity: 0; transform: translateX(20px);"><div class="flex flex-col lg:items-end lg:text-right"><div class="hidden lg:flex items-center h-[17px] mb-6"><div class="h-[1px] w-24 bg-primary/20"></div></div><p class="font-body text-base md:text-lg lg:text-xl leading-relaxed text-muted-foreground">Protect revenue and reputation. GuhaTek transforms fragile, reactive operations into predictable, self-healing systems aligned to business SLAs.</p></div></div></div></div><div class="md:hidden grid grid-cols-1 gap-3"><div class="group relative flex flex-col rounded-xl border border-foreground
279/10 dark:border-white/10 flex-1 overflow-hidden transition-all duration-500 hover:border-primary/40 hover:shadow-2xl cursor-pointer" style="opacity: 0; transform: translateY(16px);"><div class="pointer-events-none absolute inset-0 bg-white/50 dark:bg-white/5 backdrop-blur-lg group-hover:bg-white dark:group-hover:bg-white/10 transition-colors duration-500"></div><div class="absolute inset-0 bg-primary/[0.03] pointer-events-none"></div><div class="absolute top-0 inset-x-0 h-px bg-gradient-to-r from-transparent via-primary/30 to-transparent opacity-0 group-hover:opacity-100 transition-opacity"></div><div class="relative z-10 h-full flex flex-col text-left p-5 gap-2.5"><div class="flex items-center gap-2"><div class="w-1.5 h-4 rounded-full bg-primary/50 group-hover:bg-primary transition-colors duration-300"></div><span class="font-display text-xs md:text-sm font-bold uppercase tracking-[0.25em] text-primary">Core Practice</span></div><h3 class="font-display text-xl lg:text-2xl font-bold leading-snug text-foreground">Site Reliability Engineering</h3><p class="font-body text-base md:text-lg lg:text-xl leading-relaxed text-muted-foreground italic">â Align reliability with business outcomes</p></div></div><div class="group relative flex flex-col rounded-xl border border-foreground
279/10 dark:border-white/10 flex-1 overflow-hidden transition-all duration-500 hover:border-primary/40 hover:shadow-2xl cursor-pointer" style="opacity: 0; transform: translateY(16px);"><div class="pointer-events-none absolute inset-0 bg-white/50 dark:bg-white/5 backdrop-blur-lg group-hover:bg-white dark:group-hover:bg-white/10 transition-colors duration-500"></div><div class="absolute inset-0 bg-primary/[0.03] pointer-events-none"></div><div class="absolute top-0 inset-x-0 h-px bg-gradient-to-r from-transparent via-primary/30 to-transparent opacity-0 group-hover:opacity-100 transition-opacity"></div><div class="relative z-10 h-full flex flex-col text-left p-5 gap-2.5"><div class="flex items-center gap-2"><div class="w-1.5 h-4 rounded-full bg-primary/50 group-hover:bg-primary transition-colors duration-300"></div><span class="font-display text-xs md:text-sm font-bold uppercase tracking-[0.25em] text-primary">Infrastructure</span></div><h3 class="font-display text-xl lg:text-2xl font-bold leading-snug text-foreground">Cloud Infrastructure Consulting</h3><p class="font-body text-base md:text-lg lg:text-xl leading-relaxed text-muted-foreground italic">â Multi cloud, optimized and resilient</p></div></div><div class="group relative flex flex-col rounded-xl border border-foreground
279/10 dark:border-white/10 flex-1 overflow-hidden transition-all duration-500 hover:border-primary/40 hover:shadow-2xl cursor-pointer" style="opacity: 0; transform: translateY(16px);"><div class="pointer-events-none absolute inset-0 bg-white/50 dark:bg-white/5 backdrop-blur-lg group-hover:bg-white dark:group-hover:bg-white/10 transition-colors duration-500"></div><div class="absolute inset-0 bg-primary/[0.03] pointer-events-none"></div><div class="absolute top-0 inset-x-0 h-px bg-gradient-to-r from-transparent via-primary/30 to-transparent opacity-0 group-hover:opacity-100 transition-opacity"></div><div class="relative z-10 h-full flex flex-col text-left p-5 gap-2.5"><div class="flex items-center gap-2"><div class="w-1.5 h-4 rounded-full bg-primary/50 group-hover:bg-primary transition-colors duration-300"></div><span class="font-display text-xs md:text-sm font-bold uppercase tracking-[0.25em] text-primary">Engineering</span></div><h3 class="font-display text-xl lg:text-2xl font-bold leading-snug text-foreground">Platform & Product Development</h3><p class="font-body text-base md:text-lg lg:text-xl leading-relaxed text-muted-foreground italic">â Scalable digital platforms from day one</p></div></div><div class="group relative flex flex-col rounded-xl border border-foreground
279/10 dark:border-white/10 flex-1 overflow-hidden transition-all duration-500 hover:border-primary/40 hover:shadow-2xl cursor-pointer" style="opacity: 0; transform: translateY(16px);"><div class="pointer-events-none absolute inset-0 bg-white/50 dark:bg-white/5 backdrop-blur-lg group-hover:bg-white dark:group-hover:bg-white/10 transition-colors duration-500"></div><div class="absolute inset-0 bg-primary/[0.03] pointer-events-none"></div><div class="absolute top-0 inset-x-0 h-px bg-gradient-to-r from-transparent via-primary/30 to-transparent opacity-0 group-hover:opacity-100 transition-opacity"></div><div class="relative z-10 h-full flex flex-col text-left p-5 gap-2.5"><div class="flex items-center gap-2"><div class="w-1.5 h-4 rounded-full bg-primary/50 group-hover:bg-primary transition-colors duration-300"></div><span class="font-display text-xs md:text-sm font-bold uppercase tracking-[0.25em] text-primary">Optimization</span></div><h3 class="font-display text-xl lg:text-2xl font-bold leading-snug text-foreground">Performance Engineering & Scalability</h3><p class="font-body text-base md:text-lg lg:text-xl leading-relaxed text-muted-foreground italic">â Stable under any load</p></div></div><div class="group relative flex flex-col rounded-xl border border-foreground
279/10 dark:border-white/10 flex-1 overflow-hidden transition-all duration-500 hover:border-primary/40 hover:shadow-2xl cursor-pointer" style="opacity: 0; transform: translateY(16px);"><div class="pointer-events-none absolute inset-0 bg-white/50 dark:bg-white/5 backdrop-blur-lg group-hover:bg-white dark:group-hover:bg-white/10 transition-colors duration-500"></div><div class="absolute inset-0 bg-primary/[0.03] pointer-events-none"></div><div class="absolute top-0 inset-x-0 h-px bg-gradient-to-r from-transparent via-primary/30 to-transparent opacity-0 group-hover:opacity-100 transition-opacity"></div><div class="relative z-10 h-full flex flex-col text-left p-5 gap-2.5"><div class="flex items-center gap-2"><div class="w-1.5 h-4 rounded-full bg-primary/50 group-hover:bg-primary transition-colors duration-300"></div><span class="font-display text-xs md:text-sm font-bold uppercase tracking-[0.25em] text-primary">Monitoring</span></div><h3 class="font-display text-xl lg:text-2xl font-bold leading-snug text-foreground">Observability & Telemetry Engineering</h3><p class="font-body text-base md:text-lg lg:text-xl leading-relaxed text-muted-foreground italic">â Full stack visibility, zero blind spots</p></div></div><div class="group relative flex flex-col rounded-xl border border-foreground
279/10 dark:border-white/10 flex-1 overflow-hidden transition-all duration-500 hover:border-primary/40 hover:shadow-2xl cursor-pointer" style="opacity: 0; transform: translateY(16px);"><div class="pointer-events-none absolute inset-0 bg-white/50 dark:bg-white/5 backdrop-blur-lg group-hover:bg-white dark:group-hover:bg-white/10 transition-colors duration-500"></div><div class="absolute inset-0 bg-primary/[0.03] pointer-events-none"></div><div class="absolute top-0 inset-x-0 h-px bg-gradient-to-r from-transparent via-primary/30 to-transparent opacity-0 group-hover:opacity-100 transition-opacity"></div><div class="relative z-10 h-full flex flex-col text-left p-5 gap-2.5"><div class="flex items-center gap-2"><div class="w-1.5 h-4 rounded-full bg-primary/50 group-hover:bg-primary transition-colors duration-300"></div><span class="font-display text-xs md:text-sm font-bold uppercase tracking-[0.25em] text-primary">AI Operations</span></div><h3 class="font-display text-xl lg:text-2xl font-bold leading-snug text-foreground">AIOps Consulting & Automation</h3><p class="font-body text-base md:text-lg lg:text-xl leading-relaxed text-muted-foreground italic">â Self healing, predictive systems</p></div></div><div class="group relative flex flex-col rounded-xl border border-foreground
279/10 dark:border-white/10 flex-1 overflow-hidden transition-all duration-500 hover:border-primary/40 hover:shadow-2xl cursor-pointer" style="opacity: 0; transform: translateY(16px);"><div class="pointer-events-none absolute inset-0 bg-white/50 dark:bg-white/5 backdrop-blur-lg group-hover:bg-white dark:group-hover:bg-white/10 transition-colors duration-500"></div><div class="absolute inset-0 bg-primary/[0.03] pointer-events-none"></div><div class="absolute top-0 inset-x-0 h-px bg-gradient-to-r from-transparent via-primary/30 to-transparent opacity-0 group-hover:opacity-100 transition-opacity"></div><div class="relative z-10 h-full flex flex-col text-left p-5 gap-2.5"><div class="flex items-center gap-2"><div class="w-1.5 h-4 rounded-full bg-primary/50 group-hover:bg-primary transition-colors duration-300"></div><span class="font-display text-xs md:text-sm font-bold uppercase tracking-[0.25em] text-primary">ML Engineering</span></div><h3 class="font-display text-xl lg:text-2xl font-bold leading-snug text-foreground">MLOps Infrastructure Engineering</h3><p class="font-body text-base md:text-lg lg:text-xl leading-relaxed text-muted-foreground italic">â Reliable ML at scale</p></div></div><div class="group relative flex flex-col rounded-xl border border-foreground
279/10 dark:border-white/10 flex-1 overflow-hidden transition-all duration-500 hover:border-primary/40 hover:shadow-2xl cursor-pointer" style="opacity: 0; transform: translateY(16px);"><div class="pointer-events-none absolute inset-0 bg-white/50 dark:bg-white/5 backdrop-blur-lg group-hover:bg-white dark:group-hover:bg-white/10 transition-colors duration-500"></div><div class="absolute inset-0 bg-primary/[0.03] pointer-events-none"></div><div class="absolute top-0 inset-x-0 h-px bg-gradient-to-r from-transparent via-primary/30 to-transparent opacity-0 group-hover:opacity-100 transition-opacity"></div><div class="relative z-10 h-full flex flex-col text-left p-5 gap-2.5"><div class="flex items-center gap-2"><div class="w-1.5 h-4 rounded-full bg-primary/50 group-hover:bg-primary transition-colors duration-300"></div><span class="font-display text-xs md:text-sm font-bold uppercase tracking-[0.25em] text-primary">AI Platforms</span></div><h3 class="font-display text-xl lg:text-2xl font-bold leading-snug text-foreground">LLMOps & AI Platform Reliability</h3><p class="font-body text-base md:text-lg lg:text-xl leading-relaxed text-muted-foreground italic">â Production grade LLM operations</p></div></div><div class="group relative flex flex-col rounded-xl border border-foreground
279/10 dark:border-white/10 flex-1 overflow-hidden transition-all duration-500 hover:border-primary/40 hover:shadow-2xl cursor-pointer" style="opacity: 0; transform: translateY(16px);"><div class="pointer-events-none absolute inset-0 bg-white/50 dark:bg-white/5 backdrop-blur-lg group-hover:bg-white dark:group-hover:bg-white/10 transition-colors duration-500"></div><div class="absolute inset-0 bg-primary/[0.03] pointer-events-none"></div><div class="absolute top-0 inset-x-0 h-px bg-gradient-to-r from-transparent via-primary/30 to-transparent opacity-0 group-hover:opacity-100 transition-opacity"></div><div class="relative z-10 h-full flex flex-col text-left p-5 gap-2.5"><div class="flex items-center gap-2"><div class="w-1.5 h-4 rounded-full bg-primary/50 group-hover:bg-primary transition-colors duration-300"></div><span class="font-display text-xs md:text-sm font-bold uppercase tracking-[0.25em] text-primary">Data Engineering</span></div><h3 class="font-display text-xl lg:text-2xl font-bold leading-snug text-foreground">Data Platform Reliability</h3><p class="font-body text-base md:text-lg lg:text-xl leading-relaxed text-muted-foreground italic">â Trustworthy pipelines at scale</p></div></div></div><div class="hidden md:grid xl:hidden grid-cols-2 gap-3"><div class="group relative flex flex-col rounded-xl border border-foreground
279/10 dark:border-white/10 flex-1 overflow-hidden transition-all duration-500 hover:border-primary/40 hover:shadow-2xl cursor-pointer" style="opacity: 0; transform: translateY(16px);"><div class="pointer-events-none absolute inset-0 bg-white/50 dark:bg-white/5 backdrop-blur-lg group-hover:bg-white dark:group-hover:bg-white/10 transition-colors duration-500"></div><div class="absolute inset-0 bg-primary/[0.03] pointer-events-none"></div><div class="absolute top-0 inset-x-0 h-px bg-gradient-to-r from-transparent via-primary/30 to-transparent opacity-0 group-hover:opacity-100 transition-opacity"></div><div class="relative z-10 h-full flex flex-col text-left p-5 gap-2.5"><div class="flex items-center gap-2"><div class="w-1.5 h-4 rounded-full bg-primary/50 group-hover:bg-primary transition-colors duration-300"></div><span class="font-display text-xs md:text-sm font-bold uppercase tracking-[0.25em] text-primary">Core Practice</span></div><h3 class="font-display text-xl lg:text-2xl font-bold leading-snug text-foreground">Site Reliability Engineering</h3><p class="font-body text-base md:text-lg lg:text-xl leading-relaxed text-muted-foreground italic">â Align reliability with business outcomes</p></div></div><div class="group relative flex flex-col rounded-xl border border-foreground
279/10 dark:border-white/10 flex-1 overflow-hidden transition-all duration-500 hover:border-primary/40 hover:shadow-2xl cursor-pointer" style="opacity: 0; transform: translateY(16px);"><div class="pointer-events-none absolute inset-0 bg-white/50 dark:bg-white/5 backdrop-blur-lg group-hover:bg-white dark:group-hover:bg-white/10 transition-colors duration-500"></div><div class="absolute inset-0 bg-primary/[0.03] pointer-events-none"></div><div class="absolute top-0 inset-x-0 h-px bg-gradient-to-r from-transparent via-primary/30 to-transparent opacity-0 group-hover:opacity-100 transition-opacity"></div><div class="relative z-10 h-full flex flex-col text-left p-5 gap-2.5"><div class="flex items-center gap-2"><div class="w-1.5 h-4 rounded-full bg-primary/50 group-hover:bg-primary transition-colors duration-300"></div><span class="font-display text-xs md:text-sm font-bold uppercase tracking-[0.25em] text-primary">Infrastructure</span></div><h3 class="font-display text-xl lg:text-2xl font-bold leading-snug text-foreground">Cloud Infrastructure Consulting</h3><p class="font-body text-base md:text-lg lg:text-xl leading-relaxed text-muted-foreground italic">â Multi cloud, optimized and resilient</p></div></div><div class="group relative flex flex-col rounded-xl border border-foreground
279/10 dark:border-white/10 flex-1 overflow-hidden transition-all duration-500 hover:border-primary/40 hover:shadow-2xl cursor-pointer" style="opacity: 0; transform: translateY(16px);"><div class="pointer-events-none absolute inset-0 bg-white/50 dark:bg-white/5 backdrop-blur-lg group-hover:bg-white dark:group-hover:bg-white/10 transition-colors duration-500"></div><div class="absolute inset-0 bg-primary/[0.03] pointer-events-none"></div><div class="absolute top-0 inset-x-0 h-px bg-gradient-to-r from-transparent via-primary/30 to-transparent opacity-0 group-hover:opacity-100 transition-opacity"></div><div class="relative z-10 h-full flex flex-col text-left p-5 gap-2.5"><div class="flex items-center gap-2"><div class="w-1.5 h-4 rounded-full bg-primary/50 group-hover:bg-primary transition-colors duration-300"></div><span class="font-display text-xs md:text-sm font-bold uppercase tracking-[0.25em] text-primary">Engineering</span></div><h3 class="font-display text-xl lg:text-2xl font-bold leading-snug text-foreground">Platform & Product Development</h3><p class="font-body text-base md:text-lg lg:text-xl leading-relaxed text-muted-foreground italic">â Scalable digital platforms from day one</p></div></div><div class="group relative flex flex-col rounded-xl border border-foreground
279/10 dark:border-white/10 flex-1 overflow-hidden transition-all duration-500 hover:border-primary/40 hover:shadow-2xl cursor-pointer" style="opacity: 0; transform: translateY(16px);"><div class="pointer-events-none absolute inset-0 bg-white/50 dark:bg-white/5 backdrop-blur-lg group-hover:bg-white dark:group-hover:bg-white/10 transition-colors duration-500"></div><div class="absolute inset-0 bg-primary/[0.03] pointer-events-none"></div><div class="absolute top-0 inset-x-0 h-px bg-gradient-to-r from-transparent via-primary/30 to-transparent opacity-0 group-hover:opacity-100 transition-opacity"></div><div class="relative z-10 h-full flex flex-col text-left p-5 gap-2.5"><div class="flex items-center gap-2"><div class="w-1.5 h-4 rounded-full bg-primary/50 group-hover:bg-primary transition-colors duration-300"></div><span class="font-display text-xs md:text-sm font-bold uppercase tracking-[0.25em] text-primary">Optimization</span></div><h3 class="font-display text-xl lg:text-2xl font-bold leading-snug text-foreground">Performance Engineering & Scalability</h3><p class="font-body text-base md:text-lg lg:text-xl leading-relaxed text-muted-foreground italic">â Stable under any load</p></div></div><div class="group relative flex flex-col rounded-xl border border-foreground
279/10 dark:border-white/10 flex-1 overflow-hidden transition-all duration-500 hover:border-primary/40 hover:shadow-2xl cursor-pointer" style="opacity: 0; transform: translateY(16px);"><div class="pointer-events-none absolute inset-0 bg-white/50 dark:bg-white/5 backdrop-blur-lg group-hover:bg-white dark:group-hover:bg-white/10 transition-colors duration-500"></div><div class="absolute inset-0 bg-primary/[0.03] pointer-events-none"></div><div class="absolute top-0 inset-x-0 h-px bg-gradient-to-r from-transparent via-primary/30 to-transparent opacity-0 group-hover:opacity-100 transition-opacity"></div><div class="relative z-10 h-full flex flex-col text-left p-5 gap-2.5"><div class="flex items-center gap-2"><div class="w-1.5 h-4 rounded-full bg-primary/50 group-hover:bg-primary transition-colors duration-300"></div><span class="font-display text-xs md:text-sm font-bold uppercase tracking-[0.25em] text-primary">Monitoring</span></div><h3 class="font-display text-xl lg:text-2xl font-bold leading-snug text-foreground">Observability & Telemetry Engineering</h3><p class="font-body text-base md:text-lg lg:text-xl leading-relaxed text-muted-foreground italic">â Full stack visibility, zero blind spots</p></div></div><div class="group relative flex flex-col rounded-xl border border-foreground
279/10 dark:border-white/10 flex-1 overflow-hidden transition-all duration-500 hover:border-primary/40 hover:shadow-2xl cursor-pointer" style="opacity: 0; transform: translateY(16px);"><div class="pointer-events-none absolute inset-0 bg-white/50 dark:bg-white/5 backdrop-blur-lg group-hover:bg-white dark:group-hover:bg-white/10 transition-colors duration-500"></div><div class="absolute inset-0 bg-primary/[0.03] pointer-events-none"></div><div class="absolute top-0 inset-x-0 h-px bg-gradient-to-r from-transparent via-primary/30 to-transparent opacity-0 group-hover:opacity-100 transition-opacity"></div><div class="relative z-10 h-full flex flex-col text-left p-5 gap-2.5"><div class="flex items-center gap-2"><div class="w-1.5 h-4 rounded-full bg-primary/50 group-hover:bg-primary transition-colors duration-300"></div><span class="font-display text-xs md:text-sm font-bold uppercase tracking-[0.25em] text-primary">AI Operations</span></div><h3 class="font-display text-xl lg:text-2xl font-bold leading-snug text-foreground">AIOps Consulting & Automation</h3><p class="font-body text-base md:text-lg lg:text-xl leading-relaxed text-muted-foreground italic">â Self healing, predictive systems</p></div></div><div class="group relative flex flex-col rounded-xl border border-foreground
279/10 dark:border-white/10 flex-1 overflow-hidden transition-all duration-500 hover:border-primary/40 hover:shadow-2xl cursor-pointer" style="opacity: 0; transform: translateY(16px);"><div class="pointer-events-none absolute inset-0 bg-white/50 dark:bg-white/5 backdrop-blur-lg group-hover:bg-white dark:group-hover:bg-white/10 transition-colors duration-500"></div><div class="absolute inset-0 bg-primary/[0.03] pointer-events-none"></div><div class="absolute top-0 inset-x-0 h-px bg-gradient-to-r from-transparent via-primary/30 to-transparent opacity-0 group-hover:opacity-100 transition-opacity"></div><div class="relative z-10 h-full flex flex-col text-left p-5 gap-2.5"><div class="flex items-center gap-2"><div class="w-1.5 h-4 rounded-full bg-primary/50 group-hover:bg-primary transition-colors duration-300"></div><span class="font-display text-xs md:text-sm font-bold uppercase tracking-[0.25em] text-primary">ML Engineering</span></div><h3 class="font-display text-xl lg:text-2xl font-bold leading-snug text-foreground">MLOps Infrastructure Engineering</h3><p class="font-body text-base md:text-lg lg:text-xl leading-relaxed text-muted-foreground italic">â Reliable ML at scale</p></div></div><div class="group relative flex flex-col rounded-xl border border-foreground
279/10 dark:border-white/10 flex-1 overflow-hidden transition-all duration-500 hover:border-primary/40 hover:shadow-2xl cursor-pointer" style="opacity: 0; transform: translateY(16px);"><div class="pointer-events-none absolute inset-0 bg-white/50 dark:bg-white/5 backdrop-blur-lg group-hover:bg-white dark:group-hover:bg-white/10 transition-colors duration-500"></div><div class="absolute inset-0 bg-primary/[0.03] pointer-events-none"></div><div class="absolute top-0 inset-x-0 h-px bg-gradient-to-r from-transparent via-primary/30 to-transparent opacity-0 group-hover:opacity-100 transition-opacity"></div><div class="relative z-10 h-full flex flex-col text-left p-5 gap-2.5"><div class="flex items-center gap-2"><div class="w-1.5 h-4 rounded-full bg-primary/50 group-hover:bg-primary transition-colors duration-300"></div><span class="font-display text-xs md:text-sm font-bold uppercase tracking-[0.25em] text-primary">AI Platforms</span></div><h3 class="font-display text-xl lg:text-2xl font-bold leading-snug text-foreground">LLMOps & AI Platform Reliability</h3><p class="font-body text-base md:text-lg lg:text-xl leading-relaxed text-muted-foreground italic">â Production grade LLM operations</p></div></div><div class="group relative flex flex-col rounded-xl border border-foreground
279/10 dark:border-white/10 flex-1 overflow-hidden transition-all duration-500 hover:border-primary/40 hover:shadow-2xl cursor-pointer" style="opacity: 0; transform: translateY(16px);"><div class="pointer-events-none absolute inset-0 bg-white/50 dark:bg-white/5 backdrop-blur-lg group-hover:bg-white dark:group-hover:bg-white/10 transition-colors duration-500"></div><div class="absolute inset-0 bg-primary/[0.03] pointer-events-none"></div><div class="absolute top-0 inset-x-0 h-px bg-gradient-to-r from-transparent via-primary/30 to-transparent opacity-0 group-hover:opacity-100 transition-opacity"></div><div class="relative z-10 h-full flex flex-col text-left p-5 gap-2.5"><div class="flex items-center gap-2"><div class="w-1.5 h-4 rounded-full bg-primary/50 group-hover:bg-primary transition-colors duration-300"></div><span class="font-display text-xs md:text-sm font-bold uppercase tracking-[0.25em] text-primary">Data Engineering</span></div><h3 class="font-display text-xl lg:text-2xl font-bold leading-snug text-foreground">Data Platform Reliability</h3><p class="font-body text-base md:text-lg lg:text-xl leading-relaxed text-muted-foreground italic">â Trustworthy pipelines at scale</p></div></div></div><div class="hidden xl:grid gap-3" style="grid-template-columns: repeat(4, 1fr); grid-template-rows: 240px 240px 240px 240px;"><div class="group relative flex flex-col rounded-xl border border-foreground
279/10 dark:border-white/10 flex-1 overflow-hidden transition-all duration-500 hover:border-primary/40 hover:shadow-2xl cursor-pointer" style="grid-area: 1 / 1 / 3 / 2; opacity: 0; transform: translateY(16px);"><div class="pointer-events-none absolute inset-0 bg-white/50 dark:bg-white/5 backdrop-blur-lg group-hover:bg-white dark:group-hover:bg-white/10 transition-colors duration-500"></div><div class="absolute inset-0 bg-primary/[0.03] pointer-events-none"></div><div class="absolute top-0 inset-x-0 h-px bg-gradient-to-r from-transparent via-primary/30 to-transparent opacity-0 group-hover:opacity-100 transition-opacity"></div><div class="relative z-10 h-full flex flex-col text-left p-7 justify-between gap-2.5"><div class="flex items-center gap-2"><div class="w-1.5 h-4 rounded-full bg-primary/50 group-hover:bg-primary transition-colors duration-300"></div><span class="font-display text-xs md:text-sm font-bold uppercase tracking-[0.25em] text-primary">Core Practice</span></div><h3 class="font-display text-xl lg:text-2xl font-bold leading-snug text-foreground">Site Reliability Engineering</h3><p class="font-body text-base md:text-lg lg:text-xl leading-relaxed text-muted-foreground italic">â Align reliability with business outcomes</p><p class="font-body text-base md:text-lg lg:text-xl leading-relaxed text-muted-foreground">Design reliability frameworks including SLIs, SLOs, error budgets, and incident response engineering to align system reliability with business objectives.</p></div></div><div class="group relative flex flex-col rounded-xl border border-foreground
279/10 dark:border-white/10 flex-1 overflow-hidden transition-all duration-500 hover:border-primary/40 hover:shadow-2xl cursor-pointer" style="grid-area: 1 / 2 / 2 / 3; opacity: 0; transform: translateY(16px);"><div class="pointer-events-none absolute inset-0 bg-white/50 dark:bg-white/5 backdrop-blur-lg group-hover:bg-white dark:group-hover:bg-white/10 transition-colors duration-500"></div><div class="absolute inset-0 bg-primary/[0.03] pointer-events-none"></div><div class="absolute top-0 inset-x-0 h-px bg-gradient-to-r from-transparent via-primary/30 to-transparent opacity-0 group-hover:opacity-100 transition-opacity"></div><div class="relative z-10 h-full flex flex-col text-left p-5 gap-2.5"><div class="flex items-center gap-2"><div class="w-1.5 h-4 rounded-full bg-primary/50 group-hover:bg-primary transition-colors duration-300"></div><span class="font-display text-xs md:text-sm font-bold uppercase tracking-[0.25em] text-primary">Infrastructure</span></div><h3 class="font-display text-xl lg:text-2xl font-bold leading-snug text-foreground">Cloud Infrastructure Consulting</h3><p class="font-body text-base md:text-lg lg:text-xl leading-relaxed text-muted-foreground italic">â Multi cloud, optimized and resilient</p></div></div><div class="group relative flex flex-col rounded-xl border border-foreground
279/10 dark:border-white/10 flex-1 overflow-hidden transition-all duration-500 hover:border-primary/40 hover:shadow-2xl cursor-pointer" style="grid-area: 1 / 3 / 2 / 5; opacity: 0; transform: translateY(16px);"><div class="pointer-events-none absolute inset-0 bg-white/50 dark:bg-white/5 backdrop-blur-lg group-hover:bg-white dark:group-hover:bg-white/10 transition-colors duration-500"></div><div class="absolute inset-0 bg-primary/[0.03] pointer-events-none"></div><div class="absolute top-0 inset-x-0 h-px bg-gradient-to-r from-transparent via-primary/30 to-transparent opacity-0 group-hover:opacity-100 transition-opacity"></div><div class="relative z-10 h-full flex flex-col text-left p-6 justify-center gap-2.5"><div class="flex items-center gap-2"><div class="w-1.5 h-4 rounded-full bg-primary/50 group-hover:bg-primary transition-colors duration-300"></div><span class="font-display text-xs md:text-sm font-bold uppercase tracking-[0.25em] text-primary">Engineering</span></div><h3 class="font-display text-xl lg:text-2xl font-bold leading-snug text-foreground">Platform & Product Development</h3><p class="font-body text-base md:text-lg lg:text-xl leading-relaxed text-muted-foreground italic">â Scalable digital platforms from day one</p><p class="font-body text-base md:text-lg lg:text-xl leading-relaxed text-muted-foreground">Design and build scalable digital platforms including microservices, API platforms, and SaaS applications.</p></div></div><div class="group relative flex flex-col rounded-xl border border-foreground
279/10 dark:border-white/10 flex-1 overflow-hidden transition-all duration-500 hover:border-primary/40 hover:shadow-2xl cursor-pointer" style="grid-area: 2 / 2 / 3 / 3; opacity: 0; transform: translateY(16px);"><div class="pointer-events-none absolute inset-0 bg-white/50 dark:bg-white/5 backdrop-blur-lg group-hover:bg-white dark:group-hover:bg-white/10 transition-colors duration-500"></div><div class="absolute inset-0 bg-primary/[0.03] pointer-events-none"></div><div class="absolute top-0 inset-x-0 h-px bg-gradient-to-r from-transparent via-primary/30 to-transparent opacity-0 group-hover:opacity-100 transition-opacity"></div><div class="relative z-10 h-full flex flex-col text-left p-5 gap-2.5"><div class="flex items-center gap-2"><div class="w-1.5 h-4 rounded-full bg-primary/50 group-hover:bg-primary transition-colors duration-300"></div><span class="font-display text-xs md:text-sm font-bold uppercase tracking-[0.25em] text-primary">Optimization</span></div><h3 class="font-display text-xl lg:text-2xl font-bold leading-snug text-foreground">Performance Engineering & Scalability</h3><p class="font-body text-base md:text-lg lg:text-xl leading-relaxed text-muted-foreground italic">â Stable under any load</p></div></div><div class="group relative flex flex-col rounded-xl border border-foreground
279/10 dark:border-white/10 flex-1 overflow-hidden transition-all duration-500 hover:border-primary/40 hover:shadow-2xl cursor-pointer" style="grid-area: 2 / 3 / 3 / 4; opacity: 0; transform: translateY(16px);"><div class="pointer-events-none absolute inset-0 bg-white/50 dark:bg-white/5 backdrop-blur-lg group-hover:bg-white dark:group-hover:bg-white/10 transition-colors duration-500"></div><div class="absolute inset-0 bg-primary/[0.03] pointer-events-none"></div><div class="absolute top-0 inset-x-0 h-px bg-gradient-to-r from-transparent via-primary/30 to-transparent opacity-0 group-hover:opacity-100 transition-opacity"></div><div class="relative z-10 h-full flex flex-col text-left p-5 gap-2.5"><div class="flex items-center gap-2"><div class="w-1.5 h-4 rounded-full bg-primary/50 group-hover:bg-primary transition-colors duration-300"></div><span class="font-display text-xs md:text-sm font-bold uppercase tracking-[0.25em] text-primary">Monitoring</span></div><h3 class="font-display text-xl lg:text-2xl font-bold leading-snug text-foreground">Observability & Telemetry Engineering</h3><p class="font-body text-base md:text-lg lg:text-xl leading-relaxed text-muted-foreground italic">â Full stack visibility, zero blind spots</p></div></div><div class="group relative flex flex-col rounded-xl border border-foreground
279/10 dark:border-white/10 flex-1 overflow-hidden transition-all duration-500 hover:border-primary/40 hover:shadow-2xl cursor-pointer" style="grid-area: 2 / 4 / 3 / 5; opacity: 0; transform: translateY(16px);"><div class="pointer-events-none absolute inset-0 bg-white/50 dark:bg-white/5 backdrop-blur-lg group-hover:bg-white dark:group-hover:bg-white/10 transition-colors duration-500"></div><div class="absolute inset-0 bg-primary/[0.03] pointer-events-none"></div><div class="absolute top-0 inset-x-0 h-px bg-gradient-to-r from-transparent via-primary/30 to-transparent opacity-0 group-hover:opacity-100 transition-opacity"></div><div class="relative z-10 h-full flex flex-col text-left p-5 gap-2.5"><div class="flex items-center gap-2"><div class="w-1.5 h-4 rounded-full bg-primary/50 group-hover:bg-primary transition-colors duration-300"></div><span class="font-display text-xs md:text-sm font-bold uppercase tracking-[0.25em] text-primary">AI Operations</span></div><h3 class="font-display text-xl lg:text-2xl font-bold leading-snug text-foreground">AIOps Consulting & Automation</h3><p class="font-body text-base md:text-lg lg:text-xl leading-relaxed text-muted-foreground italic">â Self healing, predictive systems</p></div></div><div class="group relative flex flex-col rounded-xl border border-foreground
279/10 dark:border-white/10 flex-1 overflow-hidden transition-all duration-500 hover:border-primary/40 hover:shadow-2xl cursor-pointer" style="grid-area: 3 / 1 / 4 / 3; opacity: 0; transform: translateY(16px);"><div class="pointer-events-none absolute inset-0 bg-white/50 dark:bg-white/5 backdrop-blur-lg group-hover:bg-white dark:group-hover:bg-white/10 transition-colors duration-500"></div><div class="absolute inset-0 bg-primary/[0.03] pointer-events-none"></div><div class="absolute top-0 inset-x-0 h-px bg-gradient-to-r from-transparent via-primary/30 to-transparent opacity-0 group-hover:opacity-100 transition-opacity"></div><div class="relative z-10 h-full flex flex-col text-left p-6 justify-center gap-2.5"><div class="flex items-center gap-2"><div class="w-1.5 h-4 rounded-full bg-primary/50 group-hover:bg-primary transition-colors duration-300"></div><span class="font-display text-xs md:text-sm font-bold uppercase tracking-[0.25em] text-primary">ML Engineering</span></div><h3 class="font-display text-xl lg:text-2xl font-bold leading-snug text-foreground">MLOps Infrastructure Engineering</h3><p class="font-body text-base md:text-lg lg:text-xl leading-relaxed text-muted-foreground italic">â Reliable ML at scale</p><p class="font-body text-base md:text-lg lg:text-xl leading-relaxed text-muted-foreground">Automated pipelines, model monitoring, drift detection, and scalable machine learning operations.</p></div></div><div class="group relative flex flex-col rounded-xl border border-foreground
279/10 dark:border-white/10 flex-1 overflow-hidden transition-all duration-500 hover:border-primary/40 hover:shadow-2xl cursor-pointer" style="grid-area: 3 / 3 / 5 / 5; opacity: 0; transform: translateY(16px);"><div class="pointer-events-none absolute inset-0 bg-white/50 dark:bg-white/5 backdrop-blur-lg group-hover:bg-white dark:group-hover:bg-white/10 transition-colors duration-500"></div><div class="absolute inset-0 bg-primary/[0.03] pointer-events-none"></div><div class="absolute top-0 inset-x-0 h-px bg-gradient-to-r from-transparent via-primary/30 to-transparent opacity-0 group-hover:opacity-100 transition-opacity"></div><div class="relative z-10 h-full flex flex-col text-left p-7 justify-between gap-2.5"><div class="flex items-center gap-2"><div class="w-1.5 h-4 rounded-full bg-primary/50 group-hover:bg-primary transition-colors duration-300"></div><span class="font-display text-xs md:text-sm font-bold uppercase tracking-[0.25em] text-primary">AI Platforms</span></div><h3 class="font-display text-xl lg:text-2xl font-bold leading-snug text-foreground">LLMOps & AI Platform Reliability</h3><p class="font-body text-base md:text-lg lg:text-xl leading-relaxed text-muted-foreground italic">â Production grade LLM operations</p><p class="font-body text-base md:text-lg lg:text-xl leading-relaxed text-muted-foreground">Production ready large language model platforms with end to end reliability, observability, governance, performance optimization, and cost control. We design scalable inference pipelines, monitoring for model quality and drift, safety guardrails, and resilient architectures that keep AI systems trustworthy under real world load.</p></div></div><div class="group relative flex flex-col rounded-xl border border-foreground
279/10 dark:border-white/10 flex-1 overflow-hidden transition-all duration-500 hover:border-primary/40 hover:shadow-2xl cursor-pointer" style="grid-area: 4 / 1 / 5 / 3; opacity: 0; transform: translateY(16px);"><div class="pointer-events-none absolute inset-0 bg-white/50 dark:bg-white/5 backdrop-blur-lg group-hover:bg-white dark:group-hover:bg-white/10 transition-colors duration-500"></div><div class="absolute inset-0 bg-primary/[0.03] pointer-events-none"></div><div class="absolute top-0 inset-x-0 h-px bg-gradient-to-r from-transparent via-primary/30 to-transparent opacity-0 group-hover:opacity-100 transition-opacity"></div><div class="relative z-10 h-full flex flex-col text-left p-6 justify-center gap-2.5"><div class="flex items-center gap-2"><div class="w-1.5 h-4 rounded-full bg-primary/50 group-hover:bg-primary transition-colors duration-300"></div><span class="font-display text-xs md:text-sm font-bold uppercase tracking-[0.25em] text-primary">Data Engineering</span></div><h3 class="font-display text-xl lg:text-2xl font-bold leading-snug text-foreground">Data Platform Reliability</h3><p class="font-body text-base md:text-lg lg:text-xl leading-relaxed text-muted-foreground italic">â Trustworthy pipelines at scale</p><p class="font-body text-base md:text-lg lg:text-xl leading-relaxed text-muted-foreground">Ensure resilient data platforms with pipeline observability, data quality monitoring, and fault tolerant architectures.</p></div></div></div></div></section><section id="metrics" class="py-20 md:py-28 lg:py-32 relative overflow-hidden" aria-label="Outcome focused metrics"><div class="absolute inset-0 grid-pattern opacity-5"></div><div class="container relative z-10"><div class="grid lg:grid-cols-12 gap-10 mb-14"><div class="lg:col-span-7"><span class="font-display text-xs md:text-sm font-bold uppercase tracking-[0.25em] text-primary" style="opacity: 0;">Metrics</span><h2 class="font-display text-3xl md:text-4xl lg:text-5xl font-bold leading-tight text-foreground mt-4" style="opacity: 0; transform: translateY(20px);">Outcomes Our <br><span class="text-primary">Clients Achieve</span></h2></div><div class="lg:col-span-5 flex items-end"><div class="w-full" style="opacity: 0; transform: translateX(20px);"><div class="flex flex-col lg:items-end lg:text-right"><div class="hidden lg:flex items-center h-[17px] mb-6"><div class="h-[1px] w-24 bg-primary/20"></div></div><p class="font-body text-base md:text-lg lg:text-xl leading-relaxed text-muted-foreground">GuhaTek's reliability and cloud frameworks deliver measurable gains in system stability, efficiency, and scalability.</p></div></div></div></div><div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6 md:gap-8 lg:gap-6 items-start pb-4 md:pb-12"><div class="transition-all duration-1000 translate-y-0"><div class="group relative flex flex-col rounded-xl border border-foreground
279/10 dark:border-white/10 flex-1 overflow-hidden transition-all duration-500 hover:border-primary/40 hover:shadow-2xl cursor-pointer px-6 py-10" style="opacity: 0; transform: translateY(24px);"><div class="pointer-events-none absolute inset-0 bg-white/50 dark:bg-white/5 backdrop-blur-lg group-hover:bg-white dark:group-hover:bg-white/10 transition-colors duration-500"></div><div class="absolute inset-0 bg-primary/[0.03] pointer-events-none"></div><div class="absolute top-0 left-8 right-8 h-px bg-gradient-to-r from-transparent via-primary/50 to-transparent z-30"></div><div class="flex-grow flex flex-col items-start justify-center gap-6 relative z-20"><div class="p-3 rounded-2xl bg-gradient-to-br from-blue-500 to-cyan-400 shadow-lg shadow-primary/10 group-hover:scale-110 transition-transform duration-500"><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-shield-check w-7 h-7 text-white stroke-[2px]"><path d="M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z"></path><path d="m9 12 2 2 4-4"></path></svg></div><span class="font-display text-xl lg:text-2xl font-bold leading-snug text-foreground group-hover:text-primary transition-colors">99.99%+</span><h3 class="font-display text-xs md:text-sm font-bold uppercase tracking-[0.25em] text-primary group-hover:text-foreground transition-colors">Availability</h3><p class="font-body text-base md:text-lg lg:text-xl leading-relaxed text-muted-foreground group-hover:text-foreground transition-colors">99.95% â 99.99% system availability</p></div></div></div><div class="transition-all duration-1000 lg:translate-y-12 md:translate-y-8 translate-y-0"><div class="group relative flex flex-col rounded-xl border border-foreground
279/10 dark:border-white/10 flex-1 overflow-hidden transition-all duration-500 hover:border-primary/40 hover:shadow-2xl cursor-pointer px-6 py-10" style="opacity: 0; transform: translateY(24px);"><div class="pointer-events-none absolute inset-0 bg-white/50 dark:bg-white/5 backdrop-blur-lg group-hover:bg-white dark:group-hover:bg-white/10 transition-colors duration-500"></div><div class="absolute inset-0 bg-primary/[0.03] pointer-events-none"></div><div class="absolute top-0 left-8 right-8 h-px bg-gradient-to-r from-transparent via-primary/50 to-transparent z-30"></div><div class="flex-grow flex flex-col items-start justify-center gap-6 relative z-20"><div class="p-3 rounded-2xl bg-gradient-to-br from-indigo-500 to-purple-500 shadow-lg shadow-primary/10 group-hover:scale-110 transition-transform duration-500"><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-clock w-7 h-7 text-white stroke-[2px]"><circle cx="12" cy="12" r="10"></circle><polyline points="12 6 12 12 16 14"></polyline></svg></div><span class="font-display text-xl lg:text-2xl font-bold leading-snug text-foreground group-hover:text-primary transition-colors">40â60%</span><h3 class="font-display text-xs md:text-sm font-bold uppercase tracking-[0.25em] text-primary group-hover:text-foreground transition-colors">MTTR Reduction</h3><p class="font-body text-base md:text-lg lg:text-xl leading-relaxed text-muted-foreground group-hover:text-foreground transition-colors">40â60% reduction in Mean Time to Resolution (MTTR)</p></div></div></div><div class="transition-all duration-1000 translate-y-0"><div class="group relative flex flex-col rounded-xl border border-foreground
279/10 dark:border-white/10 flex-1 overflow-hidden transition-all duration-500 hover:border-primary/40 hover:shadow-2xl cursor-pointer px-6 py-10" style="opacity: 0; transform: translateY(24px);"><div class="pointer-events-none absolute inset-0 bg-white/50 dark:bg-white/5 backdrop-blur-lg group-hover:bg-white dark:group-hover:bg-white/10 transition-colors duration-500"></div><div class="absolute inset-0 bg-primary/[0.03] pointer-events-none"></div><div class="absolute top-0 left-8 right-8 h-px bg-gradient-to-r from-transparent via-primary/50 to-transparent z-30"></div><div class="flex-grow flex flex-col items-start justify-center gap-6 relative z-20"><div class="p-3 rounded-2xl bg-gradient-to-br from-orange-400 to-amber-600 shadow-lg shadow-primary/10 group-hover:scale-110 transition-transform duration-500"><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-activity w-7 h-7 text-white stroke-[2px]"><path d="M22 12h-2.48a2 2 0 0 0-1.93 1.46l-2.35 8.36a.25.25 0 0 1-.48 0L9.24 2.18a.25.25 0 0 0-.48 0l-2.35 8.36A2 2 0 0 1 4.49 12H2"></path></svg></div><span class="font-display text-xl lg:text-2xl font-bold leading-snug text-foreground group-hover:text-primary transition-colors">2â3x</span><h3 class="font-display text-xs md:text-sm font-bold uppercase tracking-[0.25em] text-primary group-hover:text-foreground transition-colors">Detection Speed</h3><p class="font-body text-base md:text-lg lg:text-xl leading-relaxed text-muted-foreground group-hover:text-foreground transition-colors">2â3Ã faster anomaly detection through observability platforms</p></div></div></div><div class="transition-all duration-1000 translate-y-0"><div class="group relative flex flex-col rounded-xl border border-foreground
279/10 dark:border-white/10 flex-1 overflow-hidden transition-all duration-500 hover:border-primary/40 hover:shadow-2xl cursor-pointer px-6 py-10" style="opacity: 0; transform: translateY(24px);"><div class="pointer-events-none absolute inset-0 bg-white/50 dark:bg-white/5 backdrop-blur-lg group-hover:bg-white dark:group-hover:bg-white/10 transition-colors duration-500"></div><div class="absolute inset-0 bg-primary/[0.03] pointer-events-none"></div><div class="absolute top-0 left-8 right-8 h-px bg-gradient-to-r from-transparent via-primary/50 to-transparent z-30"></div><div class="flex-grow flex flex-col items-start justify-center gap-6 relative z-20"><div class="p-3 rounded-2xl bg-gradient-to-br from-rose-500 to-pink-500 shadow-lg shadow-primary/10 group-hover:scale-110 transition-transform duration-500"><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-triangle-alert w-7 h-7 text-white stroke-[2px]"><path d="m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3"></path><path d="M12 9v4"></path><path d="M12 17h.01"></path></svg></div><span class="font-display text-xl lg:text-2xl font-bold leading-snug text-foreground group-hover:text-primary transition-colors">30â50%</span><h3 class="font-display text-xs md:text-sm font-bold uppercase tracking-[0.25em] text-primary group-hover:text-foreground transition-colors">Incident Reduction</h3><p class="font-body text-base md:text-lg lg:text-xl leading-relaxed text-muted-foreground group-hover:text-foreground transition-colors">30â50% reduction in performance related incidents</p></div></div></div><div class="transition-all duration-1000 lg:translate-y-12 md:translate-y-8 translate-y-0"><div class="group relative flex flex-col rounded-xl border border-foreground
279/10 dark:border-white/10 flex-1 overflow-hidden transition-all duration-500 hover:border-primary/40 hover:shadow-2xl cursor-pointer px-6 py-10" style="opacity: 0; transform: translateY(24px);"><div class="pointer-events-none absolute inset-0 bg-white/50 dark:bg-white/5 backdrop-blur-lg group-hover:bg-white dark:group-hover:bg-white/10 transition-colors duration-500"></div><div class="absolute inset-0 bg-primary/[0.03] pointer-events-none"></div><div class="absolute top-0 left-8 right-8 h-px bg-gradient-to-r from-transparent via-primary/50 to-transparent z-30"></div><div class="flex-grow flex flex-col items-start justify-center gap-6 relative z-20"><div class="p-3 rounded-2xl bg-gradient-to-br from-emerald-400 to-teal-600 shadow-lg shadow-primary/10 group-hover:scale-110 transition-transform duration-500"><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-cpu w-7 h-7 text-white stroke-[2px]"><rect width="16" height="16" x="4" y="4" rx="2"></rect><rect width="6" height="6" x="9" y="9" rx="1"></rect><path d="M15 2v2"></path><path d="M15 20v2"></path><path d="M2 15h2"></path><path d="M2 9h2"></path><path d="M20 15h2"></path><path d="M20 9h2"></path><path d="M9 2v2"></path><path d="M9 20v2"></path></svg></div><span class="font-display text-xl lg:text-2xl font-bold leading-snug text-foreground group-hover:text-primary transition-colors">50%+</span><h3 class="font-display text-xs md:text-sm font-bold uppercase tracking-[0.25em] text-primary group-hover:text-foreground transition-colors">Automation</h3><p class="font-body text-base md:text-lg lg:text-xl leading-relaxed text-muted-foreground group-hover:text-foreground transition-colors">50% reduction in operational toil through automation</p></div></div></div><div class="transition-all duration-1000 translate-y-0"><div class="group relative flex flex-col rounded-xl border border-foreground
279/10 dark:border-white/10 flex-1 overflow-hidden transition-all duration-500 hover:border-primary/40 hover:shadow-2xl cursor-pointer px-6 py-10" style="opacity: 0; transform: translateY(24px);"><div class="pointer-events-none absolute inset-0 bg-white/50 dark:bg-white/5 backdrop-blur-lg group-hover:bg-white dark:group-hover:bg-white/10 transition-colors duration-500"></div><div class="absolute inset-0 bg-primary/[0.03] pointer-events-none"></div><div class="absolute top-0 left-8 right-8 h-px bg-gradient-to-r from-transparent via-primary/50 to-transparent z-30"></div><div class="flex-grow flex flex-col items-start justify-center gap-6 relative z-20"><div class="p-3 rounded-2xl bg-gradient-to-br from-sky-400 to-blue-600 shadow-lg shadow-primary/10 group-hover:scale-110 transition-transform duration-500"><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-rocket w-7 h-7 text-white stroke-[2px]"><path d="M4.5 16.5c-1.5 1.26-2 5-2 5s3.74-.5 5-2c.71-.84.7-2.13-.09-2.91a2.18 2.18 0 0 0-2.91-.09z"></path><path d="m12 15-3-3a22 22 0 0 1 2-3.95A12.88 12.88 0 0 1 22 2c0 2.72-.78 7.5-6 11a22.35 22.35 0 0 1-4 2z"></path><path d="M9 12H4s.55-3.03 2-4c1.62-1.08 5 0 5 0"></path><path d="M12 15v5s3.03-.55 4-2c1.08-1.62 0-5 0-5"></path></svg></div><span class="font-display text-xl lg:text-2xl font-bold leading-snug text-foreground group-hover:text-primary transition-colors">3x</span><h3 class="font-display text-xs md:text-sm font-bold uppercase tracking-[0.25em] text-primary group-hover:text-foreground transition-colors">Faster Deployments</h3><p class="font-body text-base md:text-lg lg:text-xl leading-relaxed text-muted-foreground group-hover:text-foreground transition-colors">faster deployment cycles through platform engineering and CI/CD automation</p></div></div></div></div></div></section><section class="py-20 md:py-28 lg:py-32 relative overflow-hidden bg-[hsl(var(--section-surface))]"><div class="absolute inset-0 grid-pattern opacity-[0.03] dark:opacity-[0.05] pointer-events-none"></div><div class="absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-[600px] h-[600px] pointer-events-none opacity-40 dark:opacity-20 transition-opacity duration-1000"><div class="w-full h-full rounded-full blur-[100px]" style="background: radial-gradient(circle, hsl(var(--primary) / 0.15) 0%, transparent 70%);"></div></div><div class="container relative z-10"><div class="grid lg:grid-cols-12 gap-10 mb-14"><div class="lg:col-span-7"><span class="font-display text-xs md:text-sm font-bold uppercase tracking-[0.25em] text-primary" style="opacity: 0;">Tools & Technologies</span><h2 class="font-display text-3xl md:text-4xl lg:text-5xl font-bold leading-tight text-foreground mt-4" style="opacity: 0; transform: translateY(20px);">Our Modern <br><span class="text-primary">Tech Stack</span></h2></div><div class="lg:col-span-5 flex items-end"><div class="w-full" style="opacity: 0; transform: translateX(20px);"><div class="flex flex-col lg:items-end lg:text-right"><div class="hidden lg:flex items-center h-[17px] mb-6"><div class="h-[1px] w-24 bg-primary/20"></div></div><p class="font-body text-base md:text-lg lg:text-xl leading-relaxed text-muted-foreground">GuhaTek partners with organizations running cloud-native platforms and AI-powered systems where reliability is mission critical.</p></div></div></div></div><div class="relative mx-auto flex items-center justify-center h-[320px] sm:h-[500px] lg:h-[650px] w-full overflow-hidden sm:overflow-visible"><div class="relative w-[650px] h-[650px] scale-[0.45] sm:scale-[0.8] lg:scale-100 origin-center transition-transform duration-500 flex items-center justify-center"><div class="absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 z-50"><div class="w-24 h-24 rounded-full bg-white border border-slate-200 dark:border-primary/40 flex items-center justify-center shadow-2xl dark:shadow-[0_0_50px_rgba(255,255,255,0.15)]"><img src="/guha_logo.png" alt="GuhaTek Logo" width="192" height="220" loading="lazy" decoding="async" class="w-16 h-16 object-contain"></div></div><div class="absolute top-1/2 left-1/2 pointer-events-none" style="width: 260px; height: 260px; transform: translate(-50%, -50%); z-index: 29;"><div class="absolute inset-0 rounded-full border border-primary/10 dark:border-primary/5 transition-colors duration-1000"></div><div class="absolute inset-0 rounded-full border border-primary/5 blur-[2px] opacity-50"></div><div class="relative w-full h-full" style="transform: rotate(78.1632deg);"><div class="absolute pointer-events-auto" style="left: 232px; top: 102px; opacity: 0; transform: scale(0);"><div style="transform: rotate(-78.1632deg);"><a href="https://aws.amazon.com" target="_blank" rel="noopener noreferrer" aria-label="AWS" class="relative w-14 h-14 roun
279ded-full bg-white dark:bg-slate-900 border border-foreground/10 dark:border-primary/20 flex items-center justify-center shadow-md hover:shadow-primary/40 hover:scale-125 transition-all duration-300 group"><img src="/logos/dv-amazonwebservices.svg" alt="" loading="lazy" class="w-7 h-7 object-contain relative z-10 transition-transform group-hover:scale-110"><div class="absolute -bottom-8 left-1/2 -translate-x-1/2 opacity-0 group-hover:opacity-100 transition-all pointer-events-none z-[60]"><span class="text-sm font-medium text-muted-foreground bg-white dark:bg-slate-800 px-2 py-0.5 rounded border border-border shadow-md whitespace-nowrap">AWS</span></div></a></div></div><div class="absolute pointer-events-auto" style="left: 142.172px; top: 225.637px; opacity: 0; transform: scale(0);"><div style="transform: rotate(-78.1632deg);"><a href="https://kubernetes.io" target="_blank" rel="noopener noreferrer" aria-label="Kubernetes" class="relative w-14 h-14 rounded-full bg-white dark:bg-slate-900 border border-foreground/10 dark:border-primary/20 flex items-center justify-center shadow-md hover:shadow-primary/40 hover:scale-125 transition-all duration-300 group"><img src="/logos/dv-kubernetes-plain.svg" alt="" loading="lazy" class="w-7 h-7 object-contain relative z-10 transition-transform group-hover:scale-110"><div class="absolute -bottom-8 left-1/2 -translate-x-1/2 opacity-0 group-hover:opacity-100 transition-all pointer-events-none z-[60]"><span class="text-sm font-medium text-muted-foreground bg-white dark:bg-slate-800 px-2 py-0.5 rounded border border-border shadow-md whitespace-nowrap">Kubernetes</span></div></a></div></div><div class="absolute pointer-events-auto" style="left: -3.17221px; top: 178.412px; opacity: 0; transform: scale(0);"><div style="transform: rotate(-78.1632deg);"><a href="https://www.docker.com" target="_blank" rel="noopener noreferrer" aria-label="Docker" class="relative w-14 h-14 rounded-full bg-white dark:bg-slate-900 border border-foreground
279/10 dark:border-primary/20 flex items-center justify-center shadow-md hover:shadow-primary/40 hover:scale-125 transition-all duration-300 group"><img src="/logos/dv-docker-original.svg" alt="" loading="lazy" class="w-7 h-7 object-contain relative z-10 transition-transform group-hover:scale-110"><div class="absolute -bottom-8 left-1/2 -translate-x-1/2 opacity-0 group-hover:opacity-100 transition-all pointer-events-none z-[60]"><span class="text-sm font-medium text-muted-foreground bg-white dark:bg-slate-800 px-2 py-0.5 rounded border border-border shadow-md whitespace-nowrap">Docker</span></div></a></div></div><div class="absolute pointer-events-auto" style="left: -3.17221px; top: 25.5879px; opacity: 0; transform: scale(0);"><div style="transform: rotate(-78.1632deg);"><a href="https://www.terraform.io" target="_blank" rel="noopener noreferrer" aria-label="Terraform" class="relative w-14 h-14 rounded-full bg-white dark:bg-slate-900 border border-foreground/10 dark:border-primary/20 flex items-center justify-center shadow-md hover:shadow-primary/40 hover:scale-125 transition-all duration-300 group"><img src="/logos/dv-terraform-original.svg" alt="" loading="lazy" class="w-7 h-7 object-contain relative z-10 transition-transform group-hover:scale-110"><div class="absolute -bottom-8 left-1/2 -translate-x-1/2 opacity-0 group-hover:opacity-100 transition-all pointer-events-none z-[60]"><span class="text-sm font-medium text-muted-foreground bg-white dark:bg-slate-800 px-2 py-0.5 rounded border border-border shadow-md whitespace-nowrap">Terraform</span></div></a></div></div><div class="absolute pointer-events-auto" style="left: 142.172px; top: -21.6373px; opacity: 0; transform: scale(0);"><div style="transform: rotate(-78.1632deg);"><a href="https://git-scm.com" target="_blank" rel="noopener noreferrer" aria-label="Git" class="relative w-14 h-14 rounded-full bg-white dark:bg-slate-900 border border-foreground
279/10 dark:border-primary/20 flex items-center justify-center shadow-md hover:shadow-primary/40 hover:scale-125 transition-all duration-300 group"><img src="/logos/dv-git-original.svg" alt="" loading="lazy" class="w-7 h-7 object-contain relative z-10 transition-transform group-hover:scale-110"><div class="absolute -bottom-8 left-1/2 -translate-x-1/2 opacity-0 group-hover:opacity-100 transition-all pointer-events-none z-[60]"><span class="text-sm font-medium text-muted-foreground bg-white dark:bg-slate-800 px-2 py-0.5 rounded border border-border shadow-md whitespace-nowrap">Git</span></div></a></div></div></div></div><div class="absolute top-1/2 left-1/2 pointer-events-none" style="width: 420px; height: 420px; transform: translate(-50%, -50%); z-index: 28;"><div class="absolute inset-0 rounded-full border border-primary/10 dark:border-primary/5 transition-colors duration-1000"></div><div class="absolute inset-0 rounded-full border border-primary/5 blur-[2px] opacity-50"></div><div class="relative w-full h-full" style="transform: rotate(-48.852deg);"><div class="absolute pointer-events-auto" style="left: 392px; top: 182px; opacity: 0; transform: scale(0);"><div style="transform: rotate(48.852deg);"><a href="https://prometheus.io" target="_blank" rel="noopener noreferrer" aria-label="Prometheus" class="relative w-14 h-14 rounded-full bg-white dark:bg-slate-900 border border-foreground
279/10 dark:border-primary/20 flex items-center justify-center shadow-md hover:shadow-primary/40 hover:scale-125 transition-all duration-300 group"><img src="/logos/dv-prometheus-original.svg" alt="" loading="lazy" class="w-7 h-7 object-contain relative z-10 transition-transform group-hover:scale-110"><div class="absolute -bottom-8 left-1/2 -translate-x-1/2 opacity-0 group-hover:opacity-100 transition-all pointer-events-none z-[60]"><span class="text-sm font-medium text-muted-foreground bg-white dark:bg-slate-800 px-2 py-0.5 rounded border border-border shadow-md whitespace-nowrap">Prometheus</span></div></a></div></div><div class="absolute pointer-events-auto" style="left: 363.865px; top: 287px; opacity: 0; transform: scale(0);"><div style="transform: rotate(48.852deg);"><a href="https://grafana.com" target="_blank" rel="noopener noreferrer" aria-label="Grafana" class="relative w-14 h-14 rounded-full bg-white dark:bg-slate-900 border border-foreground/10 dark:border-primary/20 flex items-center justify-center shadow-md hover:shadow-primary/40 hover:scale-125 transition-all duration-300 group"><img src="/logos/dv-grafana-original.svg" alt="" loading="lazy" class="w-7 h-7 object-contain relative z-10 transition-transform group-hover:scale-110"><div class="absolute -bottom-8 left-1/2 -translate-x-1/2 opacity-0 group-hover:opacity-100 transition-all pointer-events-none z-[60]"><span class="text-sm font-medium text-muted-foreground bg-white dark:bg-slate-800 px-2 py-0.5 rounded border border-border shadow-md whitespace-nowrap">Grafana</span></div></a></div></div><div class="absolute pointer-events-auto" style="left: 287px; top: 363.865px; opacity: 0; transform: scale(0);"><div style="transform: rotate(48.852deg);"><a href="https://www.datadoghq.com" target="_blank" rel="noopener noreferrer" aria-label="Datadog" class="relative w-14 h-14 rounded-full bg-white dark:bg-slate-900 border border-foreground
279/10 dark:border-primary/20 flex items-center justify-center shadow-md hover:shadow-primary/40 hover:scale-125 transition-all duration-300 group"><img src="/logos/si-datadog-632ca6.svg" alt="" loading="lazy" class="w-7 h-7 object-contain relative z-10 transition-transform group-hover:scale-110"><div class="absolute -bottom-8 left-1/2 -translate-x-1/2 opacity-0 group-hover:opacity-100 transition-all pointer-events-none z-[60]"><span class="text-sm font-medium text-muted-foreground bg-white dark:bg-slate-800 px-2 py-0.5 rounded border border-border shadow-md whitespace-nowrap">Datadog</span></div></a></div></div><div class="absolute pointer-events-auto" style="left: 182px; top: 392px; opacity: 0; transform: scale(0);"><div style="transform: rotate(48.852deg);"><a href="https://www.jenkins.io" target="_blank" rel="noopener noreferrer" aria-label="Jenkins" class="relative w-14 h-14 rounded-full bg-white dark:bg-slate-900 border border-foreground/10 dark:border-primary/20 flex items-center justify-center shadow-md hover:shadow-primary/40 hover:scale-125 transition-all duration-300 group"><img src="/logos/dv-jenkins-original.svg" alt="" loading="lazy" class="w-7 h-7 object-contain relative z-10 transition-transform group-hover:scale-110"><div class="absolute -bottom-8 left-1/2 -translate-x-1/2 opacity-0 group-hover:opacity-100 transition-all pointer-events-none z-[60]"><span class="text-sm font-medium text-muted-foreground bg-white dark:bg-slate-800 px-2 py-0.5 rounded border border-border shadow-md whitespace-nowrap">Jenkins</span></div></a></div></div><div class="absolute pointer-events-auto" style="left: 77px; top: 363.865px; opacity: 0; transform: scale(0);"><div style="transform: rotate(48.852deg);"><a href="https://argo-cd.readthedocs.io" target="_blank" rel="noopener noreferrer" aria-label="Argo CD" class="relative w-14 h-14 rounded-full bg-white dark:bg-slate-900 border border-foreground
279/10 dark:border-primary/20 flex items-center justify-center shadow-md hover:shadow-primary/40 hover:scale-125 transition-all duration-300 group"><img src="/logos/gh-argo-icon.svg" alt="" loading="lazy" class="w-7 h-7 object-contain relative z-10 transition-transform group-hover:scale-110"><div class="absolute -bottom-8 left-1/2 -translate-x-1/2 opacity-0 group-hover:opacity-100 transition-all pointer-events-none z-[60]"><span class="text-sm font-medium text-muted-foreground bg-white dark:bg-slate-800 px-2 py-0.5 rounded border border-border shadow-md whitespace-nowrap">Argo CD</span></div></a></div></div><div class="absolute pointer-events-auto" style="left: 0.134665px; top: 287px; opacity: 0; transform: scale(0);"><div style="transform: rotate(48.852deg);"><a href="https://www.gremlin.com" target="_blank" rel="noopener noreferrer" aria-label="Gremlin" class="relative w-14 h-14 rounded-full bg-white dark:bg-slate-900 border border-foreground/10 dark:border-primary/20 flex items-center justify-center shadow-md hover:shadow-primary/40 hover:scale-125 transition-all duration-300 group"><img src="/logos/vlz-gremlin-icon.svg" alt="" loading="lazy" class="w-7 h-7 object-contain relative z-10 transition-transform group-hover:scale-110"><div class="absolute -bottom-8 left-1/2 -translate-x-1/2 opacity-0 group-hover:opacity-100 transition-all pointer-events-none z-[60]"><span class="text-sm font-medium text-muted-foreground bg-white dark:bg-slate-800 px-2 py-0.5 rounded border border-border shadow-md whitespace-nowrap">Gremlin</span></div></a></div></div><div class="absolute pointer-events-auto" style="left: -28px; top: 182px; opacity: 0; transform: scale(0);"><div style="transform: rotate(48.852deg);"><a href="https://newrelic.com" target="_blank" rel="noopener noreferrer" aria-label="New Relic" class="relative w-14 h-14 rounded-full bg-white dark:bg-slate-900 border border-foreground
279/10 dark:border-primary/20 flex items-center justify-center shadow-md hover:shadow-primary/40 hover:scale-125 transition-all duration-300 group"><img src="/logos/si-newrelic-1ce783.svg" alt="" loading="lazy" class="w-7 h-7 object-contain relative z-10 transition-transform group-hover:scale-110"><div class="absolute -bottom-8 left-1/2 -translate-x-1/2 opacity-0 group-hover:opacity-100 transition-all pointer-events-none z-[60]"><span class="text-sm font-medium text-muted-foreground bg-white dark:bg-slate-800 px-2 py-0.5 rounded border border-border shadow-md whitespace-nowrap">New Relic</span></div></a></div></div><div class="absolute pointer-events-auto" style="left: 0.134665px; top: 77px; opacity: 0; transform: scale(0);"><div style="transform: rotate(48.852deg);"><a href="https://opentelemetry.io/" target="_blank" rel="noopener noreferrer" aria-label="OpenTelemetry" class="relative w-14 h-14 rounded-full bg-white dark:bg-slate-900 border border-foreground/10 dark:border-primary/20 flex items-center justify-center shadow-md hover:shadow-primary/40 hover:scale-125 transition-all duration-300 group"><img src="/logos/dv-opentelemetry-original.svg" alt="" loading="lazy" class="w-7 h-7 object-contain relative z-10 transition-transform group-hover:scale-110"><div class="absolute -bottom-8 left-1/2 -translate-x-1/2 opacity-0 group-hover:opacity-100 transition-all pointer-events-none z-[60]"><span class="text-sm font-medium text-muted-foreground bg-white dark:bg-slate-800 px-2 py-0.5 rounded border border-border shadow-md whitespace-nowrap">OpenTelemetry</span></div></a></div></div><div class="absolute pointer-events-auto" style="left: 77px; top: 0.134665px; opacity: 0; transform: scale(0);"><div style="transform: rotate(48.852deg);"><a href="https://about.gitlab.com" target="_blank" rel="noopener noreferrer" aria-label="GitLab" class="relative w-14 h-14 rounded-full bg-white dark:bg-slate-900 border border-foreground
279/10 dark:border-primary/20 flex items-center justify-center shadow-md hover:shadow-primary/40 hover:scale-125 transition-all duration-300 group"><img src="/logos/dv-gitlab-original.svg" alt="" loading="lazy" class="w-7 h-7 object-contain relative z-10 transition-transform group-hover:scale-110"><div class="absolute -bottom-8 left-1/2 -translate-x-1/2 opacity-0 group-hover:opacity-100 transition-all pointer-events-none z-[60]"><span class="text-sm font-medium text-muted-foreground bg-white dark:bg-slate-800 px-2 py-0.5 rounded border border-border shadow-md whitespace-nowrap">GitLab</span></div></a></div></div><div class="absolute pointer-events-auto" style="left: 182px; top: -28px; opacity: 0; transform: scale(0);"><div style="transform: rotate(48.852deg);"><a href="https://slack.com" target="_blank" rel="noopener noreferrer" aria-label="Slack" class="relative w-14 h-14 rounded-full bg-white dark:bg-slate-900 border border-foreground/10 dark:border-primary/20 flex items-center justify-center shadow-md hover:shadow-primary/40 hover:scale-125 transition-all duration-300 group"><img src="/logos/dv-slack-original.svg" alt="" loading="lazy" class="w-7 h-7 object-contain relative z-10 transition-transform group-hover:scale-110"><div class="absolute -bottom-8 left-1/2 -translate-x-1/2 opacity-0 group-hover:opacity-100 transition-all pointer-events-none z-[60]"><span class="text-sm font-medium text-muted-foreground bg-white dark:bg-slate-800 px-2 py-0.5 rounded border border-border shadow-md whitespace-nowrap">Slack</span></div></a></div></div><div class="absolute pointer-events-auto" style="left: 287px; top: 0.134665px; opacity: 0; transform: scale(0);"><div style="transform: rotate(48.852deg);"><a href="https://www.atlassian.com" target="_blank" rel="noopener noreferrer" aria-label="Atlassian" class="relative w-14 h-14 rounded-full bg-white dark:bg-slate-900 border border-foreground
279/10 dark:border-primary/20 flex items-center justify-center shadow-md hover:shadow-primary/40 hover:scale-125 transition-all duration-300 group"><img src="/logos/si-atlassian-0052cc.svg" alt="" loading="lazy" class="w-7 h-7 object-contain relative z-10 transition-transform group-hover:scale-110"><div class="absolute -bottom-8 left-1/2 -translate-x-1/2 opacity-0 group-hover:opacity-100 transition-all pointer-events-none z-[60]"><span class="text-sm font-medium text-muted-foreground bg-white dark:bg-slate-800 px-2 py-0.5 rounded border border-border shadow-md whitespace-nowrap">Atlassian</span></div></a></div></div><div class="absolute pointer-events-auto" style="left: 363.865px; top: 77px; opacity: 0; transform: scale(0);"><div style="transform: rotate(48.852deg);"><a href="https://www.atlassian.com/software/opsgenie/migration" target="_blank" rel="noopener noreferrer" aria-label="Opsgenie" class="relative w-14 h-14 rounded-full bg-white dark:bg-slate-900 border border-foreground/10 dark:border-primary/20 flex items-center justify-center shadow-md hover:shadow-primary/40 hover:scale-125 transition-all duration-300 group"><img src="/logos/si-opsgenie-2088ff.svg" alt="" loading="lazy" class="w-7 h-7 object-contain relative z-10 transition-transform group-hover:scale-110"><div class="absolute -bottom-8 left-1/2 -translate-x-1/2 opacity-0 group-hover:opacity-100 transition-all pointer-events-none z-[60]"><span class="text-sm font-medium text-muted-foreground bg-white dark:bg-slate-800 px-2 py-0.5 rounded border border-border shadow-md whitespace-nowrap">Opsgenie</span></div></a></div></div></div></div><div class="absolute top-1/2 left-1/2 pointer-events-none" style="width: 580px; height: 580px; transform: translate(-50%, -50%); z-index: 27;"><div class="absolute inset-0 rounded-full border border-primary/10 dark:border-primary/5 transition-colors duration-1000"></div><div class="absolute inset-0 rounded-full border border-primary/5 blur-[2px] opacity-50"></div><div class="relative w-full h-full" style="transform: rotate(32.568deg);"><div class="absolute pointer-events-auto" style="left: 552px; top: 262px; opacity: 0; transform: scale(0);"><div style="transform: rotate(-32.568deg);"><a href="https://www.vaultproject.io" target="_blank" rel="noopener noreferrer" aria-label="Vault" class="relative w-14 h-14 rounded-full bg-white dark:bg-slate-900 border border-foreground
279/10 dark:border-primary/20 flex items-center justify-center shadow-md hover:shadow-primary/40 hover:scale-125 transition-all duration-300 group"><img src="/logos/gh-vault-icon.svg" alt="" loading="lazy" class="w-7 h-7 object-contain relative z-10 transition-transform group-hover:scale-110"><div class="absolute -bottom-8 left-1/2 -translate-x-1/2 opacity-0 group-hover:opacity-100 transition-all pointer-events-none z-[60]"><span class="text-sm font-medium text-muted-foreground bg-white dark:bg-slate-800 px-2 py-0.5 rounded border border-border shadow-md whitespace-nowrap">Vault</span></div></a></div></div><div class="absolute pointer-events-auto" style="left: 496.615px; top: 432.458px; opacity: 0; transform: scale(0);"><div style="transform: rotate(-32.568deg);"><a href="https://www.ansible.com" target="_blank" rel="noopener noreferrer" aria-label="Ansible" class="relative w-14 h-14 rounded-full bg-white dark:bg-slate-900 border border-foreground/10 dark:border-primary/20 flex items-center justify-center shadow-md hover:shadow-primary/40 hover:scale-125 transition-all duration-300 group"><img src="/logos/dv-ansible-original.svg" alt="" loading="lazy" class="w-7 h-7 object-contain relative z-10 transition-transform group-hover:scale-110"><div class="absolute -bottom-8 left-1/2 -translate-x-1/2 opacity-0 group-hover:opacity-100 transition-all pointer-events-none z-[60]"><span class="text-sm font-medium text-muted-foreground bg-white dark:bg-slate-800 px-2 py-0.5 rounded border border-border shadow-md whitespace-nowrap">Ansible</span></div></a></div></div><div class="absolute pointer-events-auto" style="left: 351.615px; top: 537.806px; opacity: 0; transform: scale(0);"><div style="transform: rotate(-32.568deg);"><a href="https://rancher.com" target="_blank" rel="noopener noreferrer" aria-label="Rancher" class="relative w-14 h-14 rounded-full bg-white dark:bg-slate-900 border border-foreground
279/10 dark:border-primary/20 flex items-center justify-center shadow-md hover:shadow-primary/40 hover:scale-125 transition-all duration-300 group"><img src="/logos/dv-rancher-original.svg" alt="" loading="lazy" class="w-7 h-7 object-contain relative z-10 transition-transform group-hover:scale-110"><div class="absolute -bottom-8 left-1/2 -translate-x-1/2 opacity-0 group-hover:opacity-100 transition-all pointer-events-none z-[60]"><span class="text-sm font-medium text-muted-foreground bg-white dark:bg-slate-800 px-2 py-0.5 rounded border border-border shadow-md whitespace-nowrap">Rancher</span></div></a></div></div><div class="absolute pointer-events-auto" style="left: 172.385px; top: 537.806px; opacity: 0; transform: scale(0);"><div style="transform: rotate(-32.568deg);"><a href="https://jmeter.apache.org/" target="_blank" rel="noopener noreferrer" aria-label="JMeter" class="relative w-14 h-14 rounded-full bg-white dark:bg-slate-900 border border-foreground/10 dark:border-primary/20 flex items-center justify-center shadow-md hover:shadow-primary/40 hover:scale-125 transition-all duration-300 group"><img src="/logos/si-apachejmeter-d54b01.svg" alt="" loading="lazy" class="w-7 h-7 object-contain relative z-10 transition-transform group-hover:scale-110"><div class="absolute -bottom-8 left-1/2 -translate-x-1/2 opacity-0 group-hover:opacity-100 transition-all pointer-events-none z-[60]"><span class="text-sm font-medium text-muted-foreground bg-white dark:bg-slate-800 px-2 py-0.5 rounded border border-border shadow-md whitespace-nowrap">JMeter</span></div></a></div></div><div class="absolute pointer-events-auto" style="left: 27.3851px; top: 432.458px; opacity: 0; transform: scale(0);"><div style="transform: rotate(-32.568deg);"><a href="https://litmuschaos.io" target="_blank" rel="noopener noreferrer" aria-label="Litmus" class="relative w-14 h-14 rounded-full bg-white dark:bg-slate-900 border border-foreground
279/10 dark:border-primary/20 flex items-center justify-center shadow-md hover:shadow-primary/40 hover:scale-125 transition-all duration-300 group"><img src="/logos/gh-litmus-icon-color.svg" alt="" loading="lazy" class="w-7 h-7 object-contain relative z-10 transition-transform group-hover:scale-110"><div class="absolute -bottom-8 left-1/2 -translate-x-1/2 opacity-0 group-hover:opacity-100 transition-all pointer-events-none z-[60]"><span class="text-sm font-medium text-muted-foreground bg-white dark:bg-slate-800 px-2 py-0.5 rounded border border-border shadow-md whitespace-nowrap">Litmus</span></div></a></div></div><div class="absolute pointer-events-auto" style="left: -28px; top: 262px; opacity: 0; transform: scale(0);"><div style="transform: rotate(-32.568deg);"><a href="https://www.consul.io" target="_blank" rel="noopener noreferrer" aria-label="Consul" class="relative w-14 h-14 rounded-full bg-white dark:bg-slate-900 border border-foreground/10 dark:border-primary/20 flex items-center justify-center shadow-md hover:shadow-primary/40 hover:scale-125 transition-all duration-300 group"><img src="/logos/dv-consul-original.svg" alt="" loading="lazy" class="w-7 h-7 object-contain relative z-10 transition-transform group-hover:scale-110"><div class="absolute -bottom-8 left-1/2 -translate-x-1/2 opacity-0 group-hover:opacity-100 transition-all pointer-events-none z-[60]"><span class="text-sm font-medium text-muted-foreground bg-white dark:bg-slate-800 px-2 py-0.5 rounded border border-border shadow-md whitespace-nowrap">Consul</span></div></a></div></div><div class="absolute pointer-events-auto" style="left: 27.3851px; top: 91.5423px; opacity: 0; transform: scale(0);"><div style="transform: rotate(-32.568deg);"><a href="https://jfrog.com/artifactory" target="_blank" rel="noopener noreferrer" aria-label="JFrog Artifactory" class="relative w-14 h-14 rounded-full bg-white dark:bg-slate-900 border border-foreground
279/10 dark:border-primary/20 flex items-center justify-center shadow-md hover:shadow-primary/40 hover:scale-125 transition-all duration-300 group"><img src="/logos/si-jfrog-40aae0.svg" alt="" loading="lazy" class="w-7 h-7 object-contain relative z-10 transition-transform group-hover:scale-110"><div class="absolute -bottom-8 left-1/2 -translate-x-1/2 opacity-0 group-hover:opacity-100 transition-all pointer-events-none z-[60]"><span class="text-sm font-medium text-muted-foreground bg-white dark:bg-slate-800 px-2 py-0.5 rounded border border-border shadow-md whitespace-nowrap">JFrog Artifactory</span></div></a></div></div><div class="absolute pointer-events-auto" style="left: 172.385px; top: -13.8064px; opacity: 0; transform: scale(0);"><div style="transform: rotate(-32.568deg);"><a href="https://goharbor.io" target="_blank" rel="noopener noreferrer" aria-label="Harbor" class="relative w-14 h-14 rounded-full bg-white dark:bg-slate-900 border border-foreground/10 dark:border-primary/20 flex items-center justify-center shadow-md hover:shadow-primary/40 hover:scale-125 transition-all duration-300 group"><img src="/logos/si-harbor-60b334.svg" alt="" loading="lazy" class="w-7 h-7 object-contain relative z-10 transition-transform group-hover:scale-110"><div class="absolute -bottom-8 left-1/2 -translate-x-1/2 opacity-0 group-hover:opacity-100 transition-all pointer-events-none z-[60]"><span class="text-sm font-medium text-muted-foreground bg-white dark:bg-slate-800 px-2 py-0.5 rounded border border-border shadow-md whitespace-nowrap">Harbor</span></div></a></div></div><div class="absolute pointer-events-auto" style="left: 351.615px; top: -13.8064px; opacity: 0; transform: scale(0);"><div style="transform: rotate(-32.568deg);"><a href="https://www.sonarsource.com/products/sonarqube" target="_blank" rel="noopener noreferrer" aria-label="SonarQube" class="relative w-14 h-14 rounded-full bg-white dark:bg-slate-900 border border-foreground
279/10 dark:border-primary/20 flex items-center justify-center shadow-md hover:shadow-primary/40 hover:scale-125 transition-all duration-300 group"><img src="/logos/dv-sonarqube-original.svg" alt="" loading="lazy" class="w-7 h-7 object-contain relative z-10 transition-transform group-hover:scale-110"><div class="absolute -bottom-8 left-1/2 -translate-x-1/2 opacity-0 group-hover:opacity-100 transition-all pointer-events-none z-[60]"><span class="text-sm font-medium text-muted-foreground bg-white dark:bg-slate-800 px-2 py-0.5 rounded border border-border shadow-md whitespace-nowrap">SonarQube</span></div></a></div></div><div class="absolute pointer-events-auto" style="left: 496.615px; top: 91.5423px; opacity: 0; transform: scale(0);"><div style="transform: rotate(-32.568deg);"><a href="https://falco.org" target="_blank" rel="noopener noreferrer" aria-label="Falco" class="relative w-14 h-14 rounded-full bg-white dark:bg-slate-900 border border-foreground/10 dark:border-primary/20 flex items-center justify-center shadow-md hover:shadow-primary/40 hover:scale-125 transition-all duration-300 group"><img src="/logos/si-falco-00d7fe.svg" alt="" loading="lazy" class="w-7 h-7 object-contain relative z-10 transition-transform group-hover:scale-110"><div class="absolute -bottom-8 left-1/2 -translate-x-1/2 opacity-0 group-hover:opacity-100 transition-all pointer-events-none z-[60]"><span class="text-sm font-medium text-muted-foreground bg-white dark:bg-slate-800 px-2 py-0.5 rounded border border-border shadow-md whitespace-nowrap">Falco</span></div></a></div></div></div></div></div></div></div></section><section class="py-24 lg:py-32 relative overflow-hidden"><div class="absolute inset-0 grid-pattern opacity-[0.05] pointer-events-none"></div><div class="container mx-auto px-6 lg:px-12 relative z-10"><div class="grid lg:grid-cols-12 gap-10 mb-14"><div class="lg:col-span-7"><span class="font-display text-xs md:text-sm font-bold uppercase tracking-[0.25em] text-primary" style="opacity: 0;">Reliability Approach Snapshot</span><h2 class="font-display text-3xl md:text-4xl lg:text-5xl font-bold leading-tight text-foreground mt-4" style="opacity: 0; transform: translateY(20px);">An Engineering-Led, <br><span class="text-primary">Automation-First Approach</span></h2></div><div class="lg:col-span-5 flex items-end"><div class="w-full" style="opacity: 0; transform: translateX(20px);"><div class="flex flex-col lg:items-end lg:text-right"><div class="hidden lg:flex items-center h-[17px] mb-6"><div class="h-[1px] w-24 bg-primary/20"></div></div><p class="font-body text-base md:text-lg lg:text-xl leading-relaxed text-muted-foreground">GuhaTek embeds reliability across architecture, development, and operations, integrating SRE, consulting, and AI ops.</p></div></div></div></div><div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6 xl:gap-8"><div class="group relative flex flex-col bg-white/50 dark:bg-white/5 backdrop-blur-lg rounded-[24px] overflow-hidden border border-zinc-200 dark:border-white/5 hover:border-primary/30 transition-colors duration-500 shadow-sm hover:shadow-2xl hover:shadow-primary/5 self-start w-full" style="opacity: 0; transform: translateY(30px);"><div class="relative h-[180px] overflow-hidden shrink-0"><picture><source srcset="/design-for-reliability.avif" type="image/avif"><source srcset="/design-for-reliability.webp" type="image/webp"><img src="/design-for-reliability.png" alt="Design for Reliability" loading="lazy" decoding="async" class="w-full h-full object-cover transition-transform duration-1000 group-hover:scale-110"></picture><div class="absolute inset-0 bg-gradient-to-t from-zinc-950/70 via-transparent to-transparent"></div></div><div class="relative shrink-0 z-10"><div class="absolute -top-10 left-6 w-14 h-14 rounded-2xl flex items-center justify-center transition-all duration-500 shadow-lg group-hover:scale-110 bg-gradient-to-br from-blue-600 to-cyan-500" style="box-shadow: rgba(37, 99, 235, 0.314) 0px 8px 20px -6px;"><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-rocket w-7 h-7 text-white"><path d="M4.5 16.5c-1.5 1.26-2 5-2 5s3.74-.5 5-2c.71-.84.7-2.13-.09-2.91a2.18 2.18 0 0 0-2.91-.09z"></path><path d="m12 15-3-3a22 22 0 0 1 2-3.95A12.88 12.88 0 0 1 22 2c0 2.72-.78 7.5-6 11a22.35 22.35 0 0 1-4 2z"></path><path d="M9 12H4s.55-3.03 2-4c1.62-1.08 5 0 5 0"></path><path d="M12 15v5s3.03-.55 4-2c1.08-1.62 0-5 0-5"></path></svg></div></div><div class="p-8 pt-12 flex flex-col flex-grow"><h3 class="font-display text-xl lg:text-2xl font-bold leading-snug text-foreground group-hover:text-primary transition-colors duration-500 mb-4 min-h-[64px]">Design for Reliability</h3><div class="flex-grow"><p class="font-body text-base md:text-lg lg:text-xl leading-relaxed text-muted-foreground transition-all duration-300 line-clamp-3">Architect resilient distributed systems with built in redundancy, capacity planning, failure isolation, and high availability architecture patterns.</p></div><button class="mt-4 flex items-center gap-1.5 text-sm font-medium text-primary">Read 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-chevron-right w-4 h-4 transition-transform group-hover/btn:translate-x-1"><path d="m9 18 6-6-6-6"></path></svg></button></div></div><div class="group relative flex flex-col bg-white/50 dark:bg-white/5 backdrop-blur-lg rounded-[24px] overflow-hidden border border-zinc-200 dark:border-white/5 hover:border-primary/30 transition-colors duration-500 shadow-sm hover:shadow-2xl hover:shadow-
279primary/5 self-start w-full" style="opacity: 0; transform: translateY(30px);"><div class="relative h-[180px] overflow-hidden shrink-0"><picture><source srcset="/build-scalable-platforms.avif" type="image/avif"><source srcset="/build-scalable-platforms.webp" type="image/webp"><img src="/build-scalable-platforms.png" alt="Build Scalable Platforms" loading="lazy" decoding="async" class="w-full h-full object-cover transition-transform duration-1000 group-hover:scale-110"></picture><div class="absolute inset-0 bg-gradient-to-t from-zinc-950/70 via-transparent to-transparent"></div></div><div class="relative shrink-0 z-10"><div class="absolute -top-10 left-6 w-14 h-14 rounded-2xl flex items-center justify-center transition-all duration-500 shadow-lg group-hover:scale-110 bg-gradient-to-br from-orange-500 to-amber-500" style="box-shadow: rgba(249, 115, 22, 0.314) 0px 8px 20px -6px;"><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 w-7 h-7 text-white"><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></div><div class="p-8 pt-12 flex flex-col flex-grow"><h3 class="font-display text-xl lg:text-2xl font-bold leading-snug text-foreground group-hover:text-primary transition-colors duration-500 mb-4 min-h-[64px]">Build Scalable Platforms</h3><div class="flex-grow"><p class="font-body text-base md:text-lg lg:text-xl leading-relaxed text-muted-foreground transition-all duration-300 line-clamp-3">Develop cloud native platforms and microservices architectures that enable engineering teams to deliver reliable products quickly and consistently.</p></div><button class="mt-4 flex items-center gap-1.5 text-sm font-medium text-primary">Read 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-chevron-right w-4 h-4 transition-transform group-hover/btn:translate-x-1"><path d="m9 18 6-6-6-6"></path></svg></button></div></div><div class="group relative flex flex-col bg-white/50 dark:bg-white/5 backdrop-blur-lg rounded-[24px] overflow-hidden border border-zinc-200 dark:border-white/5 hover:border-primary/30 transition-colors duration-500 shadow-sm hover:shadow-2xl hover:shadow-primary/5 self-start w-full" style="opacity: 0; transform: translateY(30px);"><div class="relative h-[180px] overflow-hidden shrink-0"><picture><source srcset="/instrument-for-observability.avif" type="image/avif"><source srcset="/instrument-for-observability.webp" type="image/webp"><img src="/instrument-for-observability.png" alt="Instrument for Observability" loading="lazy" decoding="async" class="w-full h-full object-cover transition-transform duration-1000 group-hover:scale-110"></picture><div class="absolute inset-0 bg-gradient-to-t from-zinc-950/70 via-transparent to-transparent"></div></div><div class="relative shrink-0 z-10"><div class="absolute -top-10 left-6 w-14 h-14 rounded-2xl flex items-center justify-center transition-all duration-500 shadow-lg group-hover:scale-110 bg-gradient-to-br from-purple-600 to-indigo-500" style="box-shadow: rgba(147, 51, 234, 0.314) 0px 8px 20px -6px;"><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-server w-7 h-7 text-white"><rect width="20" height="8" x="2" y="2" rx="2" ry="2"></rect><rect width="20" height="8" x="2" y="14" rx="2" ry="2"></rect><line x1="6" x2="6.01" y1="6" y2="6"></line><line x1="6" x2="6.01" y1="18" y2="18"></line></svg></div></div><div class="p-8 pt-12 flex flex-col flex-grow"><h3 class="font-display text-xl lg:text-2xl font-bold leading-snug text-foreground group-hover:text-primary transition-colors duration-500 mb-4 min-h-[64px]">Instrument for Observability</h3><div class="flex-grow"><p class="font-body text-base md:text-lg lg:text-xl leading-relaxed text-muted-foreground transition-all duration-300 line-clamp-3">Implement deep telemetry and monitoring across applications, infrastru
279cture, and AI workloads to provide actionable operational insights.</p></div><button class="mt-4 flex items-center gap-1.5 text-sm font-medium text-primary">Read 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-chevron-right w-4 h-4 transition-transform group-hover/btn:translate-x-1"><path d="m9 18 6-6-6-6"></path></svg></button></div></div><div class="group relative flex flex-col bg-white/50 dark:bg-white/5 backdrop-blur-lg rounded-[24px] overflow-hidden border border-zinc-200 dark:border-white/5 hover:border-primary/30 transition-colors duration-500 shadow-sm hover:shadow-2xl hover:shadow-primary/5 self-start w-full" style="opacity: 0; transform: translateY(30px);"><div class="relative h-[180px] overflow-hidden shrink-0"><picture><source srcset="/automate-for-scale.avif" type="image/avif"><source srcset="/automate-for-scale.webp" type="image/webp"><img src="/automate-for-scale.png" alt="Automate for Intelligence" loading="lazy" decoding="async" class="w-full h-full object-cover transition-transform duration-1000 group-hover:scale-110"></picture><div class="absolute inset-0 bg-gradient-to-t from-zinc-950/70 via-transparent to-transparent"></div></div><div class="relative shrink-0 z-10"><div class="absolute -top-10 left-6 w-14 h-14 rounded-2xl flex items-center justify-center transition-all duration-500 shadow-lg group-hover:scale-110 bg-gradient-to-br from-emerald-500 to-teal-500" style="box-shadow: rgba(16, 185, 129, 0.314) 0px 8px 20px -6px;"><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-shield w-7 h-7 text-white"><path d="M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z"></path></svg></div></div><div class="p-8 pt-12 flex flex-col flex-grow"><h3 class="font-display text-xl lg:text-2xl font-bold leading-snug text-foreground group-hover:text-primary transition-colors duration-500 mb-4 min-h-[64px]">Automate for Intelligence</h3><div class="flex-grow"><p class="font-body text-base md:text-lg lg:text-xl leading-relaxed text-muted-foreground transition-all duration-300 line-clamp-3">Deploy AIOps platforms, infrastructure automation, and intelligent runbooks to enable self healing systems and autonomous workflows.</p></div><button class="mt-4 flex items-center gap-1.5 text-sm font-medium text-primary">Read 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-chevron-right w-4 h-4 transition-transform group-hover/btn:translate-x-1"><path d="m9 18 6-6-6-6"></path></svg></button></div></div></div></div></section><section id="testimonials" aria-label="Client testimonials" class="py-8 md:py-20 lg:py-24 relative overflow-hidden"><div class="absolute top-0 left-0 w-full h-px bg-gradient-to-r from-transparent via-border to-transparent"></div><div class="container mx-auto px-6 lg:px-12 relative z-10 flex flex-col items-center"><div class="w-full max-w-4xl mb-12 lg:mb-16 text-center mx-auto"><span class="font-display text-xs md:text-sm font-bold uppercase tracking-[0.25em] text-primary" style="opacity: 0; letter-spacing: 0.5em;">Trusted Voices</span><h2 class="font-display text-3xl md:text-4xl lg:text-5xl font-bold leading-tight text-foreground" style="opacity: 0; transform: translateY(20px);">Our Client's <br><span class="text-primary">Accolades</span></h2></div><div class="w-full max-w-4xl"><div class="group relative rounded-2xl overflow-hidden border border-foreground
279/10 dark:border-white/10 hover:border-primary/40 dark:hover:border-white/20 transition-all duration-500 hover:shadow-2xl h-[320px] transition-[height] duration-500" style="perspective: 1000px;"><div class="pointer-events-none absolute inset-0 -z-10 bg-white/80 dark:bg-white/5 backdrop-blur-lg group-hover:bg-white dark:group-hover:bg-white/10 transition-colors duration-500"></div><div class="absolute top-0 left-8 right-8 h-px bg-gradient-to-r from-transparent via-primary/50 to-transparent z-30"></div><div class="pointer-events-none absolute -inset-px rounded-2xl opacity-0 group-hover:opacity-100 transition-opacity duration-500 z-10" style="background: radial-gradient(600px at 0px 0px, rgba(255, 255, 255, 0.1), transparent 80%);"></div><div class="absolute inset-0 flex flex-col md:flex-row items-center md:items-stretch gap-8 p-8 md:px-14 md:py-10 z-20" style="opacity: 0; transform: translateX(74.359px);"><div class="flex-1 min-w-0 flex flex-col justify-center"><div><svg width="34" height="26" viewBox="0 0 36 28" fill="none" class="mb-4 opacity-25" aria-hidden="true"><path d="M0 28V17.6C0 7.86667 5.86667 2.13333 17.6 0L19.2 3.2C13.8667 4.53333 11.2 7.86667 11.2 13.2H16V28H0ZM20 28V17.6C20 7.86667 25.8667 2.13333 37.6 0L39.2 3.2C33.8667 4.53333 31.2 7.86667 31.2 13.2H36V28H20Z" fill="hsl(var(--primary))"></path></svg><p class="font-body text-base md:text-lg lg:text-xl leading-relaxed text-foreground transition-all duration-300 line-clamp-3 mb-5">"Guhatek is a one stop shop for all your SRE needs. I am impressed by the caliber of these practitioners who specialise in all aspects of Reliability Engineering. We at TaUB Solutions have leveraged their expertise for SRE in client engagements and found it to be of great value. I would strongly recommend anyone looking to implement SRE/Reliability Engineering to hire the Guhatek team."</p><button class="flex items-center gap-1.5 text-sm font-medium text-primary hover:text-primary/70 transition-all mb-6 group/btn">Read 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-chevron-right w-4 h-4 transition-transform group-hover/btn:translate-x-1"><path d="m9 18 6-6-6-6"></path></svg></button><div class="flex gap-1 mb-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 w-4 h-4 fill-amber-400 text-amber-400"><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 w-4 h-4 fill-amber-400 text-amber-400"><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 w-4 h-4 fill-amber-400 text-amber-400"><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 w-4 h-4 fill-amber-400 text-amber-400"><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 w-4 h-4 fill-amber-400 text-amber-400"><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 class="flex items-center gap-3"><div class="w-10 h-10 rounded-full flex items-center justify-center text-white font-bold text-sm shrink-0" style="background: rgb(26, 110, 244);">SGP</div><div><p class="font-display text-xl lg:text-2xl font-bold leading-snug text-foreground">Suresh GP</p><p class="font-body text-sm font-medium text-muted-foreground">Managing Director, TaUB Solutions</p></div></div></div><div class="w-full md:w-[200px] shrink-0 flex items-center justify-center">
279<a href="https://taubsolutions.com/" target="_blank" rel="noopener noreferrer" class="transition-all duration-300 hover:scale-[1.05]"><div class="flex items-center justify-center rounded-xl p-4 "><img src="/assets/taub_logo-ajhiuuyO.png" alt="Suresh GP's company logo" width="351" height="135" loading="lazy" decoding="async" class="object-contain h-[70px] md:h-[110px] w-auto max-w-[200px]"></div></a></div></div></div><div class="flex items-center justify-center gap-4 mt-10"><button aria-label="Previous testimonial" class="w-10 h-10 rounded-full border border-border bg-card flex items-center justify-center hover:border-primary hover:text-primary transition-colors duration-200 shadow-sm"><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-chevron-left w-5 h-5"><path d="m15 18-6-6 6-6"></path></svg></button><div class="flex items-center"><button aria-label="Go to testimonial 1" class="flex items-center justify-center bg-transparent" style="width: 24px; height: 24px;"><span class="rounded-full transition-all duration-300 block" style="width: 8px; height: 8px; background: rgb(169, 182, 198);"></span></button><button aria-label="Go to testimonial 2" class="flex items-center justify-center bg-transparent" style="width: 40px; height: 24px;"><span class="rounded-full transition-all duration-300 block" style="width: 32px; height: 8px; background: rgb(26, 110, 244);"></span></button><button aria-label="Go to testimonial 3" class="flex items-center justify-center bg-transparent" style="width: 24px; height: 24px;"><span class="rounded-full transition-all duration-300 block" style="width: 8px; height: 8px; background: rgb(169, 182, 198);"></span></button><button aria-label="Go to testimonial 4" class="flex items-center justify-center bg-transparent" style="width: 24px; height: 24px;"><span class="rounded-full transition-all duration-300 block" style="width: 8px; height: 8px; background: rgb(169, 182, 198);"></span></button></div><button aria-label="Next testimonial" class="w-10 h-10 rounded-full border border-border bg-card flex items-center justify-center hover:border-primary hover:text-primary transition-colors duration-200 shadow-sm"><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-chevron-right w-5 h-5"><path d="m9 18 6-6-6-6"></path></svg></button></div></div></div><div class="absolute bottom-0 left-0 w-full h-px bg-gradient-to-r from-transparent via-border to-transparent"></div></section><section id="stage-closing" class="py-20 md:py-24 lg:py-28 relative overflow-hidden" aria-label="Call to action"><div class="absolute inset-0 grid-pattern opacity-[0.05] pointer-events-none"></div><div class="absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-[650px] h-[650px] bg-primary/10 rounded-full blur-[140px] pointer-events-none"></div><div class="container mx-auto px-6 lg:px-12 relative z-10"><div class="max-w-5xl mx-auto text-center"><h2 class="font-display text-3xl md:text-4xl lg:text-5xl font-bold leading-tight text-foreground mb-8" style="opacity: 0; transform: translateY(20px);">Letâs Engineer Reliability <br><span class="text-primary">Into Your Systems</span></h2><p class="font-body text-base md:text-lg lg:text-xl leading-relaxed text-muted-foreground max-w-3xl mx-auto" style="opacity: 0; transform: translateY(20px);">Whether you are modernizing cloud infrastructure, building scalable SaaS platforms, operationalizing machine learning systems, or deploying AI applications, GuhaTek helps organizations design and operate reliable digital systems.</p><div class="mt-12 grid sm:grid-cols-2 gap-x-10 gap-y-4 text-left max-w-3xl mx-auto" style="opacity: 0;"><div class="flex items-start gap-3"><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-circle-check w-5 h-5 text-primary mt-1 shrink-0"><circle cx="12" cy="12" r="10"></circle><path d="m9 12 2 2 4-4"></path></svg><span class="font-body text-sm font-medium text-muted-foreground">Site Reliability Engineering implementation</span></div><div class="flex items-start gap-3"><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-circle-check w-5 h-5 text-primary mt-1 shrink-0"><circle cx="12" cy="12" r="10"></circle><path d="m9 12 2 2 4-4"></path></svg><span class="font-body text-sm font-medium text-muted-foreground">
279Cloud infrastructure architecture</span></div><div class="flex items-start gap-3"><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-circle-check w-5 h-5 text-primary mt-1 shrink-0"><circle cx="12" cy="12" r="10"></circle><path d="m9 12 2 2 4-4"></path></svg><span class="font-body text-sm font-medium text-muted-foreground">Platform development & DevOps modernization</span></div><div class="flex items-start gap-3"><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-circle-check w-5 h-5 text-primary mt-1 shrink-0"><circle cx="12" cy="12" r="10"></circle><path d="m9 12 2 2 4-4"></path></svg><span class="font-body text-sm font-medium text-muted-foreground">Observability platform design</span></div><div class="flex items-start gap-3"><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-circle-check w-5 h-5 text-primary mt-1 shrink-0"><circle cx="12" cy="12" r="10"></circle><path d="m9 12 2 2 4-4"></path></svg><span class="font-body text-sm font-medium text-muted-foreground">AIOps automation programs</span></div><div class="flex items-start gap-3"><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-circle-check w-5 h-5 text-primary mt-1 shrink-0"><circle cx="12" cy="12" r="10"></circle><path d="m9 12 2 2 4-4"></path></svg><span class="font-body text-sm font-medium text-muted-foreground">MLOps infrastructure engineering</span></div><div class="flex items-start gap-3"><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-circle-check w-5 h-5 text-primary mt-1 shrink-0"><circle cx="12" cy="12" r="10"></circle><path d="m9 12 2 2 4-4"></path></svg><span class="font-body text-sm font-medium text-muted-foreground">LLMOps & AI platform reliability</span></div><div class="flex items-start gap-3"><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-circle-check w-5 h-5 text-primary mt-1 shrink-0"><circle cx="12" cy="12" r="10"></circle><path d="m9 12 2 2 4-4"></path></svg><span class="font-body text-sm font-medium text-muted-foreground">Reliability maturity assessments & SLO consulting</span></div></div><div class="flex flex-col sm:flex-row justify-center items-center gap-4 mt-12"><button class="btn btn-primary btn-md w-full sm:w-auto" tabindex="0">Schedule a Consultation<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 w-5 h-5"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></button><a class="btn btn-secondary btn-md w-full sm:w-auto inline-flex items-center justify-center gap-2" href="/maturityassessment">Start a Free SRE Assessment<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-sparkles w-4 h-4 opacity-80"><path d="M9.937 15.5A2 2 0 0 0 8.5 14.063l-6.135-1.582a.5.5 0 0 1 0-.962L8.5 9.936A2 2 0 0 0 9.937 8.5l1.582-6.135a.5.5 0 0 1 .963 0L14.063 8.5A2 2 0 0 0 15.5 9.937l6.135 1.581a.5.5 0 0 1 0 .964L15.5 14.063a2 2 0 0 0-1.437 1.437l-1.582 6.135a.5.5 0 0 1-.963 0z"></path><path d="M20 3v4"></path><path d="M22 5h-4"></path><path d="M4 17v2"></path><path d="M5 18H3"></path></svg></a></div></div></div></section></div></main><footer class="relative border-t overflow-hidden"><div class="absolute inset-0 bg-white/80 dark:bg-white/5 backdrop-blur-2xl -z-10 transition-colors duration-500"></div><div class="absolute top-0 left-0 w-full h-px bg-gradient-to-r from-transparent via-primary/30 to-transparent z-10"></div><div class="absolute top-0 left-1/2 -translate-x-1/2 w-full max-w-4xl h-px bg-gradient-to-r from-transparent via-primary/20 to-transparent blur-[1px]"></div><div class="container py-12"><div class="grid md:grid-cols-4 gap-8 mb-12"><div class="md:col-span-2"><div class="flex items-center gap-3 mb-4"><picture class="dark:hidden"><img src="/logo1.png" alt="GuhaTek Logo" width="378" height="140" loading="lazy" class="h-8 sm:h-12 w-auto"></picture><picture class="hidden dark:block"><img src="/logo2-v2.png" alt="GuhaTek Logo" width="302" height="112" loading="lazy" class="h-10 sm:h-12 w-auto"></picture><a title="GuhaTek is ISO/IEC 27001:2022 certified â view details" class="group ml-2 sm:ml-4 flex flex-col items-center gap-1" href="/trust"><img src="/certifications/tuv-sud-iso-27001.gif" alt="TÃV SÃD â ISO/IEC 27001 Certified Information Security Management System" class="h-12 sm:h-14 w-auto rounded" loading="lazy" width="200" height="100"><span class="text-[11px] font-medium text-gray-600 dark:text-white/60 group-hover:text-primary transition-colors whitespace-nowrap">ISO/IEC 27001:2022 Certified</span></a></div><p class="text-base text-gray-700 dark:text-white/70 max-w-md leading-relaxed mb-6">Site Reliability Engineering as a Service and Software. Delivering end-to-e
279nd reliability, scalability, and cloud-native engineering for mission critical platforms worldwide. </p><button class="btn btn-primary btn-md">Contact Us</button><div class="flex gap-3 mt-6"><a href="https://www.linkedin.com/company/guhatek/" target="_blank" rel="noopener noreferrer" aria-label="GuhaTek on LinkedIn" class=" 280 w-10 h-10 rounded-lg flex items-center justify-center 281 border border-gray-200 dark:border-white/10 282 text-gray-600 dark:text-white/70 283 transition-all duration-300 284 " tabindex="0"><svg viewBox="0 0 24 24" fill="currentColor" class="w-5 h-5"><path d="M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433c-1.144 0-2.063-.926-2.063-2.065 0-1.138.92-2.063 2.063-2.063 1.14 0 2.064.925 2.064 2.063 0 1.139-.925 2.065-2.064 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z"></path></svg></a><a href="https://x.com/GuhaTek" target="_blank" rel="noopener noreferrer" aria-label="GuhaTek on X (Twitter)" class=" 285 w-10 h-10 rounded-lg flex items-center justify-center 286 border border-gray-200 dark:border-white/10 287 text-gray-600 dark:text-white/70 288 transition-all duration-300 289 " tabindex="0"><svg viewBox="0 0 24 24" fill="currentColor" class="w-5 h-5"><path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"></path></svg></a><a href="https://github.com/GuhaTek" target="_blank" rel="noopener noreferrer" aria-label="GuhaTek on GitHub" class=" 290 w-10 h-10 rounded-lg flex items-center justify-center 291 border border-gray-200 dark:border-white/10 292 text-gray-600 dark:text-white/70 293 transition-all duration-300 294 " tabindex="0"><svg viewBox="0 0 24 24" fill="currentColor" class="w-5 h-5"><path d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.43.372.823 1.102.823 2.222 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"></path></svg></a><a href="https://www.youtube.com/@GuhaTek" target="_blank" rel="noopener noreferrer" aria-label="GuhaTek on YouTube" class=" 295 w-10 h-10 rounded-lg flex items-center justify-center 296 border border-gray-200 dark:border-white/10 297 text-gray-600 dark:text-white/70 298 transition-all duration-300 299 " tabindex="0"><svg viewBox="0 0 24 24" fill="currentColor" class="w-5 h-5"><path d="M23.498 6.186a3.016 3.016 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z"></path></svg></a><a href="https://www.instagram.com/guhatek" target="_blank" rel="noopener noreferrer" aria-label="GuhaTek on Instagram" class=" 300 w-10 h-10 rounded-lg flex items-center justify-center 301 border border-gray-200 dark:border-white/10 302 text-gray-600 dark:text-white/70 303 transition-all duration-300 304 " tabindex="0"><svg viewBox="0 0 24 24" fill="currentColor" class="w-5 h-5"><path d="M12 0C8.74 0 8.333.015 7.053.072 5.775.132 4.905.333 4.14.63c-.789.306-1.459.717-2.126 1.384S.935 3.35.63 4.14C.333 4.905.131 5.775.072 7.053.012 8.333 0 8.74 0 12s.015 3.667.072 4.947c.06 1.277.261 2.148.558 2.913.306.788.717 1.459 1.384 2.126.667.666 1.336 1.079 2.126 1.384.766.296 1.636.499 2.913.558C8.333 23.988 8.74 24
30412 24s3.667-.015 4.947-.072c1.277-.06 2.148-.262 2.913-.558.788-.306 1.459-.718 2.126-1.384.666-.667 1.079-1.335 1.384-2.126.296-.765.499-1.636.558-2.913.06-1.28.072-1.687.072-4.947s-.015-3.667-.072-4.947c-.06-1.277-.262-2.149-.558-2.913-.306-.789-.718-1.459-1.384-2.126C21.319 1.347 20.651.935 19.86.63c-.765-.297-1.636-.499-2.913-.558C15.667.012 15.26 0 12 0zm0 2.16c3.203 0 3.585.016 4.85.071 1.17.055 1.805.249 2.227.415.562.217.96.477 1.382.896.419.42.679.819.896 1.381.164.422.36 1.057.413 2.227.057 1.266.07 1.646.07 4.85s-.015 3.585-.074 4.85c-.061 1.17-.256 1.805-.421 2.227-.224.562-.479.96-.899 1.382-.419.419-.824.679-1.38.896-.42.164-1.065.36-2.235.413-1.274.057-1.649.07-4.859.07-3.211 0-3.586-.015-4.859-.074-1.171-.061-1.816-.256-2.236-.421-.569-.224-.96-.479-1.379-.899-.421-.419-.69-.824-.9-1.38-.165-.42-.359-1.065-.42-2.235-.045-1.26-.061-1.649-.061-4.844 0-3.196.016-3.586.061-4.861.061-1.17.255-1.814.42-2.234.21-.57.479-.96.9-1.381.419-.419.81-.689 1.379-.898.42-.166 1.051-.361 2.221-.421 1.275-.045 1.65-.06 4.859-.06l.045.03zm0 3.678a6.162 6.162 0 1 0 0 12.324 6.162 6.162 0 1 0 0-12.324zM12 16c-2.21 0-4-1.79-4-4s1.79-4 4-4 4 1.79 4 4-1.79 4-4 4zm7.846-10.405a1.441 1.441 0 1 1-2.882 0 1.441 1.441 0 0 1 2.882 0z"></path></svg></a></div></div><div><h3 class="font-semibold text-foreground mb-4">Services</h3><ul class="space-y-2"><li><a class="text-[15px] text-foreground/70 hover:text-primary transition-colors cursor-pointer block" href="/product-engineering">End-to-End Product Engineering</a></li><li><a class="text-[15px] text-foreground/70 hover:text-primary transition-colors cursor-pointer block" href="/cloud-platform-engineering">Cloud-Native Architecture & Platform Engineering</a></li><li><a class="text-[15px] text-foreground/70 hover:text-primary transition-colors cursor-pointer block" href="/observability">Observability, Monitoring & Telemetry</a></li><li><a class="text-[15px] text-foreground/70 hover:text-primary transition-colors cursor-pointer block" href="/ai-operations">AI-Driven Operations & Intelligent Automation</a></li><li><a class="text-[15px] text-foreground/70 hover:text-primary transition-colors cursor-pointer block" href="/aiops">AIOps & Intelligent Automation</a></li><li><a class="text-[15px] text-foreground/70 hover:text-primary transition-colors cursor-pointer block" href="/mlops">MLOps Reliability</a></li><li><a class="text-[15px] text-foreground/70 hover:text-primary transition-colors cursor-pointer block" href="/llmops">LLMOps & AI Platform Reliability</a></li></ul></div><div><h3 class="font-semibold text-foreground mb-4">Company</h3><ul class="space-y-2"><li><a class="text-[15px] text-foreground/70 hover:text-primary transition-colors" href="/about">About</a></li><li><a class="text-[15px] text-foreground/70 hover:text-primary transition-colors" href="/services">Services</a></li><li><a class="text-[15px] text-foreground/70 hover:text-primary transition-colors" href="/velai">Velai</a></li><li><a class="text-[15px] text-foreground/70 hover:text-primary transition-colors" href="/yakkai">Yakkai</a></li><li><a class="text-[15px] text-foreground/70 hover:text-primary transition-colors" href="/maturityassessment">Maturity Assessment</a></li><li><a class="text-[15px] text-foreground/70 hover:text-primary transition-colors" href="/career">Careers</a></li><li><button class="text-[15px] text-foreground/70 hover:text-primary transition-colors text-left">Contact</button></li></ul></div></div><div class="pt-8 border-t border-border/30 flex flex-col md:flex-row justify-between items-center gap-4"><p class="text-sm text-foreground/60">© 2026 GuhaTek. All rights reserved. Registered in Chennai, India.</p><a href="https://www.guhatekfoundation.com/" target="_blank" rel="noopener noreferrer" class="group inline-flex items-center gap-2 text-base font-semibold text-foreground/80 hover:text-primary transition-colors duration-300"><svg viewBox="0 0 24 24" fill="currentColor" class="w-4 h-4 text-primary/60 group-hover:text-primary transition-colors"><path d="M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z"></path></svg>
304<span class="border-b border-solid border-muted-foreground/30 group-hover:border-primary/50 text-foreground/80 group-hover:text-primary">GuhaTek Foundation</span><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" class="w-3.5 h-3.5 opacity-0 -translate-x-1 group-hover:opacity-100 group-hover:translate-x-0 transition-all duration-300"><path d="M7 17L17 7M17 7H7M17 7v10"></path></svg></a><div class="flex gap-8"><a class="text-sm text-foreground/60 hover:text-primary transition-colors cursor-pointer" href="/privacy-notice">Privacy Notice</a><a class="text-sm text-foreground/60 hover:text-primary transition-colors cursor-pointer" href="/terms-conditions">Terms & Conditions</a><a class="text-sm text-foreground/60 hover:text-primary transition-colors cursor-pointer" href="/cookie-notice">Cookie Notice</a></div></div></div></footer></div></div></div></div> 305 306</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.