PageSourceSearch

https://growthym.com/services/ai-search-visibility/

html growthym.com collected 2026-10-01 00:26:13 UTC 89,695 bytes, 1,377 lines download raw bytes

1<!DOCTYPE html>
2<html lang="en-US"
3<head>
4    <meta charset="UTF-8">
5    <meta name="viewport" content="width=device-width, initial-scale=1.0">
6    <title>
7        Generative Engine Optimization (GEO) &amp; AEO Agency | Growthym    </title>
8
9    
9<script src="https://cdn.tailwindcss.com"></script>
9
10
11    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
12
13    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;700;900&display=swap" rel="stylesheet">
14
15    
15<script>
16        tailwind.config = {
17            theme: {
18                extend: {
19                    colors: {
20                        brand: {
21                            black: '#050505',
22                            gold: '#aa7b3f',
23                            goldHover: '#c49252',
24                            gray: '#f4f4f4',
25                            darkGray: '#1a1a1a',
26                            lightGray: '#f9f9f9',
27                            slate: '#2c2c2c'
28                        }
29                    },
30                    fontFamily: {
31                        sans: ['Inter', 'sans-serif'],
32                    },
33                    boxShadow: {
34                        'gold-glow': '0 0 30px rgba(170, 123, 63, 0.15)',
35                        'card-hover': '0 20px 40px rgba(0,0,0,0.08)',
36                    }
37                }
38            }
39        }
40    </script>
40
41
42    <style>
43        /* --- DESKTOP MEGA MENU CSS --- */
44        .group:hover .mega-menu {
45            opacity: 1;
46            visibility: visible;
47            transform: translateY(0);
48        }
49
50        .mega-menu {
51            opacity: 0;
52            visibility: hidden;
53            transform: translateY(10px);
54            transition: all 0.2s ease-out;
55            z-index: 50;
56        }
57
58        /* Nav Link Underline */
59        .nav-link {
60            position: relative;
61        }
62
63        .nav-link::after {
64            content: '';
65            position: absolute;
66            width: 0;
67            height: 2px;
68            bottom: -4px;
69            left: 0;
70            background-color: #aa7b3f;
71            transition: width 0.3s ease;
72        }
73
74        .group:hover>.nav-link::after {
75            width: 100%;
76        }
77
78        /* --- MOBILE MENU CSS --- */
79        #mobile-menu-overlay {
80            position: fixed;
81            top: 0;
82            right: 0;
83            bottom: 0;
84            width: 100%;
85            height: 100vh;
86            background-color: #050505;
87            z-index: 99999;
88            transform: translateX(100%);
89            transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
90            display: flex;
91            flex-direction: column;
92        }
93
94        #mobile-menu-overlay.open {
95            transform: translateX(0);
96        }
97
98        /* Accordion Animation */
99        .accordion-content {
100            max-height: 0;
101            opacity: 0;
102            overflow: hidden;
103            transition: max-height 0.4s ease-in-out, opacity 0.4s ease-in-out;
104        }
105
106        .accordion-content.active {
107            max-height: 2000px;
108            opacity: 1;
109        }
110
111        .rotate-180 {
112            transform: rotate(180deg);
113        }
114
115        /* Prevent body scroll when menu is open */
116        body.menu-open {
117            overflow: hidden;
118        }
119
120        /* DESKTOP MEGA MENU */
121        .group:hover .mega-menu {
122            opacity: 1;
123            visibility: visible;
124            transform: translateY(0);
125        }
126
127        .mega-menu {
128            opacity: 0;
129            visibility: hidden;
130            transform: translateY(10px);
131            transition: all 0.2s ease;
132        }
133
134        /* MOBILE MENU */
135        #mobile-menu {
136            max-height: 0;
137            overflow: hidden;
138            transition: max-height 0.3s ease;
139        }
140
141        #mobile-menu.open {
142            max-height: 93vh;
143            overflow: scroll;
144        }
145
146        .fa-chevron-down {
147            transition: transform 0.3s ease;
148        }
149
150        .rotate {
151            transform: rotate(180deg);
152        }
153      .grecaptcha-badge {
154  visibility: hidden;
155}
156
157    </style>
158
159    <meta name='robots' content='index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1' />
160
161	<!-- This site is optimized with the Yoast SEO plugin v28.1 - https://yoast.com/product/yoast-seo-wordpress/ -->
162	<meta name="description" content="Generative Engine Optimization (GEO) &amp; AEO agency. Get your brand cited inside ChatGPT, Gemini, Perplexity &amp; AI Overviews. Get a free AI audit." />
163	<link rel="canonical" href="https://growthym.com/services/ai-search-visibility/" />
164	<meta property="og:locale" content="en_US" />
165	<meta property="og:type" content="article" />
166	<meta property="og:title" content="Generative Engine Optimization (GEO) &amp; AEO Agency | Growthym" />
167	<meta property="og:description" content="Generative Engine Optimization (GEO) &amp; AEO agency. Get your brand cited inside ChatGPT, Gemini, Perplexity &amp; AI Overviews. Get a free AI audit." />
168	<meta property="og:url" content="https://growthym.com/services/ai-search-visibility/" />
169	<meta property="og:site_name" content="Growthym" />
170	<meta property="article:modified_time" content="2026-06-29T21:19:54+00:00" />
171	<meta property="og:image" content="https://growthym.com/wp-content/uploads/2026/01/Growthym.webp" />
172	<meta property="og:image:width" content="174" />
173	<meta property="og:image:height" content="175" />
174	<meta property="og:image:type" content="image/webp" />
175	<meta name="twitter:card" content="summary_large_image" />
176	
176<script type="application/ld+json" class="yoast-schema-graph">{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/growthym.com\/services\/ai-search-visibility\/","url":"https:\/\/growthym.com\/services\/ai-search-visibility\/","name":"Generative Engine Optimization (GEO) & AEO Agency | Growthym","isPartOf":{"@id":"https:\/\/growthym.com\/#website"},"datePublished":"2026-01-15T17:10:09+00:00","dateModified":"2026-06-29T21:19:54+00:00","description":"Generative Engine Optimization (GEO) & AEO agency. Get your brand cited inside ChatGPT, Gemini, Perplexity & AI Overviews. Get a free AI audit.","breadcrumb":{"@id":"https:\/\/growthym.com\/services\/ai-search-visibility\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/growthym.com\/services\/ai-search-visibility\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/growthym.com\/services\/ai-search-visibility\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/growthym.com\/"},{"@type":"ListItem","position":2,"name":"Services","item":"https:\/\/growthym.com\/services\/"},{"@type":"ListItem","position":3,"name":"AI Search Visibility &#038; Brand Mentions"}]},{"@type":"WebSite","@id":"https:\/\/growthym.com\/#website","url":"https:\/\/growthym.com\/","name":"Growthym","description":"AI-Powered Growth Marketing","publisher":{"@id":"https:\/\/growthym.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/growthym.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/growthym.com\/#organization","name":"Growthym","alternateName":"Growthym","url":"https:\/\/growthym.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/growthym.com\/#\/schema\/logo\/image\/","url":"https:\/\/growthym.com\/wp-content\/uploads\/2026\/01\/Growthym.webp","contentUrl":"https:\/\/growthym.com\/wp-content\/uploads\/2026\/01\/Growthym.webp","width":174,"height":175,"caption":"Growthym"},"image":{"@id":"https:\/\/growthym.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.linkedin.com\/company\/growthym\/","https:\/\/instagram.com\/growthymofficial\/","https:\/\/www.youtube.com\/@Growthym"]}]}</script>
176
177	<!-- / Yoast SEO plugin. -->
178
179
180<link rel='dns-prefetch' href='//www.googletagmanager.com' />
181<link rel="alternate" title="oEmbed (JSON)" type="application/json+oembed" href="https://growthym.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fgrowthym.com%2Fservices%2Fai-search-visibility%2F" />
182<link rel="alternate" title="oEmbed (XML)" type="text/xml+oembed" href="https://growthym.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fgrowthym.com%2Fservices%2Fai-search-visibility%2F&#038;format=xml" />
183<style id='wp-img-auto-sizes-contain-inline-css' type='text/css'>
184img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px}
185/*# sourceURL=wp-img-auto-sizes-contain-inline-css */
186</style>
187
188<style id='wp-emoji-styles-inline-css' type='text/css'>
189
190	img.wp-smiley, img.emoji {
191		display: inline !important;
192		border: none !important;
193		box-shadow: none !important;
194		height: 1em !important;
195		width: 1em !important;
196		margin: 0 0.07em !important;
197		vertical-align: -0.1em !important;
198		background: none !important;
199		padding: 0 !important;
200	}
201/*# sourceURL=wp-emoji-styles-inline-css */
202</style>
203<link rel='stylesheet' id='wp-block-library-css' href='https://growthym.com/wp-includes/css/dist/block-library/style.min.css?ver=6.9.9' type='text/css' media='all' />
204
205<style id='classic-theme-styles-inline-css' type='text/css'>
206/*! This file is auto-generated */
207.wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none}
208/*# sourceURL=/wp-includes/css/classic-themes.min.css */
209</style>
210<style id='global-styles-inline-css' type='text/css'>
211:root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgb(6,147,227) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgb(252,185,0) 0%,rgb(255,105,0) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgb(255,105,0) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);
211--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgb(255, 255, 255), 6px 6px rgb(0, 0, 0);--wp--preset--shadow--crisp: 6px 6px 0px rgb(0, 0, 0);}:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}
211.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;}
212/*# sourceURL=global-styles-inline-css */
213</style>
214
215<link rel='stylesheet' id='contact-form-7-css' href='https://growthym.com/wp-content/plugins/contact-form-7/includes/css/styles.css?ver=6.1.4' type='text/css' media='all' />
216
217<!-- Google tag (gtag.js) snippet added by Site Kit -->
218<!-- Google Analytics snippet added by Site Kit -->
vendor: 81 bytes, lines 218-219
218
219<script type="text/javascript" src="https://www.googletagmanager.com/gtag/js?id=
219GT-MJMHM9N
vendor: 40 bytes, line 219
219" id="google_gtagjs-js" async></script>
220<script type="text/javascript" id="google_gtagjs-js-after">
221/* <![CDATA[ */
222window.dataLayer = window.dataLayer || [];function gtag(){dataLayer.push(arguments);}
223gtag("set","linker",{"domains":["growthym.com"]});
224gtag("js", new Date());
225gtag("set", "developer_id.dZTNiMT", true);
226gtag("config", "GT-MJMHM9N");
227 window._googlesitekit = window._googlesitekit || {}; window._googlesitekit.throttledEvents = []; window._googlesitekit.gtagEvent = (name, data) => { var key = JSON.stringify( { name, data } ); if ( !! window._googlesitekit.throttledEvents[ key ] ) { return; } window._googlesitekit.throttledEvents[ key ] = true; setTimeout( () => { delete window._googlesitekit.throttledEvents[ key ]; }, 5 ); gtag( "event", name, { ...data, event_source: "site-kit" } ); }; 
228//# sourceURL=google_gtagjs-js-after
229/* ]]> */
230</script>
230
231<link rel="https://api.w.org/" href="https://growthym.com/wp-json/" /><link rel="alternate" title="JSON" type="application/json" href="https://growthym.com/wp-json/wp/v2/services/197" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://growthym.com/xmlrpc.php?rsd" />
232<meta name="generator" content="WordPress 6.9.9" />
233<link rel='shortlink' href='https://growthym.com/?p=197' />
234<meta name="generator" content="Site Kit by Google 1.187.0" /><meta name="google-site-verification" content="ORHuGhquzyk6gXvorIhCznRdMKviEG6Q5sa_vSzwxD8">
235<!-- TopSlot AI Visibility -->
236<meta name="last-modified" content="2026-05-07T21:19:38.930Z" />
237<!-- /TopSlot AI Visibility -->
238<link rel="icon" href="https://growthym.com/wp-content/uploads/2026/01/cropped-Growthym-32x32.webp" sizes="32x32" />
239<link rel="icon" href="https://growthym.com/wp-content/uploads/2026/01/cropped-Growthym-192x192.webp" sizes="192x192" />
240<link rel="apple-touch-icon" href="https://growthym.com/wp-content/uploads/2026/01/cropped-Growthym-180x180.webp" />
241<meta name="msapplication-TileImage" content="https://growthym.com/wp-content/uploads/2026/01/cropped-Growthym-270x270.webp" />
242
243    <!-- Google Tag Manager -->
244    
244<script>
vendor: 506 bytes, lines 244-251
244(function (w, d, s, l, i) {
245                w[l] = w[l] || []; w[l].push({
246                    'gtm.start':
247                        new Date().getTime(), event: 'gtm.js'
248                }); var f = d.getElementsByTagName(s)[0],
249                    j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''; j.async = true; j.src =
250                        'https://www.googletagmanager.com/gtm.js?id=' + i + dl; f.parentNode.insertBefore(j, f);
251            })(window, document, 'script', 'dataLayer', '
251GTM-5GLSRC9
vendor: 3 bytes, line 251
251');
251</script>
251
252    <!-- End Google Tag Manager -->
253</head>
254
255<body class="font-sans">
256
257    <!-- NAV -->
258    <nav class="fixed w-full bg-white border-b z-50 h-20 flex items-center">
259        <div class="w-full max-w-[1440px] mx-auto px-6 flex justify-between items-center h-full">
260            <a href="https://growthym.com"
261                class="text-2xl font-black tracking-tighter text-brand-black z-50 flex items-center">
262                <img src="https://growthym.com/wp-content/themes/growthym/assets/images/growthym.webp" alt="Growthym"
263                    class="w-40 h-auto"
264                    onerror="this.style.display='none'; this.nextElementSibling.style.display='block';">
265                <span style="display:none;">GROWTHYM<span class="text-brand-gold">.</span></span>
266            </a>
267
268            <!-- DESKTOP MENU -->
269            <ul class="hidden lg:flex h-full items-center gap-8">
270
271                <li class="group h-full flex items-center">
272                    <a href="/services/"
273                        class="nav-link text-xs font-bold uppercase tracking-widest text-gray-900 group-hover:text-brand-gold py-8">Services</a>
274
275                    <div
276                        class="mega-menu absolute left-0 top-20 w-full bg-brand-black text-white shadow-2xl border-t-4 border-brand-gold">
277                        <div class="max-w-[1440px] mx-auto p-10 grid grid-cols-3 gap-12">
278                            <div>
279                                <h3 class="text-brand-gold font-bold text-lg mb-2">Growth System</h3>
280                                <p class="text-xs text-gray-500 mb-4 italic">Growth built as an operating system, not
281                                    campaigns.</p>
282                                <ul class="space-y-2 text-sm text-gray-300">
283                                    <li><a href="/services/growth-system-design/"
284                                            class="hover:text-brand-gold transition-colors block">Growth System
285                                            Design</a></li>
286                                    <li><a href="/services/revenue-aligned-growth/"
287                                            class="hover:text-brand-gold transition-colors block">Revenue-Aligned
288                                            Growth</a></li>
289                                    <li><a href="/services/demand-pipeline-systems/"
290                                            class="hover:text-brand-gold transition-colors block">Demand & Pipeline
291                                            Systems</a></li>
292                                    <li><a href="/services/conversion-funnel-optimization/"
293                                            class="hover:text-brand-gold transition-colors block">Conversion
294                                            Optimization</a></li>
295                                    <li><a href="/services/analytics-attribution-systems/"
296                                            class="hover:text-brand-gold transition-colors block">Analytics &
297                                            Attribution</a></li>
298                                    <li><a href="/services/social-media-marketing/"
299                                            class="hover:text-brand-gold transition-colors block">Social Media
300                                            Marketing</a></li>
301                                    <li><a href="/services/ecommerce-analytics/"
302                                            class="hover:text-brand-gold transition-colors block">eCommerce
303                                            Analytics</a></li>
304                                </ul>
305                            </div>
306                            <div>
307                                <h3 class="text-brand-gold font-bold text-lg mb-2">Growth Capabilities</h3>
308                                <p class="text-xs text-gray-500 mb-4 italic">Execution governed by strategy and
309                                    measurement.</p>
310                                <ul class="space-y-2 text-sm text-gray-300">
311                                    <li><a href="/services/ai-search-visibility/"
312                                            class="hover:text-brand-gold transition-colors block">AI Search
313                                            Visibility</a></li>
314                                    <li><a href="/services/search-engine-optimization-services/"
315                                            class="hover:text-brand-gold transition-colors block">Organic Growth
316                                            (SEO)</a></li>
317                                    <li><a href="/services/performance-paid-media/"
318                                            class="hover:text-brand-gold transition-colors block">Performance & Paid
319                                            Media</a></li>
320                                    <li><a href="/services/b2b-outbound-pipeline/"
321                                            class="hover:text-brand-gold transition-colors block">B2B Outbound</a></li>
322                                    <li><a href="/services/cro-experimentation/"
323                                            class="hover:text-brand-gold transition-colors block">CRO &
324                                            Experimentation</a></li>
325                                    <li><a href="/services/marketing-analytics-ga4/"
326                                            class="hover:text-brand-gold transition-colors block">Marketing Analytics &
327                                            GA4</a></li>
328                                    <li><a href="/services/ai-marketing-automation/"
329                                            class="hover:text-brand-gold transition-colors block">AI Marketing
330                                            Automation</a></li>
331                                </ul>
332                            </div>
333                            <div>
334                                <h3 class="text-brand-gold font-bold text-lg mb-2">AI-Enabled Growth</h3>
335                                <p class="text-xs text-gray-500 mb-4 italic">AI as leverage, not noise.</p>
336                                <ul class="space-y-2 text-sm text-gray-300">
337                                    <li><a href="/services/ai-in-growth-systems/"
338                                            class="hover:text-brand-gold transition-colors block">AI in Growth
339                                            Systems</a></li>
340                                    <li><a href="/services/predictive-lead-scoring/"
341                                            class="hover:text-brand-gold transition-colors block">Predictive Lead
342                                            Scoring</a></li>
343                                    <li><a href="/services/ai-content-authority-building/"
344                                            class="hover:text-brand-gold transition-colors block">AI Content
345                                            Authority</a></li>
346                                    <li><a href="/services/workflow-revops-automation/"
347                                            class="hover:text-brand-gold transition-colors block">Workflow & RevOps</a>
348                                    </li>
349                                    <li><a href="/services/personalization-at-scale/"
350                                            class="hover:text-brand-gold transition-colors block">Personalization at
351                                            Scale</a></li>
352                                </ul>
353                            </div>
354                        </div>
355                        <div class="bg-brand-darkGray py-3 text-center border-t border-gray-800">
356                            <a href="/services/"
357                                class="text-xs font-bold uppercase tracking-widest text-brand-gold hover:text-white transition-colors">
358                                View Growth Marketing Framework <i class="fa-solid fa-arrow-right ml-2"></i>
359                            </a>
360                        </div>
361                    </div>
362                </li>
363
364                <li class="group h-full flex items-center">
365                    <a href="/industries"
366                        class="nav-link text-xs font-bold uppercase tracking-widest text-gray-900 group-hover:text-brand-gold py-8">Industries</a>
367
368                    <div
369                        class="mega-menu absolute left-0 top-20 w-full bg-brand-black text-white shadow-2xl border-t-4 border-brand-gold">
370                        <div class="max-w-[1440px] mx-auto p-10 grid grid-cols-3 gap-12">
371                            <div>
372                                <h3 class="text-brand-gold font-bold text-lg mb-4">Core Industries</h3>
373                                <ul class="space-y-2 text-sm text-gray-300">
374                                    <li><a href="/industries/fintech-financial-services/"
375                                            class="hover:text-brand-gold transition-colors block">FinTech &
376                                            Financial</a></li>
377                                    <li><a href="/industries/d2c-consumer-brands/"
378                                            class="hover:text-brand-gold transition-colors block">D2C & Consumer
379                                            Brands</a></li>
380                                    <li><a href="/industries/professional-services/"
381                                            class="hover:text-brand-gold transition-colors block">Professional
382                                            Services</a></li>
383                                    <li><a href="/industries/plg-products-apps/"
384                                            class="hover:text-brand-gold transition-colors block">Product-Led Growth
385                                            (PLG)</a></li>
386                                    <li><a href="/industries/enterprise-mid-market/"
387                                            class="hover:text-brand-gold transition-colors block">Enterprise &
388                                            Mid-Market</a></li>
389                                </ul>
390                            </div>
391                            <div>
392                                <h3 class="text-brand-gold font-bold text-lg mb-4">Common Challenges</h3>
393                                <ul class="space-y-2 text-sm text-gray-300">
394                                    <li><a href="/growth-challenges/unpredictable-pipeline/"
395                                            class="hover:text-brand-gold transition-colors block">Unpredictable
396                                            Pipeline</a></li>
397                                    <li><a href="/growth-challenges/rising-cac/"
398                                            class="hover:text-brand-gold transition-colors block">Rising CAC</a></li>
399                                    <li><a href="/growth-challenges/attribution-analytics-gaps/"
400                                            class="hover:text-brand-gold transition-colors block">Attribution Gaps</a>
401                                    </li>
402                                    <li><a href="/growth-challenges/outbound-inconsistency/"
403                                            class="hover:text-brand-gold transition-colors block">Outbound
404                                            Inconsistency</a></li>
405                                    <li><a href="/growth-challenges/scaling-without-chaos/"
406                                            class="hover:text-brand-gold transition-colors block">Scaling Without
407                                            Chaos</a></li>
408                                </ul>
409                            </div>
410                            <div>
411                                <h3 class="text-brand-gold font-bold text-lg mb-4">How Growthym Adapts</h3>
412                                <ul class="space-y-2 text-sm text-gray-300">
413                                    <li><a href="/how-growthym-adapts/one-system-different-markets/"
414                                            class="hover:text-brand-gold transition-colors block">One System, Different
415                                            Markets</a></li>
416                                    <li><a href="/how-growthym-adapts/governance-vs-speed-balance/"
417                                            class="hover:text-brand-gold transition-colors block">Governance vs
418                                            Speed</a></li>
419                                    <li><a href="/how-growthym-adapts/compliance-aware-growth/"
420                                            class="hover:text-brand-gold transition-colors block">Compliance-Aware
421                                            Growth</a></li>
422                                    <li><a href="/how-growthym-adapts/multi-team-alignment/"
423                                            class="hover:text-brand-gold transition-colors block">Multi-Team
424                                            Alignment</a></li>
425                                </ul>
426                            </div>
427                        </div>
428                        <div class="bg-brand-darkGray py-3 text-center border-t border-gray-800">
429                            <a href="/industries"
430                                class="text-xs font-bold uppercase tracking-widest text-brand-gold hover:text-white transition-colors">
431                                Explore Industry Use Cases <i class="fa-solid fa-arrow-right ml-2"></i>
432                            </a>
433                        </div>
434                    </div>
435                </li>
436
437                <li class="group h-full flex items-center relative">
438                    <a href="/how-we-work/"
439                        class="nav-link text-xs font-bold uppercase tracking-widest text-gray-900 group-hover:text-brand-gold py-8">HOW
440                        WE WORK</a>
441                    <div
442                        class="mega-menu absolute left-0 top-20 w-[400px] bg-brand-black text-white shadow-2xl border-t-4 border-brand-gold">
443                        <div class="p-8 space-y-8">
444
445                            <div>
446                                <ul class="space-y-3 text-sm text-gray-300">
447                                    <li><a href="/how-we-work/engagement-model/"
448                                            class="hover:text-brand-gold block">Engagement Model</a></li>
449                                    <li><a href="/how-we-work/operating-principles/"
450                                            class="hover:text-brand-gold block">Operating Principles</a></li>
451                                    <li><a href="/how-we-work/what-to-expect/" class="hover:text-brand-gold block">What
452                                            to Expect</a></li>
453                                </ul>
454                            </div>
455
456                        </div>
457                        <div class="bg-brand-darkGray py-3 text-center border-t border-gray-800">
458                            <a href="/how-we-work/"
459                                class="text-xs font-bold uppercase tracking-widest text-brand-gold hover:text-white transition-colors">
460                                See Engagement Models <i class="fa-solid fa-arrow-right ml-2"></i>
461                            </a>
462                        </div>
463                    </div>
464                </li>
465                <li class="group h-full flex items-center relative">
466                    <a href="#"
467                        class="nav-link text-xs font-bold uppercase tracking-widest text-gray-900 group-hover:text-brand-gold py-8">Resources</a>
468
469                    <div
470                        class="mega-menu absolute left-0 top-20 w-[400px] bg-brand-black text-white shadow-2xl border-t-4 border-brand-gold">
471                        <div class="p-8 space-y-8">
472
473                            <div>
474                                <ul class="space-y-3 text-sm text-gray-300">
475                                    <li><a href="/blog/" class="hover:text-brand-gold block">Insights</a></li>
476                                    <li><a href="/case-studies/" class="hover:text-brand-gold block">Case Studies</a>
477                                    </li>
478                                </ul>
479                            </div>
480
481                        </div>
482                    </div>
483                </li>
484                <li class="group h-full flex items-center relative">
485                    <a href="/about"
486                        class="nav-link text-xs font-bold uppercase tracking-widest text-gray-900 group-hover:text-brand-gold py-8">Company</a>
487
488                </li>
489            </ul>
490
491            <!-- CTA -->
492            <a href="/contact-us"
493                class="hidden lg:block bg-brand-black text-white px-6 py-3 text-xs font-bold uppercase">
494                Contact Us
495            </a>
496
497            <!-- MOBILE BUTTON -->
498            <button id="mobile-btn" class="lg:hidden text-2xl">
499                <i class="fa-solid fa-bars"></i>
500            </button>
501        </div>
502    </nav>
503
504    <div class="h-20"></div>
505
506    <!-- MOBILE MENU -->
507    <div id="mobile-menu" class="lg:hidden bg-white border-t fixed w-full z-40">
508
509        <ul class="flex flex-col divide-y">
510
511            <!-- SERVICES -->
512            <li>
513                <button class="mobile-toggle w-full flex justify-between px-6 py-4 font-bold uppercase text-sm">
514                    Services <i class="fa-solid fa-chevron-down"></i>
515                </button>
516                <ul class="hidden px-6 pb-4 space-y-2 text-sm">
517                    <li><a href="/services/growth-system-design/"
518                            class="hover:text-brand-gold transition-colors block">Growth System
519                            Design</a></li>
520                    <li><a href="/services/revenue-aligned-growth/"
521                            class="hover:text-brand-gold transition-colors block">Revenue-Aligned
522                            Growth</a></li>
523                    <li><a href="/services/demand-pipeline-systems/"
524                            class="hover:text-brand-gold transition-colors block">Demand & Pipeline
525                            Systems</a></li>
526                    <li><a href="/services/conversion-funnel-optimization/"
527                            class="hover:text-brand-gold transition-colors block">Conversion
528                            Optimization</a></li>
529                    <li><a href="/services/analytics-attribution-systems/"
530                            class="hover:text-brand-gold transition-colors block">Analytics &
531                            Attribution</a></li>
532                    <li><a href="/services/social-media-marketing/"
533                            class="hover:text-brand-gold transition-colors block">Social Media
534                            Marketing</a></li>
535                    <li><a href="/services/ecommerce-analytics/"
536                            class="hover:text-brand-gold transition-colors block">eCommerce
537                            Analytics</a></li>
538
539                    <li><a href="/services/ai-search-visibility/"
540                            class="hover:text-brand-gold transition-colors block">AI Search
541                            Visibility</a></li>
542                    <li><a href="/services/search-engine-optimization-services/"
543                            class="hover:text-brand-gold transition-colors block">Organic Growth
544                            (SEO)</a></li>
545                    <li><a href="/services/performance-paid-media/"
546                            class="hover:text-brand-gold transition-colors block">Performance & Paid
547                            Media</a></li>
548                    <li><a href="/services/b2b-outbound-pipeline/"
549                            class="hover:text-brand-gold transition-colors block">B2B Outbound</a></li>
550                    <li><a href="/services/cro-experimentation/"
551                            class="hover:text-brand-gold transition-colors block">CRO &
552                            Experimentation</a></li>
553                    <li><a href="/services/marketing-analytics-ga4/"
554                            class="hover:text-brand-gold transition-colors block">Marketing Analytics &
555                            GA4</a></li>
556                    <li><a href="/services/ai-marketing-automation/"
557                            class="hover:text-brand-gold transition-colors block">AI Marketing
558                            Automation</a></li>
559
560                    <li><a href="/services/ai-in-growth-systems/"
561                            class="hover:text-brand-gold transition-colors block">AI in Growth
562                            Systems</a></li>
563                    <li><a href="/services/predictive-lead-scoring/"
564                            class="hover:text-brand-gold transition-colors block">Predictive Lead
565                            Scoring</a></li>
566                    <li><a href="/services/ai-content-authority-building/"
567                            class="hover:text-brand-gold transition-colors block">AI Content
568                            Authority</a></li>
569                    <li><a href="/services/workflow-revops-automation/"
570                            class="hover:text-brand-gold transition-colors block">Workflow & RevOps</a>
571                    </li>
572                    <li><a href="/services/personalization-at-scale/"
573                            class="hover:text-brand-gold transition-colors block">Personalization at
574                            Scale</a></li>
575                </ul>
576
577            </li>
578
579            <!-- INDUSTRIES -->
580            <li>
581                <button class="mobile-toggle w-full flex justify-between px-6 py-4 font-bold uppercase text-sm">
582                    Industries <i class="fa-solid fa-chevron-down"></i>
583                </button>
584
585                <ul class="hidden px-6 pb-4 space-y-2 text-sm">
586                    <li><a href="/industries/fintech-financial-services/"
587                            class="hover:text-brand-gold transition-colors block">FinTech &
588                            Financial</a></li>
589                    <li><a href="/industries/d2c-consumer-brands/"
590                            class="hover:text-brand-gold transition-colors block">D2C & Consumer
591                            Brands</a></li>
592                    <li><a href="/industries/professional-services/"
593                            class="hover:text-brand-gold transition-colors block">Professional
594                            Services</a></li>
595                    <li><a href="/industries/plg-products-apps/"
596                            class="hover:text-brand-gold transition-colors block">Product-Led Growth
597                            (PLG)</a></li>
598                    <li><a href="/industries/enterprise-mid-market/"
599                            class="hover:text-brand-gold transition-colors block">Enterprise &
600                            Mid-Market</a></li>
601
602                    <li><a href="/growth-challenges/unpredictable-pipeline/"
603                            class="hover:text-brand-gold transition-colors block">Unpredictable
604                            Pipeline</a></li>
605                    <li><a href="/growth-challenges/rising-cac/"
606                            class="hover:text-brand-gold transition-colors block">Rising CAC</a></li>
607                    <li><a href="/growth-challenges/attribution-analytics-gaps/"
608                            class="hover:text-brand-gold transition-colors block">Attribution Gaps</a>
609                    </li>
610                    <li><a href="/growth-challenges/outbound-inconsistency/"
611                            class="hover:text-brand-gold transition-colors block">Outbound
612                            Inconsistency</a></li>
613                    <li><a href="/growth-challenges/scaling-without-chaos/"
614                            class="hover:text-brand-gold transition-colors block">Scaling Without
615                            Chaos</a></li>
616
617                    <li><a href="/how-growthym-adapts/one-system-different-markets/"
618                            class="hover:text-brand-gold transition-colors block">One System, Different
619                            Markets</a></li>
620                    <li><a href="/how-growthym-adapts/governance-vs-speed-balance/"
621                            class="hover:text-brand-gold transition-colors block">Governance vs
622                            Speed</a></li>
623                    <li><a href="/how-growthym-adapts/compliance-aware-growth/"
624                            class="hover:text-brand-gold transition-colors block">Compliance-Aware
625                            Growth</a></li>
626                    <li><a href="/how-growthym-adapts/multi-team-alignment/"
627                            class="hover:text-brand-gold transition-colors block">Multi-Team
628                            Alignment</a></li>
629                </ul>
630            </li>
631            <!-- HOW WE WORK -->
632            <li>
633                <button class="mobile-toggle w-full flex justify-between px-6 py-4 font-bold uppercase text-sm">
634                    HOW WE WORK <i class="fa-solid fa-chevron-down"></i>
635                </button>
636                <ul class="hidden px-6 pb-4 space-y-2 text-sm">
637                    <li><a href="/how-we-work/engagement-model/" class="hover:text-brand-gold block">Engagement
638                            Model</a></li>
639                    <li><a href="/how-we-work/operating-principles/" class="hover:text-brand-gold block">Operating
640                            Principles</a></li>
641                    <li><a href="/how-we-work/what-to-expect/" class="hover:text-brand-gold block">What
642                            to Expect</a></li>
643                </ul>
644
645            </li>
646
647            <li>
648                <button class="mobile-toggle w-full flex justify-between px-6 py-4 font-bold uppercase text-sm">
649                    Resources<i class="fa-solid fa-chevron-down"></i>
650                </button>
651
652                <ul class="hidden px-6 pb-4 space-y-2 text-sm">
653                    <li><a href="/blog/" class="hover:text-brand-gold block">Insights</a></li>
654                    <li><a href="/case-studies/" class="hover:text-brand-gold block">Case Studies</a>
655                    </li>
656                </ul>
657
658            </li>
659            <li><a href="/about" class="block px-6 py-4 font-bold uppercase text-sm">Company</a></li>
660
661            <li class="p-6">
662                <a href="/contact-us"
663                    class="block text-center bg-brand-black text-white py-3 font-bold uppercase text-xs">
664                    Contact Us
665                </a>
666            </li>
667
668        </ul>
669    </div>
670
671    <!-- JS -->
672    
672<script>
673        const mobileBtn = document.getElementById('mobile-btn');
674        const mobileMenu = document.getElementById('mobile-menu');
675
676        mobileBtn.addEventListener('click', () => {
677            mobileMenu.classList.toggle('open');
678        });
679
680        document.querySelectorAll('.mobile-toggle').forEach(btn => {
681            btn.addEventListener('click', () => {
682                const submenu = btn.nextElementSibling;
683                submenu.classList.toggle('hidden');
684                btn.querySelector('i').classList.toggle('rotate');
685            });
686        });
687    </script>
687<main>
688
689
690    <style>
691        /* ANIMATIONS */
692        .reveal {
693            opacity: 0;
694            transform: translateY(30px);
695            transition: all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);
696        }
697
698        .reveal.active {
699            opacity: 1;
700            transform: translateY(0);
701        }
702
703        /* Hero Fade In */
704        @keyframes fadeIn {
705            from {
706                opacity: 0;
707                transform: translateY(20px);
708            }
709
710            to {
711                opacity: 1;
712                transform: translateY(0);
713            }
714        }
715
716        .hero-animate {
717            animation: fadeIn 1s ease-out forwards;
718            opacity: 0;
719        }
720
721        .hero-animate-delay-1 {
722            animation-delay: 0.2s;
723        }
724
725        .hero-animate-delay-2 {
726            animation-delay: 0.4s;
727        }
728
729        .hero-animate-delay-3 {
730            animation-delay: 0.6s;
731        }
732
733        /* Stronger Pulse for Golden Light */
734        @keyframes deepPulse {
735
736            0%,
737            100% {
738                opacity: 0.15;
739                transform: scale(1);
740            }
741
742            50% {
743                opacity: 0.3;
744                transform: scale(1.05);
745            }
746        }
747
748        .gold-pulse {
749            animation: deepPulse 4s infinite ease-in-out;
750        }
751
752        /* INTERACTIVE CARDS */
753        .ai-card {
754            transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
755            position: relative;
756            overflow: hidden;
757            border: 1px solid #e5e7eb;
758        }
759
760        .ai-card:hover {
761            transform: translateY(-6px);
762            box-shadow: 0 20px 40px rgba(0, 0, 0, 0.08);
763            border-color: #aa7b3f;
764        }
765
766        /* NEURAL NETWORK ANIMATION */
767        .neural-dot {
768            position: absolute;
769            width: 4px;
770            height: 4px;
771            background-color: #aa7b3f;
772            border-radius: 50%;
773            opacity: 0;
774            transition: opacity 0.5s ease;
775        }
776
777        .ai-card:hover .neural-dot {
778            opacity: 1;
779        }
780
781        /* BUTTONS */
782        .btn-gold-hover {
783            position: relative;
784            overflow: hidden;
785            transition: all 0.3s ease;
786            z-index: 1;
787        }
788
789        .btn-gold-hover::before {
790            content: "";
791            position: absolute;
792            top: 0;
793            left: 0;
794            width: 0%;
795            height: 100%;
796            background-color: #aa7b3f;
797            transition: width 0.4s cubic-bezier(0.77, 0, 0.175, 1);
798            z-index: -1;
799        }
800
801        .btn-gold-hover:hover::before {
802            width: 100%;
803        }
804
805        .btn-gold-hover:hover {
806            color: white !important;
807            border-color: #aa7b3f !important;
808        }
809
810        /* NAV STYLES */
811        .nav-link {
812            position: relative;
813        }
814
815        .nav-link::after {
816            content: '';
817            position: absolute;
818            width: 0;
819            height: 2px;
820            bottom: -4px;
821            left: 0;
822            background-color: #aa7b3f;
823            transition: width 0.3s ease;
824        }
825
826        .group:hover>.nav-link::after {
827            width: 100%;
828        }
829
830        .mega-menu {
831            opacity: 0;
832            visibility: hidden;
833            transform: translateY(10px);
834            transition: all 0.2s ease-out;
835        }
836
837        .group:hover .mega-menu {
838            opacity: 1;
839            visibility: visible;
840            transform: translateY(0);
841        }
842
843        /* GRADIENT TEXT */
844        .text-gradient-gold {
845            background: linear-gradient(to right, #aa7b3f, #f0e68c, #aa7b3f);
846            -webkit-background-clip: text;
847            -webkit-text-fill-color: transparent;
848            background-size: 200% auto;
849            animation: shine 5s linear infinite;
850        }
851
852        @keyframes shine {
853            to {
854                background-position: 200% center;
855            }
856        }
857    </style>
858
859
860    <header class="relative bg-brand-black min-h-[85vh] flex items-center justify-center overflow-hidden pt-20">
861        <div class="absolute inset-0 opacity-20 bg-[url('https://www.transparenttextures.com/patterns/carbon-fibre.png')]"></div>
862
863        <div class="absolute top-[-10%] right-[-5%] w-[600px] h-[600px] bg-brand-gold rounded-full blur-[120px] gold-pulse"></div>
864        <div class="absolute bottom-[-10%] left-[-5%] w-[400px] h-[400px] bg-brand-gold rounded-full blur-[100px] gold-pulse" style="animation-delay: 2s;"></div>
865
866        <div class="relative z-10 max-w-5xl mx-auto px-6 text-center">
867            <div class="inline-block px-4 py-2 border border-brand-gold/30 rounded-full mb-8 bg-brand-gold/5 backdrop-blur-sm hero-animate">
868                <span class="text-brand-gold font-bold uppercase tracking-widest text-xs">AI Search Visibility & Brand Mentions</span>
869            </div>
870
871            <h1 class="text-4xl md:text-6xl lg:text-7xl font-black text-white mb-8 leading-tight tracking-tighter hero-animate hero-animate-delay-1">
872                Get Cited by ChatGPT, Perplexity <br />
873                <span class="text-gradient-gold">&amp; Google AI Overviews</span>
874            </h1>
875
876            <p class="text-lg md:text-xl text-gray-400 max-w-4xl mx-auto mb-10 leading-relaxed hero-animate hero-animate-delay-2">
877                Search is no longer just blue links. Buyers discover brands through LLMs, AI overviews, and copilots. We specialize in building <strong>brand visibility and trusted mentions</strong> across AI models—this is AI-native visibility engineering.
878            </p>
879
880            <div class="flex justify-center hero-animate hero-animate-delay-3">
881                <button class="bg-white text-black border-2 border-white px-10 py-5 font-bold uppercase tracking-widest btn-gold-hover shadow-lg hover:shadow-gold-glow transition-all trigger-modal">
882                    Audit AI Visibility
883                </button>
884            </div>
885        </div>
886    </header>
887
888    <section class="py-24 bg-white relative">
889        <div class="max-w-7xl mx-auto px-6">
890            <div class="grid lg:grid-cols-2 gap-16 items-center">
891                <div class="reveal">
892                    <h2 class="text-4xl font-black mb-6 leading-tight">AI Models are the New <br><span class="text-brand-gold">Discovery Layer.</span></h2>
893                    <p class="text-gray-600 text-lg mb-6">AI models act as the first touchpoint, a filter for surfaced brands, and a decision aid for CXOs. If you aren't cited, you are invisible in the fastest-growing discovery channel.</p>
894                    <p class="text-gray-900 font-bold mb-6">Visibility Means:</p>
895                    <ul class="space-y-4 text-gray-600 mb-8">
896                        <li class="flex items-start"><i class="fa-solid fa-quote-left text-brand-gold mr-3 mt-1"></i> Your brand is mentioned in AI answers</li>
897                        <li class="flex items-start"><i class="fa-solid fa-quote-left text-brand-gold mr-3 mt-1"></i> Your expertise is summarized accurately</li>
898                        <li class="flex items-start"><i class="fa-solid fa-quote-left text-brand-gold mr-3 mt-1"></i> Your positioning is consistent across prompts</li>
899                        <li class="flex items-start"><i class="fa-solid fa-quote-left text-brand-gold mr-3 mt-1"></i> You appear as a recommended option</li>
900                    </ul>
901                </div>
902                <div class="bg-brand-gray p-10 rounded-2xl reveal delay-100 border border-gray-200 shadow-xl relative overflow-hidden">
903                    <div class="absolute top-0 right-0 w-24 h-24 bg-brand-gold opacity-10 rounded-full blur-[40px]"></div>
904                    <h3 class="text-xl font-bold mb-6 text-black relative z-10">We Engineer Recognition:</h3>
905                    <ul class="space-y-4 text-gray-600 relative z-10 text-sm">
906                        <li class="flex items-center"><i class="fa-solid fa-check text-brand-gold mr-3"></i> Consistent topical authority</li>
907                        <li class="flex items-center"><i class="fa-solid fa-check text-brand-gold mr-3"></i> Repeated contextual mentions</li>
908                        <li class="flex items-center"><i class="fa-solid fa-check text-brand-gold mr-3"></i> Clear entity associations</li>
909                        <li class="flex items-center"><i class="fa-solid fa-check text-brand-gold mr-3"></i> Structured info to reduce ambiguity</li>
910                    </ul>
911                    <p class="mt-8 text-black font-bold text-center border-t border-gray-200 pt-6">This is knowledge-graph optimization, not keyword stuffing.</p>
912                </div>
913            </div>
914        </div>
915    </section>
916
917    <section class="py-24 bg-brand-darkGray text-white">
918        <div class="max-w-7xl mx-auto px-6">
919            <div class="text-center mb-16 reveal">
920                <h2 class="text-4xl font-black mb-4 text-white">How AI Decides What to Mention</h2>
921                <p class="text-gray-400 text-lg">Signals of Authority in the AI Era.</p>
922            </div>
923
924            <div class="grid md:grid-cols-2 lg:grid-cols-3 gap-8">
925                <div class="bg-black p-8 rounded-xl border border-gray-800 hover:border-brand-gold transition-all duration-300 reveal group">
926                    <span class="text-4xl font-black text-brand-gold/20 mb-4 block group-hover:text-brand-gold transition-colors">01</span>
927                    <h4 class="font-bold text-lg mb-4 text-white">Inferred Authority</h4>
928                    <p class="text-gray-400 text-sm">AI models don't rank links; they infer authority based on signal strength and consistency.</p>
929                </div>
930                <div class="bg-black p-8 rounded-xl border border-gray-800 hover:border-brand-gold transition-all duration-300 reveal delay-100 group">
931                    <span class="text-4xl font-black text-brand-gold/20 mb-4 block group-hover:text-brand-gold transition-colors">02</span>
932                    <h4 class="font-bold text-lg mb-4 text-white">Contextual Mentions</h4>
933                    <p class="text-gray-400 text-sm">Being referenced in high-trust contexts matters more than simple backlinks.</p>
934                </div>
935                <div class="bg-black p-8 rounded-xl border border-gray-800 hover:border-brand-gold transition-all duration-300 reveal delay-200 group">
936                    <span class="text-4xl font-black text-brand-gold/20 mb-4 block group-hover:text-brand-gold transition-colors">03</span>
937                    <h4 class="font-bold text-lg mb-4 text-white">Entity Clarity</h4>
938                    <p class="text-gray-400 text-sm">AI cannot reference what it cannot confidently interpret. Ambiguity kills visibility.</p>
939                </div>
940                <div class="bg-black p-8 rounded-xl border border-gray-800 hover:border-brand-gold transition-all duration-300 reveal group">
941                    <span class="text-4xl font-black text-brand-gold/20 mb-4 block group-hover:text-brand-gold transition-colors">04</span>
942                    <h4 class="font-bold text-lg mb-4 text-white">Cross-Referencing</h4>
943                    <p class="text-gray-400 text-sm">Models validate claims by checking against external validation and diverse sources.</p>
944                </div>
945                <div class="bg-black p-8 rounded-xl border border-gray-800 hover:border-brand-gold transition-all duration-300 reveal delay-100 group">
946                    <span class="text-4xl font-black text-brand-gold/20 mb-4 block group-hover:text-brand-gold transition-colors">05</span>
947                    <h4 class="font-bold text-lg mb-4 text-white">Positioning</h4>
948                    <p class="text-gray-400 text-sm">Brands with clear, non-conflicting narratives are favored for answers.</p>
949                </div>
950                <div class="bg-brand-gold p-8 rounded-xl border border-brand-gold text-black flex items-center justify-center text-center reveal delay-200 shadow-gold-glow">
951                    <p class="font-black text-lg">We optimize for recognition, not just clicks.</p>
952                </div>
953            </div>
954        </div>
955    </section>
956
957    <section class="py-24 bg-white">
958        <div class="max-w-4xl mx-auto px-6 text-center reveal">
959            <h2 class="text-3xl font-black mb-6">Our AI Visibility Framework</h2>
960            <p class="text-xl text-gray-600 font-light mb-12">Building Signals Intentionally and Systemically.</p>
961
962            <div class="bg-brand-lightGray p-10 rounded-2xl border border-gray-200 text-left">
963                <h4 class="font-bold mb-6 text-center text-lg">Key Structural Elements Include:</h4>
964                <div class="grid md:grid-cols-2 gap-6">
965                    <div class="flex items-center bg-white p-4 rounded shadow-sm">
966                        <i class="fa-solid fa-fingerprint text-brand-gold mr-3"></i>
967                        <span class="text-sm font-bold">Entity & Positioning Clarity</span>
968                    </div>
969                    <div class="flex items-center bg-white p-4 rounded shadow-sm">
970                        <i class="fa-solid fa-tower-broadcast text-brand-gold mr-3"></i>
971                        <span class="text-sm font-bold">Authority Signal Engineering</span>
972                    </div>
973                    <div class="flex items-center bg-white p-4 rounded shadow-sm">
974                        <i class="fa-solid fa-robot text-brand-gold mr-3"></i>
975                        <span class="text-sm font-bold">AI-Readable Content Architecture</span>
976                    </div>
977                    <div class="flex items-center bg-white p-4 rounded shadow-sm">
978                        <i class="fa-solid fa-share-nodes text-brand-gold mr-3"></i>
979                        <span class="text-sm font-bold">Brand Mention Distribution</span>
980                    </div>
981                </div>
982                <p class="text-center mt-8 text-black font-bold border-t border-gray-200 pt-6">Your brand becomes part of the answer, not just a link.</p>
983            </div>
984        </div>
985    </section>
986
987    <section class="py-24 bg-brand-lightGray">
988        <div class="max-w-7xl mx-auto px-6">
989            <div class="text-center mb-16 reveal">
990                <h2 class="text-4xl font-black mb-4">The Structural Shift Required</h2>
991                <p class="text-gray-600">From SEO to AI-Native Visibility.</p>
992            </div>
993
994            <div class="grid lg:grid-cols-3 gap-8">
995                <div class="ai-card bg-white p-8 rounded-xl reveal">
996                    <span class="text-xs font-bold uppercase text-brand-gold tracking-widest mb-2 block">Shift 1</span>
997                    <h3 class="text-xl font-black mb-4">Keyword Tracking → Mention Frequency</h3>
998                    <p class="text-sm text-gray-600 mb-4 font-bold">Measuring how often you are cited.</p>
999                    <div class="neural-dot" style="top: 20px; right: 20px;"></div>
1000                </div>
1001
1002                <div class="ai-card bg-white p-8 rounded-xl reveal delay-100 ring-2 ring-brand-gold/20">
1003                    <span class="text-xs font-bold uppercase text-brand-gold tracking-widest mb-2 block">Shift 2</span>
1004                    <h3 class="text-xl font-black mb-4">Link Building → Signal Engineering</h3>
1005                    <p class="text-sm text-gray-600 mb-4 font-bold">Building authority models can read.</p>
1006                    <div class="neural-dot" style="top: 20px; right: 20px;"></div>
1007                </div>
1008
1009                <div class="ai-card bg-white p-8 rounded-xl reveal delay-200">
1010                    <span class="text-xs font-bold uppercase text-brand-gold tracking-widest mb-2 block">Shift 3</span>
1011                    <h3 class="text-xl font-black mb-4">Traffic Metrics → Positioning Accuracy</h3>
1012                    <p class="text-sm text-gray-600 mb-4 font-bold">Ensuring AI describes you correctly.</p>
1013                    <div class="neural-dot" style="top: 20px; right: 20px;"></div>
1014                </div>
1015            </div>
1016        </div>
1017    </section>
1018
1019    <section class="py-24 bg-white">
1020        <div class="max-w-7xl mx-auto px-6">
1021            <div class="grid lg:grid-cols-2 gap-16">
1022                <div class="reveal">
1023                    <h3 class="text-3xl font-black mb-6">Designed For Innovators</h3>
1024                    <p class="text-gray-600 mb-6">This service is built for organizations investing in long-term brand equity and authority.</p>
1025                    <ul class="space-y-3 text-gray-800 font-bold mb-8">
1026                        <li class="flex items-start"><i class="fa-solid fa-check-circle text-brand-gold mr-3 mt-1"></i> B2B companies with complex solutions</li>
1027                        <li class="flex items-start"><i class="fa-solid fa-check-circle text-brand-gold mr-3 mt-1"></i> SaaS and AI-native companies</li>
1028                        <li class="flex items-start"><i class="fa-solid fa-check-circle text-brand-gold mr-3 mt-1"></i> Enterprise brands seeking dominance</li>
1029                        <li class="flex items-start"><i class="fa-solid fa-check-circle text-brand-gold mr-3 mt-1"></i> Founders building category authority</li>
1030                    </ul>
1031                </div>
1032                <div class="bg-brand-gray p-10 rounded-xl border border-gray-200 reveal delay-100">
1033                    <h3 class="text-2xl font-bold mb-6">Long-Term Advantage</h3>
1034                    <p class="text-gray-600 mb-4">As AI mediates discovery:</p>
1035                    <ul class="space-y-2 text-sm text-red-500 font-bold">
1036                        <li>• Brands with AI visibility gain unfair advantage</li>
1037                        <li>• Late movers struggle to correct misrepresentation</li>
1038                        <li>• Authority compounds faster than rankings</li>
1039                    </ul>
1040                    <p class="text-black font-bold mt-6">This is an early-mover leverage layer.</p>
1041                </div>
1042            </div>
1043        </div>
1044    </section>
1045
1046    <section class="py-20 bg-white border-t border-gray-100">
1047        <div class="max-w-4xl mx-auto px-6 text-center reveal">
1048            <h2 class="text-3xl font-black mb-8">How Growthym Leads</h2>
1049            <div class="grid md:grid-cols-3 gap-6 text-left">
1050                <div class="p-6 border border-gray-200 rounded hover:shadow-lg transition-shadow">
1051                    <p class="font-bold text-sm">System Integration</p>
1052                    <p class="text-xs text-gray-500 mt-2">
1052AI visibility integrated with SEO and content systems.</p>
1053                </div>
1054                <div class="p-6 border border-gray-200 rounded hover:shadow-lg transition-shadow">
1055                    <p class="font-bold text-sm">Persistent Visibility</p>
1056                    <p class="text-xs text-gray-500 mt-2">We build across thousands of queries, not one-off prompts.</p>
1057                </div>
1058                <div class="p-6 border border-gray-200 rounded hover:shadow-lg transition-shadow">
1059                    <p class="font-bold text-sm">Revenue Focus</p>
1060                    <p class="text-xs text-gray-500 mt-2">Aligned to support pipeline and demand.</p>
1061                </div>
1062            </div>
1063        </div>
1064    </section>
1065
1066    <section class="py-32 bg-brand-black text-white text-center relative overflow-hidden">
1067        <div class="absolute inset-0 bg-[url('https://www.transparenttextures.com/patterns/cubes.png')] opacity-10"></div>
1068        <div class="max-w-3xl mx-auto px-6 relative z-10 reveal">
1069            <span class="text-brand-gold font-bold uppercase tracking-widest text-xs mb-6 block">Call to Action</span>
1070            <h2 class="text-4xl md:text-5xl font-black mb-8">Secure Your Place in AI Answers</h2>
1071
1072            <p class="text-gray-400 mb-6 font-bold text-lg">If you are invisible in AI, you are invisible to modern buyers.</p>
1073
1074            <p class="text-white font-bold mb-10 text-xl">The next step is not more content—it is authority engineering.</p>
1075
1076            <div class="bg-white/5 backdrop-blur-md p-12 rounded-3xl border border-white/10">
1077                <h3 class="text-2xl font-bold mb-4 text-white">Book an AI Visibility Strategy Conversation</h3>
1078                <p class="text-gray-400 mb-8">We'll assess your current AI presence and design a system to maximize citations, trust, and brand recognition.</p>
1079                <div class="flex justify-center">
1080                    <button class="bg-white text-black px-10 py-4 font-bold uppercase tracking-widest btn-gold-hover trigger-modal shadow-lg hover:shadow-gold-glow transition-all rounded">
1081                        Book AI Audit
1082                    </button>
1083                </div>
1084            </div>
1085        </div>
1086    </section>
1087</main>
1088 <footer class=" pt-20 pb-10 border-t-4 border-brand-gold text-left bg-brand-black">
1089     <div class="max-w-[1440px] mx-auto px-6">
1090         <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-5 gap-12 mb-16">
1091             <div>
1092                 <h4 class="text-brand-gold font-bold text-sm uppercase tracking-widest mb-6">Services</h4>
1093                 <ul class="space-y-3 text-sm text-gray-400">
1094                     <li><a href="/services/growth-system-design/" class="hover:text-brand-gold transition-colors">Growth System Design</a></li>
1095                     <li><a href="/services/ai-search-visibility/" class="hover:text-brand-gold transition-colors">AI Search Visibility</a></li>
1096                     <li><a href="/services/ecommerce-analytics/" class="hover:text-brand-gold transition-colors">eCommerce Analytics</a></li>
1097                     <li><a href="/services/ai-in-growth-systems/" class="hover:text-brand-gold transition-colors">AI in Growth Systems</a></li>
1098                     <li><a href="/services/ai-marketing-automation/" class="hover:text-brand-gold transition-colors">AI Marketing Automation</a></li>
1099                 </ul>
1100             </div>
1101             <div>
1102                 <h4 class="text-brand-gold font-bold text-sm uppercase tracking-widest mb-6">Industries</h4>
1103                 <ul class="space-y-3 text-sm text-gray-400">
1104                     <li><a href="/industries/fintech-financial-services/" class="hover:text-brand-gold transition-colors">FinTech & Financial Services</a></li>
1105                     <li><a href="/industries/d2c-consumer-brands/" class="hover:text-brand-gold transition-colors">D2C & Consumer Brands</a></li>
1106                     <li><a href="/industries/professional-services/" class="hover:text-brand-gold transition-colors">Professional Services</a></li>
1107                     <li><a href="/industries/plg-products-apps/" class="hover:text-brand-gold transition-colors">Product-Led Growth (PLG)</a></li>
1108                     <li><a href="/industries/enterprise-mid-market/" class="hover:text-brand-gold transition-colors">Enterprise & Mid-Market</a></li>
1109                 </ul>
1110             </div>
1111             <div>
1112                 <h4 class="text-brand-gold font-bold text-sm uppercase tracking-widest mb-6">How We Work</h4>
1113                 <ul class="space-y-3 text-sm text-gray-400">
1114                     <li><a href="/how-we-work/engagement-model/" class="hover:text-brand-gold transition-colors">Engagement Model</a></li>
1115                     <li><a href="/how-we-work/operating-principles/" class="hover:text-brand-gold transition-colors">Operating Principles</a></li>
1116                     <li><a href="/how-we-work/what-to-expect/" class="hover:text-brand-gold transition-colors">What to Expect</a></li>
1117                 </ul>
1118             </div>
1119
1120
1121             <div>
1122                 <h4 class="text-brand-gold font-bold text-sm uppercase tracking-widest mb-6">Company</h4>
1123                 <ul class="space-y-3 text-sm text-gray-400">
1124                     <li><a href="/about/" class="hover:text-brand-gold transition-colors">About Us</a></li>
1125                     <li><a href="/contact-us/" class="hover:text-brand-gold transition-colors">Contact</a></li>
1126                     <li><a href="/privacy-policy/" class="hover:text-brand-gold transition-colors">Privacy Policy</a></li>
1127                 </ul>
1128             </div>
1129
1130             <div>
1131                 <h4 class="text-brand-gold font-bold text-sm uppercase tracking-widest mb-6">Contact Details</h4>
1132                 <ul class="space-y-3 text-sm text-gray-400">
1133                     <li><b>Address : </b>A-116, Urbtech Trade Centre Noida Sec -132 Uttar Pradesh - 201304</li>
1134                     <li><b>Phone No. : </b><a href="tel:+91-8178200697" class="hover:underline">+91-8178200697</a></li>
1135                     <li><b>Email Id : </b><a href="mailto:[email protected]" class="hover:underline">[email protected]</a></li>
1136                 </ul>
1137             </div>
1138         </div>
1139         <div class="border-t border-gray-800 pt-8 flex flex-col md:flex-row justify-between items-center">
1140             <div class="text-2xl font-black tracking-tighter text-white mb-4 md:mb-0">
1141                 <a href="//www.dmca.com/Protection/Status.aspx?ID=d2f8a004-d6eb-4e0f-b400-54ca45551d70" title="DMCA.com Protection Status" class="dmca-badge"> <img src ="https://images.dmca.com/Badges/dmca-badge-w150-5x1-06.png?ID=d2f8a004-d6eb-4e0f-b400-54ca45551d70"  alt="DMCA.com Protection Status" /></a>  
1141<script src="https://images.dmca.com/Badges/DMCABadgeHelper.min.js"> </script>
1141
1142             </div>
1143             <div class="text-center md:text-right">
1144                 <p class="text-xs text-gray-600 mb-2">
1145                     &copy; 2026 Growthym.
1146                 </p>
1147             </div>
1148             <div class="flex space-x-6 mt-4 md:mt-0">
1149                 <a href="https://www.linkedin.com/company/growthym/" target="_blank" class="text-gray-500 hover:text-brand-gold text-lg"><i class="fa-brands fa-linkedin"></i></a>
1150                 <a href="https://www.youtube.com/@Growthym" target="_blank" class="text-gray-500 hover:text-brand-gold text-lg"><i class="fab fa-youtube text-lg"></i></a>
1151                 <a href="https://www.instagram.com/growthymofficial/" target="_blank" class="text-gray-500 hover:text-brand-gold text-lg"><i class="fab fa-instagram text-lg"></i></a>
1152             </div>
1153         </div>
1154     </div>
1155 </footer>
1156
1157 <div id="modal" class="fixed inset-0 z-[100] hidden items-center justify-center">
1158     <div class="absolute inset-0 bg-black/90 backdrop-blur-sm transition-opacity opacity-0" id="modal-backdrop"></div>
1159     <div class="bg-white w-full max-w-lg p-10 relative z-10 shadow-2xl transform scale-95 opacity-0 transition-all duration-300 border-t-4 border-brand-gold" id="modal-content">
1160         <button class="absolute top-4 right-4 text-3xl text-gray-300 hover:text-black transition-colors" id="close-modal"> <svg class="w-5 h-5 text-gray-700"
1161       viewBox="0 0 24 24"
1162       fill="none"
1163       stroke="currentColor"
1164       stroke-width="2">
1165    <path d="M18 6L6 18M6 6l12 12" />
1166  </svg></button>
1167
1168         <h3 class="text-2xl font-black mb-2 uppercase">Book Strategy</h3>
1169         <p class="text-sm text-gray-500 mb-8">We will assess your current growth system and outline a revenue-aligned path forward.</p>
1170         
1171<div class="wpcf7 no-js" id="wpcf7-f188-o1" lang="en-US" dir="ltr" data-wpcf7-id="188">
1172<div class="screen-reader-response"><p role="status" aria-live="polite" aria-atomic="true"></p> <ul></ul></div>
1173<form action="/services/ai-search-visibility/#wpcf7-f188-o1" method="post" class="wpcf7-form init" aria-label="Contact form" novalidate="novalidate" data-status="init">
1174<fieldset class="hidden-fields-container"><input type="hidden" name="_wpcf7" value="188" /><input type="hidden" name="_wpcf7_version" value="6.1.4" /><input type="hidden" name="_wpcf7_locale" value="en_US" /><input type="hidden" name="_wpcf7_unit_tag" value="wpcf7-f188-o1" /><input type="hidden" name="_wpcf7_container_post" value="0" /><input type="hidden" name="_wpcf7_posted_data_hash" value="" /><input type="hidden" name="_wpcf7_recaptcha_response" value="" />
1175</fieldset>
1176<div>
1177	<div class="mb-6">
1178		<p><label class="block text-xs font-bold uppercase mb-2 text-gray-500"><br />
1179Work Email<br />
1180</label><br />
1181<span class="wpcf7-form-control-wrap" data-name="work_email"><input size="40" maxlength="400" class="wpcf7-form-control wpcf7-email wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-email w-full border-2 border-gray-100 p-4 focusoutline-none focusborder-brand-gold transition-colors font-bold" aria-required="true" aria-invalid="false" placeholder="[email protected]" value="" type="email" name="work_email" /></span>
1182		</p>
1183	</div>
1184	<div class="mb-6">
1185		<p><label class="block text-xs font-bold uppercase mb-2 text-gray-500"><br />
1186Challenge<br />
1187</label><br />
1188<span class="wpcf7-form-control-wrap" data-name="challenge"><select class="wpcf7-form-control wpcf7-select wpcf7-validates-as-required w-full border-2 border-gray-100 p-4 focusoutline-none focusborder-brand-gold transition-colors bg-white font-bold" aria-required="true" aria-invalid="false" name="challenge"><option value="Predictable Pipeline">Predictable Pipeline</option><option value="Lowering CAC">Lowering CAC</option><option value="Marketing Operations / AI">Marketing Operations / AI</option></select></span>
1189		</p>
1190	</div>
1191	<p><input class="wpcf7-form-control wpcf7-submit has-spinner w-full bg-black text-white py-5 font-bold uppercase tracking-widest btn-gold-hover" type="submit" value="Request Call" />
1192	</p>
1193</div><div class="wpcf7-response-output" aria-hidden="true"></div>
1194</form>
1195</div>
1196     </div>
1197 </div>
1198
1199 
1199<script>
1200     // 1. SCROLL REVEAL ANIMATION
1201     function reveal() {
1202         var reveals = document.querySelectorAll(".reveal");
1203         for (var i = 0; i < reveals.length; i++) {
1204             var windowHeight = window.innerHeight;
1205             var elementTop = reveals[i].getBoundingClientRect().top;
1206             var elementVisible = 100;
1207             if (elementTop < windowHeight - elementVisible) {
1208                 reveals[i].classList.add("active");
1209             }
1210         }
1211     }
1212     window.addEventListener("scroll", reveal);
1213     // Trigger once on load
1214     reveal();
1215
1216     // 2. TAB LOGIC
1217     function switchTab(tabName) {
1218         // Hide all content
1219         const contents = document.querySelectorAll('.tab-content');
1220         contents.forEach(c => c.classList.remove('active'));
1221         // Reset buttons
1222         const buttons = document.querySelectorAll('.tab-btn');
1223         buttons.forEach(b => {
1224             b.classList.remove('text-brand-gold', 'border-brand-gold');
1225             b.classList.add('text-gray-400', 'border-transparent');
1226         });
1227
1228         // Show Target
1229         document.getElementById('content-' + tabName).classList.add('active');
1230         // Highlight Button
1231         const activeBtn = document.getElementById('btn-' + tabName);
1232         activeBtn.classList.remove('text-gray-400', 'border-transparent');
1233         activeBtn.classList.add('text-brand-gold', 'border-brand-gold');
1234     }
1235
1236     // 3. MODAL LOGIC
1237     const modal = document.getElementById('modal');
1238     const backdrop = document.getElementById('modal-backdrop');
1239     const content = document.getElementById('modal-content');
1240     const triggers = document.querySelectorAll('.trigger-modal');
1241     const closeBtn = document.getElementById('close-modal');
1242
1243     function openModal() {
1244         modal.classList.remove('hidden');
1245         modal.classList.add('flex');
1246         setTimeout(() => {
1247             backdrop.classList.remove('opacity-0');
1248             content.classList.remove('scale-95', 'opacity-0');
1249             content.classList.add('scale-100', 'opacity-100');
1250         }, 10);
1251     }
1252
1253     function closeModal() {
1254         backdrop.classList.add('opacity-0');
1255         content.classList.remove('scale-100', 'opacity-100');
1256         content.classList.add('scale-95', 'opacity-0');
1257         setTimeout(() => {
1258             modal.classList.remove('flex');
1259             modal.classList.add('hidden');
1260         }, 300);
1261     }
1262
1263     triggers.forEach(btn => btn.addEventListener('click', openModal));
1264     closeBtn.addEventListener('click', closeModal);
1265     modal.addEventListener('click', (e) => {
1266         if (e.target === modal) closeModal();
1267     });
1268
1269     // Filtering Logic
1270     function filterPosts(category, btn) {
1271         // Update buttons
1272         document.querySelectorAll('.filter-btn').forEach(b => b.classList.remove('active'));
1273         btn.classList.add('active');
1274
1275         // Filter items
1276         const items = document.querySelectorAll('.filter-item');
1277         items.forEach(item => {
1278             if (category === 'all' || item.getAttribute('data-category') === category) {
1279                 item.style.display = 'flex';
1280                 // Trigger animation reset
1281                 item.style.opacity = '0';
1282                 item.style.transform = 'translateY(10px)';
1283                 setTimeout(() => {
1284                     item.style.opacity = '1';
1285                     item.style.transform = 'translateY(0)';
1286                 }, 50);
1287             } else {
1288                 item.style.display = 'none';
1289             }
1290         });
1291     }
1292         // Accordion
1293        function toggleAccordion(element) {
1294            const isActive = element.classList.contains('active');
1295            // Close all
1296            document.querySelectorAll('.accordion-item').forEach(item => {
1297                item.classList.remove('active');
1298            });
1299            // Open clicked if wasn't active
1300            if (!isActive) {
1301                element.classList.add('active');
1302            }
1303        }
1304 </script>
1304
1305 
1305<script type="speculationrules">
1306{"prefetch":[{"source":"document","where":{"and":[{"href_matches":"/*"},{"not":{"href_matches":["/wp-*.php","/wp-admin/*","/wp-content/uploads/*","/wp-content/*","/wp-content/plugins/*","/wp-content/themes/growthym/*","/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]}
1307</script>
1307
1308    
1308<script>
1309        document.addEventListener('wpcf7mailsent', function() {
1310            window.location.href = "/thank-you/";
1311        }, false);
1312    </script>
vendor: 1 bytes, line 1312
1312
1313<script type="text/javascript" src="https://growthym.com/wp-includes/js/dist/hooks.min.js?ver=dd5603f07f9220ed27f1" id="wp-hooks-js"></script>
vendor: 1 bytes, line 1313
1313
1314<script type="text/javascript" src="https://growthym.com/wp-includes/js/dist/i18n.min.js?ver=c26c3dc7bed366793375" id="wp-i18n-js"></script>
vendor: 1 bytes, line 1314
1314
1315<script type="text/javascript" id="wp-i18n-js-after">
1316/* <![CDATA[ */
1317wp.i18n.setLocaleData( { 'text direction\u0004ltr': [ 'ltr' ] } );
1318//# sourceURL=wp-i18n-js-after
1319/* ]]> */
1320</script>
vendor: 1 bytes, line 1320
1320
1321<script type="text/javascript" src="https://growthym.com/wp-content/plugins/contact-form-7/includes/swv/js/index.js?ver=6.1.4" id="swv-js"></script>
vendor: 1 bytes, line 1321
1321
1322<script type="text/javascript" id="contact-form-7-js-before">
1323/* <![CDATA[ */
1324var wpcf7 = {
1325    "api": {
1326        "root": "https:\/\/growthym.com\/wp-json\/",
1327        "namespace": "contact-form-7\/v1"
1328    },
1329    "cached": 1
1330};
1331//# sourceURL=contact-form-7-js-before
1332/* ]]> */
1333</script>
vendor: 1 bytes, line 1333
1333
1334<script type="text/javascript" src="https://growthym.com/wp-content/plugins/contact-form-7/includes/js/index.js?ver=6.1.4" id="contact-form-7-js"></script>
vendor: 84 bytes, lines 1334-1335
1334
1335<script type="text/javascript" src="https://www.google.com/recaptcha/api.js?render=
13356LfJ2kssAAAAAILc-q7UPfxmymlHnupAGq9Bu-Ya
vendor: 49 bytes, line 1335
1335&amp;ver=3.0" id="google-recaptcha-js"></script>
1336<script type="text/javascript" src="https://growthym.com/wp-includes/js/dist/vendor/wp-polyfill.min.js?ver=3.15.0" id="wp-polyfill-js"></script>
vendor: 1 bytes, line 1336
1336
1337<script type="text/javascript" id="wpcf7-recaptcha-js-before">
1338/* <![CDATA[ */
1339var wpcf7_recaptcha = {
1340    "sitekey": "6LfJ2kssAAAAAILc-q7UPfxmymlHnupAGq9Bu-Ya",
1341    "actions": {
1342        "homepage": "homepage",
1343        "contactform": "contactform"
1344    }
1345};
1346//# sourceURL=wpcf7-recaptcha-js-before
1347/* ]]> */
1348</script>
vendor: 1 bytes, line 1348
1348
1349<script type="text/javascript" src="https://growthym.com/wp-content/plugins/contact-form-7/modules/recaptcha/index.js?ver=6.1.4" id="wpcf7-recaptcha-js"></script>
vendor: 1 bytes, line 1349
1349
1350<script type="text/javascript" src="https://growthym.com/wp-content/plugins/google-site-kit/dist/assets/js/googlesitekit-events-provider-contact-form-7-fac2a8013ba5ba355cd0.js" id="googlesitekit-events-provider-contact-form-7-js" defer></script>
vendor: 1 bytes, line 1350
1350
1351<script type="text/javascript" id="googlesitekit-events-provider-content-events-js-before">
1352/* <![CDATA[ */
1353window._googlesitekit = window._googlesitekit || {};
1354window._googlesitekit.contentEvents = {"postID":197,"isSinglePost":false,"hasVimeoEmbed":false};
1355//# sourceURL=googlesitekit-events-provider-content-events-js-before
1356/* ]]> */
1357</script>
vendor: 1 bytes, line 1357
1357
1358<script type="text/javascript" src="https://growthym.com/wp-content/plugins/google-site-kit/dist/assets/js/googlesitekit-events-provider-content-events-bb83c1a0aedefa5d25d1.js" id="googlesitekit-events-provider-content-events-js" defer></script>
vendor: 1 bytes, line 1358
1358
1359<script id="wp-emoji-settings" type="application/json">
1360{"baseUrl":"https://s.w.org/images/core/emoji/17.0.2/72x72/","ext":".png","svgUrl":"https://s.w.org/images/core/emoji/17.0.2/svg/","svgExt":".svg","source":{"concatemoji":"https://growthym.com/wp-includes/js/wp-emoji-release.min.js?ver=6.9.9"}}
1361</script>
vendor: 1 bytes, line 1361
1361
1362<script type="module">
1363/* <![CDATA[ */
1364/*! This file is auto-generated */
1365var e="script#wp-emoji-settings",t=document.querySelector(e);if(!(t instanceof HTMLScriptElement))throw new Error("Element missing: "+e);const r=JSON.parse(t.text),s=(window._wpemojiSettings=r,"wpEmojiSettingsSupports"),o=["flag","emoji"];function i(e){try{var t={supportTests:e,timestamp:(new Date).valueOf()};sessionStorage.setItem(s,JSON.stringify(t))}catch(e){}}function c(e,t,n){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);t=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data);e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(n,0,0);const r=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data);return t.every((e,t)=>e===r[t])}function p(e,t){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);var n=e.getImageData(16,16,1,1);for(let e=0;e<n.data.length;e++)if(0!==n.data[e])return!1;return!0}function u(e,t,n,r){switch(t){case"flag":return n(e,"\ud83c\udff3\ufe0f\u200d\u26a7\ufe0f","\ud83c\udff3\ufe0f\u200b\u26a7\ufe0f")?!1:!n(e,"\ud83c\udde8\ud83c\uddf6","\ud83c\udde8\u200b\ud83c\uddf6")&&!n(e,"\ud83c\udff4\udb40\udc67\udb40\udc62\udb40\udc65\udb40\udc6e\udb40\udc67\udb40\udc7f","\ud83c\udff4\u200b\udb40\udc67\u200b\udb40\udc62\u200b\udb40\udc65\u200b\udb40\udc6e\u200b\udb40\udc67\u200b\udb40\udc7f");case"emoji":return!r(e,"\ud83e\u1fac8")}return!1}function f(e,t,n,r){let a;const s=(a="undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?new OffscreenCanvas(300,150):document.createElement("canvas")).getContext("2d",{willReadFrequently:!0}),o=(s.textBaseline="top",s.font="600 32px Arial",{});return e.forEach(e=>{o[e]=t(s,e,n,r)}),o}function a(e){var t=document.createElement("script");t.src=e,t.defer=!0,document.head.appendChild(t)}r.supports={everything:!0,everythingExceptFlag:!0},new Promise(t=>{let n=function(){try{var e=JSON.parse(sessionStorage.getItem(s));if("object"==typeof e&&"number"==typeof e.timestamp&&(new Date).valueOf()<e.timestamp+604800&&"object"==typeof e.supportTests)return e.supportTests}catch(e){}return null}();if(!n){if("undefined"!=typeof Worker&&"undefined"!=typeof OffscreenCanvas&&"undefined"!=typeof URL&&URL.createObjectURL&&"undefined"!=typeof Blob)try{var e="postMessage("+f.toString()+"("+[JSON.stringify(o),u.toString(),c.toString(),p.toString()].join(",")+"));",r=new Blob([e],{type:"text/javascript"});const a=new Worker(URL.createObjectURL(r),{name:"wpTestEmojiSupports"});return void(a.onmessage=e=>{i(n=e.data),a.terminate(),t(n)})}catch(e){}i(n=f(o,u,c,p))}t(n)}).then(e=>{for(const n in e)r.supports[n]=e[n],r.supports.everything=r.supports.everything&&r.supports[n],"flag"!==n&&(r.supports.everythingExceptFlag=r.supports.everythingExceptFlag&&r.supports[n]);var t;r.supports.everythingExceptFlag=r.supports.everythingExceptFlag&&!r.supports.flag,r.supports.everything||((t=r.source||{}).concatemoji?a(t.concatemoji):t.wpemoji&&t.twemoji&&(a(t.twemoji),a(t.wpemoji)))});
1366//# sourceURL=https://growthym.com/wp-includes/js/wp-emoji-loader.min.js
1367/* ]]> */
1368</script>
1368
1369 <!-- Google Tag Manager (noscript) -->
vendor: 69 bytes, lines 1369-1370
1369
1370 <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
1370GTM-5GLSRC9
vendor: 93 bytes, lines 1370-1372
1370"
1371         height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
1372 
1372<!-- End Google Tag Manager (noscript) -->
1373 </body>
1374
1375 </html>
1376
1377<!-- Page cached by LiteSpeed Cache 7.9.1 on 2026-09-27 23:19:25 -->

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.