PageSourceSearch

https://getambassador.com/blog

html getambassador.com collected 2026-10-02 02:38:55 UTC 128,419 bytes, 3,783 lines download raw bytes

1<!--
2  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
3  SOURCE OF TRUTH: GitHub repo ambassador-website
4  Path: src/templates/layouts/base.html  (branch: main)
5
6  DO NOT EDIT IN DESIGN MANAGER OR VIA THE CLAUDE / HUBSPOT MCP CONNECTOR.
7  Changes made here will be overwritten on the next deploy from git.
8  For changes, open a PR in the repo or ping Ethan in Slack.
9  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
10--><!doctype html><html lang="en"><head>
11    <meta charset="utf-8">
12    <title>Customer Engagement Blog: Tips for Success | Ambassador</title>
13    <link rel="shortcut icon" href="https://getambassador.com/hubfs/Ambassador%20-%20Icon%2c%20Transparent-1.png">
14    <meta name="description" content="Explore effective strategies in our Customer engagement blog to foster meaningful relationships with your audience.">
15    <link rel="preconnect" href="https://fonts.googleapis.com">
16    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
17    <link rel="preconnect" href="https://js.hsforms.net" crossorigin>
18    <link rel="preconnect" href="https://forms.hubspot.com" crossorigin>
19    <link rel="preconnect" href="https://www.g2.com" crossorigin>
20    <link rel="preload" href="https://fonts.googleapis.com/css2?family=DM+Sans:wght@300;400;500;600;700&amp;
20family=Raleway:wght@800&amp;display=swap" as="style" onload="this.onload=null;this.rel='stylesheet'">
21    <noscript><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=DM+Sans:wght@300;400;500;600;700&amp;family=Raleway:wght@800&amp;display=swap"></noscript>
22    
23    
24    
25    
26    
27    <meta name="viewport" content="width=device-width, initial-scale=1">
28
29    
30    <meta property="og:description" content="Explore effective strategies in our Customer engagement blog to foster meaningful relationships with your audience.">
31    <meta property="og:title" content="Customer Engagement Blog: Tips for Success | Ambassador">
32    <meta name="twitter:description" content="Explore effective strategies in our Customer engagement blog to foster meaningful relationships with your audience.">
33    <meta name="twitter:title" content="Customer Engagement Blog: Tips for Success | Ambassador">
34
35    
36
37    
38    <style>
39a.cta_button{-moz-box-sizing:content-box !important;-webkit-box-sizing:content-box !important;box-sizing:content-box !important;vertical-align:middle}.hs-breadcrumb-menu{list-style-type:none;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px}.hs-breadcrumb-menu-item{float:left;padding:10px 0px 10px 10px}.hs-breadcrumb-menu-divider:before{content:'›';padding-left:10px}.hs-featured-image-link{border:0}.hs-featured-image{float:right;margin:0 0 20px 20px;max-width:50%}@media (max-width: 568px){.hs-featured-image{float:none;margin:0;width:100%;max-width:100%}}.hs-screen-reader-text{clip:rect(1px, 1px, 1px, 1px);height:1px;overflow:hidden;position:absolute !important;width:1px}
40</style>
41
42<link rel="stylesheet" href="https://getambassador.com/hubfs/hub_generated/template_assets/1/321618318019/1782829173174/template_main.min.css">
43<link rel="stylesheet" href="https://getambassador.com/hubfs/hub_generated/template_assets/1/321603514092/1782829176555/template_theme-overrides.min.css">
44<style>
45  @font-face {
46    font-family: "Lato";
47    font-weight: 400;
48    font-style: normal;
49    font-display: swap;
50    src: url("/_hcms/googlefonts/Lato/regular.woff2") format("woff2"), url("/_hcms/googlefonts/Lato/regular.woff") format("woff");
51  }
52  @font-face {
53    font-family: "Lato";
54    font-weight: 700;
55    font-style: normal;
56    font-display: swap;
57    src: url("/_hcms/googlefonts/Lato/700.woff2") format("woff2"), url("/_hcms/googlefonts/Lato/700.woff") format("woff");
58  }
59  @font-face {
60    font-family: "Merriweather";
61    font-weight: 400;
62    font-style: normal;
63    font-display: swap;
64    src: url("/_hcms/googlefonts/Merriweather/regular.woff2") format("woff2"), url("/_hcms/googlefonts/Merriweather/regular.woff") format("woff");
65  }
66  @font-face {
67    font-family: "Merriweather";
68    font-weight: 700;
69    font-style: normal;
70    font-display: swap;
71    src: url("/_hcms/googlefonts/Merriweather/700.woff2") format("woff2"), url("/_hcms/googlefonts/Merriweather/700.woff") format("woff");
72  }
73</style>
74
75    
76
77    
78<!--  Added by GoogleAnalytics4 integration -->
79<script data-cookieconsent="ignore">
80var _hsp = window._hsp = window._hsp || [];
81window.dataLayer = window.dataLayer || [];
82function gtag(){dataLayer.push(arguments);}
83
84var useGoogleConsentModeV2 = true;
85var waitForUpdateMillis = 1000;
86
87
88if (!window._hsGoogleConsentRunOnce) {
89  window._hsGoogleConsentRunOnce = true;
90
91  gtag('consent', 'default', {
92    'ad_storage': 'denied',
93    'analytics_storage': 'denied',
94    'ad_user_data': 'denied',
95    'ad_personalization': 'denied',
96    'wait_for_update': waitForUpdateMillis
97  });
98
99  if (useGoogleConsentModeV2) {
100    _hsp.push(['useGoogleConsentModeV2'])
101  } else {
102    _hsp.push(['addPrivacyConsentListener', function(consent){
103      var hasAnalyticsConsent = consent && (consent.allowed || (consent.categories && consent.categories.analytics));
104      var hasAdsConsent = consent && (consent.allowed || (consent.categories && consent.categories.advertisement));
105
106      gtag('consent', 'update', {
107        'ad_storage': hasAdsConsent ? 'granted' : 'denied',
108        'analytics_storage': hasAnalyticsConsent ? 'granted' : 'denied',
109        'ad_user_data': hasAdsConsent ? 'granted' : 'denied',
110        'ad_personalization': hasAdsConsent ? 'granted' : 'denied'
111      });
112    }]);
113  }
114}
115
116gtag('js', new Date());
117gtag('set', 'developer_id.dZTQ1Zm', true);
118gtag('config', 'G-2CHRCDRML8');
119</script>
vendor: 92 bytes, lines 119-120
119
120<script data-cookieconsent="ignore" async src="https://www.googletagmanager.com/gtag/js?id=
120G-2CHRCDRML8
vendor: 13 bytes, lines 120-121
120"></script>
121
122<!-- /Added by GoogleAnalytics4 integration -->
123
124<!--  Added by GoogleTagManager integration -->
125<script data-cookieconsent="ignore">
126var _hsp = window._hsp = window._hsp || [];
127window.dataLayer = window.dataLayer || [];
128function gtag(){dataLayer.push(arguments);}
129
130var useGoogleConsentModeV2 = true;
131var waitForUpdateMillis = 1000;
132
133if (useGoogleConsentModeV2) {
134
135  gtag('set','developer_id.dZTQ1Zm',true);
136
137  gtag('consent', 'default', {
138  'ad_storage': 'denied',
139  'analytics_storage': 'denied',
140  'ad_user_data': 'denied',
141  'ad_personalization': 'denied',
142  'wait_for_update': waitForUpdateMillis
143  });
144}
145
146var hsLoadGtm = function loadGtm() {
147    if(window._hsGtmLoadOnce) {
148      return;
149    }
150
151    if (useGoogleConsentModeV2) {
152      _hsp.push(['useGoogleConsentModeV2'])
153    }
vendor: 349 bytes, lines 153-159
153
154
155    (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
156    new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
157    j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
158    'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
159    })(window,document,'script','dataLayer','
159GTM-MS4V6QS
vendor: 9 bytes, lines 159-161
159');
160
161    
161window._hsGtmLoadOnce = true;
162};
163
164_hsp.push(['addPrivacyConsentListener', function(consent){
165  if(consent.allowed || (consent.categories && consent.categories.analytics)){
166    hsLoadGtm();
167  }
168}]);
169
170</script>
170
171
172<!-- /Added by GoogleTagManager integration -->
173
174
175<style>
176  /* ===== Layout ===== */
177  
178  [data-hsfc-id=Renderer] .hsfc-Row{
179    gap: 15px !important;
180    margin-bottom: 2px !important;
181  }
182  
183  [id*="d40a74d2-e075-4eec-9296-f1ca663d9291"][id*="hs_form_target_form"] button[type="submit"]{
184  	width: 100% !important;
185    font-size: 16px !important;
186  }
187  
188  .hsfc-FieldLabel__RequiredIndicator{
189  display: none !important;
190  }
191  
192  .hsfc-Form .hsfc-TextInput,
193  .hsfc-Form select,
194  .hsfc-Form textarea {
195    outline: none !important;
196    border: 2px solid #CFC6D6;
197    color: #CFC6D6;
198    border-radius: 6px;
199    padding: 18px;
200    height: 55px;
201    font-size: 16px !important;
202    font-weight: 600;
203    box-sizing: border-box;
204    width: 100%;
205    background: #fff;
206  }
207</style>
208
209<script>
210  window.addEventListener("message", function(event) {
211    // HubSpot global form events send postMessage payloads
212    if (!event.data || typeof event.data !== "object") return;
213	
214    const attachForm = document.querySelector('[id*="d40a74d2-e075-4eec-9296-f1ca663d9291"]')
215	const enhanced_email = attachForm?.querySelector('[name*="email"]');
216    const enhancedNumEmployees = attachForm?.querySelector('[placeholder*="Employee"]')
217
218    if (event.data.formGuid === "d40a74d2-e075-4eec-9296-f1ca663d9291") {
219      console.log("HubSpot form submitted!", event.data);
220      window.dataLayer = window.dataLayer || [];
221      window.dataLayer.push({ event: 'bookMeetingForm', email: enhanced_email?.value, numEmployees: enhancedNumEmployees?.value });
222    }
223  });
224</script>
224
225<link rel="next" href="https://getambassador.com/blog/page/2">
226<meta property="og:url" content="https://getambassador.com/blog">
227<meta property="og:type" content="blog">
228<meta name="twitter:card" content="summary">
229<link rel="alternate" type="application/rss+xml" href="https://getambassador.com/blog/rss.xml">
230<meta name="twitter:domain" content="getambassador.com">
231<script src="//platform.linkedin.com/in.js" type="text/javascript">
232    lang: en_US
233</script>
233
234
235<meta http-equiv="content-language" content="en">
236
237
238
239
240
241
242    <style>
243    @font-face { font-family: 'Merriweather'; src: local('Georgia'); font-weight: 400; font-style: normal; font-display: optional; }
244    @font-face { font-family: 'Merriweather'; src: local('Georgia'); font-weight: 700; font-style: normal; font-display: optional; }
245    @font-face { font-family: 'Merriweather'; src: local('Georgia'); font-weight: 400; font-style: italic; font-display: optional; }
246    @font-face { font-family: 'Merriweather Sans'; src: local('Arial'); font-weight: 400; font-style: normal; font-display: optional; }
247    @font-face { font-family: 'Merriweather Sans'; src: local('Arial'); font-weight: 700; font-style: normal; font-display: optional; }
248    @font-face { font-family: 'Lato'; src: local('Arial'); font-weight: 400; font-style: normal; font-display: optional; }
249    @font-face { font-family: 'Lato'; src: local('Arial'); font-weight: 700; font-style: normal; font-display: optional; }
250    @font-face { font-family: 'Lato'; src: local('Arial'); font-weight: 400; font-style: italic; font-display: optional; }
251    </style>
252    <link rel="service-doc" href="https://docs.getambassador.com/">
253    <link rel="service-doc" href="https://knowledgebase.getambassador.com/">
254    
255    
255<script type="application/ld+json">
256    {
257      "@context": "https://schema.org",
258      "@type": "Organization",
259      "@id": "https://getambassador.com/#organization",
260      "name": "Ambassador",
261      "legalName": "i2H, Inc. dba Ambassador",
262      "url": "https://getambassador.com/",
263      "address": {
264        "@type": "PostalAddress",
265        "streetAddress": "2212 Queen Anne Ave North, Suite 767",
266        "addressLocality": "Seattle",
267        "addressRegion": "WA",
268        "postalCode": "98109",
269        "addressCountry": "US"
270      }
271    }
272    </script>
272
273  <meta name="generator" content="HubSpot"></head>
274  <body>
275<!--  Added by GoogleTagManager integration -->
vendor: 68 bytes, lines 275-276
275
276<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
276GTM-MS4V6QS
vendor: 84 bytes, lines 276-277
276" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
277
278<!-- /Added by GoogleTagManager integration -->
279
280    <div class="body-wrapper   hs-content-id-271574591175 hs-blog-listing hs-blog-id-271574591173">
281      
282        <!--
283  ========================================================================
284  SOURCE OF TRUTH: GitHub repo ambassador-website
285  Path: src/templates/partials/header.html  (branch: main)
286
287  DO NOT EDIT IN DESIGN MANAGER OR VIA THE CLAUDE / HUBSPOT MCP CONNECTOR.
288  Changes made here will be overwritten on the next deploy from git.
289  For changes, open a PR in the repo or ping Ethan in Slack.
290  ========================================================================
291-->
292
293<style>
294/* ══════════════════════════════════════════
295   SITE NAV v5 — Always visible, scroll enhances
296   Default: white background, always shown
297   Scroll adds shadow + border refinement
298══════════════════════════════════════════ */
299
300/* Skip link */
301.nav-skip {
302  position: absolute;
303  top: -100px;
304  left: 0;
305  padding: 8px 16px;
306  background: #1A3BAE;
307  color: #fff;
308  font-size: 14px;
309  font-weight: 600;
310  text-decoration: none;
311  z-index: 9999;
312  border-radius: 0 0 6px 0;
313  transition: top 0.1s;
314}
315.nav-skip:focus { top: 0; }
316
317/* ── Outer shell: always visible ── */
318.nav-site {
319  position: fixed;
320  top: 0; left: 0; right: 0;
321  z-index: 1000;
322  /* Much more translucent + stronger blur + saturate so the nav reads as
323     a frosted-glass strip rather than a hard white rectangle on dark
324     sections. Hard edges (border, shadow) removed at rest; subtle ones
325     come back via .nav--scrolled. */
326  background: rgba(255,255,255,0.55);
327  border-bottom: 1px solid transparent;
328  box-shadow: none;
329  backdrop-filter: blur(20px) saturate(160%);
330  -webkit-backdrop-filter: blur(20px) saturate(160%);
331  font-family: 'DM Sans', Arial, sans-serif;
332  overflow: visible;
333  transition: background 300ms ease, box-shadow 300ms ease, border-color 300ms ease;
334}
335
336.nav-site__inner {
337  max-width: 1200px;
338  margin: 0 auto;
339  padding: 0 32px;
340  height: 72px;
341  display: flex;
342  align-items: center;
343  gap: 0;
344  position: relative;
345  overflow: visible;
346}
347
348/* ── Logo ── */
349.nav-site__logo {
350  display: flex;
351  align-items: center;
352  flex-shrink: 0;
353  text-decoration: none;
354  margin-right: 40px;
355  overflow: visible;
356  min-width: 160px;
357}
358.nav-site__logo .nav-site__mark {
359  width: 40px;
360  height: 40px;
361  flex-shrink: 0;
362  display: block;
363}
364.nav-site__wordmark {
365  margin-left: 9px;
366  font-family: 'Raleway', sans-serif;
367  font-size: 18px;
368  font-weight: 800;
369  letter-spacing: 0.18em;
370  text-transform: uppercase;
371  color: #0F1F3D;
372  line-height: 1;
373}
374
375/* ── Primary nav ── */
376.nav-site__nav { flex: 1; min-width: 0; }
377
378.nav-site .menu {
379  list-style: none;
380  margin: 0; padding: 0;
381  display: flex;
382  align-items: center;
383  gap: 2px;
384}
385
386/* ── Nav links ── */
387.nav-site .menu__link,
388.nav-site .menu__toggle {
389  display: inline-flex;
390  align-items: center;
391  gap: 4px;
392  padding: 8px 14px;
393  font-size: 14px;
394  font-weight: 500;
395  color: #0F1F3D;
396  text-decoration: none;
397  background: none;
398  border: none;
399  cursor: pointer;
400  border-radius: 7px;
401  transition: color 250ms ease, background-color 250ms ease;
402  white-space: nowrap;
403  line-height: 1;
404  min-height: 36px;
405}
406.nav-site .menu__link:hover,
407.nav-site .menu__toggle:hover {
408  color: #1A3BAE;
409  background-color: #EFF6FF;
410}
411
412/* Chevron */
413.nav-site .menu__toggle::after { display: none !important; content: none !important; }
414.nav-site .menu__toggle .nav-chevron {
415  width: 14px; height: 14px;
416  flex-shrink: 0;
417  transition: transform 0.25s ease;
418}
419.nav-site .menu__item--drop.open .nav-chevron {
420  transform: rotate(180deg);
421}
422
423/* ── Mega menu panel ── */
424.nav-site .menu__item--drop {
425  position: relative;
426  align-self: stretch;
427  display: flex;
428  align-items: center;
429  height: 72px;
430}
431.nav-site .nav-mega {
432  display: flex;
433  opacity: 0;
434  visibility: hidden;
435  pointer-events: none;
436  position: absolute;
437  top: 100%;
438  left: 0;
439  width: max-content;
440  background: #ffffff;
441  border: 1px solid #CDCFD6;
442  border-radius: 12px;
443  box-shadow: 0 8px 32px rgba(0,0,0,0.10);
444  padding: 8px 24px 24px;
445  z-index: 200;
446  transition: opacity 160ms ease-out, visibility 160ms ease-out;
447}
448.nav-site .menu__item--mega-global {
449  position: relative;
450  align-self: stretch;
451  display: flex;
452  align-items: center;
453}
454.nav-site .menu__item--drop .nav-mega__col {
455  flex: 0 0 200px;
456  min-width: 0;
457}
458.nav-site .nav-mega__col--strategy .nav-mega__link { white-space: normal; line-height: 1.35; }
459
460.nav-site .menu__item--drop:hover .nav-mega,
461.nav-site .menu__item--drop.open .nav-mega {
462  opacity: 1;
463  visibility: visible;
464  pointer-events: auto;
465}
466
467/* Mega inner */
468.nav-site .nav-mega__inner { display: flex; gap: 28px; }
469.nav-site .nav-mega__col { min-width: 140px; }
470.nav-site .nav-mega__heading {
471  font-size: 12px;
472  font-weight: 700;
473  letter-spacing: 0.08em;
474  text-transform: uppercase;
475  color: #606F9F;
476  margin: 0 0 12px 4px;
477}
478.nav-site .nav-mega__list {
479  list-style: none;
480  margin: 0; padding: 0;
481  display: flex;
482  flex-direction: column;
483  gap: 1px;
484}
485.nav-site .nav-mega__link {
486  display: flex;
487  align-items: center;
488  padding: 10px 16px;
489  font-size: 14px;
490  font-weight: 400;
491  color: #0F1F3D;
492  text-decoration: none;
493  border-radius: 6px;
494  min-height: 44px;
495  transition: color 150ms ease, background-color 150ms ease, box-shadow 150ms ease;
496  white-space: nowrap;
497}
498.nav-site .nav-mega__link:hover { background-color: #F8FAFC; }
499.nav-site .nav-mega__link--disabled {
500  color: #606F9F;
501  pointer-events: none;
502  cursor: default;
503}
504
505/* Coming soon badge */
506.nav-mega__badge {
507  display: inline-flex;
508  align-items: center;
509  margin-left: 8px;
510  padding: 1px 7px;
511  font-size: 12px;
512  font-weight: 500;
513  color: #606F9F;
514  background: #F1F5F9;
515  border-radius: 99px;
516}
517/* "New" pill -- green tint, matches GROW column accent. */
518.nav-mega__badge--new {
519  color: #095839;
520  background: rgba(7, 151, 105, 0.08);
521  font-weight: 600;
522  letter-spacing: 0.04em;
523}
524
525/* Column top borders + heading colors */
526/* Vibrant accent treatment (approved June 2026): borders and headings use the
527   pillar FACE colors so the menus don't read dark/dramatic. Blue accents use
528   blue/500 #1C48D9 (7:1, passes AAA). Green/orange faces sit below 4.5:1 at
529   12px -- accepted deviation for one-word uppercase headings; hover TEXT on
530   green/orange columns keeps the deep steps for 14px legibility. Purple is
531   HiroAI-only, so Strategy and Program Type columns take the blue treatment. */
532.nav-site .nav-mega__col--overview  { border-top: 3px solid #1C48D9; padding-top: 12px; }
533.nav-site .nav-mega__col--grow      { border-top: 3px solid #079769; padding-top: 12px; }
534.nav-site .nav-mega__col--keep      { border-top: 3px solid #EC7313; padding-top: 12px; }
535.nav-site .nav-mega__col--prove     { border-top: 3px solid #1C48D9; padding-top: 12px; }
536.nav-site .nav-mega__col--solutions    { border-top: 3px solid #1C48D9; padding-top: 16px; }
537.nav-site .nav-mega__col--strategy     { border-top: 3px solid #1C48D9; padding-top: 16px; }
538.nav-site .nav-mega__col--program-type { border-top: 3px solid #1C48D9; padding-top: 16px; }
539
540.nav-site .nav-mega__col--overview  .nav-mega__heading { color: #1C48D9; }
541.nav-site .nav-mega__col--grow      .nav-mega__heading { color: #079769; }
542.nav-site .nav-mega__col--keep      .nav-mega__heading { color: #EC7313; }
543.nav-site .nav-mega__col--prove     .nav-mega__heading { color: #1C48D9; }
544.nav-site .nav-mega__col--solutions    .nav-mega__heading { color: #1C48D9; }
545.nav-site .nav-mega__col--strategy     .nav-mega__heading { color: #1C48D9; }
546.nav-site .nav-mega__col--program-type .nav-mega__heading { color: #1C48D9; }
547
548.nav-site .nav-mega__col--overview  .nav-mega__link:hover { color: #1C48D9; box-shadow: inset 3px 0 0 #1C48D9; background-color: #F8FAFC; }
549.nav-site .nav-mega__col--grow      .nav-mega__link:hover { color: #095839; box-shadow: inset 3px 0 0 #079769; background-color: #F8FAFC; }
550.nav-site .nav-mega__col--keep      .nav-mega__link:hover { color: #934910; box-shadow: inset 3px 0 0 #EC7313; background-color: #F8FAFC; }
551.nav-site .nav-mega__col--prove     .nav-mega__link:hover { color: #1C48D9; box-shadow: inset 3px 0 0 #1C48D9; background-color: #F8FAFC; }
552.nav-site .nav-mega__col--solutions    .nav-mega__link:hover { color: #1C48D9; box-shadow: inset 3px 0 0 #1C48D9; background-color: #F8FAFC; }
553.nav-site .nav-mega__col--strategy     .nav-mega__link:hover { color: #1C48D9; box-shadow: inset 3px 0 0 #1C48D9; background-color: #F8FAFC; }
554.nav-site .nav-mega__col--program-type .nav-mega__link:hover { color: #1C48D9; box-shadow: inset 3px 0 0 #1C48D9; background-color: #F8FAFC; }
555
556/* ── Right side: Login + Demo CTA ── */
557.nav-site__right {
558  display: flex;
559  align-items: center;
560  gap: 6px;
561  flex-shrink: 0;
562  margin-left: 24px;
563}
564.nav-site__login {
565  padding: 8px 14px;
566  font-size: 14px;
567  font-weight: 500;
568  color: #606F9F;
569  text-decoration: none;
570  border-radius: 7px;
571  transition: color 200ms ease, background-color 200ms ease;
572  white-space: nowrap;
573}
574.nav-site__login:hover {
575  color: #1A3BAE;
576  background-color: #EFF6FF;
577}
578/* Pin all states -- HubSpot compiled CSS otherwise recolors the link on
579   focus/active (canonical pattern: .faq-demo-btn in partials/faq.html). */
580.nav-site__demo-btn,
581.nav-site__demo-btn:link,
582.nav-site__demo-btn:visited,
583.nav-site__demo-btn:hover,
584.nav-site__demo-btn:focus,
585.nav-site__demo-btn:active {
586  color: #ffffff;
587  text-decoration: none;
588}
589.nav-site__demo-btn {
590  padding: 9px 20px;
591  font-size: 14px;
592  font-weight: 600;
593  line-height: 1.4;
594  background: #1A3BAE;
595  border: 1px solid #1A3BAE;
596  border-radius: 8px;
597  transition: background-color 250ms ease, border-color 250ms ease, box-shadow 250ms ease;
598  white-space: nowrap;
599  display: inline-flex;
600  align-items: center;
601  min-height: 38px;
602}
603.nav-site__demo-btn:hover {
604  background: #11215B;
605  border-color: #11215B;
606  box-shadow: 0 4px 14px rgba(26,59,174,0.28);
607}
608.nav-site__demo-btn:focus-visible {
609  outline: 2px solid #3B63E8;
610  outline-offset: 2px;
611}
612
613/* ── Mobile hamburger toggle ── */
614.nav-site .nav-mobile-toggle {
615  display: none;
616  flex-direction: column;
617  justify-content: center;
618  gap: 5px;
619  background: none;
620  border: none;
621  cursor: pointer;
622  padding: 8px;
623  margin-left: auto;
624  flex-shrink: 0;
625}
626.nav-site .nav-mobile-toggle span {
627  display: block;
628  width: 22px;
629  height: 2px;
630  background: #324278;
631  border-radius: 2px;
632  transition: transform 0.2s ease, opacity 0.2s ease;
633}
634.nav-site .nav-mobile-toggle.is-active span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
635.nav-site .nav-mobile-toggle.is-active span:nth-child(2) { opacity: 0; }
636.nav-site .nav-mobile-toggle.is-active span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }
637
638/* Mobile-only CTA block — hidden on desktop */
639.nav-mobile-cta { display: none; }
640
641/* ── Scroll enhancement ── */
642.nav-site.nav--scrolled {
643  background: rgba(255,255,255,0.7);
644  border-bottom-color: rgba(205,207,214,0.4);
645  box-shadow: 0 1px 8px rgba(0,0,0,0.03);
646}
647
648/* ── Mobile layout ── */
649@media (max-width: 767px) {
650  .nav-site__inner { padding: 0 16px; }
651  .nav-site .nav-site__nav { display: none; }
652  /* Hide the right-side bar entirely — Login + Get Demo move into the drawer */
653  .nav-site .nav-site__right { display: none; }
654  .nav-site .nav-mobile-toggle { display: flex; }
655
656  /* Get Demo button inside mobile drawer */
657  .nav-mobile-cta {
658    display: flex;
659    flex-direction: column;
660    gap: 8px;
661    padding: 16px 8px 8px;
662    border-top: 1px solid #CDCFD6;
663    margin-top: 8px;
664  }
665  .nav-mobile-cta__demo {
666    display: block;
667    text-align: center;
668    padding: 12px 20px;
669    background: #1A3BAE;
670    color: #fff;
671    font-size: 15px;
672    font-weight: 600;
673    border-radius: 8px;
674    text-decoration: none;
675  }
676  .nav-mobile-cta__login {
677    display: block;
678    text-align: center;
679    padding: 10px 20px;
680    color: #606F9F;
681    font-size: 14px;
682    font-weight: 500;
683    text-decoration: none;
684    border-radius: 8px;
685  }
686
687  /* Mobile nav drawer */
688  .nav-site .nav-site__nav.is-open {
689    display: block;
690    position: absolute;
691    top: 72px;
692    left: 0; right: 0;
693    background: #ffffff;
694    border-top: 1px solid #CDCFD6;
695    border-bottom: 1px solid #CDCFD6;
696    padding: 12px 20px 24px;
697    box-shadow: 0 8px 24px rgba(15,31,61,0.10);
698    z-index: 999;
699    max-height: calc(100vh - 72px);
700    overflow-y: auto;
701    -webkit-overflow-scrolling: touch;
702  }
703
704  .nav-site .menu { flex-direction: column; align-items: stretch; gap: 0; }
705  .nav-site .menu__item { width: 100%; }
706  .nav-site .menu__item--drop { height: auto; }
707  .nav-site .menu__link,
708  .nav-site .menu__toggle {
709    width: 100%;
710    justify-content: space-between;
711    padding: 13px 8px;
712    border-bottom: 1px solid #F1F5F9;
713    border-radius: 0;
714    font-size: 15px;
715    color: #0F1F3D;
716  }
717  .nav-site .menu__item:last-child .menu__link { border-bottom: none; }
718
719  /* Mobile mega: inline accordion */
720  .nav-site .nav-mega {
721    display: none;
722    opacity: 1; visibility: visible; pointer-events: auto;
723    transform: none; position: static;
724    border: none; border-radius: 0; box-shadow: none;
725    padding: 4px 0 12px 12px;
726    min-width: 0; background: #F8FAFC; transition: none;
727  }
728  .nav-site .menu__item--drop.is-open .nav-mega { display: flex; }
729  .nav-site .menu__item--drop.is-open .nav-chevron { transform: rotate(180deg); }
730  .nav-site .nav-mega__inner { flex-direction: column; gap: 16px; padding: 8px 0; }
731  .nav-site .nav-mega__col { min-width: 0; }
732  .nav-site .nav-mega__link { white-space: normal; font-size: 14px; padding: 6px 10px; min-height: 0; }
733  .nav-site .nav-mega__col--overview,
734  .nav-site .nav-mega__col--grow,
735  .nav-site .nav-mega__col--keep,
736  .nav-site .nav-mega__col--prove,
737  .nav-site .nav-mega__col--solutions { border-top: none; padding-top: 0; }
738}
739</style>
740
741
742<a class="nav-skip" href="#main-content">Skip to main content</a>
743
744
745<header class="nav-site" id="ambNav" role="banner">
746  <div class="nav-site__inner">
747
748    <a class="nav-site__logo" href="/" aria-label="Ambassador -- Home">
749      <svg class="nav-site__mark" width="40" height="40" viewbox="9 10 62 62" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false">
750        <defs>
751          <radialgradient id="ambHubNav" cx="38%" cy="34%" r="62%">
752            <stop offset="0%" stop-color="#FFFFFF" stop-opacity="0.95" />
753            <stop offset="22%" stop-color="#9457F7" />
754            <stop offset="60%" stop-color="#5F11E4" />
755            <stop offset="100%" stop-color="#3B0E8C" />
756          </radialgradient>
757          <filter id="ambHubNavShadow" x="-60%" y="-60%" width="220%" height="220%">
758            <fedropshadow dx="0" dy="0.5" stdDeviation="0.85" flood-color="#0B0620" flood-opacity="0.35" />
759          </filter>
760        </defs>
761        <line x1="40" y1="17.6" x2="14.1" y2="62.4" stroke="#C4CEDE" stroke-width="1.15" stroke-linecap="round" opacity="0.95" />
762        <line x1="14.1" y1="62.4" x2="65.9" y2="62.4" stroke="#C4CEDE" stroke-width="1.15" stroke-linecap="round" opacity="0.95" />
763        <line x1="65.9" y1="62.4" x2="40" y2="17.6" stroke="#C4CEDE" stroke-width="1.15" stroke-linecap="round" opacity="0.95" />
764        <line x1="40" y1="47.5" x2="40" y2="17.6" stroke="#9457F7" stroke-width="0.75" stroke-linecap="round" opacity="0.55" />
765        <line x1="40" y1="47.5" x2="14.1" y2="62.4" stroke="#9457F7" stroke-width="0.75" stroke-linecap="round" opacity="0.55" />
766        <line x1="40" y1="47.5" x2="65.9" y2="62.4" stroke="#9457F7" stroke-width="0.75" stroke-linecap="round" opacity="0.55" />
767        <circle cx="40" cy="17.6" r="4.25" fill="#1C48D9" />
768        <circle cx="14.1" cy="62.4" r="4.25" fill="#1C48D9" />
769        <circle cx="65.9" cy="62.4" r="4.25" fill="#1C48D9" />
770        <circle cx="40" cy="47.5" r="7.6" fill="url(#ambHubNav)" filter="url
770(#ambHubNavShadow)" />
771      </svg>
772      <span class="nav-site__wordmark">AMBASSADOR</span>
773    </a>
774
775    
776    <nav class="nav-site__nav" id="ambNavMenu" aria-label="Site navigation">
777      <ul class="menu" role="list">
778
779        
780        <li class="menu__item menu__item--drop menu__item--mega-global">
781          <button class="menu__toggle" type="button" aria-haspopup="true" aria-expanded="false">
782            Platform
783            <svg class="nav-chevron" viewbox="0 0 16 16" fill="none" aria-hidden="true" focusable="false">
784              <path d="M4 6l4 4 4-4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
785            </svg>
786          </button>
787
788          <div class="nav-mega" role="region" aria-label="Platform menu">
789            <div class="nav-mega__inner">
790
791              <div class="nav-mega__col nav-mega__col--overview">
792                <p class="nav-mega__heading">Overview</p>
793                <ul class="nav-mega__list">
794                  <li><a class="nav-mega__link" href="/platform">Platform Overview</a></li>
795                  <li><a class="nav-mega__link" href="/ambassador-hiroai">HiroAI</a></li>
796                  <li><a class="nav-mega__link" href="https://getambassador.com/integrations-layer">Integrations</a></li>
797                </ul>
798              </div>
799
800              <div class="nav-mega__col nav-mega__col--grow">
801                <p class="nav-mega__heading">GROW</p>
802                <ul class="nav-mega__list">
803                  <li><a class="nav-mega__link" href="/advocacy-engine">Advocacy</a></li>
804                  <li><a class="nav-mega__link" href="/prospect-intelligence-engine">Prospect</a></li>
805                  <li><a class="nav-mega__link" href="/programmatic">Programmatic <span class="nav-mega__badge nav-mega__badge--new">New</span></a></li>
806                </ul>
807              </div>
808
809              <div class="nav-mega__col nav-mega__col--keep">
810                <p class="nav-mega__heading">KEEP</p>
811                <ul class="nav-mega__list">
812                  <li><a class="nav-mega__link" href="/customer-value-engine">Retention</a></li>
813                  <li><a class="nav-mega__link" href="/incentive-storefront-engine">Incentive</a></li>
814                  <li><a class="nav-mega__link" href="/communication-cloud-engine">Communication</a></li>
815                </ul>
816              </div>
817
818              <div class="nav-mega__col nav-mega__col--prove">
819                <p class="nav-mega__heading">PROVE</p>
820                <ul class="nav-mega__list">
821                  <li><a class="nav-mega__link" href="/predictive-recommendation-engine">Predictive</a></li>
822                  <li><span class="nav-mega__link nav-mega__link--disabled">Attribution <span class="nav-mega__badge">Coming soon</span></span></li>
823                  <li><span class="nav-mega__link nav-mega__link--disabled">Finance <span class="nav-mega__badge">Coming soon</span></span></li>
824                </ul>
825              </div>
826
827            </div>
828          </div>
829        </li>
830
831        
832        <li class="menu__item menu__item--drop">
833          <button class="menu__toggle" type="button" aria-haspopup="true" aria-expanded="false">
834            Solutions
835            <svg class="nav-chevron" viewbox="0 0 16 16" fill="none" aria-hidden="true" focusable="false">
836              <path d="M4 6l4 4 4-4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
837            </svg>
838          </button>
839
840          <div class="nav-mega nav-mega--wide" role="region" aria-label="Solutions menu">
841            <div class="nav-mega__inner">
842
843              <div class="nav-mega__col nav-mega__col--solutions">
844                <p class="nav-mega__heading">By Industry</p>
845                <ul class="nav-mega__list">
846                  <li><a class="nav-mega__link" href="https://getambassador.com/telecom">Telecom</a></li>
847                  <li><span class="nav-mega__link nav-mega__link--disabled">CPaaS <span class="nav-mega__badge">Coming soon</span></span></li>
848                  <li><span class="nav-mega__link nav-mega__link--disabled">SaaS <span class="nav-mega__badge">Coming soon</span></span></li>
849                  <li><span class="nav-mega__link nav-mega__link--disabled">FinTech <span class="nav-mega__badge">Coming soon</span></span></li>
850                </ul>
851              </div>
852
853              <div class="nav-mega__col nav-mega__col--strategy">
854                <p class="nav-mega__heading">By Strategy</p>
855                <ul class="nav-mega__list">
856                  <li><a class="nav-mega__link" href="/customer-growth">Customer Growth Overview</a></li>
857                  <li><a class="nav-mega__link" href="https://getambassador.com/customer-growth-strategy">Build your Customer Growth Strategy</a></li>
858                </ul>
859              </div>
860
861              <div class="nav-mega__col nav-mega__col--program-type">
862                <p class="nav-mega__heading">By Program Type</p>
863                <ul class="nav-mega__list">
864                  <li><a class="nav-mega__link" href="/solutions/program-type/affiliate-marketing-software">Affiliates</a></li>
865                  <li><a class="nav-mega__link" href="/solutions/program-type/referral-marketing-software">Referrals</a></li>
866                  <li><a class="nav-mega__link" href="/solutions/program-type/influencer-marketing-platform">Influencers</a></li>
867                  <li><a class="nav-mega__link" href="/solutions/program-type/loyalty-program-software">Loyalty</a></li>
868                </ul>
869              </div>
870
871            </div>
872          </div>
873        </li>
874
875        <li class="menu__item"><a class="menu__link" href="https://getambassador.com/why-ambassador">Why Ambassador</a></li>
876        <li class="menu__item"><a class="menu__link" href="/resources">Resources</a></li>
877        <li class="menu__item"><a class="menu__link" href="https://getambassador.com/pricing-ent">Pricing</a></li>
878
879      </ul>
880
881      
882      <div class="nav-mobile-cta">
883        <a class="nav-mobile-cta__demo" href="https://getambassador.com/get-a-demo/">Get Demo</a>
884        <a class="nav-mobile-cta__login" href="https://admin2.getambassador.com/login">Login</a>
885      </div>
886
887    </nav>
888
889    
890    <div class="nav-site__right">
891      <a class="nav-site__login" href="https://admin2.getambassador.com/login">Login</a>
892      <a class="nav-site__demo-btn" href="https://getambassador.com/get-a-demo/">Get Demo</a>
893    </div>
894
895    
896    <button class="nav-mobile-toggle" id="ambNavToggle" aria-expanded="false" aria-controls="ambNavMenu" aria-label="Open navigation">
897      <span></span>
898      <span></span>
899      <span></span>
900    </button>
901
902  </div>
903</header>
904
905<script>
906/* ── Desktop dropdown: hover + click toggle ── */
907(function () {
908  var timers = {};
909  var dropItems = document.querySelectorAll('.menu__item--drop');
910
911  function setExpanded(item, isOpen) {
912    var toggle = item.querySelector('.menu__toggle');
913    if (toggle) toggle.setAttribute('aria-expanded', isOpen ? 'true' : 'false');
914  }
915
916  function fullClose(item) {
917    item.classList.remove('open');
918    delete item.dataset.pinned;
919    setExpanded(item, false);
920  }
921
922  dropItems.forEach(function (item, idx) {
923    var mega = item.querySelector('.nav-mega');
924    var toggleBtn = item.querySelector('.menu__toggle');
925    if (!mega) return;
926
927    function openMenu() {
928      if (timers[idx]) { clearTimeout(timers[idx]); timers[idx] = null; }
929      dropItems.forEach(function (other) {
930        if (other !== item) fullClose(other);
931      });
932      item.classList.add('open');
933      setExpanded(item, true);
934    }
935    function scheduleClose() {
936      if (item.dataset.pinned === 'true') return;
937      timers[idx] = setTimeout(function () {
938        fullClose(item);
939        timers[idx] = null;
940      }, 200);
941    }
942    function cancelClose() {
943      if (timers[idx]) { clearTimeout(timers[idx]); timers[idx] = null; }
944    }
945
946    item.addEventListener('mouseenter', openMenu);
947    item.addEventListener('mouseleave', scheduleClose);
948    mega.addEventListener('mouseenter', cancelClose);
949    mega.addEventListener('mouseleave', scheduleClose);
950
951    if (toggleBtn) {
952      toggleBtn.addEventListener('click', function (e) {
953        if (window.innerWidth <= 767) return;
954        e.preventDefault();
955        e.stopPropagation();
956        if (item.dataset.pinned === 'true') {
957          fullClose(item);
958        } else {
959          item.dataset.pinned = 'true';
960          openMenu();
961        }
962      });
963    }
964  });
965
966  document.addEventListener('click', function (e) {
967    if (window.innerWidth <= 767) return;
968    dropItems.forEach(function (item) {
969      if (item.dataset.pinned === 'true' && !item.contains(e.target)) {
970        fullClose(item);
971      }
972    });
973  });
974
975  document.addEventListener('keydown', function (e) {
976    if (e.key !== 'Escape') return;
977    dropItems.forEach(fullClose);
978  });
979})();
980
981/* ── Mobile hamburger toggle ── */
982(function () {
983  var toggle = document.getElementById('ambNavToggle');
984  var menu   = document.getElementById('ambNavMenu');
985  if (!toggle || !menu) return;
986
987  toggle.addEventListener('click', function () {
988    var isOpen = menu.classList.toggle('is-open');
989    toggle.classList.toggle('is-active', isOpen);
990    toggle.setAttribute('aria-expanded', isOpen ? 'true' : 'false');
991    toggle.setAttribute('aria-label', isOpen ? 'Close navigation' : 'Open navigation');
992  });
993
994  /* Mobile: accordion for dropdown items */
995  menu.querySelectorAll('.menu__item--drop .menu__toggle').forEach(function (btn) {
996    btn.addEventListener('click', function (e) {
997      /* Only intercept on mobile */
998      if (window.innerWidth > 767) return;
999      e.stopPropagation();
1000      var item = btn.closest('.menu__item--drop');
1001      var isOpen = item.classList.toggle('is-open');
1002      btn.setAttribute('aria-expanded', isOpen ? 'true' : 'false');
1003    });
1004  });
1005
1006  /* Close drawer when a nav link is tapped */
1007  menu.querySelectorAll('.nav-mega__link:not(.nav-mega__link--disabled), .menu__link').forEach(function (link) {
1008    link.addEventListener('click', function () {
1009      menu.classList.remove('is-open');
1010      toggle.classList.remove('is-active');
1011      toggle.setAttribute('aria-expanded', 'false');
1012      toggle.setAttribute('aria-label', 'Open navigation');
1013    });
1014  });
1015
1016  /* Close on outside click */
1017  document.addEventListener('click', function (e) {
1018    if (!menu.contains(e.target) && !toggle.contains(e.target)) {
1019      menu.classList.remove('is-open');
1020      toggle.classList.remove('is-active');
1021      toggle.setAttribute('aria-expanded', 'false');
1022    }
1023  });
1024})();
1025
1026/* ── Scroll enhancement: deeper shadow on scroll ── */
1027(function () {
1028  var nav = document.getElementById('ambNav');
1029  if (!nav) return;
1030  function checkScroll() {
1031    var scrollTop = window.pageYOffset || document.documentElement.scrollTop || 0;
1032    nav.classList.toggle('nav--scrolled', scrollTop > 40);
1033  }
1034  window.addEventListener('scroll', function () { requestAnimationFrame(checkScroll); }, { passive: true });
1035  checkScroll();
1036})();
1037</script>
1037
1038      
1039
1040      
1041
1042      <main id="main-content" class="body-container-wrapper">
1043        
1044
1045
1046
1047
1048
1049
1050<style>
1051
1052/* ── Blog listing page ── scoped to .bl-page ── */
1053.bl-page {
1054  font-family: 'DM Sans', Arial, sans-serif;
1055  color: #334155;
1056  line-height: 1.6;
1057  background: #F8FAFC;
1058}
1059.bl-page .container {
1060  max-width: 1160px;
1061  margin: 0 auto;
1062  padding: 0 clamp(20px, 5vw, 64px);
1063}
1064
1065/* ── Eyebrow ── */
1066.bl-eyebrow {
1067  display: inline-flex;
1068  align-items: center;
1069  gap: 8px;
1070  font-family: Arial, Helvetica, sans-serif;
1071  font-size: 11px;
1072  font-weight: 900;
1073  letter-spacing: 3px;
1074  text-transform: uppercase;
1075  color: #1E56E3;
1076  margin-bottom: 16px;
1077}
1078.bl-eyebrow::before {
1079  content: '';
1080  display: inline-block;
1081  width: 20px;
1082  height: 2px;
1083  background: #1E56E3;
1084  border-radius: 2px;
1085  flex-shrink: 0;
1086}
1087
1088
1089/* ══ HERO ══════════════════════════════════════ */
1090
1091.bl-hero {
1092  background: #ffffff;
1093  border-bottom: 1px solid #E8EDF5;
1094  padding: 72px 0 64px;
1095  position: relative;
1096  overflow: hidden;
1097}
1098.bl-hero::before {
1099  content: '';
1100  position: absolute;
1101  top: -120px;
1102  right: -60px;
1103  width: 480px;
1104  height: 480px;
1105  border-radius: 50%;
1106  background: radial-gradient(ellipse, rgba(30,86,227,0.06) 0%, transparent 70%);
1107  pointer-events: none;
1108}
1109.bl-hero__inner {
1110  position: relative;
1111  z-index: 1;
1112  max-width: 720px;
1113}
1114.bl-hero__h1 {
1115  font-family: Arial, Helvetica, sans-serif;
1116  font-size: clamp(32px, 5vw, 54px);
1117  font-weight: 900;
1118  text-transform: uppercase;
1119  letter-spacing: -0.02em;
1120  color: #0B1526;
1121  margin: 0 0 20px;
1122  line-height: 1.05;
1123}
1124.bl-hero__h1 span { color: #1E56E3; }
1125.bl-hero__sub {
1126  font-size: 18px;
1127  font-weight: 300;
1128  color: #475569;
1129  max-width: 580px;
1130  margin: 0 0 36px;
1131  line-height: 1.65;
1132}
1133.bl-hero__cta {
1134  display: inline-flex;
1135  align-items: center;
1136  gap: 8px;
1137  padding: 14px 28px;
1138  background: #1E56E3;
1139  color: #fff;
1140  font-family: Arial, Helvetica, sans-serif;
1141  font-size: 13px;
1142  font-weight: 900;
1143  letter-spacing: 1px;
1144  text-transform: uppercase;
1145  text-decoration: none;
1146  border-radius: 6px;
1147  transition: background 200ms ease, box-shadow 200ms ease;
1148  animation: btn-cta-pulse 4s ease-in-out infinite;
1149}
1150.bl-hero__cta:hover {
1151  background: #1743C0;
1152  box-shadow: 0 8px 24px rgba(30,86,227,0.35);
1153}
1154
1155
1156/* ══ FILTER BAR ════════════════════════════ */
1157
1158.bl-filters {
1159  background: #fff;
1160  border-bottom: 1px solid #E8EDF5;
1161  padding: 14px 0;
1162  position: sticky;
1163  top: 72px;
1164  z-index: 50;
1165}
1166.bl-filters__inner {
1167  display: flex;
1168  flex-wrap: wrap;
1169  align-items: center;
1170  gap: 6px;
1171}
1172.bl-filters__label {
1173  font-size: 10px;
1174  font-weight: 700;
1175  letter-spacing: 2px;
1176  text-transform: uppercase;
1177  color: #94A3B8;
1178  margin-right: 4px;
1179  flex-shrink: 0;
1180}
1181.bl-filter {
1182  display: inline-flex;
1183  align-items: center;
1184  padding: 4px 12px;
1185  border-radius: 99px;
1186  border: 1px solid #E2E8F0;
1187  background: #F8FAFC;
1188  font-size: 11px;
1189  font-weight: 500;
1190  color: #475569;
1191  text-decoration: none;
1192  transition: border-color 180ms ease, color 180ms ease, background 180ms ease;
1193  white-space: nowrap;
1194}
1195.bl-filter:hover,
1196.bl-filter--active {
1197  border-color: #1E56E3;
1198  color: #1E56E3;
1199  background: rgba(30,86,227,0.06);
1200}
1201
1202/* Mobile dropdown (hidden on desktop) */
1203.bl-tag-dropdown-wrap {
1204  display: none;
1205}
1206.bl-tag-dropdown {
1207  width: 100%;
1208  padding: 10px 14px;
1209  border: 1px solid #E2E8F0;
1210  border-radius: 8px;
1211  background: #fff;
1212  font-family: 'DM Sans', Arial, sans-serif;
1213  font-size: 13px;
1214  color: #334155;
1215  appearance: none;
1216  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%2394A3B8' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");
1217  background-repeat: no-repeat;
1218  background-position: right 12px center;
1219  padding-right: 36px;
1220  cursor: pointer;
1221}
1222.bl-tag-dropdown:focus { outline: 2px solid #1E56E3; outline-offset: 2px; }
1223
1224
1225/* ══ POSTS LAYOUT (main + sidebar) ═════════════ */
1226
1227.bl-posts {
1228  padding: 56px 0 80px;
1229}
1230.bl-posts__layout {
1231  display: grid;
1232  grid-template-columns: 1fr 252px;
1233  gap: 48px;
1234  align-items: start;
1235}
1236.bl-posts__main {
1237  min-width: 0;
1238}
1239
1240
1241/* ══ FEATURED POST ═══════════════════════════ */
1242
1243.bl-featured {
1244  margin-bottom: 40px;
1245  background: #fff;
1246  border: 1px solid #E8EDF5;
1247  border-radius: 16px;
1248  overflow: hidden;
1249  display: grid;
1250  grid-template-columns: 1fr 1fr;
1251  box-shadow: 0 2px 12px rgba(0,0,0,0.04);
1252  transition: transform 220ms ease, box-shadow 220ms ease;
1253  text-decoration: none;
1254  color: inherit;
1255}
1256.bl-featured:hover {
1257  transform: translateY(-4px);
1258  box-shadow: 0 12px 36px rgba(0,0,0,0.09);
1259}
1260.bl-featured__img {
1261  width: 100%;
1262  height: 100%;
1263  min-height: 260px;
1264  object-fit: cover;
1265  display: block;
1266}
1267.bl-featured__img-placeholder {
1268  width: 100%;
1269  min-height: 260px;
1270  background: linear-gradient(135deg, #EFF6FF 0%, #DBEAFE 100%);
1271  display: flex;
1272  align-items: center;
1273  justify-content: center;
1274}
1275.bl-featured__img-placeholder svg { opacity: 0.25; }
1276.bl-featured__body {
1277  padding: 36px 40px;
1278  display: flex;
1279  flex-direction: column;
1280  justify-content: center;
1281}
1282.bl-featured__badge {
1283  display: inline-flex;
1284  align-items: center;
1285  font-size: 10px;
1286  font-weight: 700;
1287  letter-spacing: 2px;
1288  text-transform: uppercase;
1289  color: #1E56E3;
1290  background: rgba(30,86,227,0.08);
1291  padding: 3px 10px;
1292  border-radius: 99px;
1293  margin-bottom: 14px;
1294  width: fit-content;
1295}
1296.bl-featured__title {
1297  font-family: Arial, Helvetica, sans-serif;
1298  font-size: clamp(18px, 2vw, 24px);
1299  font-weight: 900;
1300  text-transform: uppercase;
1301  letter-spacing: -0.02em;
1302  color: #0B1526;
1303  line-height: 1.1;
1304  margin: 0 0 14px;
1305}
1306.bl-featured__excerpt {
1307  font-size: 14px;
1308  font-weight: 300;
1309  color: #475569;
1310  line-height: 1.7;
1311  margin: 0 0 24px;
1312}
1313.bl-featured__meta {
1314  display: flex;
1315  align-items: center;
1316  gap: 10px;
1317  font-size: 11px;
1318  color: #94A3B8;
1319  border-top: 1px solid #E8EDF5;
1320  padding-top: 18px;
1321}
1322.bl-featured__meta-dot { opacity: 0.4; }
1323.bl-featured__read-more {
1324  display: inline-flex;
1325  align-items: center;
1326  gap: 6px;
1327  font-family: Arial, Helvetica, sans-serif;
1328  font-size: 10px;
1329  font-weight: 900;
1330  letter-spacing: 1.5px;
1331  text-transform: uppercase;
1332  color: #1E56E3;
1333  margin-top: 6px;
1334}
1335.bl-featured__read-more::after {
1336  content: '→';
1337  transition: transform 200ms ease;
1338}
1339.bl-featured:hover .bl-featured__read-more::after { transform: translateX(4px); }
1340
1341
1342/* ══ POST GRID ═══════════════════════════════ */
1343
1344.bl-grid {
1345  display: grid;
1346  grid-template-columns: repeat(2, 1fr);
1347  gap: 24px;
1348}
1349.bl-card {
1350  background: #fff;
1351  border: 1px solid #E8EDF5;
1352  border-radius: 14px;
1353  overflow: hidden;
1354  display: flex;
1355  flex-direction: column;
1356  text-decoration: none;
1357  color: inherit;
1358  transition: transform 220ms ease, box-shadow 220ms ease;
1359  box-shadow: 0 2px 8px rgba(0,0,0,0.04);
1360}
1361.bl-card:hover {
1362  transform: translateY(-4px);
1363  box-shadow: 0 12px 32px rgba(0,0,0,0.09);
1364}
1365.bl-card__img {
1366  width: 100%;
1367  height: 180px;
1368  object-fit: cover;
1369  display: block;
1370  border-bottom: 1px solid #E8EDF5;
1371}
1372.bl-card__img-placeholder {
1373  width: 100%;
1374  height: 180px;
1375  background: linear-gradient(135deg, #F0F4FF 0%, #E0EAFF 100%);
1376  display: flex;
1377  align-items: center;
1378  justify-content: center;
1379  border-bottom: 1px solid #E8EDF5;
1380}
1381.bl-card__img-placeholder svg { opacity: 0.2; }
1382.bl-card__body {
1383  padding: 20px 22px 24px;
1384  display: flex;
1385  flex-direction: column;
1386  flex: 1;
1387}
1388.bl-card__tag {
1389  font-size: 10px;
1390  font-weight: 700;
1391  letter-spacing: 2px;
1392  text-transform: uppercase;
1393  color: #1E56E3;
1394  margin-bottom: 8px;
1395}
1396.bl-card__title {
1397  font-family: Arial, Helvetica, sans-serif;
1398  font-size: 14px;
1399  font-weight: 900;
1400  text-transform: uppercase;
1401  letter-spacing: -0.01em;
1402  color: #0B1526;
1403  line-height: 1.25;
1404  margin: 0 0 10px;
1405  flex: 1;
1406}
1407.bl-card__excerpt {
1408  font-size: 12px;
1409  font-weight: 300;
1410  color: #475569;
1411  line-height: 1.65;
1412  margin: 0 0 16px;
1413  display: -webkit-box;
1414  -webkit-line-clamp: 3;
1415  -webkit-box-orient: vertical;
1416  overflow: hidden;
1417}
1418.bl-card__meta {
1419  display: flex;
1420  align-items: center;
1421  gap: 6px;
1422  font-size: 10px;
1423  color: #94A3B8;
1424  margin-top: auto;
1425  padding-top: 14px;
1426  border-top: 1px solid #E8EDF5;
1427}
1428.bl-card__meta-dot { opacity: 0.4; }
1429
1430
1431/* ══ PAGINATION ══════════════════════════════ */
1432
1433.bl-pagination {
1434  display: flex;
1435  align-items: center;
1436  justify-content: center;
1437  gap: 8px;
1438  padding: 40px 0 0;
1439}
1440.bl-page-btn {
1441  display: inline-flex;
1442  align-items: center;
1443  justify-content: center;
1444  min-width: 36px;
1445  height: 36px;
1446  padding: 0 10px;
1447  border-radius: 8px;
1448  border: 1px solid #E2E8F0;
1449  background: #fff;
1450  font-size: 13px;
1451  font-weight: 500;
1452  color: #475569;
1453  text-decoration: none;
1454  transition: border-color 180ms ease, color 180ms ease, background 180ms ease;
1455}
1456.bl-page-btn:hover,
1457.bl-page-btn--active {
1458  border-color: #1E56E3;
1459  color: #1E56E3;
1460  background: rgba(30,86,227,0.06);
1461}
1462.bl-page-btn--prev,
1463.bl-page-btn--next {
1464  font-size: 10px;
1465  font-weight: 700;
1466  letter-spacing: 1px;
1467  text-transform: uppercase;
1468}
1469
1470
1471/* ══ SIDEBAR ═════════════════════════════════ */
1472
1473.bl-sidebar {
1474  position: sticky;
1475  top: 130px;
1476}
1477.bl-sidebar__section {
1478  background: #fff;
1479  border: 1px solid #E8EDF5;
1480  border-radius: 14px;
1481  padding: 24px;
1482  margin-bottom: 20px;
1483}
1484.bl-sidebar__heading {
1485  font-family: Arial, Helvetica, sans-serif;
1486  font-size: 10px;
1487  font-weight: 900;
1488  letter-spacing: 2.5px;
1489  text-transform: uppercase;
1490  color: #94A3B8;
1491  margin: 0 0 16px;
1492  padding-bottom: 12px;
1493  border-bottom: 1px solid #E8EDF5;
1494}
1495
1496/* Tag cloud */
1497.bl-tag-cloud {
1498  display: flex;
1499  flex-wrap: wrap;
1500  gap: 6px;
1501}
1502.bl-cloud-tag {
1503  display: inline-flex;
1504  align-items: center;
1505  gap: 5px;
1506  border-radius: 6px;
1507  border: 1px solid #E2E8F0;
1508  background: #F8FAFC;
1509  color: #475569;
1510  text-decoration: none;
1511  font-weight: 500;
1512  line-height: 1.3;
1513  transition: border-color 160ms ease, color 160ms ease, background 160ms ease,
1514              transform 160ms ease;
1515}
1516.bl-cloud-tag:hover {
1517  border-color: #1E56E3;
1518  color: #1E56E3;
1519  background: rgba(30,86,227,0.06);
1520  transform: translateY(-1px);
1521}
1522.bl-cloud-tag--active {
1523  border-color: #1E56E3 !important;
1524  color: #1E56E3 !important;
1525  background: rgba(30,86,227,0.08) !important;
1526  font-weight: 700 !important;
1527}
1528
1529/* Three size tiers by post count */
1530.bl-cloud-tag--sm  { font-size: 10px; padding: 3px 9px; }
1531.bl-cloud-tag--md  { font-size: 12px; padding: 4px 11px; font-weight: 600; }
1532.bl-cloud-tag--lg  { font-size: 13px; padding: 5px 13px; font-weight: 700;
1533                     border-color: rgba(30,86,227,0.25); color: #1E40AF; background: rgba(30,86,227,0.04); }
1534
1535.bl-cloud-tag__count {
1536  font-size: 9px;
1537  font-weight: 500;
1538  color: #CBD5E1;
1539  background: #F1F5F9;
1540  border-radius: 99px;
1541  padding: 0 5px;
1542  min-width: 16px;
1543  text-align: center;
1544  line-height: 16px;
1545}
1546.bl-cloud-tag--lg .bl-cloud-tag__count { background: rgba(30,86,227,0.1); color: #1E56E3; }
1547.bl-cloud-tag--active .bl-cloud-tag__count { background: rgba(30,86,227,0.15); color: #1E56E3; }
1548
1549/* All-tags link in sidebar */
1550.bl-cloud-all {
1551  display: flex;
1552  align-items: center;
1553  gap: 5px;
1554  font-size: 11px;
1555  font-weight: 700;
1556  letter-spacing: 1px;
1557  text-transform: uppercase;
1558  color: #1E56E3;
1559  text-decoration: none;
1560  margin-top: 14px;
1561  padding-top: 14px;
1562  border-top: 1px solid #E8EDF5;
1563}
1564.bl-cloud-all::after { content: '→'; transition: transform 180ms ease; }
1565.bl-cloud-all:hover::after { transform: translateX(3px); }
1566
1567
1568/* ══ NEWSLETTER CTA BAND ═════════════════════ */
1569
1570.bl-cta {
1571  background: linear-gradient(135deg, #0B1526 0%, #0D2045 100%);
1572  padding: 80px 0;
1573  position: relative;
1574  overflow: hidden;
1575}
1576.bl-cta::before {
1577  content: 'INSIGHTS';
1578  position: absolute;
1579  right: -2vw;
1580  top: 50%;
1581  transform: translateY(-50%);
1582  font-size: 13vw;
1583  font-family: Arial, Helvetica, sans-serif;
1584  font-weight: 900;
1585  color: rgba(255,255,255,0.02);
1586  letter-spacing: -0.04em;
1587  pointer-events: none;
1588  white-space: nowrap;
1589  line-height: 1;
1590}
1591.bl-cta__inner {
1592  display: grid;
1593  grid-template-columns: 1fr 1fr;
1594  gap: 80px;
1595  align-items: start;
1596}
1597.bl-cta__eyebrow {
1598  font-family: Arial, Helvetica, sans-serif;
1599  font-size: 10px;
1600  font-weight: 900;
1601  letter-spacing: 3px;
1602  text-transform: uppercase;
1603  color: #60A5FA;
1604  margin-bottom: 14px;
1605}
1606.bl-cta__h2 {
1607  font-family: Arial, Helvetica, sans-serif;
1608  font-size: clamp(26px, 3.5vw, 40px);
1609  font-weight: 900;
1610  text-transform: uppercase;
1611  letter-spacing: -0.02em;
1612  color: #EEEEFF;
1613  line-height: 1.05;
1614  margin: 0 0 20px;
1615}
1616.bl-cta__h2 span { color: #60A5FA; }
1617.bl-cta__body {
1618  font-size: 15px;
1619  font-weight: 300;
1620  color: rgba(238,238,255,0.65);
1621  line-height: 1.75;
1622  max-width: 440px;
1623}
1624.bl-cta__note {
1625  margin-top: 16px;
1626  font-size: 11px;
1627  color: rgba(238,238,255,0.3);
1628  letter-spacing: 0.04em;
1629  text-transform: uppercase;
1630}
1631
1632/* Newsletter form dark overrides */
1633.bl-cta .newsletter .hs_cos_wrapper_type_form { background: transparent !important; }
1634.bl-cta .newsletter .form-title { display: none !important; }
1635.bl-cta .newsletter .hs-form-field label { color: rgba(238,238,255,0.55) !important; font-size: 12px !important; margin-bottom: 4px !important; display: block; font-weight: 600; letter-spacing: 0.5px; }
1636.bl-cta .newsletter .hs-form .hs-input {
1637  background: rgba(255,255,255,0.07) !important;
1638  border: 1px solid rgba(255,255,255,0.14) !important;
1639  color: #EEEEFF !important;
1640  height: 44px !important;
1641  padding: 8px 14px !important;
1642  font-size: 14px !important;
1643  border-radius: 6px !important;
1644  width: 100% !important;
1645  box-sizing: border-box !important;
1646  font-family: 'DM Sans', Arial, sans-serif !important;
1647}
1648.bl-cta .newsletter .hs-form .hs-input::placeholder { color: rgba(238,238,255,0.3) !important; }
1649.bl-cta .newsletter .hs-form .hs-input:focus {
1650  outline: none !important;
1651  border-color: rgba(30,86,227,0.6) !important;
1652  background: rgba(255,255,255,0.1) !important;
1653}
1654.bl-cta .newsletter .hs-form .hs-form-field { margin-bottom: 14px !important; }
1655.bl-cta .newsletter .hs-form fieldset { border: none !important; padding: 0 !important; margin: 0 !important; max-width: 100% !important; }
1656.bl-cta .newsletter .hs-form fieldset.form-columns-2 > .hs-form-field { width: 100% !important; float: none !important; }
1657.bl-cta .newsletter .hs-form .legal-consent-container p,
1658.bl-cta .newsletter .hs-form .hs-richtext p { color: rgba(238,238,255,0.4) !important; font-size: 11px !important; line-height: 1.55 !important; margin: 0 0 8px !important; }
1659.bl-cta .newsletter .hs-form .hs-form-booleancheckbox-display { color: rgba(238,238,255,0.55) !important; font-size: 12px !important; }
1660.bl-cta .newsletter .hs-form .hs_submit { margin-top: 10px !important; }
1661.bl-cta .newsletter .hs-form .hs-button {
1662  width: 100% !important;
1663  background: #1E56E3 !important;
1664  color: #fff !important;
1665  border: none !important;
1666  padding: 13px 24px !important;
1667  font-size: 12px !important;
1668  font-weight: 900 !important;
1669  font-family: Arial, Helvetica, sans-serif !important;
1670  letter-spacing: 1.5px !important;
1671  text-transform: uppercase !important;
1672  border-radius: 6px !important;
1673  cursor: pointer !important;
1674  transition: background-color 250ms ease, box-shadow 250ms ease !important;
1675  animation: btn-cta-pulse 4s ease-in-out infinite !important;
1676}
1677.bl-cta .newsletter .hs-form .hs-button:hover {
1678  background: #1743C0 !important;
1679  box-shadow: 0 8px 24px rgba(30,86,227,0.35) !important;
1680}
1681.bl-cta .newsletter .hs-error-msgs { list-style: none !important; padding: 0 !important; margin: 4px 0 0 !important; }
1682.bl-cta .newsletter .hs-error-msgs li { color: #FCA5A5 !important; font-size: 11px !important; }
1683
1684
1685/* ══ RESPONSIVE ═════════════════════════════ */
1686
1687@media (max-width: 960px) {
1688  .bl-posts__layout { grid-template-columns: 1fr; }
1689  .bl-sidebar { display: none; }
1690  .bl-tag-dropdown-wrap { display: block; margin-bottom: 24px; }
1691  .bl-featured { grid-template-columns: 1fr; }
1692  .bl-featured__img, .bl-featured__img-placeholder { min-height: 200px; }
1693  .bl-grid { grid-template-columns: repeat(2, 1fr); }
1694  .bl-cta__inner { grid-template-columns: 1fr; gap: 48px; }
1695}
1696
1697@media (max-width: 640px) {
1698  .bl-hero { padding: 56px 0 48px; }
1699  .bl-grid { grid-template-columns: 1fr; }
1700  .bl-filters { top: 60px; }
1701  .bl-cta { padding: 56px 0; }
1702  .bl-featured__body { padding: 24px 20px; }
1703}
1704
1705</style>
1706
1707
1708<div class="bl-page">
1709
1710  
1711  <section class="bl-hero">
1712    <div class="container">
1713      <div class="bl-hero__inner">
1714        <p class="bl-eyebrow">
1714Ambassador Blog</p>
1715        <h1 class="bl-hero__h1">Insights for <span>Revenue Teams</span></h1>
1716        <p class="bl-hero__sub">
1717          Best practices, product updates, and strategy for enterprise teams
1718          turning customer programs into provable revenue.
1719        </p>
1720        <a class="bl-hero__cta" href="/get-a-demo/">Get Demo</a>
1721      </div>
1722    </div>
1723  </section>
1724
1725
1726  
1727  <div class="bl-filters">
1728    <div class="container">
1729      <div class="bl-filters__inner">
1730        <span class="bl-filters__label">Filter</span>
1731
1732        
1733        <a class="bl-filter bl-filter--active" href="https://getambassador.com/blog">All</a>
1734
1735        
1736        
1737          
1738          <a class="bl-filter" href="https://getambassador.com/blog/tag/best-practices">Best Practices</a>
1739        
1740          
1741          <a class="bl-filter" href="https://getambassador.com/blog/tag/customer-advocacy">Customer Advocacy</a>
1742        
1743          
1744          <a class="bl-filter" href="https://getambassador.com/blog/tag/ambassador-3-0">Ambassador 3.0</a>
1745        
1746          
1747          <a class="bl-filter" href="https://getambassador.com/blog/tag/infographic">Infographic</a>
1748        
1749          
1750          <a class="bl-filter" href="https://getambassador.com/blog/tag/affiliate-marketing">Affiliate Marketing</a>
1751        
1752          
1753          <a class="bl-filter" href="https://getambassador.com/blog/tag/ambassador-strategy">Ambassador Strategy</a>
1754        
1755          
1756          <a class="bl-filter" href="https://getambassador.com/blog/tag/b2c">B2C</a>
1757        
1758          
1759          <a class="bl-filter" href="https://getambassador.com/blog/tag/agenticai">AgenticAI</a>
1760        
1761          
1762          <a class="bl-filter" href="https://getambassador.com/blog/tag/b2b">B2B</a>
1763        
1764          
1765          <a class="bl-filter" href="https://getambassador.com/blog/tag/analytics-measurement">Analytics &amp; Measurement</a>
1766        
1767          
1768          <a class="bl-filter" href="https://getambassador.com/blog/tag/brand-ambassador">Brand Ambassador</a>
1769        
1770          
1771          <a class="bl-filter" href="https://getambassador.com/blog/tag/14-features">14 features)</a>
1772        
1773          
1774          <a class="bl-filter" href="https://getambassador.com/blog/tag/inbound-marketing">Inbound Marketing</a>
1775        
1776          
1777          <a class="bl-filter" href="https://getambassador.com/blog/tag/product-updates">Product Updates</a>
1778        
1779          
1780          <a class="bl-filter" href="https://getambassador.com/blog/tag/referral-marketing">Referral Marketing</a>
1781        
1782          
1783          <a class="bl-filter" href="https://getambassador.com/blog/tag/competitors-vs-ambassador">Competitors vs. Ambassador</a>
1784        
1785          
1786          <a class="bl-filter" href="https://getambassador.com/blog/tag/influencer-marketing">Influencer Marketing</a>
1787        
1788          
1789          <a class="bl-filter" href="https://getambassador.com/blog/tag/referral-software">Referral Software</a>
1790        
1791          
1792          <a class="bl-filter" href="https://getambassador.com/blog/tag/saas">SaaS</a>
1793        
1794          
1795          <a class="bl-filter" href="https://getambassador.com/blog/tag/word-of-mouth">Word-of-Mouth</a>
1796        
1797          
1798          <a class="bl-filter" href="https://getambassador.com/blog/tag/marketing-strategy">Marketing Strategy</a>
1799        
1800          
1801          <a class="bl-filter" href="https://getambassador.com/blog/tag/report">Report</a>
1802        
1803          
1804          <a class="bl-filter" href="https://getambassador.com/blog/tag/content-marketing">Content Marketing</a>
1805        
1806          
1807          <a class="bl-filter" href="https://getambassador.com/blog/tag/partner-program">Partner Program</a>
1808        
1809          
1810          <a class="bl-filter" href="https://getambassador.com/blog/tag/referral-program">Referral Program</a>
1811        
1812          
1813          <a class="bl-filter" href="https://getambassador.com/blog/tag/acquisitions">Acquisitions</a>
1814        
1815          
1816          <a class="bl-filter" href="https://getambassador.com/blog/tag/company-update">Company Update</a>
1817        
1818          
1819          <a class="bl-filter" href="https://getambassador.com/blog/tag/customer-growth-ecosystem">Customer Growth Ecosystem</a>
1820        
1821          
1822          <a class="bl-filter" href="https://getambassador.com/blog/tag/customer-growth-platform">Customer Growth Platform</a>
1823        
1824          
1825          <a class="bl-filter" href="https://getambassador.com/blog/tag/customer-growth-strategy">Customer Growth Strategy</a>
1826        
1827          
1828          <a class="bl-filter" href="https://getambassador.com/blog/tag/ebook">Ebook</a>
1829        
1830          
1831          <a class="bl-filter" href="https://getambassador.com/blog/tag/enterprise-growth">Enterprise Growth</a>
1832        
1833          
1834          <a class="bl-filter" href="https://getambassador.com/blog/tag/how-to-use-ambassador-3-0">How to Use Ambassador 3.0</a>
1835        
1836          
1837          <a class="bl-filter" href="https://getambassador.com/blog/tag/roi">ROI</a>
1838        
1839          
1840          <a class="bl-filter" href="https://getambassador.com/blog/tag/cgmm-maturity-model">CGMM maturity model</a>
1841        
1842          
1843          <a class="bl-filter" href="https://getambassador.com/blog/tag/customer-retention">Customer Retention</a>
1844        
1845          
1846          <a class="bl-filter" href="https://getambassador.com/blog/tag/customer-driven-growth">Customer-Driven Growth</a>
1847        
1848          
1849          <a class="bl-filter" href="https://getambassador.com/blog/tag/demos">Demo(s)</a>
1850        
1851          
1852          <a class="bl-filter" href="https://getambassador.com/blog/tag/investor-relations">Investor Relations</a>
1853        
1854          
1855          <a class="bl-filter" href="https://getambassador.com/blog/tag/loyalty-program">Loyalty Program</a>
1856        
1857          
1858          <a class="bl-filter" href="https://getambassador.com/blog/tag/pop-culture">Pop Culture</a>
1859        
1860          
1861          <a class="bl-filter" href="https://getambassador.com/blog/tag/social-media">Social Media</a>
1862        
1863
1864      </div>
1865    </div>
1866  </div>
1867
1868
1869  
1870  <section class="bl-posts">
1871    <div class="container">
1872
1873      
1874      <div class="bl-tag-dropdown-wrap">
1875        <select class="bl-tag-dropdown" aria-label="Filter by topic" onchange="if(this.value) window.location.href=this.value">
1876          <option value="https://getambassador.com/blog" selected>All Posts</option>
1877          
1878            
1879            <option value="https://getambassador.com/blog/tag/best-practices">
1880              Best Practices (59)
1881            </option>
1882          
1883            
1884            <option value="https://getambassador.com/blog/tag/customer-advocacy">
1885              Customer Advocacy (52)
1886            </option>
1887          
1888            
1889            <option value="https://getambassador.com/blog/tag/ambassador-3-0">
1890              Ambassador 3.0 (44)
1891            </option>
1892          
1893            
1894            <option value="https://getambassador.com/blog/tag/infographic">
1895              Infographic (30)
1896            </option>
1897          
1898            
1899            <option value="https://getambassador.com/blog/tag/affiliate-marketing">
1900              Affiliate Marketing (22)
1901            </option>
1902          
1903            
1904            <option value="https://getambassador.com/blog/tag/ambassador-strategy">
1905              Ambassador Strategy (21)
1906            </option>
1907          
1908            
1909            <option value="https://getambassador.com/blog/tag/b2c">
1910              B2C (21)
1911            </option>
1912          
1913            
1914            <option value="https://getambassador.com/blog/tag/agenticai">
1915              AgenticAI (20)
1916            </option>
1917          
1918            
1919            <option value="https://getambassador.com/blog/tag/b2b">
1920              B2B (18)
1921            </option>
1922          
1923            
1924            <option value="https://getambassador.com/blog/tag/analytics-measurement">
1925              Analytics &amp; Measurement (17)
1926            </option>
1927          
1928            
1929            <option value="https://getambassador.com/blog/tag/brand-ambassador">
1930              Brand Ambassador (17)
1931            </option>
1932          
1933            
1934            <option value="https://getambassador.com/blog/tag/14-features">
1935              14 features) (15)
1936            </option>
1937          
1938            
1939            <option value="https://getambassador.com/blog/tag/inbound-marketing">
1940              Inbound Marketing (14)
1941            </option>
1942          
1943            
1944            <option value="https://getambassador.com/blog/tag/product-updates">
1945              Product Updates (9)
1946            </option>
1947          
1948            
1949            <option value="https://getambassador.com/blog/tag/referral-marketing">
1950              Referral Marketing (9)
1951            </option>
1952          
1953            
1954            <option value="https://getambassador.com/blog/tag/competitors-vs-ambassador">
1955              Competitors vs. Ambassador (8)
1956            </option>
1957          
1958            
1959            <option value="https://getambassador.com/blog/tag/influencer-marketing">
1960              Influencer Marketing (7)
1961            </option>
1962          
1963            
1964            <option value="https://getambassador.com/blog/tag/referral-software">
1965              Referral Software (7)
1966            </option>
1967          
1968            
1969            <option value="https://getambassador.com/blog/tag/saas">
1970              SaaS (6)
1971            </option>
1972          
1973            
1974            <option value="https://getambassador.com/blog/tag/word-of-mouth">
1975              Word-of-Mouth (6)
1976            </option>
1977          
1978            
1979            <option value="https://getambassador.com/blog/tag/marketing-strategy">
1980              Marketing Strategy (5)
1981            </option>
1982          
1983            
1984            <option value="https://getambassador.com/blog/tag/report">
1985              Report (5)
1986            </option>
1987          
1988            
1989            <option value="https://getambassador.com/blog/tag/content-marketing">
1990              Content Marketing (4)
1991            </option>
1992          
1993            
1994            <option value="https://getambassador.com/blog/tag/partner-program">
1995              Partner Program (4)
1996            </option>
1997          
1998            
1999            <option value="https://getambassador.com/blog/tag/referral-program">
2000              Referral Program (4)
2001            </option>
2002          
2003            
2004            <option value="https://getambassador.com/blog/tag/acquisitions">
2005              Acquisitions (3)
2006            </option>
2007          
2008            
2009            <option value="https://getambassador.com/blog/tag/company-update">
2010              Company Update (3)
2011            </option>
2012          
2013            
2014            <option value="https://getambassador.com/blog/tag/customer-growth-ecosystem">
2015              Customer Growth Ecosystem (2)
2016            </option>
2017          
2018            
2019            <option value="https://getambassador.com/blog/tag/customer-growth-platform">
2020              Customer Growth Platform (2)
2021            </option>
2022          
2023            
2024            <option value="https://getambassador.com/blog/tag/customer-growth-strategy">
2025              Customer Growth Strategy (2)
2026            </option>
2027          
2028            
2029            <option value="https://getambassador.com/blog/tag/ebook">
2030              Ebook (2)
2031            </option>
2032          
2033            
2034            <option value="https://getambassador.com/blog/tag/enterprise-growth">
2035              Enterprise Growth (2)
2036            </option>
2037          
2038            
2039            <option value="https://getambassador.com/blog/tag/how-to-use-ambassador-3-0">
2040              How to Use Ambassador 3.0 (2)
2041            </option>
2042          
2043            
2044            <option value="https://getambassador.com/blog/tag/roi">
2045              ROI (2)
2046            </option>
2047          
2048            
2049            <option value="https://getambassador.com/blog/tag/cgmm-maturity-model">
2050              CGMM maturity model (1)
2051            </option>
2052          
2053            
2054            <option value="https://getambassador.com/blog/tag/customer-retention">
2055              Customer Retention (1)
2056            </option>
2057          
2058            
2059            <option value="https://getambassador.com/blog/tag/customer-driven-growth">
2060              Customer-Driven Growth (1)
2061            </option>
2062          
2063            
2064            <option value="https://getambassador.com/blog/tag/demos">
2065              Demo(s) (1)
2066            </option>
2067          
2068            
2069            <option value="https://getambassador.com/blog/tag/investor-relations">
2070              Investor Relations (1)
2071            </option>
2072          
2073            
2074            <option value="https://getambassador.com/blog/tag/loyalty-program">
2075              Loyalty Program (1)
2076            </option>
2077          
2078            
2079            <option value="https://getambassador.com/blog/tag/pop-culture">
2080              Pop Culture (1)
2081            </option>
2082          
2083            
2084            <option value="https://getambassador.com/blog/tag/social-media">
2085              Social Media (1)
2086            </option>
2087          
2088        </select>
2089      </div>
2090
2091      <div class="bl-posts__layout">
2092
2093        
2094        <div class="bl-posts__main">
2095
2096          
2097          
2098            
2099              <a class="bl-featured" href="https://getambassador.com/blog/signals-got-a-5b-price-tag.-yours-are-sitting-in-a-report">
2100
2101                
2102                  <img class="bl-featured__img" src="https://getambassador.com/hubfs/F_blog-header-signal-fired_20260928.png" alt="Signals Got a $5B Price Tag. Yours Are Sitting in a Report." loading="lazy">
2103                
2104
2105                <div class="bl-featured__body">
2106                  
2107                    <span class="bl-featured__badge">Ambassador 3.0</span>
2108                  
2109
2110                  <h2 class="bl-featured__title">Signals Got a $5B Price Tag. Yours Are Sitting in a Report.</h2>
2111
2112                  
2113                    <p class="bl-featured__excerpt">-By Geoff McDonald, CEO, Ambassador</p>
2114                  
2115
2116                  <div class="bl-featured__meta">
2117                    <span></span>
2118                    <span class="bl-featured__meta-dot">·</span>
2119                    <span>Sep 28, 2026, 2:06:40 PM</span>
2120                  </div>
2121                  <span class="bl-featured__read-more">Read Article</span>
2122                </div>
2123
2124              </a>
2125            
2126          
2127            
2128          
2129            
2130          
2131            
2132          
2133            
2134          
2135            
2136          
2137            
2138          
2139            
2140          
2141            
2142          
2143            
2144          
2145
2146          
2147          <div class="bl-grid">
2148            
2149              
2150            
2151              
2152                <a class="bl-card" href="https://getambassador.com/blog/we-got-slower-first">
2153
2154                  
2155                    <img class="bl-card__img" src="https://getambassador.com/hubfs/E_more-than-4x_20260925.png" alt="We Got Slower First" loading="lazy">
2156                  
2157
2158                  <div class="bl-card__body">
2159                    
2160                      <div class="bl-card__tag">Affiliate Marketing</div>
2161                    
2162                    <h3 class="bl-card__title">We Got Slower First</h3>
2163                    
2164                      <p class="bl-card__excerpt">-By Geoff McDonald, CEO, Ambassador</p>
2165                    
2166                    <div class="bl-card__meta">
2167                      <span></span>
2168                      <span class="bl-card__meta-dot">·</span>
2169                      <span>Sep 25, 2026, 11:52:49 AM</span>
2170                    </div>
2171                  </div>
2172
2173                </a>
2174              
2175            
2176              
2177                <a class="bl-card" href="https://getambassador.com/blog/the-budget-opened.-the-decision-froze">
2178
2179                  
2180                    <img class="bl-card__img" src="https://getambassador.com/hubfs/F_budget-opened-decision-froze_20260921.png" alt="The Budget Opened. The Decision Froze." loading="lazy">
2181                  
2182
2183                  <div class="bl-card__body">
2184                    
2185                      <div class="bl-card__tag">Affiliate Marketing</div>
2186                    
2187                    <h3 class="bl-card__title">The Budget Opened. The Decision Froze.</h3>
2188                    
2189                      <p class="bl-card__excerpt">-By Geoff McDonald, CEO, Ambassador</p>
2190                    
2191                    <div class="bl-card__meta">
2192                      <span></span>
2193                      <span class="bl-card__meta-dot">·</span>
2194                      <span>Sep 21, 2026, 12:26:48 PM</span>
2195                    </div>
2196                  </div>
2197
2198                </a>
2199              
2200            
2201              
2202                <a class="bl-card" href="https://getambassador.com/blog/what-is-new-in-ambassador-attribution-that-survives-ad-blockers-and-brand-consistency-in-one-step">
2203
2204                  
2205                    <img class="bl-card__img" src="https://getambassador.com/hubfs/BLOG-PRD-HERO_referral-vanishes_20260915.png" alt="What is new in Ambassador: attribution that survives ad blockers, and brand consistency in one step" loading="lazy">
2206                  
2207
2208                  <div class="bl-card__body">
2209                    
2210                      <div class="bl-card__tag">Ambassador 3.0</div>
2211                    
2212                    <h3 class="bl-card__title">What is new in Ambassador: attribution that survives ad blockers, and brand consistency in one step</h3>
2213                    
2214                      <p class="bl-card__excerpt">-Geoff McDonald Two updates that go straight at the same problem: making sure the credit you earn actually shows up, and the experience your customers see ...</p>
2215                    
2216                    <div class="bl-card__meta">
2217                      <span></span>
2218                      <span class="bl-card__meta-dot">·</span>
2219                      <span>Sep 18, 2026, 4:02:49 PM</span>
2220                    </div>
2221                  </div>
2222
2223                </a>
2224              
2225            
2226              
2227                <a class="bl-card" href="https://getambassador.com/blog/growth-stopped-being-a-funnel.-here-is-how-the-best-operators-think-about-it-now">
2228
2229                  
2230                    <img class="bl-card__img" src="https://getambassador.com/hubfs/BLOG-MKT-HERO_funnel-vs-loop_20260915.png" alt="Growth stopped being a funnel. Here is how the best operators think about it now." loading="lazy">
2231                  
2232
2233                  <div class="bl-card__body">
2234                    
2235                      <div class="bl-card__tag">Brand Ambassador</div>
2236                    
2237                    <h3 class="bl-card__title">Growth stopped being a funnel. Here is how the best operators think about it now.</h3>
2238                    
2239                      <p class="bl-card__excerpt">-Geoff McDonald, CEO Ambassador</p>
2240                    
2241                    <div class="bl-card__meta">
2242                      <span></span>
2243                      <span class="bl-card__meta-dot">·</span>
2244                      <span>Sep 15, 2026, 11:54:05 AM</span>
2245                    </div>
2246                  </div>
2247
2248                </a>
2249              
2250            
2251              
2252                <a class="bl-card" href="https://getambassador.com/blog/the-seat-is-dying-as-a-billing-unit.-here-is-what-replaces-it-and-why-it-changes-everything-about-measurement">
2253
2254                  
2255                    <img class="bl-card__img" src="https://getambassador.com/hubfs/BLOG-MKT-HERO_seat-decline_20260915-1.png" alt="The seat is dying as a billing unit. Here is what replaces it, and why it changes everything about measurement." loading="lazy">
2256                  
2257
2258                  <div class="bl-card__body">
2259                    
2260                      <div class="bl-card__tag">Best Practices</div>
2261                    
2262                    <h3 class="bl-card__title">The seat is dying as a billing unit. Here is what replaces it, and why it changes everything about measurement.</h3>
2263                    
2264                      <p class="bl-card__excerpt">By Geoff McDonald, CEO of Ambassador</p>
2265                    
2266                    <div class="bl-card__meta">
2267                      <span></span>
2268                      <span class="bl-card__meta-dot">·</span>
2269                      <span>Sep 15, 2026, 11:34:30 AM</span>
2270                    </div>
2271                  </div>
2272
2273                </a>
2274              
2275            
2276              
2277                <a class="bl-card" href="https://getambassador.com/blog/everyone-starts-with-advocacy.-then-it-stalls">
2278
2279                  
2280                    <img class="bl-card__img" src="https://getambassador.com/hubfs/01-header.png" alt="Everyone starts with advocacy. Then it stalls." loading="lazy">
2281                  
2282
2283                  <div class="bl-card__body">
2284                    
2285                      <div class="bl-card__tag">Best Practices</div>
2286                    
2287                    <h3 class="bl-card__title">Everyone starts with advocacy. Then it stalls.</h3>
2288                    
2289                      <p class="bl-card__excerpt">-Geoff McDonald (CEO)</p>
2290                    
2291                    <div class="bl-card__meta">
2292                      <span></span>
2293                      <span class="bl-card__meta-dot">·</span>
2294                      <span>Sep 4, 2026, 10:48:45 AM</span>
2295                    </div>
2296                  </div>
2297
2298                </a>
2299              
2300            
2301              
2302                <a class="bl-card" href="https://getambassador.com/blog/your-ad-spend-just-got-a-memory-programmatic-is-live-inside-the-customer-lifecycle-operating-system">
2303
2304                  
2305                    <img class="bl-card__img" src="https://getambassador.com/hubfs/E_programmatic-launch-waste_20260825.png" alt="Your Ad Spend Just Got a Memory: Programmatic Is Live Inside The Customer Lifecycle Operating System" loading="lazy">
2306                  
2307
2308                  <div class="bl-card__body">
2309                    
2310                      <div class="bl-card__tag">
2310Ambassador 3.0</div>
2311                    
2312                    <h3 class="bl-card__title">Your Ad Spend Just Got a Memory: Programmatic Is Live Inside The Customer Lifecycle Operating System</h3>
2313                    
2314                      <p class="bl-card__excerpt">"We don't even get these kinds of results from The Trade Desk... this is the best-performing programmatic we have had... we are going to continue to increase ...</p>
2315                    
2316                    <div class="bl-card__meta">
2317                      <span></span>
2318                      <span class="bl-card__meta-dot">·</span>
2319                      <span>Aug 26, 2026, 3:37:57 PM</span>
2320                    </div>
2321                  </div>
2322
2323                </a>
2324              
2325            
2326              
2327                <a class="bl-card" href="https://getambassador.com/blog/i-expected-the-ai-native-companies-to-be-years-ahead-on-pricing.-they-are-not-even-close">
2328
2329                  
2330                    <img class="bl-card__img" src="https://getambassador.com/hubfs/Screenshot%202026-08-19%20at%2012.09.42%20PM.png" alt="I Expected the AI-Native Companies to Be Years Ahead on Pricing. They Are Not Even Close." loading="lazy">
2331                  
2332
2333                  <div class="bl-card__body">
2334                    
2335                      <div class="bl-card__tag">Best Practices</div>
2336                    
2337                    <h3 class="bl-card__title">I Expected the AI-Native Companies to Be Years Ahead on Pricing. They Are Not Even Close.</h3>
2338                    
2339                      <p class="bl-card__excerpt">What I heard on a monetization webinar this week changed how I think about our competitive position. Not incrementally. Completely.</p>
2340                    
2341                    <div class="bl-card__meta">
2342                      <span></span>
2343                      <span class="bl-card__meta-dot">·</span>
2344                      <span>Aug 19, 2026, 3:24:40 PM</span>
2345                    </div>
2346                  </div>
2347
2348                </a>
2349              
2350            
2351              
2352                <a class="bl-card" href="https://getambassador.com/blog/the-market-repriced-software.-here-is-what-we-are-shipping-for-it">
2353
2354                  
2355                    <img class="bl-card__img" src="https://getambassador.com/hubfs/Screenshot%202026-08-17%20at%203.46.51%20PM.png" alt="The Market Repriced Software. Here Is What We Are Shipping For It." loading="lazy">
2356                  
2357
2358                  <div class="bl-card__body">
2359                    
2360                      <div class="bl-card__tag">Best Practices</div>
2361                    
2362                    <h3 class="bl-card__title">The Market Repriced Software. Here Is What We Are Shipping For It.</h3>
2363                    
2364                      <p class="bl-card__excerpt">By Geoff McDonald, CEO, Ambassador</p>
2365                    
2366                    <div class="bl-card__meta">
2367                      <span></span>
2368                      <span class="bl-card__meta-dot">·</span>
2369                      <span>Aug 17, 2026, 6:49:48 PM</span>
2370                    </div>
2371                  </div>
2372
2373                </a>
2374              
2375            
2376          </div>
2377
2378          
2379          
2380
2381        </div>
2382
2383
2384        
2385        <aside class="bl-sidebar" aria-label="Browse by topic">
2386
2387          <div class="bl-sidebar__section">
2388            <p class="bl-sidebar__heading">Browse by Topic</p>
2389
2390            <div class="bl-tag-cloud">
2391              
2392                
2393                
2394
2395                
2396                
2397                  
2398                
2399
2400                <a href="https://getambassador.com/blog/tag/best-practices" class="bl-cloud-tag bl-cloud-tag--lg" title="59 posts">
2401                  Best Practices
2402                  <span class="bl-cloud-tag__count">59</span>
2403                </a>
2404
2405              
2406                
2407                
2408
2409                
2410                
2411                  
2412                
2413
2414                <a href="https://getambassador.com/blog/tag/customer-advocacy" class="bl-cloud-tag bl-cloud-tag--lg" title="52 posts">
2415                  Customer Advocacy
2416                  <span class="bl-cloud-tag__count">52</span>
2417                </a>
2418
2419              
2420                
2421                
2422
2423                
2424                
2425                  
2426                
2427
2428                <a href="https://getambassador.com/blog/tag/ambassador-3-0" class="bl-cloud-tag bl-cloud-tag--lg" title="44 posts">
2429                  Ambassador 3.0
2430                  <span class="bl-cloud-tag__count">44</span>
2431                </a>
2432
2433              
2434                
2435                
2436
2437                
2438                
2439                  
2440                
2441
2442                <a href="https://getambassador.com/blog/tag/infographic" class="bl-cloud-tag bl-cloud-tag--lg" title="30 posts">
2443                  Infographic
2444                  <span class="bl-cloud-tag__count">30</span>
2445                </a>
2446
2447              
2448                
2449                
2450
2451                
2452                
2453                  
2454                
2455
2456                <a href="https://getambassador.com/blog/tag/affiliate-marketing" class="bl-cloud-tag bl-cloud-tag--lg" title="22 posts">
2457                  Affiliate Marketing
2458                  <span class="bl-cloud-tag__count">22</span>
2459                </a>
2460
2461              
2462                
2463                
2464
2465                
2466                
2467                  
2468                
2469
2470                <a href="https://getambassador.com/blog/tag/ambassador-strategy" class="bl-cloud-tag bl-cloud-tag--lg" title="21 posts">
2471                  Ambassador Strategy
2472                  <span class="bl-cloud-tag__count">21</span>
2473                </a>
2474
2475              
2476                
2477                
2478
2479                
2480                
2481                  
2482                
2483
2484                <a href="https://getambassador.com/blog/tag/b2c" class="bl-cloud-tag bl-cloud-tag--lg" title="21 posts">
2485                  B2C
2486                  <span class="bl-cloud-tag__count">21</span>
2487                </a>
2488
2489              
2490                
2491                
2492
2493                
2494                
2495                  
2496                
2497
2498                <a href="https://getambassador.com/blog/tag/agenticai" class="bl-cloud-tag bl-cloud-tag--lg" title="20 posts">
2499                  AgenticAI
2500                  <span class="bl-cloud-tag__count">20</span>
2501                </a>
2502
2503              
2504                
2505                
2506
2507                
2508                
2509                  
2510                
2511
2512                <a href="https://getambassador.com/blog/tag/b2b" class="bl-cloud-tag bl-cloud-tag--lg" title="18 posts">
2513                  B2B
2514                  <span class="bl-cloud-tag__count">18</span>
2515                </a>
2516
2517              
2518                
2519                
2520
2521                
2522                
2523                  
2524                
2525
2526                <a href="https://getambassador.com/blog/tag/analytics-measurement" class="bl-cloud-tag bl-cloud-tag--lg" title="17 posts">
2527                  Analytics &amp; Measurement
2528                  <span class="bl-cloud-tag__count">17</span>
2529                </a>
2530
2531              
2532                
2533                
2534
2535                
2536                
2537                  
2538                
2539
2540                <a href="https://getambassador.com/blog/tag/brand-ambassador" class="bl-cloud-tag bl-cloud-tag--lg" title="17 posts">
2541                  Brand Ambassador
2542                  <span class="bl-cloud-tag__count">17</span>
2543                </a>
2544
2545              
2546                
2547                
2548
2549                
2550                
2551                  
2552                
2553
2554                <a href="https://getambassador.com/blog/tag/14-features" class="bl-cloud-tag bl-cloud-tag--lg" title="15 posts">
2555                  14 features)
2556                  <span class="bl-cloud-tag__count">15</span>
2557                </a>
2558
2559              
2560                
2561                
2562
2563                
2564                
2565                  
2566                
2567
2568                <a href="https://getambassador.com/blog/tag/inbound-marketing" class="bl-cloud-tag bl-cloud-tag--lg" title="14 posts">
2569                  Inbound Marketing
2570                  <span class="bl-cloud-tag__count">14</span>
2571                </a>
2572
2573              
2574                
2575                
2576
2577                
2578                
2579                  
2580                
2581
2582                <a href="https://getambassador.com/blog/tag/product-updates" class="bl-cloud-tag bl-cloud-tag--md" title="9 posts">
2583                  Product Updates
2584                  <span class="bl-cloud-tag__count">9</span>
2585                </a>
2586
2587              
2588                
2589                
2590
2591                
2592                
2593                  
2594                
2595
2596                <a href="https://getambassador.com/blog/tag/referral-marketing" class="bl-cloud-tag bl-cloud-tag--md" title="9 posts">
2597                  Referral Marketing
2598                  <span class="bl-cloud-tag__count">9</span>
2599                </a>
2600
2601              
2602                
2603                
2604
2605                
2606                
2607                  
2608                
2609
2610                <a href="https://getambassador.com/blog/tag/competitors-vs-ambassador" class="bl-cloud-tag bl-cloud-tag--md" title="8 posts">
2611                  Competitors vs. Ambassador
2612                  <span class="bl-cloud-tag__count">8</span>
2613                </a>
2614
2615              
2616                
2617                
2618
2619                
2620                
2621                  
2622                
2623
2624                <a href="https://getambassador.com/blog/tag/influencer-marketing" class="bl-cloud-tag bl-cloud-tag--md" title="7 posts">
2625                  Influencer Marketing
2626                  <span class="bl-cloud-tag__count">7</span>
2627                </a>
2628
2629              
2630                
2631                
2632
2633                
2634                
2635                  
2636                
2637
2638                <a href="https://getambassador.com/blog/tag/referral-software" class="bl-cloud-tag bl-cloud-tag--md" title="7 posts">
2639                  Referral Software
2640                  <span class="bl-cloud-tag__count">7</span>
2641                </a>
2642
2643              
2644                
2645                
2646
2647                
2648                
2649                  
2650                
2651
2652                <a href="https://getambassador.com/blog/tag/saas" class="bl-cloud-tag bl-cloud-tag--md" title="6 posts">
2653                  SaaS
2654                  <span class="bl-cloud-tag__count">6</span>
2655                </a>
2656
2657              
2658                
2659                
2660
2661                
2662                
2663                  
2664                
2665
2666                <a href="https://getambassador.com/blog/tag/word-of-mouth" class="bl-cloud-tag bl-cloud-tag--md" title="6 posts">
2667                  Word-of-Mouth
2668                  <span class="bl-cloud-tag__count">6</span>
2669                </a>
2670
2671              
2672                
2673                
2674
2675                
2676                
2677                  
2678                
2679
2680                <a href="https://getambassador.com/blog/tag/marketing-strategy" class="bl-cloud-tag bl-cloud-tag--md" title="5 posts">
2681                  Marketing Strategy
2682                  <span class="bl-cloud-tag__count">5</span>
2683                </a>
2684
2685              
2686                
2687                
2688
2689                
2690                
2691                  
2692                
2693
2694                <a href="https://getambassador.com/blog/tag/report" class="bl-cloud-tag bl-cloud-tag--md" title="5 posts">
2695                  Report
2696                  <span class="bl-cloud-tag__count">5</span>
2697                </a>
2698
2699              
2700                
2701                
2702
2703                
2704                
2705                  
2706                
2707
2708                <a href="https://getambassador.com/blog/tag/content-marketing" class="bl-cloud-tag bl-cloud-tag--md" title="4 posts">
2709                  Content Marketing
2710                  <span class="bl-cloud-tag__count">4</span>
2711                </a>
2712
2713              
2714                
2715                
2716
2717                
2718                
2719                  
2720                
2721
2722                <a href="https://getambassador.com/blog/tag/partner-program" class="bl-cloud-tag bl-cloud-tag--md" title="4 posts">
2723                  Partner Program
2724                  <span class="bl-cloud-tag__count">4</span>
2725                </a>
2726
2727              
2728                
2729                
2730
2731                
2732                
2733                  
2734                
2735
2736                <a href="https://getambassador.com/blog/tag/referral-program" class="bl-cloud-tag bl-cloud-tag--md" title="4 posts">
2737                  Referral Program
2738                  <span class="bl-cloud-tag__count">4</span>
2739                </a>
2740
2741              
2742                
2743                
2744
2745                
2746                
2747                  
2748                
2749
2750                <a href="https://getambassador.com/blog/tag/acquisitions" class="bl-cloud-tag bl-cloud-tag--sm" title="3 posts">
2751                  Acquisitions
2752                  <span class="bl-cloud-tag__count">3</span>
2753                </a>
2754
2755              
2756                
2757                
2758
2759                
2760                
2761                  
2762                
2763
2764                <a href="https://getambassador.com/blog/tag/company-update" class="bl-cloud-tag bl-cloud-tag--sm" title="3 posts">
2765                  Company Update
2766                  <span class="bl-cloud-tag__count">3</span>
2767                </a>
2768
2769              
2770                
2771                
2772
2773                
2774                
2775                  
2776                
2777
2778                <a href="https://getambassador.com/blog/tag/customer-growth-ecosystem" class="bl-cloud-tag bl-cloud-tag--sm" title="2 posts">
2779                  Customer Growth Ecosystem
2780                  <span class="bl-cloud-tag__count">2</span>
2781                </a>
2782
2783              
2784                
2785                
2786
2787                
2788                
2789                  
2790                
2791
2792                <a href="https://getambassador.com/blog/tag/customer-growth-platform" class="bl-cloud-tag bl-cloud-tag--sm" title="2 posts">
2793                  Customer Growth Platform
2794                  <span class="bl-cloud-tag__count">2</span>
2795                </a>
2796
2797              
2798                
2799                
2800
2801                
2802                
2803                  
2804                
2805
2806                <a href="https://getambassador.com/blog/tag/customer-growth-strategy" class="bl-cloud-tag bl-cloud-tag--sm" title="2 posts">
2807                  Customer Growth Strategy
2808                  <span class="bl-cloud-tag__count">2</span>
2809                </a>
2810
2811              
2812                
2813                
2814
2815                
2816                
2817                  
2818                
2819
2820                <a href="https://getambassador.com/blog/tag/ebook" class="bl-cloud-tag bl-cloud-tag--sm" title="2 posts">
2821                  Ebook
2822                  <span class="bl-cloud-tag__count">2</span>
2823                </a>
2824
2825              
2826                
2827                
2828
2829                
2830                
2831                  
2832                
2833
2834                <a href="https://getambassador.com/blog/tag/enterprise-growth" class="bl-cloud-tag bl-cloud-tag--sm" title="2 posts">
2835                  Enterprise Growth
2836                  <span class="bl-cloud-tag__count">2</span>
2837                </a>
2838
2839              
2840                
2841                
2842
2843                
2844                
2845                  
2846                
2847
2848                <a href="https://getambassador.com/blog/tag/how-to-use-ambassador-3-0" class="bl-cloud-tag bl-cloud-tag--sm" title="2 posts">
2849                  How to Use Ambassador 3.0
2850                  <span class="bl-cloud-tag__count">2</span>
2851                </a>
2852
2853              
2854                
2855                
2856
2857                
2858                
2859                  
2860                
2861
2862                <a href="https://getambassador.com/blog/tag/roi" class="bl-cloud-tag bl-cloud-tag--sm" title="2 posts">
2863                  ROI
2864                  <span class="bl-cloud-tag__count">2</span>
2865                </a>
2866
2867              
2868                
2869                
2870
2871                
2872                
2873                  
2874                
2875
2876                <a href="https://getambassador.com/blog/tag/cgmm-maturity-model" class="bl-cloud-tag bl-cloud-tag--sm" title="1 post">
2877                  CGMM maturity model
2878                  <span class="bl-cloud-tag__count">1</span>
2879                </a>
2880
2881              
2882                
2883                
2884
2885                
2886                
2887                  
2888                
2889
2890                <a href="https://getambassador.com/blog/tag/customer-retention" class="bl-cloud-tag bl-cloud-tag--sm" title="1 post">
2891                  Customer Retention
2892                  <span class="bl-cloud-tag__count">1</span>
2893                </a>
2894
2895              
2896                
2897                
2898
2899                
2900                
2901                  
2902                
2903
2904                <a href="https://getambassador.com/blog/tag/customer-driven-growth" class="bl-cloud-tag bl-cloud-tag--sm" title="1 post">
2905                  Customer-Driven Growth
2906                  <span class="bl-cloud-tag__count">1</span>
2907                </a>
2908
2909              
2910                
2911                
2912
2913                
2914                
2915                  
2916                
2917
2918                <a href="https://getambassador.com/blog/tag/demos" class="bl-cloud-tag bl-cloud-tag--sm" title="1 post">
2919                  Demo(s)
2920                  <span class="bl-cloud-tag__count">1</span>
2921                </a>
2922
2923              
2924                
2925                
2926
2927                
2928                
2929                  
2930                
2931
2932                <a href="https://getambassador.com/blog/tag/investor-relations" class="bl-cloud-tag bl-cloud-tag--sm" title="1 post">
2933                  Investor Relations
2934                  <span class="bl-cloud-tag__count">1</span>
2935                </a>
2936
2937              
2938                
2939                
2940
2941                
2942                
2943                  
2944                
2945
2946                <a href="https://getambassador.com/blog/tag/loyalty-program" class="bl-cloud-tag bl-cloud-tag--sm" title="1 post">
2947                  Loyalty Program
2948                  <span class="bl-cloud-tag__count">1</span>
2949                </a>
2950
2951              
2952                
2953                
2954
2955                
2956                
2957                  
2958                
2959
2960                <a href="https://getambassador.com/blog/tag/pop-culture" class="bl-cloud-tag bl-cloud-tag--sm" title="1 post">
2961                  Pop Culture
2962                  <span class="bl-cloud-tag__count">1</span>
2963                </a>
2964
2965              
2966                
2967                
2968
2969                
2970                
2971                  
2972                
2973
2974                <a href="https://getambassador.com/blog/tag/social-media" class="bl-cloud-tag bl-cloud-tag--sm" title="1 post">
2975                  Social Media
2976                  <span class="bl-cloud-tag__count">1</span>
2977                </a>
2978
2979              
2980            </div>
2981
2982            <a class="bl-cloud-all" href="https://getambassador.com/blog">All Posts</a>
2983          </div>
2984
2985        </aside>
2986
2987      </div>
2988
2989    </div>
2990  </section>
2991
2992
2993  
2994  <section class="bl-cta">
2995    <div class="container">
2996      <div class="bl-cta__inner">
2997
2998        <div>
2999          <p class="bl-cta__eyebrow">Stay Current</p>
3000          <h2 class="bl-cta__h2">Free Resources. <span>Straight to Your Inbox.</span></h2>
3001          <p class="bl-cta__body">
3002            Sign up for the Ambassador newsletter and get notified when we publish new eBooks,
3003            case studies, blog posts and more. Strategy for revenue teams who need the number to be right.
3004          </p>
3005          <p class="bl-cta__note">No spam. Unsubscribe anytime.</p>
3006        </div>
3007
3008        <div class="newsletter">
3009          <div id="hs_cos_wrapper_bl_newsletter_form" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module widget-type-form" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module">
3010
3011
3012	
3013
3014
3015
3016	<span id="hs_cos_wrapper_bl_newsletter_form_" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_form" style="" data-hs-cos-general-type="widget" data-hs-cos-type="form">
3017<div id="hs_form_target_bl_newsletter_form" class="hs-form-html" data-form-id="522108c6-f111-419d-bf30-5cf7a4094086" data-portal-id="244219189" data-region="na2"></div>
3018
3019
3020
3021
3022</span>
3023</div>
3024        </div>
3025
3026      </div>
3027    </div>
3028  </section>
3029
3030</div>
3031
3032
3033      </main>
3034
3035      
3036        <!--
3037  ========================================================================
3038  SOURCE OF TRUTH: GitHub repo ambassador-website
3039  Path: src/templates/partials/footer.html  (branch: main)
3040
3041  DO NOT EDIT IN DESIGN MANAGER OR VIA THE CLAUDE / HUBSPOT MCP CONNECTOR.
3042  Changes made here will be overwritten on the next deploy from git.
3043  For changes, open a PR in the repo or ping Ethan in Slack.
3044  ========================================================================
3045-->
3046<style>
3047/* ============== FOOTER — compact directory style ==============
3048   Trimmed vertical rhythm vs the prior version (~45% less total height)
3049   so the footer fits in roughly one scroll. All link wiring + HubSpot
3050   tokens + SOC image preserved.
3051================================================================ */
3052
3053.amb-footer {
3054  background: #0F1F3D;
3055  color: rgba(255, 255, 255, 0.65);
3056  padding: 40px 48px 20px;
3057  font-family: 'DM Sans', sans-serif;
3058  font-size: 13px;
3059  line-height: 1.5;
3060  border-top: 1px solid rgba(255, 255, 255, 0.06);
3061}
3062.amb-footer__grid {
3063  max-width: 1400px;
3064  margin: 0 auto;
3065  display: grid;
3066  grid-template-columns: 1.2fr 1.4fr 1fr 1fr;
3067  gap: 32px;
3068  padding-bottom: 28px;
3069}
3070
3071/* Brand column -- left-aligned stack so the logo, tagline, socials, and
3072   G2 banner share one matching left edge. The tagline, socials, and G2
3073   banner are all width-locked to 180px. */
3074.amb-footer__brand {
3075  display: flex;
3076  flex-direction: column;
3077  align-items: flex-start;
3078}
3079.amb-footer__brand-mark {
3080  display: flex;
3081  align-items: center;
3082  gap: 8px;
3083  margin-bottom: 12px;
3084  text-decoration: none;
3085}
3086.amb-footer__brand-mark .brand-mark {
3087  width: 28px;
3088  height: 28px;
3089  flex-shrink: 0;
3090}
3091.amb-footer__brand-mark .wordmark {
3092  font-family: 'Raleway', sans-serif;
3093  font-size: 14px;
3094  font-weight: 800;
3095  letter-spacing: 0.18em;
3096  color: #ffffff;
3097}
3098.amb-footer__tagline {
3099  font-size: 12.5px;
3100  color: rgba(255, 255, 255, 0.55);
3101  line-height: 1.45;
3102  margin: 0 0 14px;
3103  width: 180px;
3104  max-width: 100%;
3105}
3106/* Socials row -- width-locked to match the G2 banner below so outer chip
3107   edges align flush with the banner's edges and the middle chip falls dead
3108   center. */
3109.amb-footer__socials {
3110  display: flex;
3111  justify-content: space-between;
3112  align-items: center;
3113  width: 180px;
3114  max-width: 100%;
3115}
3116.amb-footer__social {
3117  position: relative;
3118  display: inline-flex;
3119  align-items: center;
3120  justify-content: center;
3121  width: 40px;
3122  height: 40px;
3123  border-radius: 8px;
3124  border: 1px solid rgba(255,255,255,0.15);
3125  box-shadow: 0 4px 12px rgba(0,0,0,0.25);
3126  overflow: hidden;
3127  cursor: pointer;
3128  text-decoration: none;
3129  color: #ffffff;
3130  transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease, background 0.3s ease;
3131}
3132.amb-footer__social svg {
3133  width: 17px;
3134  height: 17px;
3135  position: relative;
3136  z-index: 1;
3137  color: #ffffff;
3138}
3139/* Shine sweep: translucent diagonal band slides L->R on hover */
3140.amb-footer__social::before {
3141  content: '';
3142  position: absolute;
3143  inset: 0;
3144  background: linear-gradient(90deg, transparent, rgba(255,255,255,0.18), transparent);
3145  transform: translateX(-100%);
3146  transition: transform 0.7s ease;
3147  pointer-events: none;
3148}
3149.amb-footer__social:hover::before { transform: translateX(100%); }
3150.amb-footer__social:hover { transform: translateY(-2px) scale(1.06); }
3151.amb-footer__social:active { transform: translateY(0) scale(0.97); }
3152
3153/* LinkedIn -- muted brand blue at rest, full brand blue on hover */
3154.amb-footer__social--linkedin {
3155  background: #0F3D6B;
3156  border-color: rgba(10, 102, 194, 0.5);
3157  box-shadow: 0 4px 10px rgba(10, 102, 194, 0.18);
3158}
3159.amb-footer__social--linkedin:hover {
3160  background: #0A66C2;
3161  border-color: rgba(10, 102, 194, 0.9);
3162  box-shadow: 0 8px 22px rgba(10, 102, 194, 0.45);
3163}
3164
3165/* Instagram -- desaturated diagonal gradient at rest, full saturation on hover */
3166.amb-footer__social--instagram {
3167  background: linear-gradient(45deg, #8C5A23 0%, #8A3E25 25%, #7E1B2D 50%, #74173B 75%, #6B164E 100%);
3168  border-color: rgba(220, 39, 67, 0.5);
3169  box-shadow: 0 4px 10px rgba(220, 39, 67, 0.18);
3170}
3171.amb-footer__social--instagram:hover {
3172  background: linear-gradient(45deg, #F09433 0%, #E6683C 25%, #DC2743 50%, #CC2366 75%, #BC1888 100%);
3173  border-color: rgba(220, 39, 67, 0.9);
3174  box-shadow: 0 8px 22px rgba(220, 39, 67, 0.45);
3175}
3176
3177/* YouTube -- muted brand red at rest, full brand red on hover */
3178.amb-footer__social--youtube {
3179  background: #8B1010;
3180  border-color: rgba(255, 0, 0, 0.5);
3181  box-shadow: 0 4px 10px rgba(255, 0, 0, 0.18);
3182}
3183.amb-footer__social--youtube:hover {
3184  background: #FF0000;
3185  border-color: rgba(255, 0, 0, 0.9);
3186  box-shadow: 0 8px 22px rgba(255, 0, 0, 0.45);
3187}
3188
3189/* Facebook -- muted brand blue at rest, full brand blue on hover */
3190.amb-footer__social--facebook {
3191  background: #123A6E;
3192  border-color: rgba(24, 119, 242, 0.5);
3193  box-shadow: 0 4px 10px rgba(24, 119, 242, 0.18);
3194}
3195.amb-footer__social--facebook:hover {
3196  background: #1877F2;
3197  border-color: rgba(24, 119, 242, 0.9);
3198  box-shadow: 0 8px 22px rgba(24, 119, 242, 0.45);
3199}
3200
3201/* Review badges (G2 + Capterra) -- same glass + shine + lift as the social
3202   chips, tinted toward Ambassador's blue->
3202purple gradient. Each wrapper <a>
3203   carries the routing to its review profile; styling does not affect the href.
3204   Both are width-locked to 180px so they stack flush with the socials row. */
3205.amb-footer__g2,
3206.amb-footer__capterra {
3207  position: relative;
3208  display: block;
3209  margin-top: 14px;
3210  width: 180px;
3211  max-width: 100%;
3212  border-radius: 8px;
3213  border: 1px solid rgba(59, 99, 232, 0.5);
3214  box-shadow: 0 4px 14px rgba(26, 59, 174, 0.3);
3215  overflow: hidden;
3216  text-decoration: none;
3217  line-height: 0;
3218  transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
3219}
3220/* Capterra sits directly under the G2 banner -- tighter gap between the pair. */
3221.amb-footer__capterra { margin-top: 10px; }
3222.amb-footer__g2::before,
3223.amb-footer__capterra::before {
3224  content: '';
3225  position: absolute;
3226  inset: 0;
3227  /* Sits in front of the badge image (z-index: 2) so the sheen is
3228     visible over the banner artwork, not hidden behind it. */
3229  z-index: 2;
3230  background: linear-gradient(90deg, transparent, rgba(255,255,255,0.28), transparent);
3231  transform: translateX(-100%);
3232  transition: transform 0.7s ease;
3233  pointer-events: none;
3234}
3235.amb-footer__g2:hover::before,
3236.amb-footer__capterra:hover::before { transform: translateX(100%); }
3237.amb-footer__g2:hover,
3238.amb-footer__capterra:hover {
3239  transform: translateY(-2px) scale(1.04);
3240  border-color: rgba(59, 99, 232, 0.8);
3241  box-shadow: 0 8px 24px rgba(26, 59, 174, 0.45);
3242}
3243.amb-footer__g2:active,
3244.amb-footer__capterra:active { transform: translateY(0) scale(0.98); }
3245.amb-footer__g2 img,
3246.amb-footer__capterra img {
3247  display: block;
3248  width: 100%;
3249  height: auto;
3250  position: relative;
3251  z-index: 1;
3252}
3253
3254/* Link columns */
3255.amb-footer__col-title {
3256  font-size: 10px;
3257  letter-spacing: 0.18em;
3258  text-transform: uppercase;
3259  color: rgba(255, 255, 255, 0.85);
3260  font-weight: 600;
3261  margin: 0 0 10px;
3262}
3263.amb-footer__subgroup {
3264  margin-bottom: 11px;
3265}
3266.amb-footer__subgroup:last-child { margin-bottom: 0; }
3267.amb-footer__sub-eyebrow {
3268  display: block;
3269  font-size: 9px;
3270  letter-spacing: 0.18em;
3271  text-transform: uppercase;
3272  font-weight: 600;
3273  margin-bottom: 4px;
3274}
3275a.amb-footer__sub-eyebrow {
3276  text-decoration: none;
3277  cursor: pointer;
3278  transition: text-shadow 0.2s ease, transform 0.2s ease, color 0.2s ease;
3279}
3280a.amb-footer__sub-eyebrow:hover { transform: translateX(2px); }
3281a.amb-footer__sub-eyebrow.is-grow:hover  { text-shadow: 0 0 12px rgba(7, 228, 158, 0.7); }
3282a.amb-footer__sub-eyebrow.is-keep:hover  { text-shadow: 0 0 12px rgba(247, 162, 95, 0.7); }
3283a.amb-footer__sub-eyebrow.is-prove:hover { text-shadow: 0 0 12px rgba(59, 99, 232, 0.8); }
3284.amb-footer__sub-eyebrow.is-grow        { color: #07E49E; }
3285.amb-footer__sub-eyebrow.is-keep        { color: #F7A25F; }
3286.amb-footer__sub-eyebrow.is-prove       { color: #3B63E8; }
3287.amb-footer__sub-eyebrow.is-overview        { color: #3B63E8; }
3288.amb-footer__sub-eyebrow.is-by-industry     { color: #3B63E8; }
3289.amb-footer__sub-eyebrow.is-by-strategy     { color: #3B63E8; }
3290.amb-footer__sub-eyebrow.is-by-program-type { color: #3B63E8; }
3291
3292.amb-footer ul {
3293  list-style: none;
3294  margin: 0;
3295  padding: 0;
3296  display: flex;
3297  flex-direction: column;
3298  gap: 3.5px;
3299}
3300.amb-footer ul a {
3301  color: rgba(255, 255, 255, 0.62);
3302  text-decoration: none;
3303  font-size: 12.5px;
3304  font-weight: 400;
3305  transition: color 0.2s ease;
3306  display: inline-flex;
3307  align-items: center;
3308  gap: 6px;
3309}
3310.amb-footer ul a:hover { color: #ffffff; }
3311
3312/* "Join our influencer program" callout pill -- green-tinted secondary action
3313   on the dark footer, on-dark green per brand v2.2. */
3314.amb-footer ul a.amb-footer__callout {
3315  margin-top: 4px;
3316  padding: 5px 10px;
3317  background: rgba(7, 228, 158, 0.08);
3318  border: 1px solid rgba(7, 228, 158, 0.35);
3319  border-radius: 999px;
3320  color: #07E49E;
3321  font-size: 12px;
3322  font-weight: 600;
3323  letter-spacing: 0.02em;
3324  white-space: nowrap;
3325  align-self: flex-start;
3326  transition: background 0.2s ease, border-color 0.2s ease;
3327}
3328.amb-footer ul a.amb-footer__callout::after {
3329  content: '\2192';
3330  font-weight: 700;
3331  transition: transform 0.18s ease;
3332}
3333.amb-footer ul a.amb-footer__callout:hover {
3334  color: #07E49E;
3335  background: rgba(7, 228, 158, 0.14);
3336  border-color: rgba(7, 228, 158, 0.55);
3337}
3338.amb-footer ul a.amb-footer__callout:hover::after { transform: translateX(2px); }
3339.amb-footer .nav-muted {
3340  display: inline-flex;
3341  align-items: center;
3342  gap: 6px;
3343  font-size: 12.5px;
3344  font-weight: 400;
3345  color: rgba(255, 255, 255, 0.35);
3346  cursor: default;
3347}
3348.amb-footer .badge-soon {
3349  display: inline-block;
3350  font-size: 9px;
3351  font-weight: 600;
3352  letter-spacing: 0.12em;
3353  text-transform: uppercase;
3354  padding: 2px 6px;
3355  border-radius: 100px;
3356  background: rgba(255, 255, 255, 0.06);
3357  border: 1px solid rgba(255, 255, 255, 0.1);
3358  color: rgba(255, 255, 255, 0.55);
3359}
3360/* "New" pill -- green tint, sits next to a real link (not a muted label). */
3361.amb-footer .badge-new {
3362  display: inline-block;
3363  margin-left: 6px;
3364  font-size: 9px;
3365  font-weight: 700;
3366  letter-spacing: 0.12em;
3367  text-transform: uppercase;
3368  padding: 2px 6px;
3369  border-radius: 100px;
3370  background: rgba(7, 228, 158, 0.18);
3371  border: 1px solid rgba(7, 228, 158, 0.35);
3372  color: #07E49E;
3373}
3374
3375/* Compact bottom strip: SOC + address on left, GKP centered on the page,
3376   legal + copyright on right. 3-column grid so GKP stays page-centered
3377   regardless of how wide the side groups grow. */
3378.amb-footer__bar {
3379  max-width: 1400px;
3380  margin: 0 auto;
3381  padding-top: 14px;
3382  border-top: 1px solid rgba(255, 255, 255, 0.08);
3383  display: grid;
3384  grid-template-columns: 1fr auto 1fr;
3385  align-items: center;
3386  gap: 20px;
3387  font-size: 11px;
3388  color: rgba(255, 255, 255, 0.45);
3389}
3390.amb-footer__bar-left {
3391  display: flex;
3392  align-items: center;
3393  gap: 9px;
3394  flex-wrap: wrap;
3395  justify-self: start;
3396}
3397.amb-footer__location {
3398  color: rgba(255, 255, 255, 0.5);
3399}
3400.amb-footer__bar-center {
3401  display: flex;
3402  align-items: center;
3403  justify-self: center;
3404}
3405.amb-footer__bar-right {
3406  display: flex;
3407  align-items: center;
3408  gap: 9px;
3409  flex-wrap: wrap;
3410  justify-self: end;
3411}
3412.amb-footer__bar-right a {
3413  color: rgba(255, 255, 255, 0.5);
3414  text-decoration: none;
3415  transition: color 0.2s ease;
3416}
3417.amb-footer__bar-right a:hover { color: #ffffff; }
3418.amb-footer__bar-dot {
3419  color: rgba(255, 255, 255, 0.3);
3420  user-select: none;
3421}
3422.amb-footer__copy { color: rgba(255, 255, 255, 0.5); }
3423.amb-footer__tag-gkp {
3424  font-size: 11px;
3425  font-weight: 700;
3426  letter-spacing: 0.12em;
3427  white-space: nowrap;
3428}
3429.amb-footer__tag-gkp .gkp-grow  { color: #07E49E; }
3430.amb-footer__tag-gkp .gkp-keep  { color: #F7A25F; }
3431.amb-footer__tag-gkp .gkp-prove { color: #3B63E8; }
3432
3433@media (max-width: 1024px) {
3434  .amb-footer { padding: 32px 24px 16px; }
3435  .amb-footer__grid { grid-template-columns: 1fr 1fr; gap: 28px; }
3436}
3437@media (max-width: 640px) {
3438  .amb-footer__grid { grid-template-columns: 1fr; gap: 24px; }
3439  .amb-footer__bar {
3440    grid-template-columns: 1fr;
3441    justify-items: start;
3442    gap: 12px;
3443  }
3444  .amb-footer__bar-left,
3445  .amb-footer__bar-center,
3446  .amb-footer__bar-right { justify-self: start; width: 100%; }
3447}
3448</style>
3449
3450<footer class="amb-footer">
3451  <div class="amb-footer__grid">
3452
3453    <!-- Brand column -->
3454    <div class="amb-footer__brand">
3455      <a href="/" class="amb-footer__brand-mark" aria-label="Ambassador -- Home">
3456        <svg class="brand-mark" viewbox="9 10 62 62" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false">
3457          <defs>
3458            <radialgradient id="ambHubFooter" cx="38%" cy="34%" r="62%">
3459              <stop offset="0%" stop-color="#FFFFFF" stop-opacity="0.95" />
3460              <stop offset="22%" stop-color="#9457F7" />
3461              <stop offset="60%" stop-color="#5F11E4" />
3462              <stop offset="100%" stop-color="#3B0E8C" />
3463            </radialgradient>
3464            <filter id="ambHubFooterShadow" x="-60%" y="-60%" width="220%" height="220%">
3465              <fedropshadow dx="0" dy="0" stdDeviation="1.4" flood-color="#9457F7" flood-opacity="0.55" />
3466            </filter>
3467          </defs>
3468          <line x1="40" y1="17.6" x2="14.1" y2="62.4" stroke="rgba(196, 206, 222, 0.85)" stroke-width="1.0" stroke-linecap="round" />
3469          <line x1="14.1" y1="62.4" x2="65.9" y2="62.4" stroke="rgba(196, 206, 222, 0.85)" stroke-width="1.0" stroke-linecap="round" />
3470          <line x1="65.9" y1="62.4" x2="40" y2="17.6" stroke="rgba(196, 206, 222, 0.85)" stroke-width="1.0" stroke-linecap="round" />
3471          <line x1="40" y1="47.5" x2="40" y2="17.6" stroke="#9457F7" stroke-width="0.7" stroke-linecap="round" opacity="0.75" />
3472          <line x1="40" y1="47.5" x2="14.1" y2="62.4" stroke="#9457F7" stroke-width="0.7" stroke-linecap="round" opacity="0.75" />
3473          <line x1="40" y1="47.5" x2="65.9" y2="62.4" stroke="#9457F7" stroke-width="0.7" stroke-linecap="round" opacity="0.75" />
3474          <circle cx="40" cy="17.6" r="4.25" fill="#3B63E8" />
3475          <circle cx="14.1" cy="62.4" r="4.25" fill="#3B63E8" />
3476          <circle cx="65.9" cy="62.4" r="4.25" fill="#3B63E8" />
3477          <circle cx="40" cy="47.5" r="7.6" fill="url(#ambHubFooter)" filter="url
3477(#ambHubFooterShadow)" />
3478        </svg>
3479        <span class="wordmark">AMBASSADOR</span>
3480      </a>
3481
3482      <p class="amb-footer__tagline">The Customer Lifecycle Operating System for revenue teams that need the number to be right.</p>
3483
3484      <div class="amb-footer__socials">
3485        <a class="amb-footer__social amb-footer__social--linkedin" href="https://www.linkedin.com/company/getambassador" aria-label="LinkedIn" target="_blank" rel="noopener">
3486          <svg viewbox="0 0 24 24" fill="currentColor" aria-hidden="true"><path d="M19 3a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h14m-.5 15.5v-5.3a3.26 3.26 0 0 0-3.26-3.26c-.85 0-1.84.52-2.32 1.3v-1.11h-2.79v8.37h2.79v-4.93c0-.77.62-1.4 1.39-1.4a1.4 1.4 0 0 1 1.4 1.4v4.93h2.79M6.88 8.56a1.68 1.68 0 0 0 1.68-1.68c0-.93-.75-1.69-1.68-1.69a1.69 1.69 0 0 0-1.69 1.69c0 .93.76 1.68 1.69 1.68m1.39 9.94v-8.37H5.5v8.37h2.77z" /></svg>
3487        </a>
3488        <a class="amb-footer__social amb-footer__social--instagram" href="https://www.instagram.com/get.ambassador" aria-label="Instagram" target="_blank" rel="noopener">
3489          <svg viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><rect x="2" y="2" width="20" height="20" rx="5" ry="5" /><path d="M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z" /><line x1="17.5" y1="6.5" x2="17.51" y2="6.5" /></svg>
3490        </a>
3491        <a class="amb-footer__social amb-footer__social--youtube" href="https://www.youtube.com/@getambassador" aria-label="YouTube" target="_blank" rel="noopener">
3492          <svg viewbox="0 0 24 24" fill="currentColor" aria-hidden="true"><path d="M23.498 6.186a3.016 3.016 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z" /></svg>
3493        </a>
3494        <a class="amb-footer__social amb-footer__social--facebook" href="https://www.facebook.com/profile.php?id=61563676799402" aria-label="Facebook" target="_blank" rel="noopener">
3495          <svg viewbox="0 0 24 24" fill="currentColor" aria-hidden="true"><path d="M19 3a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2h-5.6v-7.2h2.4l.36-2.8h-2.76V9.2c0-.81.22-1.36 1.38-1.36H16V5.33c-.26-.03-1.13-.11-2.14-.11-2.12 0-3.57 1.3-3.57 3.67v2.05H7.9v2.8h2.39V21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h14z" /></svg>
3496        </a>
3497      </div>
3498
3499      <!-- G2 review banner: official G2 widget. Inline 
3499<script> injects the
3500           schema.org rating markup into <head> for SEO rich-snippet support. -->
3501      <a class="amb-footer__g2" href="https://www.g2.com/products/ambassador-software/take_survey?utm_source=review-widget" title="Leave a review of Ambassador Software on G2" target="_blank" rel="noopener">
3502        <img alt="Review Ambassador Software on G2" src="https://www.g2.com/products/ambassador-software/widgets/stars?color=blue&amp;type=reviews" fetchpriority="high" decoding="async">
3503      </a>
3504      
3504<script>(function(a,b,c,d){window.fetch("https://www.g2.com/products/ambassador-software/rating_schema.json").then(e=>e.json()).then(f=>{c=a.createElement(b);c.type="application/ld+json";c.text=JSON.stringify(f);d=a.getElementsByTagName(b)[0];d.parentNode.insertBefore(c,d);});})(document,"script");</script>
3504
3505
3506      <!-- Capterra review badge: official Capterra brand-asset SVG, matched to
3507           the G2 banner chip. Static badge, no widget script required. -->
3508      <a class="amb-footer__capterra" href="https://www.capterra.com/p/227998/Ambassador/reviews/" title="Read reviews of Ambassador on Capterra" target="_blank" rel="noopener">
3509        <img alt="Read reviews of Ambassador on Capterra" src="https://brand-assets.capterra.com/badge/8e6df12a-19f5-4315-a370-18e17c81f517.svg" loading="lazy" decoding="async" fetchpriority="low">
3510      </a>
3511    </div>
3512
3513    <!-- Platform column — wiring preserved -->
3514    <div>
3515      <div class="amb-footer__col-title">Platform</div>
3516
3517      <div class="amb-footer__subgroup">
3518        <span class="amb-footer__sub-eyebrow is-overview">Overview</span>
3519        <ul>
3520          <li><a href="/platform">Platform Overview</a></li>
3521          <li><a href="/ambassador-hiroai">HiroAI</a></li>
3522          <li><a href="https://getambassador.com/integrations-layer">Integrations</a></li>
3523        </ul>
3524      </div>
3525
3526      <div class="amb-footer__subgroup">
3527        <a href="#grow" class="amb-footer__sub-eyebrow is-grow">Grow</a>
3528        <ul>
3529          <li><a href="/advocacy-engine">Advocacy</a></li>
3530          <li><a href="/prospect-intelligence-engine">Prospect</a></li>
3531          <li><a href="/programmatic">Programmatic <span class="badge-new">New</span></a></li>
3532        </ul>
3533      </div>
3534
3535      <div class="amb-footer__subgroup">
3536        <a href="#keep" class="amb-footer__sub-eyebrow is-keep">Keep</a>
3537        <ul>
3538          <li><a href="/customer-value-engine">Retention</a></li>
3539          <li><a href="/incentive-storefront-engine">Incentive</a></li>
3540          <li><a href="/communication-cloud-engine">Communication</a></li>
3541        </ul>
3542      </div>
3543
3544      <div class="amb-footer__subgroup">
3545        <a href="#prove" class="amb-footer__sub-eyebrow is-prove">Prove</a>
3546        <ul>
3547          <li><a href="/predictive-recommendation-engine">Predictive</a></li>
3548          <li><span class="nav-muted">Attribution <span class="badge-soon">Soon</span></span></li>
3549          <li><span class="nav-muted">Finance <span class="badge-soon">Soon</span></span></li>
3550        </ul>
3551      </div>
3552    </div>
3553
3554    <!-- Solutions column — wiring preserved -->
3555    <div>
3556      <div class="amb-footer__col-title">Solutions</div>
3557      <div class="amb-footer__subgroup">
3558        <span class="amb-footer__sub-eyebrow is-by-industry">By Industry</span>
3559        <ul>
3560          <li><a href="https://getambassador.com/telecom">Telecom</a></li>
3561          <li><span class="nav-muted">CPaaS <span class="badge-soon">Soon</span></span></li>
3562          <li><span class="nav-muted">B2B SaaS <span class="badge-soon">Soon</span></span></li>
3563          <li><span class="nav-muted">FinTech <span class="badge-soon">Soon</span></span></li>
3564        </ul>
3565      </div>
3566      <div class="amb-footer__subgroup">
3567        <span class="amb-footer__sub-eyebrow is-by-strategy">By Strategy</span>
3568        <ul>
3569          <li><a href="/customer-growth">Customer Growth Overview</a></li>
3570          <li><a href="https://getambassador.com/customer-growth-strategy">Build your Customer Growth Strategy</a></li>
3571        </ul>
3572      </div>
3573      <div class="amb-footer__subgroup">
3574        <span class="amb-footer__sub-eyebrow is-by-program-type">By Program Type</span>
3575        <ul>
3576          <li><a href="/solutions/program-type/affiliate-marketing-software">Affiliates</a></li>
3577          <li><a href="/solutions/program-type/referral-marketing-software">Referrals</a></li>
3578          <li><a href="/solutions/program-type/influencer-marketing-platform">Influencers</a></li>
3579          <li><a href="/solutions/program-type/loyalty-program-software">Loyalty</a></li>
3580          <li><a class="amb-footer__callout" href="/join-influencer-program">Join our influencer program</a></li>
3581        </ul>
3582      </div>
3583    </div>
3584
3585    <!-- Company column — wiring preserved -->
3586    <div>
3587      <div class="amb-footer__col-title">Company</div>
3588      <ul>
3589        <li><a href="https://getambassador.com/why-ambassador">Why Ambassador</a></li>
3590        <li><a href="/resources">Resources</a></li>
3591        <li><a href="/blog">Blog</a></li>
3592        <li><a href="https://getambassador.com/pricing-ent">Pricing</a></li>
3593        <li><a href="https://getambassador.com/get-a-demo/">Get Demo</a></li>
3594        <li><a href="https://admin2.getambassador.com/login">Login</a></li>
3595        <li><a href="/legal">Legal</a></li>
3596      </ul>
3597    </div>
3598
3599  </div>
3600
3601  <!-- Compact bar: identity cluster (location + copyright) left, GKP
3602       centered, legal nav right. 3-col grid keeps GKP page-centered. -->
3603  <div class="amb-footer__bar">
3604    <div class="amb-footer__bar-left">
3605      <span class="amb-footer__location">Seattle, WA</span>
3606      <span class="amb-footer__bar-dot" aria-hidden="true">·</span>
3607      <span class="amb-footer__copy">© 2026 Ambassador</span>
3608    </div>
3609    <div class="amb-footer__bar-center">
3610      <span class="amb-footer__tag-gkp">
3611        <span class="gkp-grow">GROW</span>. <span class="gkp-keep">KEEP</span>. <span class="gkp-prove">PROVE</span>.
3612      </span>
3613    </div>
3614    <div class="amb-footer__bar-right">
3615      <a href="/legal">Legal</a>
3616      <span class="amb-footer__bar-dot" aria-hidden="true">·</span>
3617      <a href="/privacy">Privacy</a>
3618      <span class="amb-footer__bar-dot" aria-hidden="true">·</span>
3619      <a href="/terms-of-service">Terms</a>
3620      <span class="amb-footer__bar-dot" aria-hidden="true">·</span>
3621      <a href="/security">Security</a>
3622    </div>
3623  </div>
3624
3625</footer>
3626      
3627    </div>
3628    
3629    
3630    
3631<!-- HubSpot performance collection script -->
3632<script defer src="/hs/hsstatic/content-cwv-embed/static-1.1293/embed.js"></script>
vendor: 1 bytes, line 3632
3632
3633<script src="https://getambassador.com/hubfs/hub_generated/template_assets/1/321618468555/1782829180534/template_main.min.js"></script>
vendor: 1 bytes, line 3633
3633
3634<script>
3635var hsVars = hsVars || {}; hsVars['language'] = 'en';
3636</script>
3636
3637
3638<script src="/hs/hsstatic/cos-i18n/static-1.53/bundles/project.js"></script>
3638
3639
3640  
3640<script data-hs-allowed="true">
3641    ((d=document,q='querySelectorAll',l='hs-form-html',m='script',b='/_hcms/forms/embed/v4/render-definition/ssr',u='https://js-na2.hsforms.net/forms/embed/244219189.js') => {
3642      const a = (t,i) => t.replace(/{{hs_form_instance_id_placeholder}}/g,i);
3643      const i = (f,o) => {f.innerHTML=o;for(const s of f[q](m)){const n=d.createElement(m);for(const{name:e,value:t}of s.attributes)n.setAttribute(e,t);n.appendChild(d.createTextNode(s.innerHTML)),s.parentNode.replaceChild(n,s)}};
3644      const j = (e,f) => {const fb=()=>{const n=f.cloneNode(true);n.classList.replace(l,'hs-form-frame');i(f,'<'+m+' src="'+u+'"></'+m+'>'+n.outerHTML);};try{if(e.status === 404){e.text().then((t)=>{if(!/Form not found/i.test(t))fb();}).catch(fb);return;}}catch(_){}fb();};
3645      const r = (el,c=el.dataset) => {if(c.fetched)return;c.fetched=Date.now();fetch(`${b}/${c.portalId}/${c.formId}`).then((r) => {if(!r.ok)throw r;return r.text().then((t) => {i(el,a(t,el.id));c.loaded=Date.now();});}).catch((e) => j(e,el));};
3646      d[q]('.'+l).forEach((el) => r(el));
3647    })();
3648  </script>
3648
3649
3650
3651  
3651<script data-hs-allowed="true">
3652    ((el) => {
3653      el && el.addEventListener('hs-form-event:on-ready', (e) => {
3654      window.HubSpotFormsV4.getFormFromEvent(e).setExtraSubmissionMetadata({
3655        
3656        
3657        
3658        
3659        
3660        
3661        
3662      });
3663    });
3664    })(document.getElementById('hs_form_target_bl_newsletter_form'));
3665  </script>
3665
3666
3667
3668<!-- Start of HubSpot Analytics Code -->
3669<script type="text/javascript">
3670var _hsq = _hsq || [];
3671_hsq.push(["setContentType", "listing-page"]);
3672_hsq.push(["setCanonicalUrl", "https:\/\/getambassador.com\/blog"]);
3673_hsq.push(["setPageId", "271574591175"]);
3674_hsq.push(["setContentMetadata", {
3675    "contentPageId": 271574591175,
3676    "legacyPageId": "271574591175",
3677    "contentFolderId": null,
3678    "contentGroupId": 271574591173,
3679    "abTestId": null,
3680    "languageVariantId": 271574591175,
3681    "languageCode": "en",
3682    
3683    
3684}]);
3685</script>
3685
3686
3687<script type="text/javascript" id="hs-script-loader" async defer src="/hs/scriptloader/244219189.js"></script>
3687
3688<!-- End of HubSpot Analytics Code -->
3689
3690
3691<script type="text/javascript">
3692var hsVars = {
3693    render_id: "247690cf-8258-4c38-87c9-399bf3245881",
3694    ticks: 1790620707558,
3695    page_id: 271574591175,
3696    
3697    content_group_id: 271574591173,
3698    portal_id: 244219189,
3699    app_hs_base_url: "https://app-na2.hubspot.com",
3700    cp_hs_base_url: "https://cp-na2.hubspot.com",
3701    language: "en",
3702    analytics_page_type: "listing-page",
3703    scp_content_type: "",
3704    
3705    analytics_page_id: "271574591175",
3706    category_id: 7,
3707    folder_id: 0,
3708    is_hubspot_user: false
3709}
3710</script>
3710
3711
3712
3713<script defer src="/hs/hsstatic/HubspotToolsMenu/static-1.640/js/index.js"></script>
3713
3714
3715
3716<div id="fb-root"></div>
3717  
3717<script>(function(d, s, id) {
3718  var js, fjs = d.getElementsByTagName(s)[0];
3719  if (d.getElementById(id)) return;
3720  js = d.createElement(s); js.id = id;
3721  js.src = "//connect.facebook.net/en_GB/sdk.js#xfbml=1&version=v3.0";
3722  fjs.parentNode.insertBefore(js, fjs);
3723 }(document, 'script', 'facebook-jssdk'));</script>
3723 
3723<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="https://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
3723
3724 
3725
3726
3727    
3727<script>
3728    if (typeof navigator !== 'undefined' && navigator.modelContext && typeof navigator.modelContext.registerTool === 'function') {
3729      try {
3730        var _ac = new AbortController();
3731        window.addEventListener('pagehide', function() { _ac.abort(); }, { once: true });
3732        var _sig = _ac.signal;
3733        navigator.modelContext.registerTool({
3734          name: 'book_demo',
3735          description: 'Book a 30-minute Ambassador product demo or revenue review session.',
3736          inputSchema: { type: 'object', properties: {} },
3737          execute: async function() { return { url: 'https://getambassador.com/get-a-demo' }; }
3738        }, _sig);
3739        navigator.modelContext.registerTool({
3740          name: 'explore_platform',
3741          description: 'Navigate to a specific Ambassador platform engine or product page.',
3742          inputSchema: {
3743            type: 'object',
3744            properties: {
3745              engine: {
3746                type: 'string',
3747                enum: ['advocacy','loyalty','communication','incentives','prospect-intelligence','analytics','integrations','platform'],
3748                description: 'The Ambassador engine or section to explore'
3749              }
3750            },
3751            required: ['engine']
3752          },
3753          execute: async function(args) {
3754            var map = {
3755              advocacy: '/advocacy-engine',
3756              loyalty: '/customer-value-engine',
3757              communication: '/communication-cloud-engine',
3758              incentives: '/incentive-storefront-engine',
3759              'prospect-intelligence': '/prospect-intelligence-engine',
3760              analytics: '/data-intelligence-layer',
3761              integrations: '/integrations-layer',
3762              platform: '/platform'
3763            };
3764            return { url: 'https://getambassador.com' + (map[args.engine] || '/platform') };
3765          }
3766        }, _sig);
3767        navigator.modelContext.registerTool({
3768          name: 'get_pricing',
3769          description: 'Request an enterprise quote or talk to sales.',
3770          inputSchema: { type: 'object', properties: {} },
3771          execute: async function() { return { url: 'https://getambassador.com/pricing-ent' }; }
3772        }, _sig);
3773        navigator.modelContext.registerTool({
3774          name: 'find_resources',
3775          description: 'Browse Ambassador case studies, whitepapers, and industry guides.',
3776          inputSchema: { type: 'object', properties: {} },
3777          execute: async function() { return { url: 'https://getambassador.com/resources' }; }
3778        }, _sig);
3779      } catch(e) {}
3780    }
3781    </script>
3781
3782  
3783</body></html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.