PageSourceSearch

https://getambassador.com/pricing-ent

html getambassador.com collected 2026-10-02 02:38:56 UTC 114,340 bytes, 3,008 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>Ambassador Pricing | Priced to the Return It Delivers</title>
13    <link rel="shortcut icon" href="https://getambassador.com/hubfs/Ambassador%20-%20Icon%2c%20Transparent-1.png">
14    <meta name="description" content="Ambassador is priced to the return it delivers, not to seats, contacts, or MAUs. See the ROI math for your enterprise customer programs. Request a demo.">
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="Ambassador is priced to the return it delivers, not to seats, contacts, or MAUs. See the ROI math for your enterprise customer programs. Request a demo.">
31    <meta property="og:title" content="Ambassador Pricing | Priced to the Return It Delivers">
32    <meta name="twitter:description" content="Ambassador is priced to the return it delivers, not to seats, contacts, or MAUs. See the ROI math for your enterprise customer programs. Request a demo.">
33    <meta name="twitter:title" content="Ambassador Pricing | Priced to the Return It Delivers">
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    <link rel="canonical" href="https://getambassador.com/pricing-ent">
175
176<style>
177  /* ===== Layout ===== */
178  
179  [data-hsfc-id=Renderer] .hsfc-Row{
180    gap: 15px !important;
181    margin-bottom: 2px !important;
182  }
183  
184  [id*="d40a74d2-e075-4eec-9296-f1ca663d9291"][id*="hs_form_target_form"] button[type="submit"]{
185  	width: 100% !important;
186    font-size: 16px !important;
187  }
188  
189  .hsfc-FieldLabel__RequiredIndicator{
190  display: none !important;
191  }
192  
193  .hsfc-Form .hsfc-TextInput,
194  .hsfc-Form select,
195  .hsfc-Form textarea {
196    outline: none !important;
197    border: 2px solid #CFC6D6;
198    color: #CFC6D6;
199    border-radius: 6px;
200    padding: 18px;
201    height: 55px;
202    font-size: 16px !important;
203    font-weight: 600;
204    box-sizing: border-box;
205    width: 100%;
206    background: #fff;
207  }
208</style>
209
210<script>
211  window.addEventListener("message", function(event) {
212    // HubSpot global form events send postMessage payloads
213    if (!event.data || typeof event.data !== "object") return;
214	
215    const attachForm = document.querySelector('[id*="d40a74d2-e075-4eec-9296-f1ca663d9291"]')
216	const enhanced_email = attachForm?.querySelector('[name*="email"]');
217    const enhancedNumEmployees = attachForm?.querySelector('[placeholder*="Employee"]')
218
219    if (event.data.formGuid === "d40a74d2-e075-4eec-9296-f1ca663d9291") {
220      console.log("HubSpot form submitted!", event.data);
221      window.dataLayer = window.dataLayer || [];
222      window.dataLayer.push({ event: 'bookMeetingForm', email: enhanced_email?.value, numEmployees: enhancedNumEmployees?.value });
223    }
224  });
225</script>
225
226<meta property="og:url" content="https://getambassador.com/pricing-ent">
227<meta name="twitter:card" content="summary">
228<meta http-equiv="content-language" content="en">
229
230
231
232
233
234<meta name="robots" content="noindex">
235    <style>
236    @font-face { font-family: 'Merriweather'; src: local('Georgia'); font-weight: 400; font-style: normal; font-display: optional; }
237    @font-face { font-family: 'Merriweather'; src: local('Georgia'); font-weight: 700; font-style: normal; font-display: optional; }
238    @font-face { font-family: 'Merriweather'; src: local('Georgia'); font-weight: 400; font-style: italic; font-display: optional; }
239    @font-face { font-family: 'Merriweather Sans'; src: local('Arial'); font-weight: 400; font-style: normal; font-display: optional; }
240    @font-face { font-family: 'Merriweather Sans'; src: local('Arial'); font-weight: 700; font-style: normal; font-display: optional; }
241    @font-face { font-family: 'Lato'; src: local('Arial'); font-weight: 400; font-style: normal; font-display: optional; }
242    @font-face { font-family: 'Lato'; src: local('Arial'); font-weight: 700; font-style: normal; font-display: optional; }
243    @font-face { font-family: 'Lato'; src: local('Arial'); font-weight: 400; font-style: italic; font-display: optional; }
244    </style>
245    <link rel="service-doc" href="https://docs.getambassador.com/">
246    <link rel="service-doc" href="https://knowledgebase.getambassador.com/">
247    
248    
248<script type="application/ld+json">
249    {
250      "@context": "https://schema.org",
251      "@type": "Organization",
252      "@id": "https://getambassador.com/#organization",
253      "name": "Ambassador",
254      "legalName": "i2H, Inc. dba Ambassador",
255      "url": "https://getambassador.com/",
256      "address": {
257        "@type": "PostalAddress",
258        "streetAddress": "2212 Queen Anne Ave North, Suite 767",
259        "addressLocality": "Seattle",
260        "addressRegion": "WA",
261        "postalCode": "98109",
262        "addressCountry": "US"
263      }
264    }
265    </script>
265
266  <meta name="generator" content="HubSpot"></head>
267  <body>
268<!--  Added by GoogleTagManager integration -->
vendor: 68 bytes, lines 268-269
268
269<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
269GTM-MS4V6QS
vendor: 84 bytes, lines 269-270
269" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
270
271<!-- /Added by GoogleTagManager integration -->
272
273    <div class="body-wrapper   hs-content-id-322472270567 hs-site-page page ">
274      
275        <!--
276  ========================================================================
277  SOURCE OF TRUTH: GitHub repo ambassador-website
278  Path: src/templates/partials/header.html  (branch: main)
279
280  DO NOT EDIT IN DESIGN MANAGER OR VIA THE CLAUDE / HUBSPOT MCP CONNECTOR.
281  Changes made here will be overwritten on the next deploy from git.
282  For changes, open a PR in the repo or ping Ethan in Slack.
283  ========================================================================
284-->
285
286<style>
287/* ══════════════════════════════════════════
288   SITE NAV v5 — Always visible, scroll enhances
289   Default: white background, always shown
290   Scroll adds shadow + border refinement
291══════════════════════════════════════════ */
292
293/* Skip link */
294.nav-skip {
295  position: absolute;
296  top: -100px;
297  left: 0;
298  padding: 8px 16px;
299  background: #1A3BAE;
300  color: #fff;
301  font-size: 14px;
302  font-weight: 600;
303  text-decoration: none;
304  z-index: 9999;
305  border-radius: 0 0 6px 0;
306  transition: top 0.1s;
307}
308.nav-skip:focus { top: 0; }
309
310/* ── Outer shell: always visible ── */
311.nav-site {
312  position: fixed;
313  top: 0; left: 0; right: 0;
314  z-index: 1000;
315  /* Much more translucent + stronger blur + saturate so the nav reads as
316     a frosted-glass strip rather than a hard white rectangle on dark
317     sections. Hard edges (border, shadow) removed at rest; subtle ones
318     come back via .nav--scrolled. */
319  background: rgba(255,255,255,0.55);
320  border-bottom: 1px solid transparent;
321  box-shadow: none;
322  backdrop-filter: blur(20px) saturate(160%);
323  -webkit-backdrop-filter: blur(20px) saturate(160%);
324  font-family: 'DM Sans', Arial, sans-serif;
325  overflow: visible;
326  transition: background 300ms ease, box-shadow 300ms ease, border-color 300ms ease;
327}
328
329.nav-site__inner {
330  max-width: 1200px;
331  margin: 0 auto;
332  padding: 0 32px;
333  height: 72px;
334  display: flex;
335  align-items: center;
336  gap: 0;
337  position: relative;
338  overflow: visible;
339}
340
341/* ── Logo ── */
342.nav-site__logo {
343  display: flex;
344  align-items: center;
345  flex-shrink: 0;
346  text-decoration: none;
347  margin-right: 40px;
348  overflow: visible;
349  min-width: 160px;
350}
351.nav-site__logo .nav-site__mark {
352  width: 40px;
353  height: 40px;
354  flex-shrink: 0;
355  display: block;
356}
357.nav-site__wordmark {
358  margin-left: 9px;
359  font-family: 'Raleway', sans-serif;
360  font-size: 18px;
361  font-weight: 800;
362  letter-spacing: 0.18em;
363  text-transform: uppercase;
364  color: #0F1F3D;
365  line-height: 1;
366}
367
368/* ── Primary nav ── */
369.nav-site__nav { flex: 1; min-width: 0; }
370
371.nav-site .menu {
372  list-style: none;
373  margin: 0; padding: 0;
374  display: flex;
375  align-items: center;
376  gap: 2px;
377}
378
379/* ── Nav links ── */
380.nav-site .menu__link,
381.nav-site .menu__toggle {
382  display: inline-flex;
383  align-items: center;
384  gap: 4px;
385  padding: 8px 14px;
386  font-size: 14px;
387  font-weight: 500;
388  color: #0F1F3D;
389  text-decoration: none;
390  background: none;
391  border: none;
392  cursor: pointer;
393  border-radius: 7px;
394  transition: color 250ms ease, background-color 250ms ease;
395  white-space: nowrap;
396  line-height: 1;
397  min-height: 36px;
398}
399.nav-site .menu__link:hover,
400.nav-site .menu__toggle:hover {
401  color: #1A3BAE;
402  background-color: #EFF6FF;
403}
404
405/* Chevron */
406.nav-site .menu__toggle::after { display: none !important; content: none !important; }
407.nav-site .menu__toggle .nav-chevron {
408  width: 14px; height: 14px;
409  flex-shrink: 0;
410  transition: transform 0.25s ease;
411}
412.nav-site .menu__item--drop.open .nav-chevron {
413  transform: rotate(180deg);
414}
415
416/* ── Mega menu panel ── */
417.nav-site .menu__item--drop {
418  position: relative;
419  align-self: stretch;
420  display: flex;
421  align-items: center;
422  height: 72px;
423}
424.nav-site .nav-mega {
425  display: flex;
426  opacity: 0;
427  visibility: hidden;
428  pointer-events: none;
429  position: absolute;
430  top: 100%;
431  left: 0;
432  width: max-content;
433  background: #ffffff;
434  border: 1px solid #CDCFD6;
435  border-radius: 12px;
436  box-shadow: 0 8px 32px rgba(0,0,0,0.10);
437  padding: 8px 24px 24px;
438  z-index: 200;
439  transition: opacity 160ms ease-out, visibility 160ms ease-out;
440}
441.nav-site .menu__item--mega-global {
442  position: relative;
443  align-self: stretch;
444  display: flex;
445  align-items: center;
446}
447.nav-site .menu__item--drop .nav-mega__col {
448  flex: 0 0 200px;
449  min-width: 0;
450}
451.nav-site .nav-mega__col--strategy .nav-mega__link { white-space: normal; line-height: 1.35; }
452
453.nav-site .menu__item--drop:hover .nav-mega,
454.nav-site .menu__item--drop.open .nav-mega {
455  opacity: 1;
456  visibility: visible;
457  pointer-events: auto;
458}
459
460/* Mega inner */
461.nav-site .nav-mega__inner { display: flex; gap: 28px; }
462.nav-site .nav-mega__col { min-width: 140px; }
463.nav-site .nav-mega__heading {
464  font-size: 12px;
465  font-weight: 700;
466  letter-spacing: 0.08em;
467  text-transform: uppercase;
468  color: #606F9F;
469  margin: 0 0 12px 4px;
470}
471.nav-site .nav-mega__list {
472  list-style: none;
473  margin: 0; padding: 0;
474  display: flex;
475  flex-direction: column;
476  gap: 1px;
477}
478.nav-site .nav-mega__link {
479  display: flex;
480  align-items: center;
481  padding: 10px 16px;
482  font-size: 14px;
483  font-weight: 400;
484  color: #0F1F3D;
485  text-decoration: none;
486  border-radius: 6px;
487  min-height: 44px;
488  transition: color 150ms ease, background-color 150ms ease, box-shadow 150ms ease;
489  white-space: nowrap;
490}
491.nav-site .nav-mega__link:hover { background-color: #F8FAFC; }
492.nav-site .nav-mega__link--disabled {
493  color: #606F9F;
494  pointer-events: none;
495  cursor: default;
496}
497
498/* Coming soon badge */
499.nav-mega__badge {
500  display: inline-flex;
501  align-items: center;
502  margin-left: 8px;
503  padding: 1px 7px;
504  font-size: 12px;
505  font-weight: 500;
506  color: #606F9F;
507  background: #F1F5F9;
508  border-radius: 99px;
509}
510/* "New" pill -- green tint, matches GROW column accent. */
511.nav-mega__badge--new {
512  color: #095839;
513  background: rgba(7, 151, 105, 0.08);
514  font-weight: 600;
515  letter-spacing: 0.04em;
516}
517
518/* Column top borders + heading colors */
519/* Vibrant accent treatment (approved June 2026): borders and headings use the
520   pillar FACE colors so the menus don't read dark/dramatic. Blue accents use
521   blue/500 #1C48D9 (7:1, passes AAA). Green/orange faces sit below 4.5:1 at
522   12px -- accepted deviation for one-word uppercase headings; hover TEXT on
523   green/orange columns keeps the deep steps for 14px legibility. Purple is
524   HiroAI-only, so Strategy and Program Type columns take the blue treatment. */
525.nav-site .nav-mega__col--overview  { border-top: 3px solid #1C48D9; padding-top: 12px; }
526.nav-site .nav-mega__col--grow      { border-top: 3px solid #079769; padding-top: 12px; }
527.nav-site .nav-mega__col--keep      { border-top: 3px solid #EC7313; padding-top: 12px; }
528.nav-site .nav-mega__col--prove     { border-top: 3px solid #1C48D9; padding-top: 12px; }
529.nav-site .nav-mega__col--solutions    { border-top: 3px solid #1C48D9; padding-top: 16px; }
530.nav-site .nav-mega__col--strategy     { border-top: 3px solid #1C48D9; padding-top: 16px; }
531.nav-site .nav-mega__col--program-type { border-top: 3px solid #1C48D9; padding-top: 16px; }
532
533.nav-site .nav-mega__col--overview  .nav-mega__heading { color: #1C48D9; }
534.nav-site .nav-mega__col--grow      .nav-mega__heading { color: #079769; }
535.nav-site .nav-mega__col--keep      .nav-mega__heading { color: #EC7313; }
536.nav-site .nav-mega__col--prove     .nav-mega__heading { color: #1C48D9; }
537.nav-site .nav-mega__col--solutions    .nav-mega__heading { color: #1C48D9; }
538.nav-site .nav-mega__col--strategy     .nav-mega__heading { color: #1C48D9; }
539.nav-site .nav-mega__col--program-type .nav-mega__heading { color: #1C48D9; }
540
541.nav-site .nav-mega__col--overview  .nav-mega__link:hover { color: #1C48D9; box-shadow: inset 3px 0 0 #1C48D9; background-color: #F8FAFC; }
542.nav-site .nav-mega__col--grow      .nav-mega__link:hover { color: #095839; box-shadow: inset 3px 0 0 #079769; background-color: #F8FAFC; }
543.nav-site .nav-mega__col--keep      .nav-mega__link:hover { color: #934910; box-shadow: inset 3px 0 0 #EC7313; background-color: #F8FAFC; }
544.nav-site .nav-mega__col--prove     .nav-mega__link:hover { color: #1C48D9; box-shadow: inset 3px 0 0 #1C48D9; background-color: #F8FAFC; }
545.nav-site .nav-mega__col--solutions    .nav-mega__link:hover { color: #1C48D9; box-shadow: inset 3px 0 0 #1C48D9; background-color: #F8FAFC; }
546.nav-site .nav-mega__col--strategy     .nav-mega__link:hover { color: #1C48D9; box-shadow: inset 3px 0 0 #1C48D9; background-color: #F8FAFC; }
547.nav-site .nav-mega__col--program-type .nav-mega__link:hover { color: #1C48D9; box-shadow: inset 3px 0 0 #1C48D9; background-color: #F8FAFC; }
548
549/* ── Right side: Login + Demo CTA ── */
550.nav-site__right {
551  display: flex;
552  align-items: center;
553  gap: 6px;
554  flex-shrink: 0;
555  margin-left: 24px;
556}
557.nav-site__login {
558  padding: 8px 14px;
559  font-size: 14px;
560  font-weight: 500;
561  color: #606F9F;
562  text-decoration: none;
563  border-radius: 7px;
564  transition: color 200ms ease, background-color 200ms ease;
565  white-space: nowrap;
566}
567.nav-site__login:hover {
568  color: #1A3BAE;
569  background-color: #EFF6FF;
570}
571/* Pin all states -- HubSpot compiled CSS otherwise recolors the link on
572   focus/active (canonical pattern: .faq-demo-btn in partials/faq.html). */
573.nav-site__demo-btn,
574.nav-site__demo-btn:link,
575.nav-site__demo-btn:visited,
576.nav-site__demo-btn:hover,
577.nav-site__demo-btn:focus,
578.nav-site__demo-btn:active {
579  color: #ffffff;
580  text-decoration: none;
581}
582.nav-site__demo-btn {
583  padding: 9px 20px;
584  font-size: 14px;
585  font-weight: 600;
586  line-height: 1.4;
587  background: #1A3BAE;
588  border: 1px solid #1A3BAE;
589  border-radius: 8px;
590  transition: background-color 250ms ease, border-color 250ms ease, box-shadow 250ms ease;
591  white-space: nowrap;
592  display: inline-flex;
593  align-items: center;
594  min-height: 38px;
595}
596.nav-site__demo-btn:hover {
597  background: #11215B;
598  border-color: #11215B;
599  box-shadow: 0 4px 14px rgba(26,59,174,0.28);
600}
601.nav-site__demo-btn:focus-visible {
602  outline: 2px solid #3B63E8;
603  outline-offset: 2px;
604}
605
606/* ── Mobile hamburger toggle ── */
607.nav-site .nav-mobile-toggle {
608  display: none;
609  flex-direction: column;
610  justify-content: center;
611  gap: 5px;
612  background: none;
613  border: none;
614  cursor: pointer;
615  padding: 8px;
616  margin-left: auto;
617  flex-shrink: 0;
618}
619.nav-site .nav-mobile-toggle span {
620  display: block;
621  width: 22px;
622  height: 2px;
623  background: #324278;
624  border-radius: 2px;
625  transition: transform 0.2s ease, opacity 0.2s ease;
626}
627.nav-site .nav-mobile-toggle.is-active span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
628.nav-site .nav-mobile-toggle.is-active span:nth-child(2) { opacity: 0; }
629.nav-site .nav-mobile-toggle.is-active span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }
630
631/* Mobile-only CTA block — hidden on desktop */
632.nav-mobile-cta { display: none; }
633
634/* ── Scroll enhancement ── */
635.nav-site.nav--scrolled {
636  background: rgba(255,255,255,0.7);
637  border-bottom-color: rgba(205,207,214,0.4);
638  box-shadow: 0 1px 8px rgba(0,0,0,0.03);
639}
640
641/* ── Mobile layout ── */
642@media (max-width: 767px) {
643  .nav-site__inner { padding: 0 16px; }
644  .nav-site .nav-site__nav { display: none; }
645  /* Hide the right-side bar entirely — Login + Get Demo move into the drawer */
646  .nav-site .nav-site__right { display: none; }
647  .nav-site .nav-mobile-toggle { display: flex; }
648
649  /* Get Demo button inside mobile drawer */
650  .nav-mobile-cta {
651    display: flex;
652    flex-direction: column;
653    gap: 8px;
654    padding: 16px 8px 8px;
655    border-top: 1px solid #CDCFD6;
656    margin-top: 8px;
657  }
658  .nav-mobile-cta__demo {
659    display: block;
660    text-align: center;
661    padding: 12px 20px;
662    background: #1A3BAE;
663    color: #fff;
664    font-size: 15px;
665    font-weight: 600;
666    border-radius: 8px;
667    text-decoration: none;
668  }
669  .nav-mobile-cta__login {
670    display: block;
671    text-align: center;
672    padding: 10px 20px;
673    color: #606F9F;
674    font-size: 14px;
675    font-weight: 500;
676    text-decoration: none;
677    border-radius: 8px;
678  }
679
680  /* Mobile nav drawer */
681  .nav-site .nav-site__nav.is-open {
682    display: block;
683    position: absolute;
684    top: 72px;
685    left: 0; right: 0;
686    background: #ffffff;
687    border-top: 1px solid #CDCFD6;
688    border-bottom: 1px solid #CDCFD6;
689    padding: 12px 20px 24px;
690    box-shadow: 0 8px 24px rgba(15,31,61,0.10);
691    z-index: 999;
692    max-height: calc(100vh - 72px);
693    overflow-y: auto;
694    -webkit-overflow-scrolling: touch;
695  }
696
697  .nav-site .menu { flex-direction: column; align-items: stretch; gap: 0; }
698  .nav-site .menu__item { width: 100%; }
699  .nav-site .menu__item--drop { height: auto; }
700  .nav-site .menu__link,
701  .nav-site .menu__toggle {
702    width: 100%;
703    justify-content: space-between;
704    padding: 13px 8px;
705    border-bottom: 1px solid #F1F5F9;
706    border-radius: 0;
707    font-size: 15px;
708    color: #0F1F3D;
709  }
710  .nav-site .menu__item:last-child .menu__link { border-bottom: none; }
711
712  /* Mobile mega: inline accordion */
713  .nav-site .nav-mega {
714    display: none;
715    opacity: 1; visibility: visible; pointer-events: auto;
716    transform: none; position: static;
717    border: none; border-radius: 0; box-shadow: none;
718    padding: 4px 0 12px 12px;
719    min-width: 0; background: #F8FAFC; transition: none;
720  }
721  .nav-site .menu__item--drop.is-open .nav-mega { display: flex; }
722  .nav-site .menu__item--drop.is-open .nav-chevron { transform: rotate(180deg); }
723  .nav-site .nav-mega__inner { flex-direction: column; gap: 16px; padding: 8px 0; }
724  .nav-site .nav-mega__col { min-width: 0; }
725  .nav-site .nav-mega__link { white-space: normal; font-size: 14px; padding: 6px 10px; min-height: 0; }
726  .nav-site .nav-mega__col--overview,
727  .nav-site .nav-mega__col--grow,
728  .nav-site .nav-mega__col--keep,
729  .nav-site .nav-mega__col--prove,
730  .nav-site .nav-mega__col--solutions { border-top: none; padding-top: 0; }
731}
732</style>
733
734
735<a class="nav-skip" href="#main-content">Skip to main content</a>
736
737
738<header class="nav-site" id="ambNav" role="banner">
739  <div class="nav-site__inner">
740
741    <a class="nav-site__logo" href="/?hsLang=en" aria-label="Ambassador -- Home">
742      <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">
743        <defs>
744          <radialgradient id="ambHubNav" cx="38%" cy="34%" r="62%">
745            <stop offset="0%" stop-color="#FFFFFF" stop-opacity="0.95" />
746            <stop offset="22%" stop-color="#9457F7" />
747            <stop offset="60%" stop-color="#5F11E4" />
748            <stop offset="100%" stop-color="#3B0E8C" />
749          </radialgradient>
750          <filter id="ambHubNavShadow" x="-60%" y="-60%" width="220%" height="220%">
751            <fedropshadow dx="0" dy="0.5" stdDeviation="0.85" flood-color="#0B0620" flood-opacity="0.35" />
752          </filter>
753        </defs>
754        <line x1="40" y1="17.6" x2="14.1" y2="62.4" stroke="#C4CEDE" stroke-width="1.15" stroke-linecap="round" opacity="0.95" />
755        <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" />
756        <line x1="65.9" y1="62.4" x2="40" y2="17.6" stroke="#C4CEDE" stroke-width="1.15" stroke-linecap="round" opacity="0.95" />
757        <line x1="40" y1="47.5" x2="40" y2="17.6" stroke="#9457F7" stroke-width="0.75" stroke-linecap="round" opacity="0.55" />
758        <line x1="40" y1="47.5" x2="14.1" y2="62.4" stroke="#9457F7" stroke-width="0.75" stroke-linecap="round" opacity="0.55" />
759        <line x1="40" y1="47.5" x2="65.9" y2="62.4" stroke="#9457F7" stroke-width="0.75" stroke-linecap="round" opacity="0.55" />
760        <circle cx="40" cy="17.6" r="4.25" fill="#1C48D9" />
761        <circle cx="14.1" cy="62.4" r="4.25" fill="#1C48D9" />
762        <circle cx="65.9" cy="62.4" r="4.25" fill="#1C48D9" />
763        <circle cx="40" cy="47.5" r="7.6" fill="url(#ambHubNav)" filter="url
763(#ambHubNavShadow)" />
764      </svg>
765      <span class="nav-site__wordmark">AMBASSADOR</span>
766    </a>
767
768    
769    <nav class="nav-site__nav" id="ambNavMenu" aria-label="Site navigation">
770      <ul class="menu" role="list">
771
772        
773        <li class="menu__item menu__item--drop menu__item--mega-global">
774          <button class="menu__toggle" type="button" aria-haspopup="true" aria-expanded="false">
775            Platform
776            <svg class="nav-chevron" viewbox="0 0 16 16" fill="none" aria-hidden="true" focusable="false">
777              <path d="M4 6l4 4 4-4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
778            </svg>
779          </button>
780
781          <div class="nav-mega" role="region" aria-label="Platform menu">
782            <div class="nav-mega__inner">
783
784              <div class="nav-mega__col nav-mega__col--overview">
785                <p class="nav-mega__heading">Overview</p>
786                <ul class="nav-mega__list">
787                  <li><a class="nav-mega__link" href="/platform?hsLang=en">Platform Overview</a></li>
788                  <li><a class="nav-mega__link" href="/ambassador-hiroai?hsLang=en">HiroAI</a></li>
789                  <li><a class="nav-mega__link" href="https://getambassador.com/integrations-layer?hsLang=en">Integrations</a></li>
790                </ul>
791              </div>
792
793              <div class="nav-mega__col nav-mega__col--grow">
794                <p class="nav-mega__heading">GROW</p>
795                <ul class="nav-mega__list">
796                  <li><a class="nav-mega__link" href="/advocacy-engine?hsLang=en">Advocacy</a></li>
797                  <li><a class="nav-mega__link" href="/prospect-intelligence-engine?hsLang=en">Prospect</a></li>
798                  <li><a class="nav-mega__link" href="/programmatic?hsLang=en">Programmatic <span class="nav-mega__badge nav-mega__badge--new">New</span></a></li>
799                </ul>
800              </div>
801
802              <div class="nav-mega__col nav-mega__col--keep">
803                <p class="nav-mega__heading">KEEP</p>
804                <ul class="nav-mega__list">
805                  <li><a class="nav-mega__link" href="/customer-value-engine?hsLang=en">Retention</a></li>
806                  <li><a class="nav-mega__link" href="/incentive-storefront-engine?hsLang=en">Incentive</a></li>
807                  <li><a class="nav-mega__link" href="/communication-cloud-engine?hsLang=en">Communication</a></li>
808                </ul>
809              </div>
810
811              <div class="nav-mega__col nav-mega__col--prove">
812                <p class="nav-mega__heading">PROVE</p>
813                <ul class="nav-mega__list">
814                  <li><a class="nav-mega__link" href="/predictive-recommendation-engine?hsLang=en">Predictive</a></li>
815                  <li><span class="nav-mega__link nav-mega__link--disabled">Attribution <span class="nav-mega__badge">Coming soon</span></span></li>
816                  <li><span class="nav-mega__link nav-mega__link--disabled">Finance <span class="nav-mega__badge">Coming soon</span></span></li>
817                </ul>
818              </div>
819
820            </div>
821          </div>
822        </li>
823
824        
825        <li class="menu__item menu__item--drop">
826          <button class="menu__toggle" type="button" aria-haspopup="true" aria-expanded="false">
827            Solutions
828            <svg class="nav-chevron" viewbox="0 0 16 16" fill="none" aria-hidden="true" focusable="false">
829              <path d="M4 6l4 4 4-4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
830            </svg>
831          </button>
832
833          <div class="nav-mega nav-mega--wide" role="region" aria-label="Solutions menu">
834            <div class="nav-mega__inner">
835
836              <div class="nav-mega__col nav-mega__col--solutions">
837                <p class="nav-mega__heading">By Industry</p>
838                <ul class="nav-mega__list">
839                  <li><a class="nav-mega__link" href="https://getambassador.com/telecom?hsLang=en">Telecom</a></li>
840                  <li><span class="nav-mega__link nav-mega__link--disabled">CPaaS <span class="nav-mega__badge">Coming soon</span></span></li>
841                  <li><span class="nav-mega__link nav-mega__link--disabled">SaaS <span class="nav-mega__badge">Coming soon</span></span></li>
842                  <li><span class="nav-mega__link nav-mega__link--disabled">FinTech <span class="nav-mega__badge">Coming soon</span></span></li>
843                </ul>
844              </div>
845
846              <div class="nav-mega__col nav-mega__col--strategy">
847                <p class="nav-mega__heading">By Strategy</p>
848                <ul class="nav-mega__list">
849                  <li><a class="nav-mega__link" href="/customer-growth?hsLang=en">Customer Growth Overview</a></li>
850                  <li><a class="nav-mega__link" href="https://getambassador.com/customer-growth-strategy?hsLang=en">Build your Customer Growth Strategy</a></li>
851                </ul>
852              </div>
853
854              <div class="nav-mega__col nav-mega__col--program-type">
855                <p class="nav-mega__heading">By Program Type</p>
856                <ul class="nav-mega__list">
857                  <li><a class="nav-mega__link" href="/solutions/program-type/affiliate-marketing-software?hsLang=en">Affiliates</a></li>
858                  <li><a class="nav-mega__link" href="/solutions/program-type/referral-marketing-software?hsLang=en">Referrals</a></li>
859                  <li><a class="nav-mega__link" href="/solutions/program-type/influencer-marketing-platform?hsLang=en">Influencers</a></li>
860                  <li><a class="nav-mega__link" href="/solutions/program-type/loyalty-program-software?hsLang=en">Loyalty</a></li>
861                </ul>
862              </div>
863
864            </div>
865          </div>
866        </li>
867
868        <li class="menu__item"><a class="menu__link" href="https://getambassador.com/why-ambassador?hsLang=en">Why Ambassador</a></li>
869        <li class="menu__item"><a class="menu__link" href="/resources?hsLang=en">Resources</a></li>
870        <li class="menu__item"><a class="menu__link" href="https://getambassador.com/pricing-ent">Pricing</a></li>
871
872      </ul>
873
874      
875      <div class="nav-mobile-cta">
876        <a class="nav-mobile-cta__demo" href="https://getambassador.com/get-a-demo/?hsLang=en">Get Demo</a>
877        <a class="nav-mobile-cta__login" href="https://admin2.getambassador.com/login">Login</a>
878      </div>
879
880    </nav>
881
882    
883    <div class="nav-site__right">
884      <a class="nav-site__login" href="https://admin2.getambassador.com/login">Login</a>
885      <a class="nav-site__demo-btn" href="https://getambassador.com/get-a-demo/?hsLang=en">Get Demo</a>
886    </div>
887
888    
889    <button class="nav-mobile-toggle" id="ambNavToggle" aria-expanded="false" aria-controls="ambNavMenu" aria-label="Open navigation">
890      <span></span>
891      <span></span>
892      <span></span>
893    </button>
894
895  </div>
896</header>
897
898<script>
899/* ── Desktop dropdown: hover + click toggle ── */
900(function () {
901  var timers = {};
902  var dropItems = document.querySelectorAll('.menu__item--drop');
903
904  function setExpanded(item, isOpen) {
905    var toggle = item.querySelector('.menu__toggle');
906    if (toggle) toggle.setAttribute('aria-expanded', isOpen ? 'true' : 'false');
907  }
908
909  function fullClose(item) {
910    item.classList.remove('open');
911    delete item.dataset.pinned;
912    setExpanded(item, false);
913  }
914
915  dropItems.forEach(function (item, idx) {
916    var mega = item.querySelector('.nav-mega');
917    var toggleBtn = item.querySelector('.menu__toggle');
918    if (!mega) return;
919
920    function openMenu() {
921      if (timers[idx]) { clearTimeout(timers[idx]); timers[idx] = null; }
922      dropItems.forEach(function (other) {
923        if (other !== item) fullClose(other);
924      });
925      item.classList.add('open');
926      setExpanded(item, true);
927    }
928    function scheduleClose() {
929      if (item.dataset.pinned === 'true') return;
930      timers[idx] = setTimeout(function () {
931        fullClose(item);
932        timers[idx] = null;
933      }, 200);
934    }
935    function cancelClose() {
936      if (timers[idx]) { clearTimeout(timers[idx]); timers[idx] = null; }
937    }
938
939    item.addEventListener('mouseenter', openMenu);
940    item.addEventListener('mouseleave', scheduleClose);
941    mega.addEventListener('mouseenter', cancelClose);
942    mega.addEventListener('mouseleave', scheduleClose);
943
944    if (toggleBtn) {
945      toggleBtn.addEventListener('click', function (e) {
946        if (window.innerWidth <= 767) return;
947        e.preventDefault();
948        e.stopPropagation();
949        if (item.dataset.pinned === 'true') {
950          fullClose(item);
951        } else {
952          item.dataset.pinned = 'true';
953          openMenu();
954        }
955      });
956    }
957  });
958
959  document.addEventListener('click', function (e) {
960    if (window.innerWidth <= 767) return;
961    dropItems.forEach(function (item) {
962      if (item.dataset.pinned === 'true' && !item.contains(e.target)) {
963        fullClose(item);
964      }
965    });
966  });
967
968  document.addEventListener('keydown', function (e) {
969    if (e.key !== 'Escape') return;
970    dropItems.forEach(fullClose);
971  });
972})();
973
974/* ── Mobile hamburger toggle ── */
975(function () {
976  var toggle = document.getElementById('ambNavToggle');
977  var menu   = document.getElementById('ambNavMenu');
978  if (!toggle || !menu) return;
979
980  toggle.addEventListener('click', function () {
981    var isOpen = menu.classList.toggle('is-open');
982    toggle.classList.toggle('is-active', isOpen);
983    toggle.setAttribute('aria-expanded', isOpen ? 'true' : 'false');
984    toggle.setAttribute('aria-label', isOpen ? 'Close navigation' : 'Open navigation');
985  });
986
987  /* Mobile: accordion for dropdown items */
988  menu.querySelectorAll('.menu__item--drop .menu__toggle').forEach(function (btn) {
989    btn.addEventListener('click', function (e) {
990      /* Only intercept on mobile */
991      if (window.innerWidth > 767) return;
992      e.stopPropagation();
993      var item = btn.closest('.menu__item--drop');
994      var isOpen = item.classList.toggle('is-open');
995      btn.setAttribute('aria-expanded', isOpen ? 'true' : 'false');
996    });
997  });
998
999  /* Close drawer when a nav link is tapped */
1000  menu.querySelectorAll('.nav-mega__link:not(.nav-mega__link--disabled), .menu__link').forEach(function (link) {
1001    link.addEventListener('click', function () {
1002      menu.classList.remove('is-open');
1003      toggle.classList.remove('is-active');
1004      toggle.setAttribute('aria-expanded', 'false');
1005      toggle.setAttribute('aria-label', 'Open navigation');
1006    });
1007  });
1008
1009  /* Close on outside click */
1010  document.addEventListener('click', function (e) {
1011    if (!menu.contains(e.target) && !toggle.contains(e.target)) {
1012      menu.classList.remove('is-open');
1013      toggle.classList.remove('is-active');
1014      toggle.setAttribute('aria-expanded', 'false');
1015    }
1016  });
1017})();
1018
1019/* ── Scroll enhancement: deeper shadow on scroll ── */
1020(function () {
1021  var nav = document.getElementById('ambNav');
1022  if (!nav) return;
1023  function checkScroll() {
1024    var scrollTop = window.pageYOffset || document.documentElement.scrollTop || 0;
1025    nav.classList.toggle('nav--scrolled', scrollTop > 40);
1026  }
1027  window.addEventListener('scroll', function () { requestAnimationFrame(checkScroll); }, { passive: true });
1028  checkScroll();
1029})();
1030</script>
1030
1031      
1032
1033      
1034
1035      <main id="main-content" class="body-container-wrapper">
1036        
1037
1038
1039
1040<style>
1041
1042/* ── BASE DESIGN SYSTEM (shared, scoped to .hp3) ── */
1043
1044.hp3 {
1045  /* Brand palette v2.2 */
1046  --navy:        #0F1F3D;
1047  --blue:        #1A3BAE;
1048  --accent:      #1C48D9;
1049  --green:       #079769;
1050  --amber:       #EC7313;
1051  --text:        #324278;
1052  --muted:       #606F9F;
1053  --soft:        #606F9F;
1054  --border:      #CDCFD6;
1055  --white:       #FFFFFF;
1056  --offwhite:    #F8FAFC;
1057  --dark-bg:     #0F1F3D;
1058  --dark-card:   #0A1628;
1059  --dark-border: #1E3A5F;
1060  color: var(--text);
1061  font-family: 'DM Sans', Arial, sans-serif;
1062  line-height: 1.6;
1063}
1064.hp3 *, .hp3 *::before, .hp3 *::after { font-family: inherit; }
1065.hp3 h1, .hp3 h2, .hp3 h3, .hp3 h4 {
1066  font-family: 'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
1067  line-height: 1.1;
1068  margin: 0;
1069  letter-spacing: -0.02em;
1070}
1071
1072.hp3 .container {
1073  max-width: 1160px;
1074  margin: 0 auto;
1075  padding: 0 32px;
1076}
1077.hp3 .container--narrow {
1078  max-width: 800px;
1079  margin: 0 auto;
1080  padding: 0 32px;
1081}
1082
1083.hp3 .sec        { padding: 88px 0; }
1084.hp3 .sec--sm    { padding: 56px 0; }
1085.hp3 .sec--white    { background: var(--white); }
1086.hp3 .sec--offwhite { background: var(--offwhite); }
1087.hp3 .sec--dark {
1088  background: var(--dark-bg);
1089  color: var(--offwhite);
1090}
1091.hp3 .sec--dark h2,
1092.hp3 .sec--dark h3,
1093.hp3 .sec--dark h4 { color: var(--offwhite); }
1094.hp3 .sec--gradient {
1095  background: linear-gradient(135deg, #0A1628 0%, #0F1F3D 100%);
1096  color: var(--offwhite);
1097}
1098.hp3 .sec--gradient h2,
1099.hp3 .sec--gradient h3 { color: var(--offwhite); }
1100
1101.hp3 .eyebrow {
1102  /* Matches homepage section-eyebrow spec (.arch-eyebrow). */
1103  display: inline-block;
1104  font-size: 12px;
1105  font-weight: 700;
1106  letter-spacing: 0.18em;
1107  text-transform: uppercase;
1108  color: var(--accent);
1109  margin-bottom: 20px;
1110}
1111.hp3 .sec--dark .eyebrow,
1112.hp3 .sec--gradient .eyebrow { color: #3B63E8; }
1113
1114.hp3 .sec-h2 {
1115  /* Matches homepage section-headline spec (.arch-headline). */
1116  font-size: clamp(29px, 3vw, 40px);
1117  font-weight: 700;
1118  line-height: 1.2;
1119  letter-spacing: -0.025em;
1120  margin-bottom: 16px;
1121  color: var(--navy);
1122}
1123.hp3 .sec--dark .sec-h2,
1124.hp3 .sec--gradient .sec-h2 { color: var(--offwhite); }
1125
1126.hp3 .sec-sub {
1127  font-size: 18px;
1128  line-height: 1.55;
1129  color: var(--text);
1130  max-width: 720px;
1131  margin: 0;
1132  font-weight: 400;
1133}
1134.hp3 .sec--dark .sec-sub,
1135.hp3 .sec--gradient .sec-sub { color: rgba(255, 255, 255, 0.65); }
1136
1137.hp3 .sec-header         { margin-bottom: 56px; }
1138.hp3 .sec-header--center { text-align: center; margin-bottom: 56px; }
1139.hp3 .sec-header--center .sec-sub { margin-left: auto; margin-right: auto; }
1140
1141/* Replicates the canonical homepage button (.faq-demo-btn in
1142   partials/faq.html): DM Sans 600 16px, 16px/32px padding, 8px radius,
1143   no resting shadow. Every link state is pinned so HubSpot's compiled
1144   CSS can't flash underline/color on click.
1145   Page-prefixed class names (pr-btn-*): the previous generic .btn-primary
1146   collided with theme-wide rules in _ambassador.css (infinite ::after
1147   pulse glow + a :focus restyle), which is what made these buttons blink. */
1148.hp3 .pr-btn-primary,
1149.hp3 .pr-btn-primary:link,
1150.hp3 .pr-btn-primary:visited,
1151.hp3 .pr-btn-primary:hover,
1152.hp3 .pr-btn-primary:focus,
1153.hp3 .pr-btn-primary:active {
1154  color: #FFFFFF;
1155  text-decoration: none;
1156}
1157.hp3 .pr-btn-primary {
1158  display: inline-flex;
1159  align-items: center;
1160  box-sizing: border-box;
1161  padding: 16px 32px;
1162  font-size: 16px;
1163  font-weight: 600;
1164  line-height: 1;
1165  background: #1A3BAE;
1166  border: 1px solid #1A3BAE;
1167  border-radius: 8px;
1168  cursor: pointer;
1169  white-space: nowrap;
1170  transition: background-color 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease, transform 0.25s ease;
1171}
1172.hp3 .pr-btn-primary:hover {
1173  background: #11215B;
1174  border-color: #11215B;
1175  transform: translateY(-2px);
1176  box-shadow: 0 4px 14px rgba(26, 59, 174, 0.28);
1177}
1178.hp3 .pr-btn-primary:focus-visible {
1179  outline: 2px solid #3B63E8;
1180  outline-offset: 2px;
1181}
1182.hp3 .cta-group {
1183  display: flex;
1184  align-items: center;
1185  gap: 12px;
1186  flex-wrap: wrap;
1187}
1188
1189/* Scroll reveal */
1190.hp3 .sr {
1191  opacity: 0;
1192  transform: translateY(16px);
1193  transition: opacity 400ms cubic-bezier(0.16, 1, 0.3, 1),
1194              transform 400ms cubic-bezier(0.16, 1, 0.3, 1);
1195}
1196.hp3 .sr.in-view { opacity: 1; transform: translateY(0); }
1197.hp3 .sr-d1 { transition-delay: 0ms; }
1198.hp3 .sr-d2 { transition-delay: 100ms; }
1199.hp3 .sr-d3 { transition-delay: 200ms; }
1200.hp3 .sr-d4 { transition-delay: 300ms; }
1201
1202
1203/* ══════════════════════════════════════════
1204   SECTION 1 — HERO
1205══════════════════════════════════════════ */
1206
1207.hp3 .pr-hero {
1208  /* Matches homepage light hero surface: subtle radial, no watermark. */
1209  background: radial-gradient(ellipse at 90% 0%, #EEF2FB 0%, #FFFFFF 55%);
1210  padding: 80px 0 64px;
1211  margin-top: -72px;
1212  text-align: center;
1213  position: relative;
1214  overflow: hidden;
1215}
1216.hp3 .pr-hero__inner {
1217  max-width: 760px;
1218  margin: 0 auto;
1219  padding: 0 32px;
1220  position: relative;
1221  z-index: 1;
1222}
1223.hp3 .pr-hero__h1 {
1224  /* Matches homepage .hero h1 / programmatic .pg-hero-h1 spec. */
1225  font-size: clamp(36px, 4.5vw, 60px);
1226  font-weight: 700;
1227  line-height: 1.12;
1228  color: var(--navy);
1229  letter-spacing: -0.025em;
1230  margin-bottom: 24px;
1231  text-wrap: balance;
1232}
1233.hp3 .pr-hero__h1 em {
1234  font-style: normal;
1235  background: linear-gradient(90deg, #1A3BAE 0%, #1C48D9 100%);
1236  -webkit-background-clip: text;
1237  -webkit-text-fill-color: transparent;
1238  background-clip: text;
1239}
1240.hp3 .pr-hero__sub {
1241  font-size: 18px;
1242  line-height: 1.7;
1243  color: var(--muted);
1244  max-width: 620px;
1245  margin: 0 auto 40px;
1246}
1247.hp3 .pr-hero__trust {
1248  display: flex;
1249  align-items: center;
1250  justify-content: center;
1251  gap: 20px;
1252  margin-top: 32px;
1253  flex-wrap: wrap;
1254}
1255.hp3 .pr-hero__trust-item {
1256  font-size: 12px;
1257  font-weight: 600;
1258  letter-spacing: 0.08em;
1259  text-transform: uppercase;
1260  color: var(--soft);
1261  display: flex;
1262  align-items: center;
1263  white-space: nowrap;
1264}
1265/* Thin vertical divider between items instead of bullet dots. */
1266.hp3 .pr-hero__trust-item + .pr-hero__trust-item::before {
1267  content: '';
1268  width: 1px;
1269  height: 12px;
1270  background: var(--border);
1271  margin-right: 20px;
1272  flex-shrink: 0;
1273}
1274
1275
1276/* ══════════════════════════════════════════
1277   SECTION 2 — VALUE TIER STRUCTURE
1278══════════════════════════════════════════ */
1279
1280.hp3 .pr-tiers {
1281  display: grid;
1282  grid-template-columns: repeat(3, 1fr);
1283  /* Row-gap must be 0: the cards' subgrid rows inherit it, and any value
1284     here inserts itself between every row INSIDE the cards. Column gap
1285     only. Mobile stacking space comes from card margins (media query). */
1286  gap: 0 24px;
1287  align-items: stretch;
1288}
1289.hp3 .pr-tier {
1290  background: var(--white);
1291  border: 1px solid var(--border);
1292  border-radius: 16px;
1293  /* overflow stays visible so the "Most Popular" sticker can hang past
1294     the card edge. */
1295  position: relative;
1296  padding: 36px 32px 40px;
1297  /* Subgrid: all three cards share the same 5 row tracks (glyph+name,
1298     dek, designed-for panel, list label, checklist), so every element
1299     sits at identical heights across cards regardless of text length.
1300     The span must match the number of flow children in .pr-tier (the
1301     sticker is absolute and takes no track). Browsers without subgrid
1302     fall back to per-card flow. */
1303  display: grid;
1304  grid-template-rows: subgrid;
1305  grid-row: span 5;
1306  transition: transform 220ms cubic-bezier(0.16, 1, 0.3, 1),
1307              box-shadow 220ms ease;
1308}
1309.hp3 .pr-tier:hover {
1310  transform: translateY(-4px);
1311  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.09);
1312}
1313.hp3 .pr-tier--featured {
1314  border-color: #1A3BAE;
1315  box-shadow: 0 8px 32px rgba(26, 59, 174, 0.14);
1316}
1317.hp3 .pr-tier--featured:hover {
1318  transform: translateY(-4px);
1319  box-shadow: 0 20px 48px rgba(26, 59, 174, 0.2);
1320}
1321/* "Most Popular" as an angled sticker overlapping the top-right corner.
1322   Out of flow, so all three card bodies align identically. */
1323.hp3 .pr-tier__recommended {
1324  position: absolute;
1325  top: -13px;
1326  right: 18px;
1327  z-index: 1;
1328  background: #1A3BAE;
1329  color: #ffffff;
1330  font-size: 12px;
1331  font-weight: 700;
1332  letter-spacing: 0.12em;
1333  text-transform: uppercase;
1334  white-space: nowrap;
1335  padding: 7px 14px;
1336  border-radius: 6px;
1337  transform: rotate(4deg);
1338  box-shadow: 0 4px 12px rgba(26, 59, 174, 0.3);
1339}
1340/* Tier-progression glyph: constellation nodes fill in as tiers rise.
1341   Mark-node blue #1C48D9 (three blues, three jobs -- this is the node
1342   blue, not the PROVE pillar). */
1343.hp3 .pr-tier__glyph { display: flex; gap: 7px; margin-bottom: 18px; }
1344.hp3 .pr-tier__glyph i {
1345  width: 11px;
1346  height: 11px;
1347  border-radius: 50%;
1348  background: #E4E9F2;
1349  display: block;
1350}
1351.hp3 .pr-tier__glyph i.on { background: #1C48D9; }
1352.hp3 .pr-tier__name {
1353  font-size: 26px;
1354  font-weight: 700;
1355  color: var(--navy);
1356  letter-spacing: -0.02em;
1357  margin: 0 0 6px;
1358}
1359.hp3 .pr-tier__dek {
1360  font-size: 15px;
1361  color: var(--navy);
1362  line-height: 1.55;
1363  margin: 0 0 22px;
1364}
1365.hp3 .pr-tier__for {
1366  font-size: 13.5px;
1367  color: var(--navy);
1368  line-height: 1.6;
1369  margin: 0 0 26px;
1370  padding: 14px 16px;
1371  background: var(--offwhite);
1372  border-radius: 10px;
1373}
1374.hp3 .pr-tier__for b { color: var(--navy); font-weight: 600; }
1375.hp3 .pr-tier__list-label {
1376  font-size: 13px;
1377  font-weight: 700;
1378  color: var(--navy);
1379  letter-spacing: 0.02em;
1380  margin: 0 0 14px;
1381  padding-top: 22px;
1382  border-top: 1px solid #E4E9F2;
1383}
1384.hp3 .pr-tier__list { list-style: none; margin: 0; padding: 0; }
1385.hp3 .pr-tier__list li {
1386  position: relative;
1387  padding: 0 0 0 28px;
1388  margin-bottom: 12px;
1389  font-size: 14px;
1390  line-height: 1.55;
1391  color: var(--navy);
1392}
1393.hp3 .pr-tier__list li:last-child { margin-bottom: 0; }
1394.hp3 .pr-tier__list li::before {
1395  content: "";
1396  position: absolute;
1397  left: 2px;
1398  top: 5px;
1399  width: 10px;
1400  height: 6px;
1401  border-left: 2.5px solid #1C48D9;
1402  border-bottom: 2.5px solid #1C48D9;
1403  transform: rotate(-45deg);
1404}
1405/* Descriptors inherit the bullet's navy: the only color difference in
1406   cards and chart is engine names + HiroAI (July 2026 review). */
1407.hp3 .pr-tier__list li em { font-style: normal; color: inherit; }
1408/* Engine names take their pillar's on-light color (brand v2.2 spec):
1409   GROW deep #095839, KEEP face #EC7313, PROVE #1A3BAE. HiroAI face
1410   purple #5F11E4 -- purple is HiroAI-only, never a pillar. */
1411.hp3 .pr-en-grow  { color: #095839; font-weight: 600; }
1412.hp3 .pr-en-keep  { color: #EC7313; font-weight: 600; }
1413.hp3 .pr-en-prove { color: #1A3BAE; font-weight: 600; }
1414.hp3 .pr-en-hiro  { color: #5F11E4; font-weight: 600; }
1415/* HiroAI unifier line under the cards */
1416.hp3 .pr-hiro-strip {
1417  margin: 28px 0 0;
1418  text-align: center;
1419  font-size: 14px;
1420  color: var(--navy);
1421}
1422.hp3 .pr-hiro-strip b { color: var(--navy); font-weight: 600; }
1423
1424
1425/* ══════════════════════════════════════════
1426   SECTION 3 — COMPARE PLANS IN DETAIL
1427   Quiet secondary table (GitHub pattern): hairlines only, centered
1428   checks with small descriptors, pillar kicker dashes as the only
1429   color note. The cards above decide; this table verifies.
1430══════════════════════════════════════════ */
1431
1432.hp3 .pr-detail-header { text-align: center; margin-bottom: 40px; }
1433.hp3 .pr-detail-title {
1434  font-size: 24px;
1435  font-weight: 700;
1436  color: var(--navy);
1437  letter-spacing: -0.02em;
1438  margin: 0 0 8px;
1439}
1440.hp3 .pr-detail-dek { font-size: 15px; color: var(--navy); margin: 0; }
1441.hp3 .pr-dt-wrap {
1442  background: var(--white);
1443  border: 1px solid #E4E9F2;
1444  border-radius: 14px;
1445  padding: 8px 36px 28px;
1446  overflow-x: auto;
1447}
1448/* Every visual property on the table and its cells is declared
1449   explicitly: HubSpot's compiled theme CSS (theme-overrides.css section
1450   6) paints global td/th borders and a navy thead background from theme
1451   settings, and _tables.css adds table margin. Anything left undeclared
1452   here leaks through on prod (bit us at launch: navy header band +
1453   full cell grid). */
1454.hp3 .pr-dt {
1455  width: 100%;
1456  border: 0;
1457  border-collapse: collapse;
1458  background: transparent;
1459  margin: 0;
1460  font-size: 14px;
1461  min-width: 640px;
1462  table-layout: fixed;
1463}
1464.hp3 .pr-dt thead th {
1465  padding: 22px 16px 14px;
1466  text-align: center;
1467  vertical-align: bottom;
1468  font-size: 13px;
1469  font-weight: 700;
1470  letter-spacing: 0.06em;
1471  text-transform: uppercase;
1472  color: var(--navy);
1473  background: transparent;
1474  border: 0;
1475  border-bottom: 2px solid var(--navy);
1476}
1477.hp3 .pr-dt thead th:first-child { width: 26%; text-align: left; }
1478.hp3 .pr-dt tbody td {
1479  padding: 16px;
1480  background: transparent;
1481  border: 0;
1482  border-bottom: 1px solid #EDF0F6;
1483  text-align: center;
1484  vertical-align: middle;
1485  line-height: 1.5;
1486  color: var(--navy);
1487}
1488.hp3 .pr-dt tbody td:first-child {
1489  text-align: left;
1490  font-weight: 600;
1491  color: var(--navy);
1492}
1493.hp3 .pr-dt tbody tr:last-child td { border-bottom: none; }
1494.hp3 .pr-dt .pr-dt__cat td {
1495  text-align: left;
1496  padding: 34px 16px 10px;
1497  border-bottom: 1px solid #EDF0F6;
1498  font-size: 12px;
1499  font-weight: 700;
1500  letter-spacing: 0.12em;
1501  text-transform: uppercase;
1502}
1503.hp3 .pr-dt .pr-dt__cat td::before {
1504  content: "";
1505  display: inline-block;
1506  width: 22px;
1507  height: 3px;
1508  border-radius: 2px;
1509  background: currentColor;
1510  margin-right: 10px;
1511  vertical-align: middle;
1512}
1513.hp3 .pr-dt .pr-dt__cat--grow td     { color: #095839; }
1514.hp3 .pr-dt .pr-dt__cat--keep td     { color: #EC7313; }
1515.hp3 .pr-dt .pr-dt__cat--prove td    { color: #1A3BAE; }
1516.hp3 .pr-dt .pr-dt__cat--platform td { color: var(--navy); }
1517.hp3 .pr-chk {
1518  display: inline-block;
1519  width: 11px;
1520  height: 7px;
1521  border-left: 2.5px solid #1C48D9;
1522  border-bottom: 2.5px solid #1C48D9;
1523  transform: rotate(-45deg);
1524  margin-bottom: 2px;
1525}
1526.hp3 .pr-dt__sub { display: block; font-size: 12.5px; color: var(--navy); margin-top: 3px; }
1527/* Cells without a check (Support row, add-on cells): reserve the
1528   check's vertical space so the text sits at the same height as the
1529   descriptors in check rows instead of riding high in its row. */
1530.hp3 .pr-dt tbody td > .pr-dt__sub:first-child { padding-top: 12px; }
1531.hp3 .pr-dsh { color: #CDCFD6; }
1532.hp3 .pr-dt tbody tr.pr-dt__row:hover td { background: var(--offwhite); }
1533.hp3 .pr-dt-note {
1534  font-size: 13px;
1535  color: var(--navy);
1536  margin: 18px 0 0;
1537  padding: 0 16px;
1538  text-align: center;
1539  line-height: 1.6;
1540}
1541
1542/* Below-fold render skip (site landing-page perf standard). Applied to
1543   sections that never show on initial load; never to the hero. */
1544.pr-cv {
1545  content-visibility: auto;
1546  contain-intrinsic-size: 0 700px;
1547}
1548
1549
1550
1551
1552
1553/* FAQ + trust reveal. Those sections' markup carries .reveal/.d1/.d2
1554   (homepage convention) but main.js does not observe .reveal, so the
1555   page observer below handles it (same approach as migrate.html).
1556   Scoped -- both sections sit outside the .hp3 wrapper. */
1557.faq .reveal,
1558.trust .reveal {
1559  opacity: 0;
1560  transform: translateY(24px);
1561  transition: opacity 0.9s ease, transform 0.9s ease;
1562}
1563.faq .reveal.visible,
1564.trust .reveal.visible { opacity: 1; transform: none; }
1565.faq .reveal.d1,
1566.trust .reveal.d1 { transition-delay: 0.15s; }
1567.faq .reveal.d2 { transition-delay: 0.3s; }
1568@media (prefers-reduced-motion: reduce) {
1569  .faq .reveal,
1570  .trust .reveal { opacity: 1; transform: none; transition: none; }
1571}
1572
1573/* ── RESPONSIVE ──────────────────────────── */
1574
1575@media (max-width: 960px) {
1576  .hp3 .pr-tiers {
1577    grid-template-columns: 1fr;
1578    max-width: 480px;
1579    margin: 0 auto;
1580  }
1581  /* Stacked cards get their spacing from margins (row-gap stays 0, see
1582     .pr-tiers). */
1583  .hp3 .pr-tier { margin-bottom: 24px; }
1584  .hp3 .pr-tier:last-child { margin-bottom: 0; }
1585  .hp3 .pr-tier--featured { transform: none; }
1586  .hp3 .pr-tier--featured:hover { transform: translateY(-4px); }
1587}
1588@media (max-width: 767px) {
1589  .hp3 .sec { padding: 56px 0; }
1590  .hp3 .container { padding: 0 20px; }
1591  .hp3 .container--narrow { padding: 0 20px; }
1592  .hp3 .pr-hero { padding: 56px 0 64px; }
1593  .hp3 .pr-hero__h1 { font-size: clamp(28px, 8vw, 38px); }
1594  .hp3 .pr-hero__trust { flex-direction: column; gap: 12px; }
1595  .hp3 .pr-hero__trust-item + .pr-hero__trust-item::before { display: none; }
1596  .hp3 .sec-h2 { font-size: 28px; }
1597}
1598
1599</style>
1600
1601
1602<div class="hp3">
1603
1604  
1605  <section class="pr-hero" aria-label="Pricing hero">
1606    <div class="pr-hero__inner">
1607
1608      <p class="eyebrow sr sr-d1">Enterprise Pricing</p>
1609
1610      <h1 class="pr-hero__h1 sr sr-d1">
1611        Ambassador is priced for <em>the return it delivers.</em>
1612      </h1>
1613
1614      <p class="pr-hero__sub sr sr-d2">
1615        Ambassador customers achieve 3:1 minimum program ROI. Best-in-class programs
1616        return 5:1 or more. The question isn't what Ambassador costs: it's what your
1617        programs are returning, and whether you can prove it.
1618      </p>
1619
1620      <div class="cta-group sr sr-d3" style="justify-content: center;">
1621        <a class="pr-btn-primary" href="https://getambassador.com/get-a-demo/?hsLang=en">Request Enterprise Demo</a>
1622      </div>
1623
1624      <div class="pr-hero__trust sr sr-d4">
1625        <span class="pr-hero__trust-item">No off-the-shelf price list</span>
1626        <span class="pr-hero__trust-item">Scoped to your program</span>
1627        <span class="pr-hero__trust-item">30 minutes to your ROI model</span>
1628      </div>
1629
1630    </div>
1631  </section>
1632
1633
1634  
1635  
1636  
1637
1638<style>
1639.amb-trustbar {
1640  background: #ffffff;
1641  border-top: 1px solid #E8EDF5;
1642  border-bottom: 1px solid #E8EDF5;
1643  padding: 32px 0;
1644  overflow: hidden;
1645  font-family: 'DM Sans', Arial, Helvetica, sans-serif;
1646}
1647.amb-trustbar__label {
1648  text-align: center;
1649  font-size: 12px;
1650  font-weight: 600;
1651  letter-spacing: 0.12em;
1652  text-transform: uppercase;
1653  color: #606F9F;
1654  margin: 0 0 24px;
1655}
1656.amb-trustbar__wrap {
1657  overflow: hidden;
1658  -webkit-mask-image: linear-gradient(to right, transparent 0%, black 8%, black 92%, transparent 100%);
1659          mask-image: linear-gradient(to right, transparent 0%, black 8%, black 92%, transparent 100%);
1660}
1661@keyframes amb-trustbar-marquee {
1662  0%   { transform: translateX(0); }
1663  100% { transform: translateX(-50%); }
1664}
1665.amb-trustbar__track {
1666  display: flex;
1667  width: max-content;
1668  align-items: center;
1669  gap: 4rem;
1670  animation: amb-trustbar-marquee 35s linear infinite;
1671  will-change: transform;
1672}
1673.amb-trustbar__track:hover {
1674  animation-play-state: paused;
1675}
1676.amb-trustbar__item {
1677  display: inline-flex;
1678  align-items: center;
1679  justify-content: center;
1680  width: 150px;
1681  height: 44px;
1682  flex-shrink: 0;
1683}
1684.amb-trustbar__item img {
1685  max-height: 100%;
1686  max-width: 100%;
1687  width: auto;
1688  height: auto;
1689  object-fit: contain;
1690  filter: grayscale(100%) opacity(0.55);
1691  transition: filter 300ms ease;
1692  display: block;
1693}
1694.amb-trustbar__item img:hover {
1695  filter: grayscale(0%) opacity(1);
1696}
1697@media (prefers-reduced-motion: reduce) {
1698  .amb-trustbar__track {
1699    animation: none;
1700    transform: none;
1701  }
1702}
1703</style>
1704
1705<section class="amb-trustbar" aria-label="Trusted by">
1706  <p class="amb-trustbar__label">Trusted by the enterprise teams behind $2.4B+ in attributed revenue<
1706/p>
1707  <div class="amb-trustbar__wrap">
1708    <div class="amb-trustbar__track" aria-hidden="true">
1709      
1710      <span class="amb-trustbar__item"><img src="https://getambassador.com/hs-fs/hubfs/Sparklight.webp?width=145&amp;height=43" alt="Sparklight" loading="lazy"></span>
1711      <span class="amb-trustbar__item"><img src="https://getambassador.com/hs-fs/hubfs/logo-astound-vertical.webp?width=145&amp;height=80" alt="Astound" loading="lazy"></span>
1712      <span class="amb-trustbar__item"><img src="https://getambassador.com/hubfs/visible-by-verizon-logo.svg" alt="Visible by Verizon" loading="lazy"></span>
1713      <span class="amb-trustbar__item"><img src="https://getambassador.com/hs-fs/hubfs/CIBC_logo_2021.webp?width=145&amp;height=37" alt="CIBC" loading="lazy"></span>
1714      <span class="amb-trustbar__item"><img src="https://getambassador.com/hubfs/rippling.svg" alt="Rippling" loading="lazy"></span>
1715      <span class="amb-trustbar__item"><img src="https://getambassador.com/hubfs/Kaplan_Logo.svg" alt="Kaplan" loading="lazy"></span>
1716      <span class="amb-trustbar__item"><img src="https://getambassador.com/hubfs/gas-south.svg" alt="Gas South" loading="lazy"></span>
1717      <span class="amb-trustbar__item"><img src="https://getambassador.com/hs-fs/hubfs/Rover.webp?width=145&amp;height=49" alt="Rover" loading="lazy"></span>
1718      <span class="amb-trustbar__item"><img src="https://getambassador.com/hubfs/AuPairCare-logo.svg" alt="AuPairCare" loading="lazy"></span>
1719      <span class="amb-trustbar__item"><img src="https://getambassador.com/hs-fs/hubfs/aceable-logo.webp?width=145&amp;height=29" alt="Aceable" loading="lazy"></span>
1720      <span class="amb-trustbar__item"><img src="https://getambassador.com/hs-fs/hubfs/mcmakler-1024x176.webp?width=145&amp;height=25" alt="McMakler" loading="lazy"></span>
1721      
1722      <span class="amb-trustbar__item"><img src="https://getambassador.com/hs-fs/hubfs/Sparklight.webp?width=145&amp;height=43" alt="Sparklight" loading="lazy"></span>
1723      <span class="amb-trustbar__item"><img src="https://getambassador.com/hs-fs/hubfs/logo-astound-vertical.webp?width=145&amp;height=80" alt="Astound" loading="lazy"></span>
1724      <span class="amb-trustbar__item"><img src="https://getambassador.com/hubfs/visible-by-verizon-logo.svg" alt="Visible by Verizon" loading="lazy"></span>
1725      <span class="amb-trustbar__item"><img src="https://getambassador.com/hs-fs/hubfs/CIBC_logo_2021.webp?width=145&amp;height=37" alt="CIBC" loading="lazy"></span>
1726      <span class="amb-trustbar__item"><img src="https://getambassador.com/hubfs/rippling.svg" alt="Rippling" loading="lazy"></span>
1727      <span class="amb-trustbar__item"><img src="https://getambassador.com/hubfs/Kaplan_Logo.svg" alt="Kaplan" loading="lazy"></span>
1728      <span class="amb-trustbar__item"><img src="https://getambassador.com/hubfs/gas-south.svg" alt="Gas South" loading="lazy"></span>
1729      <span class="amb-trustbar__item"><img src="https://getambassador.com/hs-fs/hubfs/Rover.webp?width=145&amp;height=49" alt="Rover" loading="lazy"></span>
1730      <span class="amb-trustbar__item"><img src="https://getambassador.com/hubfs/AuPairCare-logo.svg" alt="AuPairCare" loading="lazy"></span>
1731      <span class="amb-trustbar__item"><img src="https://getambassador.com/hs-fs/hubfs/aceable-logo.webp?width=145&amp;height=29" alt="Aceable" loading="lazy"></span>
1732      <span class="amb-trustbar__item"><img src="https://getambassador.com/hs-fs/hubfs/mcmakler-1024x176.webp?width=145&amp;height=25" alt="McMakler" loading="lazy"></span>
1733    </div>
1734  </div>
1735</section>
1736
1737
1738  
1739  <section class="sec sec--offwhite pr-cv" aria-label="Pricing tiers">
1740    <div class="container">
1741
1742      <div class="sec-header sec-header--center sr">
1743        <p class="eyebrow">Program Tiers</p>
1744        <h2 class="sec-h2">Built for the complexity of your programs.</h2>
1745        <p class="sec-sub">
1746          Every Ambassador engagement is scoped to your growth objectives, your customer base,
1747          and the engines you need. Choose the tier that matches your program maturity.
1748        </p>
1749      </div>
1750
1751      <div class="pr-tiers">
1752
1753        
1754        <div class="pr-tier sr sr-d1">
1755          <div>
1756            <div class="pr-tier__glyph" aria-hidden="true"><i class="on"></i><i></i><i></i></div>
1757            <h3 class="pr-tier__name">Growth</h3>
1758          </div>
1759          <p class="pr-tier__dek">Launch your first customer growth initiative.</p>
1760          <p class="pr-tier__for"><b>Designed for</b> teams launching their first attributed customer program: one initiative, a clear growth objective, and a number you can defend.</p>
1761          <p class="pr-tier__list-label">Includes:</p>
1762          <ul class="pr-tier__list">
1763            <li><span class="pr-en-hiro">HiroAI</span> orchestration</li>
1764            <li><span class="pr-en-grow">Advocacy</span> <em>core referral &amp; advocacy programs</em></li>
1765            <li><span class="pr-en-keep">Communication</span> <em>email</em></li>
1766            <li><span class="pr-en-prove">Attribution</span> <em>full revenue attribution</em></li>
1767            <li><span class="pr-en-keep">Incentive</span>
1767 infrastructure <em>reward ledger, vaults &amp; payments</em></li>
1768            <li><span class="pr-en-prove">Finance</span> <em>audit trail &amp; finance-grade reporting</em></li>
1769            <li>HubSpot, Shopify &amp; Stripe integrations</li>
1770            <li>Standard support with guided onboarding</li>
1771          </ul>
1772        </div>
1773
1774        
1775        <div class="pr-tier pr-tier--featured sr sr-d2">
1776          <div class="pr-tier__recommended">Most Popular</div>
1777          <div>
1778            <div class="pr-tier__glyph" aria-hidden="true"><i class="on"></i><i class="on"></i><i></i></div>
1779            <h3 class="pr-tier__name">Professional</h3>
1780          </div>
1781          <p class="pr-tier__dek">Scale engagement with intelligence across channels.</p>
1782          <p class="pr-tier__for"><b>Designed for</b> teams running multiple initiatives across channels: referral, loyalty, and engagement working together on one platform.</p>
1783          <p class="pr-tier__list-label">Everything in Growth, plus:</p>
1784          <ul class="pr-tier__list">
1785            <li><span class="pr-en-keep">Retention</span> <em>engagement &amp; loyalty</em></li>
1786            <li><span class="pr-en-prove">Predictive</span> <em>forecasting &amp; churn signals</em></li>
1787            <li><span class="pr-en-keep">Communication</span> <em>email &amp; SMS</em></li>
1788            <li>API access &amp; SSO</li>
1789            <li>Premium support available</li>
1790          </ul>
1791        </div>
1792
1793        
1794        <div class="pr-tier sr sr-d3">
1795          <div>
1796            <div class="pr-tier__glyph" aria-hidden="true"><i class="on"></i><i class="on"></i><i class="on"></i></div>
1797            <h3 class="pr-tier__name">Enterprise</h3>
1798          </div>
1799          <p class="pr-tier__dek">Run your entire customer growth operation on one platform.</p>
1800          <p class="pr-tier__for"><b>Designed for</b> enterprise organizations running customer growth at full scale. Global, multi-brand, and multi-currency operations are scoped directly with our sales team.</p>
1801          <p class="pr-tier__list-label">Everything in Professional, plus:</p>
1802          <ul class="pr-tier__list">
1803            <li><span class="pr-en-grow">Programmatic</span> <em>paid media orchestration</em></li>
1804            <li>Chargebee integration</li>
1805            <li>Advanced security</li>
1806            <li>Unlimited scale</li>
1807            <li>Premium support &amp; dedicated CSM</li>
1808            <li>Custom onboarding &amp; enterprise SLA</li>
1809          </ul>
1810        </div>
1811
1812      </div>
1813
1814      <p class="pr-hiro-strip sr sr-d3"><b>Every tier runs on <span class="pr-en-hiro">HiroAI</span> orchestration.</b> The orchestrator decides. The agents use the engines to execute.</p>
1815
1816    </div>
1817  </section>
1818
1819
1820  
1821  <section class="sec sec--offwhite pr-cv" aria-label="Compare plans in detail">
1822    <div class="container">
1823
1824      <div class="pr-detail-header sr">
1825        <h3 class="pr-detail-title">Compare plans in detail</h3>
1826        <p class="pr-detail-dek">Every capability, mapped across Grow, Keep, and Prove.</p>
1827      </div>
1828
1829      <div class="pr-dt-wrap sr sr-d1">
1830        <table class="pr-dt" aria-label="Capability comparison by tier">
1831          <thead>
1832            <tr>
1833              <th scope="col">Capability</th>
1834              <th scope="col">Growth</th>
1835              <th scope="col">Professional</th>
1836              <th scope="col">Enterprise</th>
1837            </tr>
1838          </thead>
1839          <tbody>
1840            <tr class="pr-dt__cat pr-dt__cat--grow"><td colspan="4">Grow</td></tr>
1841            <tr class="pr-dt__row"><td><span class="pr-en-grow">Advocacy</span></td>
1842              <td><span class="pr-chk"></span><span class="pr-dt__sub">Core referral &amp; advocacy</span></td>
1843              <td><span class="pr-chk"></span><span class="pr-dt__sub">Full: all program types</span></td>
1844              <td><span class="pr-chk"></span><span class="pr-dt__sub">Full, at unlimited scale</span></td></tr>
1845            <tr class="pr-dt__row"><td><span class="pr-en-grow">Programmatic</span></td>
1846              <td><span class="pr-dsh">—</span></td>
1847              <td><span class="pr-dsh">—</span></td>
1848              <td><span class="pr-chk"></span><span class="pr-dt__sub">Paid media orchestration</span></td></tr>
1849            <tr class="pr-dt__cat pr-dt__cat--keep"><td colspan="4">Keep</td></tr>
1850            <tr class="pr-dt__row"><td><span class="pr-en-keep">Retention</span></td>
1851              <td><span class="pr-dt__sub">Available as add-on</span></td>
1852              <td><span class="pr-chk"></span><span class="pr-dt__sub">Engagement &amp; loyalty</span></td>
1853              <td><span class="pr-chk"></span><span class="pr-dt__sub">Engagement &amp; loyalty</span></td></tr>
1854            <tr class="pr-dt__row"><td><span class="pr-en-keep">Communication</span></td>
1855              <td><span class="pr-chk"></span><span class="pr-dt__sub">Email</span></td>
1856              <td><span class="pr-chk"></span><span class="pr-dt__sub">Email &amp; SMS</span></td>
1857              <td><span class="pr-chk"></span><span class="pr-dt__sub">Email &amp; SMS</span></td></tr>
1858            <tr class="pr-dt__cat pr-dt__cat--prove"><td colspan="4">Prove</td></tr>
1859            <tr class="pr-dt__row"><td><span class="pr-en-prove">Predictive</span></td>
1860              <td><span class="pr-dsh">—</span></td>
1861              <td><span class="pr-chk"></span><span class="pr-dt__sub">Forecasting &amp; churn signals</span></td>
1862              <td><span class="pr-chk"></span><span class="pr-dt__sub">Forecasting &amp; churn signals</span></td></tr>
1863            <tr class="pr-dt__cat pr-dt__cat--platform"><td colspan="4">Platform</td></tr>
1864            <tr class="pr-dt__row"><td>Integrations</td>
1865              <td><span class="pr-chk"></span><span class="pr-dt__sub">HubSpot, Shopify &amp; Stripe</span></td>
1866              <td><span class="pr-chk"></span><span class="pr-dt__sub">Core, plus API &amp; SSO</span></td>
1867              <td><span class="pr-chk"></span><span class="pr-dt__sub">Core, plus API, SSO &amp; Chargebee</span></td></tr>
1868            <tr class="pr-dt__row"><td>Support</td>
1869              <td><span class="pr-dt__sub">Standard support</span></td>
1870              <td><span class="pr-dt__sub">Standard; premium available</span></td>
1871              <td><span class="pr-dt__sub">Premium &amp; dedicated CSM</span></td></tr>
1872          </tbody>
1873        </table>
1874      </div>
1875      <p class="pr-dt-note sr sr-d2">
1876        Salesforce, Square, and custom integrations are available as add-ons at any tier.
1877        Gift card storefront and advanced reward rules are also available as add-ons.
1878      </p>
1879
1880    </div>
1881  </section>
1882
1883
1884
1885</div>
1886
1887
1888
1889
1890
1891
1892
1893
1894
1895
1896
1897
1898
1899<style>
1900  .faq {
1901    /* Theme accent for the hover/open item border. Defaults to blue/500;
1902       pages pass faq_accent to match their color theme (see header comment). */
1903    --faq-accent: #1C48D9;
1904    background: #FFFFFF;
1905    padding: 112px 48px;
1906    border-top: 1px solid #CDCFD6;
1907    font-family: 'DM Sans', sans-serif;
1908  }
1909  .faq-inner {
1910    max-width: 880px;
1911    margin: 0 auto;
1912  }
1913  .faq-header {
1914    text-align: center;
1915    margin-bottom: 52px;
1916  }
1917  .faq-title {
1918    font-size: clamp(28px, 3vw, 40px);
1919    font-weight: 700;
1920    letter-spacing: -0.02em;
1921    color: #0F1F3D;
1922    margin: 0 0 14px;
1923  }
1924  .faq-dek {
1925    font-size: 18px;
1926    line-height: 1.7;
1927    font-weight: 500;
1928    color: #324278;
1929    margin: 0;
1930  }
1931  .faq-list {
1932    /* Lets block-size animate to/from `auto` (Chrome 129+; elsewhere the
1933       declaration is ignored and open/close falls back to instant). */
1934    interpolate-size: allow-keywords;
1935  }
1936  .faq-item {
1937    background: #FFFFFF;
1938    border: 1px solid #CDCFD6;
1939    border-radius: 14px;
1940    margin-bottom: 12px;
1941    transition: border-color 0.2s ease, box-shadow 0.2s ease;
1942  }
1943  .faq-item:hover,
1944  .faq-item[open] {
1945    border-color: var(--faq-accent);
1946    box-shadow: 0 1px 2px rgba(15, 31, 61, 0.04);
1947  }
1948  /* Smooth expand/collapse so opening an answer doesn't snap the rest of
1949     the page down. Native ::details-content animation; browsers without
1950     support keep the instant toggle. */
1951  .faq-item::details-content {
1952    block-size: 0;
1953    overflow: clip;
1954    transition: block-size 0.3s ease, content-visibility 0.3s allow-discrete;
1955  }
1956  .faq-item[open]::details-content {
1957    block-size: auto;
1958  }
1959  .faq-q {
1960    display: flex;
1961    align-items: center;
1962    justify-content: space-between;
1963    gap: 18px;
1964    cursor: pointer;
1965    list-style: none;
1966    padding: 21px 26px;
1967    font-size: 17px;
1968    font-weight: 600;
1969    line-height: 1.4;
1970    color: #0F1F3D;
1971  }
1972  .faq-q::-webkit-details-marker { display: none; }
1973  .faq-q::after {
1974    content: "";
1975    flex: none;
1976    width: 9px;
1977    height: 9px;
1978    margin-top: -4px;
1979    border-right: 2px solid #606F9F;
1980    border-bottom: 2px solid #606F9F;
1981    transform: rotate(45deg);
1982    transition: transform 0.2s ease, margin-top 0.2s ease;
1983  }
1984  .faq-item[open] .faq-q::after {
1985    transform: rotate(225deg);
1986    margin-top: 4px;
1987  }
1988  .faq-a {
1989    padding: 0 26px 24px;
1990  }
1991  .faq-a p {
1992    font-size: 15.5px;
1993    line-height: 1.7;
1994    font-weight: 400;
1995    color: #324278;
1996    margin: 0;
1997  }
1998  .faq-cta {
1999    text-align: center;
2000    margin-top: 48px;
2001  }
2002  /* Blue, not purple -- purple is HiroAI-only. Every link state is pinned
2003     because HubSpot's global anchor CSS recolors and underlines on
2004     hover/focus/active otherwise. */
2005  .faq-demo-btn,
2006  .faq-demo-btn:link,
2007  .faq-demo-btn:visited,
2008  .faq-demo-btn:hover,
2009  .faq-demo-btn:focus,
2010  .faq-demo-btn:active {
2011    color: #FFFFFF;
2012    text-decoration: none;
2013  }
2014  .faq-demo-btn {
2015    display: inline-flex;
2016    align-items: center;
2017    gap: 8px;
2018    background: #1A3BAE;
2019    border: 1px solid #1A3BAE;
2020    padding: 16px 32px;
2021    border-radius: 8px;
2022    font-weight: 600;
2023    font-size: 16px;
2024    transition: background-color 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease, transform 0.25s ease;
2025  }
2026  .faq-demo-btn:hover {
2027    background: #11215B;
2028    border-color: #11215B;
2029    transform: translateY(-2px);
2030    box-shadow: 0 4px 14px rgba(26, 59, 174, 0.28);
2031  }
2032  .faq-demo-btn:focus-visible {
2033    outline: 2px solid #3B63E8;
2034    outline-offset: 2px;
2035  }
2036  @media (max-width: 640px) {
2037    .faq { padding: 80px 24px; }
2038    .faq-q { padding: 18px 20px; font-size: 16px; }
2039    .faq-a { padding: 0 20px 20px; }
2040  }
2041</style>
2042
2043<section class="faq" id="faq">
2044  <div class="faq-inner">
2045    <div class="faq-header reveal">
2046      <h2 class="faq-title">Frequently asked questions</h2>
2047      <p class="faq-dek">Straight answers before you talk to us.</p>
2048    </div>
2049
2050    <div class="faq-list reveal d1">
2051      
2052      <details class="faq-item" name="faq">
2053        <summary class="faq-q">How is Ambassador priced?</summary>
2054        <div class="faq-a">
2055          <p>Ambassador is priced to the return it delivers, not per seat or per conversion. Pricing is scoped to your program goals, the engines you activate, and the size of your customer base. There's no published price list because every engagement is different. Most scoping conversations take about 30 minutes and end with an ROI model for your business, so you know what a program returns before we talk about what it costs.</p>
2056        </div>
2057      </details>
2058      
2059      <details class="faq-item" name="faq">
2060        <summary class="faq-q">Is there a minimum contract size?</summary>
2061        <div class="faq-a">
2062          <p>Yes. Ambassador engagements start at $12,000 per year, billed annually on one-year terms. Ambassador is built for enterprise and mid-market programs with the customer base and program complexity to generate meaningful ROI at scale. We'll tell you in the first call whether we're a fit. If we're not, we'll point you to the right solution.</p>
2063        </div>
2064      </details>
2065      
2066      <details class="faq-item" name="faq">
2067        <summary class="faq-q">Can we start small and expand?</summary>
2068        <div class="faq-a">
2069          <p>Yes. Most teams start on Growth with a single advocacy or referral initiative and expand as programs mature and ROI is proven. Every tier runs on the same platform and the same data model, so moving up activates new engines without a migration. HiroAI connects each new engine to your existing data as you expand.</p>
2070        </div>
2071      </details>
2072      
2073      <details class="faq-item" name="faq">
2074        <summary class="faq-q">What does implementation look like?</summary>
2075        <div class="faq-a">
2076          <p>Most teams are live within 30 days per engine. Our Customer Success team manages onboarding end to end: configuration, integration, and first-program launch. We target 90-day time-to-value on your first program. Enterprise includes a dedicated Customer Success manager and a custom onboarding playbook scoped to your stack and workflows.</p>
2077        </div>
2078      </details>
2079      
2080      <details class="faq-item" name="faq">
2081        <summary class="faq-q">What integrations are included?</summary>
2082        <div class="faq-a">
2083          <p>Every tier includes HubSpot, Shopify, and Stripe integrations. Professional and Enterprise add API access and SSO, and Enterprise adds Chargebee. Salesforce, Square, and custom integrations are available as add-ons at any tier. If you have a specific integration requirement, bring it to the scoping call and we'll assess it directly.</p>
2084        </div>
2085      </details>
2086      
2087      <details class="faq-item" name="faq">
2088        <summary class="faq-q">What support is included?</summary>
2089        <div class="faq-a">
2090          <p>Growth and Professional include standard support, and premium support is available as an upgrade: faster response times plus phone, video, and Slack access. Enterprise includes premium support and a dedicated Customer Success manager who runs quarterly business reviews with your team.</p>
2091        </div>
2092      </details>
2093      
2094    </div>
2095
2096    
2097    <div class="faq-cta reveal d2">
2098      <a href="/get-a-demo/?hsLang=en" class="faq-demo-btn">Request Enterprise Demo <span aria-hidden="true">→</span></a>
2099    </div>
2100    
2101  </div>
2102</section>
2103
2104<script type="application/ld+json">
2105{
2106  "@context": "https://schema.org",
2107  "@type": "FAQPage",
2108  "mainEntity": [
2109    {
2110      "@type": "Question",
2111      "name": "How is Ambassador priced?",
2112      "acceptedAnswer": { "@type": "Answer", "text": "Ambassador is priced to the return it delivers, not per seat or per conversion. Pricing is scoped to your program goals, the engines you activate, and the size of your customer base. There's no published price list because every engagement is different. Most scoping conversations take about 30 minutes and end with an ROI model for your business, so you know what a program returns before we talk about what it costs." }
2113    },
2114    {
2115      "@type": "Question",
2116      "name": "Is there a minimum contract size?",
2117      "acceptedAnswer": { "@type": "Answer", "text": "Yes. Ambassador engagements start at $12,000 per year, billed annually on one-year terms. Ambassador is built for enterprise and mid-market programs with the customer base and program complexity to generate meaningful ROI at scale. We'll tell you in the first call whether we're a fit. If we're not, we'll point you to the right solution." }
2118    },
2119    {
2120      "@type": "Question",
2121      "name": "Can we start small and expand?",
2122      "acceptedAnswer": { "@type": "Answer", "text": "Yes. Most teams start on Growth with a single advocacy or referral initiative and expand as programs mature and ROI is proven. Every tier runs on the same platform and the same data model, so moving up activates new engines without a migration. HiroAI connects each new engine to your existing data as you expand." }
2123    },
2124    {
2125      "@type": "Question",
2126      "name": "What does implementation look like?",
2127      "acceptedAnswer": { "@type": "Answer", "text": "Most teams are live within 30 days per engine. Our Customer Success team manages onboarding end to end: configuration, integration, and first-program launch. We target 90-day time-to-value on your first program. Enterprise includes a dedicated Customer Success manager and a custom onboarding playbook scoped to your stack and workflows." }
2128    },
2129    {
2130      "@type": "Question",
2131      "name": "What integrations are included?",
2132      "acceptedAnswer": { "@type": "Answer", "text": "Every tier includes HubSpot, Shopify, and Stripe integrations. Professional and Enterprise add API access and SSO, and Enterprise adds Chargebee. Salesforce, Square, and custom integrations are available as add-ons at any tier. If you have a specific integration requirement, bring it to the scoping call and we'll assess it directly." }
2133    },
2134    {
2135      "@type": "Question",
2136      "name": "What support is included?",
2137      "acceptedAnswer": { "@type": "Answer", "text": "Growth and Professional include standard support, and premium support is available as an upgrade: faster response times plus phone, video, and Slack access. Enterprise includes premium support and a dedicated Customer Success manager who runs quarterly business reviews with your team." }
2138    }
2139  ]
2140}
2141</script>
2141
2142
2143
2144
2145<style>
2146  .trust {
2147    background: #F5F5FA;
2148    padding: 80px 48px 88px;
2149    position: relative;
2150    border-top: 1px solid #CDCFD6;
2151    font-family: 'DM Sans', sans-serif;
2152  }
2153  .trust-inner {
2154    max-width: 1100px;
2155    margin: 0 auto;
2156    text-align: center;
2157  }
2158  .trust-header {
2159    max-width: 920px;
2160    margin: 0 auto 72px;
2161  }
2162  .trust-eyebrow {
2163    font-size: 12px;
2164    font-weight: 700;
2165    letter-spacing: 0.18em;
2166    text-transform: uppercase;
2167    color: #5F11E4;
2168    margin-bottom: 24px;
2169  }
2170  .trust-title {
2171    font-size: clamp(32px, 3.8vw, 48px);
2172    font-weight: 700;
2173    letter-spacing: -0.025em;
2174    line-height: 1.15;
2175    color: #0F1F3D;
2176    margin: 0 0 24px;
2177    white-space: nowrap;
2178  }
2179  @media (max-width: 640px) {
2180    .trust-title { white-space: normal; }
2181    .trust { padding: 64px 24px 72px; }
2182  }
2183  .trust-dek {
2184    font-size: 18px;
2185    line-height: 1.7;
2186    font-weight: 500;
2187    color: #324278;
2188    margin: 0 auto;
2189    max-width: 580px;
2190  }
2191  .trust-strip {
2192    list-style: none;
2193    padding: 0;
2194    margin: 0 0 60px;
2195    display: flex;
2196    flex-wrap: wrap;
2197    justify-content: center;
2198    align-items: center;
2199    gap: 48px;
2200  }
2201  .trust-strip > li { display: flex; }
2202  .trust-badge {
2203    display: inline-flex;
2204    align-items: center;
2205    justify-content: center;
2206    width: 96px;
2207    height: 96px;
2208    text-decoration: none;
2209    border-radius: 14px;
2210    transition: transform 0.2s ease, filter 0.2s ease;
2211  }
2212  .trust-badge img {
2213    width: 100%;
2214    height: 100%;
2215    object-fit: contain;
2216    display: block;
2217    filter: grayscale(15%);
2218    transition: filter 0.2s ease;
2219  }
2220  .trust-badge:hover { transform: translateY(-2px); }
2221  .trust-badge:hover img { filter: grayscale(0%); }
2222  .trust-badge:focus-visible {
2223    outline: 2px solid #1C48D9;
2224    outline-offset: 4px;
2225  }
2226  .trust-link,
2227  .trust-link:link,
2228  .trust-link:visited,
2229  .trust-link:focus,
2230  .trust-link:active {
2231    color: #1A3BAE;
2232    text-decoration: none;
2233  }
2234  .trust-link {
2235    display: inline-flex;
2236    align-items: center;
2237    gap: 6px;
2238    font-size: 15px;
2239    font-weight: 600;
2240    transition: color 0.15s ease;
2241  }
2242  .trust-link:hover { color: #1C48D9; }
2243</style>
2244
2245<section class="trust pr-cv" id="trust">
2246  <div class="trust-inner">
2247    <div class="trust-header reveal">
2248      <div class="trust-eyebrow">Enterprise security &amp; compliance</div>
2249      <h2 class="trust-title">Audited. Documented. Defensible.</h2>
2250      <p class="trust-dek">
2251        Your security team gets what they need so the deal keeps moving.
2252      </p>
2253    </div>
2254
2255    <ul class="trust-strip reveal d1" role="list">
2256      <li><a class="trust-badge" href="/security?hsLang=en" aria-label="SOC 2 Type II">
2257        <img src="https://getambassador.com/hs-fs/hubfs/raw_assets/public/ambassador-rebrand-theme/images/trust-badges/soc2.png?width=96&amp;height=96&amp;name=soc2.png" alt="SOC 2 Type II" width="96" height="96" loading="lazy" srcset="https://getambassador.com/hs-fs/hubfs/raw_assets/public/ambassador-rebrand-theme/images/trust-badges/soc2.png?width=48&amp;height=48&amp;name=soc2.png 48w, https://getambassador.com/hs-fs/hubfs/raw_assets/public/ambassador-rebrand-theme/images/trust-badges/soc2.png?width=96&amp;height=96&amp;name=soc2.png 96w, https://getambassador.com/hs-fs/hubfs/raw_assets/public/ambassador-rebrand-theme/images/trust-badges/soc2.png?width=144&amp;height=144&amp;name=soc2.png 144w, https://getambassador.com/hs-fs/hubfs/raw_assets/public/ambassador-rebrand-theme/images/trust-badges/soc2.png?width=192&amp;height=192&amp;name=soc2.png 192w, https://getambassador.com/hs-fs/hubfs/raw_assets/public/ambassador-rebrand-theme/images/trust-badges/soc2.png?width=240&amp;height=240&amp;name=soc2.png 240w, https://getambassador.com/hs-fs/hubfs/raw_assets/public/ambassador-rebrand-theme/images/trust-badges/soc2.png?width=288&amp;height=288&amp;name=soc2.png 288w" sizes="(max-width: 96px) 100vw, 96px">
2258      </a></li>
2259      <li><a class="trust-badge" href="/security?hsLang=en" aria-label="PCI DSS">
2260        <img src="https://getambassador.com/hubfs/raw_assets/public/ambassador-rebrand-theme/images/trust-badges/pci-dss.svg" alt="PCI DSS" width="96" height="96" loading="lazy">
2261      </a></li>
2262      <li><a class="trust-badge" href="/security?hsLang=en" aria-label="GDPR">
2263        <img src="https://getambassador.com/hubfs/raw_assets/public/ambassador-rebrand-theme/images/trust-badges/gdpr.svg" alt="GDPR" width="96" height="96" loading="lazy">
2264      </a></li>
2265      <li><a class="trust-badge" href="/security?hsLang=en" aria-label="US Data Privacy">
2266        <img src="https://getambassador.com/hubfs/raw_assets/public/ambassador-rebrand-theme/images/trust-badges/us-data-privacy.svg" alt="US Data Privacy" width="96" height="96" loading="lazy">
2267      </a></li>
2268      <li><a class="trust-badge" href="/security?hsLang=en" aria-label="CCPA Compliant">
2269        <img src="https://getambassador.com/hubfs/raw_assets/public/ambassador-rebrand-theme/images/trust-badges/ccpa.svg" alt="CCPA Compliant" width="96" height="96" loading="lazy">
2270      </a></li>
2271    </ul>
2272
2273    <a href="/security?hsLang=en" class="trust-link">Full documentation in the Trust Center <span aria-hidden="true">→</span></a>
2274  </div>
2275</section>
2276
2277<script>
2278/* ── Scroll reveal (IntersectionObserver) ──
2279   Handles the page's .sr elements (adds .in-view) and the FAQ
2280   partial's .reveal elements (adds .visible, homepage convention). */
2281(function () {
2282  if (!window.IntersectionObserver) return;
2283  var io = new IntersectionObserver(function (entries) {
2284    entries.forEach(function (entry) {
2285      if (entry.isIntersecting) {
2286        entry.target.classList.add(
2287          entry.target.classList.contains('sr') ? 'in-view' : 'visible'
2288        );
2289        io.unobserve(entry.target);
2290      }
2291    });
2292  }, { threshold: 0.15 });
2293  document.querySelectorAll('.hp3 .sr, .faq .reveal, .trust .reveal').forEach(function (el) {
2294    io.observe(el);
2295  });
2296})();
2297</script>
2297
2298
2299
2300      </main>
2301
2302      
2303        <!--
2304  ========================================================================
2305  SOURCE OF TRUTH: GitHub repo ambassador-website
2306  Path: src/templates/partials/footer.html  (branch: main)
2307
2308  DO NOT EDIT IN DESIGN MANAGER OR VIA THE CLAUDE / HUBSPOT MCP CONNECTOR.
2309  Changes made here will be overwritten on the next deploy from git.
2310  For changes, open a PR in the repo or ping Ethan in Slack.
2311  ========================================================================
2312-->
2313<style>
2314/* ============== FOOTER — compact directory style ==============
2315   Trimmed vertical rhythm vs the prior version (~45% less total height)
2316   so the footer fits in roughly one scroll. All link wiring + HubSpot
2317   tokens + SOC image preserved.
2318================================================================ */
2319
2320.amb-footer {
2321  background: #0F1F3D;
2322  color: rgba(255, 255, 255, 0.65);
2323  padding: 40px 48px 20px;
2324  font-family: 'DM Sans', sans-serif;
2325  font-size: 13px;
2326  line-height: 1.5;
2327  border-top: 1px solid rgba(255, 255, 255, 0.06);
2328}
2329.amb-footer__grid {
2330  max-width: 1400px;
2331  margin: 0 auto;
2332  display: grid;
2333  grid-template-columns: 1.2fr 1.4fr 1fr 1fr;
2334  gap: 32px;
2335  padding-bottom: 28px;
2336}
2337
2338/* Brand column -- left-aligned stack so the logo, tagline, socials, and
2339   G2 banner share one matching left edge. The tagline, socials, and G2
2340   banner are all width-locked to 180px. */
2341.amb-footer__brand {
2342  display: flex;
2343  flex-direction: column;
2344  align-items: flex-start;
2345}
2346.amb-footer__brand-mark {
2347  display: flex;
2348  align-items: center;
2349  gap: 8px;
2350  margin-bottom: 12px;
2351  text-decoration: none;
2352}
2353.amb-footer__brand-mark .brand-mark {
2354  width: 28px;
2355  height: 28px;
2356  flex-shrink: 0;
2357}
2358.amb-footer__brand-mark .wordmark {
2359  font-family: 'Raleway', sans-serif;
2360  font-size: 14px;
2361  font-weight: 800;
2362  letter-spacing: 0.18em;
2363  color: #ffffff;
2364}
2365.amb-footer__tagline {
2366  font-size: 12.5px;
2367  color: rgba(255, 255, 255, 0.55);
2368  line-height: 1.45;
2369  margin: 0 0 14px;
2370  width: 180px;
2371  max-width: 100%;
2372}
2373/* Socials row -- width-locked to match the G2 banner below so outer chip
2374   edges align flush with the banner's edges and the middle chip falls dead
2375   center. */
2376.amb-footer__socials {
2377  display: flex;
2378  justify-content: space-between;
2379  align-items: center;
2380  width: 180px;
2381  max-width: 100%;
2382}
2383.amb-footer__social {
2384  position: relative;
2385  display: inline-flex;
2386  align-items: center;
2387  justify-content: center;
2388  width: 40px;
2389  height: 40px;
2390  border-radius: 8px;
2391  border: 1px solid rgba(255,255,255,0.15);
2392  box-shadow: 0 4px 12px rgba(0,0,0,0.25);
2393  overflow: hidden;
2394  cursor: pointer;
2395  text-decoration: none;
2396  color: #ffffff;
2397  transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease, background 0.3s ease;
2398}
2399.amb-footer__social svg {
2400  width: 17px;
2401  height: 17px;
2402  position: relative;
2403  z-index: 1;
2404  color: #ffffff;
2405}
2406/* Shine sweep: translucent diagonal band slides L->R on hover */
2407.amb-footer__social::before {
2408  content: '';
2409  position: absolute;
2410  inset: 0;
2411  background: linear-gradient(90deg, transparent, rgba(255,255,255,0.18), transparent);
2412  transform: translateX(-100%);
2413  transition: transform 0.7s ease;
2414  pointer-events: none;
2415}
2416.amb-footer__social:hover::before { transform: translateX(100%); }
2417.amb-footer__social:hover { transform: translateY(-2px) scale(1.06); }
2418.amb-footer__social:active { transform: translateY(0) scale(0.97); }
2419
2420/* LinkedIn -- muted brand blue at rest, full brand blue on hover */
2421.amb-footer__social--linkedin {
2422  background: #0F3D6B;
2423  border-color: rgba(10, 102, 194, 0.5);
2424  box-shadow: 0 4px 10px rgba(10, 102, 194, 0.18);
2425}
2426.amb-footer__social--linkedin:hover {
2427  background: #0A66C2;
2428  border-color: rgba(10, 102, 194, 0.9);
2429  box-shadow: 0 8px 22px rgba(10, 102, 194, 0.45);
2430}
2431
2432/* Instagram -- desaturated diagonal gradient at rest, full saturation on hover */
2433.amb-footer__social--instagram {
2434  background: linear-gradient(45deg, #8C5A23 0%, #8A3E25 25%, #7E1B2D 50%, #74173B 75%, #6B164E 100%);
2435  border-color: rgba(220, 39, 67, 0.5);
2436  box-shadow: 0 4px 10px rgba(220, 39, 67, 0.18);
2437}
2438.amb-footer__social--instagram:hover {
2439  background: linear-gradient(45deg, #F09433 0%, #E6683C 25%, #DC2743 50%, #CC2366 75%, #BC1888 100%);
2440  border-color: rgba(220, 39, 67, 0.9);
2441  box-shadow: 0 8px 22px rgba(220, 39, 67, 0.45);
2442}
2443
2444/* YouTube -- muted brand red at rest, full brand red on hover */
2445.amb-footer__social--youtube {
2446  background: #8B1010;
2447  border-color: rgba(255, 0, 0, 0.5);
2448  box-shadow: 0 4px 10px rgba(255, 0, 0, 0.18);
2449}
2450.amb-footer__social--youtube:hover {
2451  background: #FF0000;
2452  border-color: rgba(255, 0, 0, 0.9);
2453  box-shadow: 0 8px 22px rgba(255, 0, 0, 0.45);
2454}
2455
2456/* Facebook -- muted brand blue at rest, full brand blue on hover */
2457.amb-footer__social--facebook {
2458  background: #123A6E;
2459  border-color: rgba(24, 119, 242, 0.5);
2460  box-shadow: 0 4px 10px rgba(24, 119, 242, 0.18);
2461}
2462.amb-footer__social--facebook:hover {
2463  background: #1877F2;
2464  border-color: rgba(24, 119, 242, 0.9);
2465  box-shadow: 0 8px 22px rgba(24, 119, 242, 0.45);
2466}
2467
2468/* Review badges (G2 + Capterra) -- same glass + shine + lift as the social
2469   chips, tinted toward Ambassador's blue->
2469purple gradient. Each wrapper <a>
2470   carries the routing to its review profile; styling does not affect the href.
2471   Both are width-locked to 180px so they stack flush with the socials row. */
2472.amb-footer__g2,
2473.amb-footer__capterra {
2474  position: relative;
2475  display: block;
2476  margin-top: 14px;
2477  width: 180px;
2478  max-width: 100%;
2479  border-radius: 8px;
2480  border: 1px solid rgba(59, 99, 232, 0.5);
2481  box-shadow: 0 4px 14px rgba(26, 59, 174, 0.3);
2482  overflow: hidden;
2483  text-decoration: none;
2484  line-height: 0;
2485  transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
2486}
2487/* Capterra sits directly under the G2 banner -- tighter gap between the pair. */
2488.amb-footer__capterra { margin-top: 10px; }
2489.amb-footer__g2::before,
2490.amb-footer__capterra::before {
2491  content: '';
2492  position: absolute;
2493  inset: 0;
2494  /* Sits in front of the badge image (z-index: 2) so the sheen is
2495     visible over the banner artwork, not hidden behind it. */
2496  z-index: 2;
2497  background: linear-gradient(90deg, transparent, rgba(255,255,255,0.28), transparent);
2498  transform: translateX(-100%);
2499  transition: transform 0.7s ease;
2500  pointer-events: none;
2501}
2502.amb-footer__g2:hover::before,
2503.amb-footer__capterra:hover::before { transform: translateX(100%); }
2504.amb-footer__g2:hover,
2505.amb-footer__capterra:hover {
2506  transform: translateY(-2px) scale(1.04);
2507  border-color: rgba(59, 99, 232, 0.8);
2508  box-shadow: 0 8px 24px rgba(26, 59, 174, 0.45);
2509}
2510.amb-footer__g2:active,
2511.amb-footer__capterra:active { transform: translateY(0) scale(0.98); }
2512.amb-footer__g2 img,
2513.amb-footer__capterra img {
2514  display: block;
2515  width: 100%;
2516  height: auto;
2517  position: relative;
2518  z-index: 1;
2519}
2520
2521/* Link columns */
2522.amb-footer__col-title {
2523  font-size: 10px;
2524  letter-spacing: 0.18em;
2525  text-transform: uppercase;
2526  color: rgba(255, 255, 255, 0.85);
2527  font-weight: 600;
2528  margin: 0 0 10px;
2529}
2530.amb-footer__subgroup {
2531  margin-bottom: 11px;
2532}
2533.amb-footer__subgroup:last-child { margin-bottom: 0; }
2534.amb-footer__sub-eyebrow {
2535  display: block;
2536  font-size: 9px;
2537  letter-spacing: 0.18em;
2538  text-transform: uppercase;
2539  font-weight: 600;
2540  margin-bottom: 4px;
2541}
2542a.amb-footer__sub-eyebrow {
2543  text-decoration: none;
2544  cursor: pointer;
2545  transition: text-shadow 0.2s ease, transform 0.2s ease, color 0.2s ease;
2546}
2547a.amb-footer__sub-eyebrow:hover { transform: translateX(2px); }
2548a.amb-footer__sub-eyebrow.is-grow:hover  { text-shadow: 0 0 12px rgba(7, 228, 158, 0.7); }
2549a.amb-footer__sub-eyebrow.is-keep:hover  { text-shadow: 0 0 12px rgba(247, 162, 95, 0.7); }
2550a.amb-footer__sub-eyebrow.is-prove:hover { text-shadow: 0 0 12px rgba(59, 99, 232, 0.8); }
2551.amb-footer__sub-eyebrow.is-grow        { color: #07E49E; }
2552.amb-footer__sub-eyebrow.is-keep        { color: #F7A25F; }
2553.amb-footer__sub-eyebrow.is-prove       { color: #3B63E8; }
2554.amb-footer__sub-eyebrow.is-overview        { color: #3B63E8; }
2555.amb-footer__sub-eyebrow.is-by-industry     { color: #3B63E8; }
2556.amb-footer__sub-eyebrow.is-by-strategy     { color: #3B63E8; }
2557.amb-footer__sub-eyebrow.is-by-program-type { color: #3B63E8; }
2558
2559.amb-footer ul {
2560  list-style: none;
2561  margin: 0;
2562  padding: 0;
2563  display: flex;
2564  flex-direction: column;
2565  gap: 3.5px;
2566}
2567.amb-footer ul a {
2568  color: rgba(255, 255, 255, 0.62);
2569  text-decoration: none;
2570  font-size: 12.5px;
2571  font-weight: 400;
2572  transition: color 0.2s ease;
2573  display: inline-flex;
2574  align-items: center;
2575  gap: 6px;
2576}
2577.amb-footer ul a:hover { color: #ffffff; }
2578
2579/* "Join our influencer program" callout pill -- green-tinted secondary action
2580   on the dark footer, on-dark green per brand v2.2. */
2581.amb-footer ul a.amb-footer__callout {
2582  margin-top: 4px;
2583  padding: 5px 10px;
2584  background: rgba(7, 228, 158, 0.08);
2585  border: 1px solid rgba(7, 228, 158, 0.35);
2586  border-radius: 999px;
2587  color: #07E49E;
2588  font-size: 12px;
2589  font-weight: 600;
2590  letter-spacing: 0.02em;
2591  white-space: nowrap;
2592  align-self: flex-start;
2593  transition: background 0.2s ease, border-color 0.2s ease;
2594}
2595.amb-footer ul a.amb-footer__callout::after {
2596  content: '\2192';
2597  font-weight: 700;
2598  transition: transform 0.18s ease;
2599}
2600.amb-footer ul a.amb-footer__callout:hover {
2601  color: #07E49E;
2602  background: rgba(7, 228, 158, 0.14);
2603  border-color: rgba(7, 228, 158, 0.55);
2604}
2605.amb-footer ul a.amb-footer__callout:hover::after { transform: translateX(2px); }
2606.amb-footer .nav-muted {
2607  display: inline-flex;
2608  align-items: center;
2609  gap: 6px;
2610  font-size: 12.5px;
2611  font-weight: 400;
2612  color: rgba(255, 255, 255, 0.35);
2613  cursor: default;
2614}
2615.amb-footer .badge-soon {
2616  display: inline-block;
2617  font-size: 9px;
2618  font-weight: 600;
2619  letter-spacing: 0.12em;
2620  text-transform: uppercase;
2621  padding: 2px 6px;
2622  border-radius: 100px;
2623  background: rgba(255, 255, 255, 0.06);
2624  border: 1px solid rgba(255, 255, 255, 0.1);
2625  color: rgba(255, 255, 255, 0.55);
2626}
2627/* "New" pill -- green tint, sits next to a real link (not a muted label). */
2628.amb-footer .badge-new {
2629  display: inline-block;
2630  margin-left: 6px;
2631  font-size: 9px;
2632  font-weight: 700;
2633  letter-spacing: 0.12em;
2634  text-transform: uppercase;
2635  padding: 2px 6px;
2636  border-radius: 100px;
2637  background: rgba(7, 228, 158, 0.18);
2638  border: 1px solid rgba(7, 228, 158, 0.35);
2639  color: #07E49E;
2640}
2641
2642/* Compact bottom strip: SOC + address on left, GKP centered on the page,
2643   legal + copyright on right. 3-column grid so GKP stays page-centered
2644   regardless of how wide the side groups grow. */
2645.amb-footer__bar {
2646  max-width: 1400px;
2647  margin: 0 auto;
2648  padding-top: 14px;
2649  border-top: 1px solid rgba(255, 255, 255, 0.08);
2650  display: grid;
2651  grid-template-columns: 1fr auto 1fr;
2652  align-items: center;
2653  gap: 20px;
2654  font-size: 11px;
2655  color: rgba(255, 255, 255, 0.45);
2656}
2657.amb-footer__bar-left {
2658  display: flex;
2659  align-items: center;
2660  gap: 9px;
2661  flex-wrap: wrap;
2662  justify-self: start;
2663}
2664.amb-footer__location {
2665  color: rgba(255, 255, 255, 0.5);
2666}
2667.amb-footer__bar-center {
2668  display: flex;
2669  align-items: center;
2670  justify-self: center;
2671}
2672.amb-footer__bar-right {
2673  display: flex;
2674  align-items: center;
2675  gap: 9px;
2676  flex-wrap: wrap;
2677  justify-self: end;
2678}
2679.amb-footer__bar-right a {
2680  color: rgba(255, 255, 255, 0.5);
2681  text-decoration: none;
2682  transition: color 0.2s ease;
2683}
2684.amb-footer__bar-right a:hover { color: #ffffff; }
2685.amb-footer__bar-dot {
2686  color: rgba(255, 255, 255, 0.3);
2687  user-select: none;
2688}
2689.amb-footer__copy { color: rgba(255, 255, 255, 0.5); }
2690.amb-footer__tag-gkp {
2691  font-size: 11px;
2692  font-weight: 700;
2693  letter-spacing: 0.12em;
2694  white-space: nowrap;
2695}
2696.amb-footer__tag-gkp .gkp-grow  { color: #07E49E; }
2697.amb-footer__tag-gkp .gkp-keep  { color: #F7A25F; }
2698.amb-footer__tag-gkp .gkp-prove { color: #3B63E8; }
2699
2700@media (max-width: 1024px) {
2701  .amb-footer { padding: 32px 24px 16px; }
2702  .amb-footer__grid { grid-template-columns: 1fr 1fr; gap: 28px; }
2703}
2704@media (max-width: 640px) {
2705  .amb-footer__grid { grid-template-columns: 1fr; gap: 24px; }
2706  .amb-footer__bar {
2707    grid-template-columns: 1fr;
2708    justify-items: start;
2709    gap: 12px;
2710  }
2711  .amb-footer__bar-left,
2712  .amb-footer__bar-center,
2713  .amb-footer__bar-right { justify-self: start; width: 100%; }
2714}
2715</style>
2716
2717<footer class="amb-footer">
2718  <div class="amb-footer__grid">
2719
2720    <!-- Brand column -->
2721    <div class="amb-footer__brand">
2722      <a href="/?hsLang=en" class="amb-footer__brand-mark" aria-label="Ambassador -- Home">
2723        <svg class="brand-mark" viewbox="9 10 62 62" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false">
2724          <defs>
2725            <radialgradient id="ambHubFooter" cx="38%" cy="34%" r="62%">
2726              <stop offset="0%" stop-color="#FFFFFF" stop-opacity="0.95" />
2727              <stop offset="22%" stop-color="#9457F7" />
2728              <stop offset="60%" stop-color="#5F11E4" />
2729              <stop offset="100%" stop-color="#3B0E8C" />
2730            </radialgradient>
2731            <filter id="ambHubFooterShadow" x="-60%" y="-60%" width="220%" height="220%">
2732              <fedropshadow dx="0" dy="0" stdDeviation="1.4" flood-color="#9457F7" flood-opacity="0.55" />
2733            </filter>
2734          </defs>
2735          <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" />
2736          <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" />
2737          <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" />
2738          <line x1="40" y1="47.5" x2="40" y2="17.6" stroke="#9457F7" stroke-width="0.7" stroke-linecap="round" opacity="0.75" />
2739          <line x1="40" y1="47.5" x2="14.1" y2="62.4" stroke="#9457F7" stroke-width="0.7" stroke-linecap="round" opacity="0.75" />
2740          <line x1="40" y1="47.5" x2="65.9" y2="62.4" stroke="#9457F7" stroke-width="0.7" stroke-linecap="round" opacity="0.75" />
2741          <circle cx="40" cy="17.6" r="4.25" fill="#3B63E8" />
2742          <circle cx="14.1" cy="62.4" r="4.25" fill="#3B63E8" />
2743          <circle cx="65.9" cy="62.4" r="4.25" fill="#3B63E8" />
2744          <circle cx="40" cy="47.5" r="7.6" fill="url(#ambHubFooter)" filter="url
2744(#ambHubFooterShadow)" />
2745        </svg>
2746        <span class="wordmark">AMBASSADOR</span>
2747      </a>
2748
2749      <p class="amb-footer__tagline">The Customer Lifecycle Operating System for revenue teams that need the number to be right.</p>
2750
2751      <div class="amb-footer__socials">
2752        <a class="amb-footer__social amb-footer__social--linkedin" href="https://www.linkedin.com/company/getambassador" aria-label="LinkedIn" target="_blank" rel="noopener">
2753          <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>
2754        </a>
2755        <a class="amb-footer__social amb-footer__social--instagram" href="https://www.instagram.com/get.ambassador" aria-label="Instagram" target="_blank" rel="noopener">
2756          <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>
2757        </a>
2758        <a class="amb-footer__social amb-footer__social--youtube" href="https://www.youtube.com/@getambassador" aria-label="YouTube" target="_blank" rel="noopener">
2759          <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>
2760        </a>
2761        <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">
2762          <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>
2763        </a>
2764      </div>
2765
2766      <!-- G2 review banner: official G2 widget. Inline 
2766<script> injects the
2767           schema.org rating markup into <head> for SEO rich-snippet support. -->
2768      <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">
2769        <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">
2770      </a>
2771      
2771<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>
2771
2772
2773      <!-- Capterra review badge: official Capterra brand-asset SVG, matched to
2774           the G2 banner chip. Static badge, no widget script required. -->
2775      <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">
2776        <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">
2777      </a>
2778    </div>
2779
2780    <!-- Platform column — wiring preserved -->
2781    <div>
2782      <div class="amb-footer__col-title">Platform</div>
2783
2784      <div class="amb-footer__subgroup">
2785        <span class="amb-footer__sub-eyebrow is-overview">Overview</span>
2786        <ul>
2787          <li><a href="/platform?hsLang=en">Platform Overview</a></li>
2788          <li><a href="/ambassador-hiroai?hsLang=en">HiroAI</a></li>
2789          <li><a href="https://getambassador.com/integrations-layer?hsLang=en">Integrations</a></li>
2790        </ul>
2791      </div>
2792
2793      <div class="amb-footer__subgroup">
2794        <a href="#grow" class="amb-footer__sub-eyebrow is-grow">Grow</a>
2795        <ul>
2796          <li><a href="/advocacy-engine?hsLang=en">Advocacy</a></li>
2797          <li><a href="/prospect-intelligence-engine?hsLang=en">Prospect</a></li>
2798          <li><a href="/programmatic?hsLang=en">Programmatic <span class="badge-new">New</span></a></li>
2799        </ul>
2800      </div>
2801
2802      <div class="amb-footer__subgroup">
2803        <a href="#keep" class="amb-footer__sub-eyebrow is-keep">Keep</a>
2804        <ul>
2805          <li><a href="/customer-value-engine?hsLang=en">Retention</a></li>
2806          <li><a href="/incentive-storefront-engine?hsLang=en">Incentive</a></li>
2807          <li><a href="/communication-cloud-engine?hsLang=en">Communication</a></li>
2808        </ul>
2809      </div>
2810
2811      <div class="amb-footer__subgroup">
2812        <a href="#prove" class="amb-footer__sub-eyebrow is-prove">Prove</a>
2813        <ul>
2814          <li><a href="/predictive-recommendation-engine?hsLang=en">Predictive</a></li>
2815          <li><span class="nav-muted">Attribution <span class="badge-soon">Soon</span></span></li>
2816          <li><span class="nav-muted">Finance <span class="badge-soon">Soon</span></span></li>
2817        </ul>
2818      </div>
2819    </div>
2820
2821    <!-- Solutions column — wiring preserved -->
2822    <div>
2823      <div class="amb-footer__col-title">Solutions</div>
2824      <div class="amb-footer__subgroup">
2825        <span class="amb-footer__sub-eyebrow is-by-industry">By Industry</span>
2826        <ul>
2827          <li><a href="https://getambassador.com/telecom?hsLang=en">Telecom</a></li>
2828          <li><span class="nav-muted">CPaaS <span class="badge-soon">Soon</span></span></li>
2829          <li><span class="nav-muted">B2B SaaS <span class="badge-soon">Soon</span></span></li>
2830          <li><span class="nav-muted">FinTech <span class="badge-soon">Soon</span></span></li>
2831        </ul>
2832      </div>
2833      <div class="amb-footer__subgroup">
2834        <span class="amb-footer__sub-eyebrow is-by-strategy">By Strategy</span>
2835        <ul>
2836          <li><a href="/customer-growth?hsLang=en">Customer Growth Overview</a></li>
2837          <li><a href="https://getambassador.com/customer-growth-strategy?hsLang=en">Build your Customer Growth Strategy</a></li>
2838        </ul>
2839      </div>
2840      <div class="amb-footer__subgroup">
2841        <span class="amb-footer__sub-eyebrow is-by-program-type">By Program Type</span>
2842        <ul>
2843          <li><a href="/solutions/program-type/affiliate-marketing-software?hsLang=en">Affiliates</a></li>
2844          <li><a href="/solutions/program-type/referral-marketing-software?hsLang=en">Referrals</a></li>
2845          <li><a href="/solutions/program-type/influencer-marketing-platform?hsLang=en">Influencers</a></li>
2846          <li><a href="/solutions/program-type/loyalty-program-software?hsLang=en">Loyalty</a></li>
2847          <li><a class="amb-footer__callout" href="/join-influencer-program?hsLang=en">Join our influencer program</a></li>
2848        </ul>
2849      </div>
2850    </div>
2851
2852    <!-- Company column — wiring preserved -->
2853    <div>
2854      <div class="amb-footer__col-title">Company</div>
2855      <ul>
2856        <li><a href="https://getambassador.com/why-ambassador?hsLang=en">Why Ambassador</a></li>
2857        <li><a href="/resources?hsLang=en">Resources</a></li>
2858        <li><a href="/blog?hsLang=en">Blog</a></li>
2859        <li><a href="https://getambassador.com/pricing-ent">Pricing</a></li>
2860        <li><a href="https://getambassador.com/get-a-demo/?hsLang=en">Get Demo</a></li>
2861        <li><a href="https://admin2.getambassador.com/login">Login</a></li>
2862        <li><a href="/legal?hsLang=en">Legal</a></li>
2863      </ul>
2864    </div>
2865
2866  </div>
2867
2868  <!-- Compact bar: identity cluster (location + copyright) left, GKP
2869       centered, legal nav right. 3-col grid keeps GKP page-centered. -->
2870  <div class="amb-footer__bar">
2871    <div class="amb-footer__bar-left">
2872      <span class="amb-footer__location">Seattle, WA</span>
2873      <span class="amb-footer__bar-dot" aria-hidden="true">·</span>
2874      <span class="amb-footer__copy">© 2026 Ambassador</span>
2875    </div>
2876    <div class="amb-footer__bar-center">
2877      <span class="amb-footer__tag-gkp">
2878        <span class="gkp-grow">GROW</span>. <span class="gkp-keep">KEEP</span>. <span class="gkp-prove">PROVE</span>.
2879      </span>
2880    </div>
2881    <div class="amb-footer__bar-right">
2882      <a href="/legal?hsLang=en">Legal</a>
2883      <span class="amb-footer__bar-dot" aria-hidden="true">·</span>
2884      <a href="/privacy?hsLang=en">Privacy</a>
2885      <span class="amb-footer__bar-dot" aria-hidden="true">·</span>
2886      <a href="/terms-of-service?hsLang=en">Terms</a>
2887      <span class="amb-footer__bar-dot" aria-hidden="true">·</span>
2888      <a href="/security?hsLang=en">Security</a>
2889    </div>
2890  </div>
2891
2892</footer>
2893      
2894    </div>
2895    
2896    
2897    
2898<!-- HubSpot performance collection script -->
2899<script defer src="/hs/hsstatic/content-cwv-embed/static-1.1293/embed.js"></script>
vendor: 1 bytes, line 2899
2899
2900<script src="https://getambassador.com/hubfs/hub_generated/template_assets/1/321618468555/1782829180534/template_main.min.js"></script>
2900
2901
2902<!-- Start of HubSpot Analytics Code -->
2903<script type="text/javascript">
2904var _hsq = _hsq || [];
2905_hsq.push(["setContentType", "standard-page"]);
2906_hsq.push(["setCanonicalUrl", "https:\/\/getambassador.com\/pricing-ent"]);
2907_hsq.push(["setPageId", "322472270567"]);
2908_hsq.push(["setContentMetadata", {
2909    "contentPageId": 322472270567,
2910    "legacyPageId": "322472270567",
2911    "contentFolderId": null,
2912    "contentGroupId": null,
2913    "abTestId": null,
2914    "languageVariantId": 322472270567,
2915    "languageCode": "en",
2916    
2917    
2918}]);
2919</script>
2919
2920
2921<script type="text/javascript" id="hs-script-loader" async defer src="/hs/scriptloader/244219189.js"></script>
2921
2922<!-- End of HubSpot Analytics Code -->
2923
2924
2925<script type="text/javascript">
2926var hsVars = {
2927    render_id: "05bd8886-4d24-48c7-9fc6-845e8dd5e780",
2928    ticks: 1790781557111,
2929    page_id: 322472270567,
2930    
2931    content_group_id: 0,
2932    portal_id: 244219189,
2933    app_hs_base_url: "https://app-na2.hubspot.com",
2934    cp_hs_base_url: "https://cp-na2.hubspot.com",
2935    language: "en",
2936    analytics_page_type: "standard-page",
2937    scp_content_type: "",
2938    
2939    analytics_page_id: "322472270567",
2940    category_id: 1,
2941    folder_id: 0,
2942    is_hubspot_user: false
2943}
2944</script>
2944
2945
2946
2947<script defer src="/hs/hsstatic/HubspotToolsMenu/static-1.640/js/index.js"></script>
2947
2948
2949
2950
2951
2952    
2952<script>
2953    if (typeof navigator !== 'undefined' && navigator.modelContext && typeof navigator.modelContext.registerTool === 'function') {
2954      try {
2955        var _ac = new AbortController();
2956        window.addEventListener('pagehide', function() { _ac.abort(); }, { once: true });
2957        var _sig = _ac.signal;
2958        navigator.modelContext.registerTool({
2959          name: 'book_demo',
2960          description: 'Book a 30-minute Ambassador product demo or revenue review session.',
2961          inputSchema: { type: 'object', properties: {} },
2962          execute: async function() { return { url: 'https://getambassador.com/get-a-demo' }; }
2963        }, _sig);
2964        navigator.modelContext.registerTool({
2965          name: 'explore_platform',
2966          description: 'Navigate to a specific Ambassador platform engine or product page.',
2967          inputSchema: {
2968            type: 'object',
2969            properties: {
2970              engine: {
2971                type: 'string',
2972                enum: ['advocacy','loyalty','communication','incentives','prospect-intelligence','analytics','integrations','platform'],
2973                description: 'The Ambassador engine or section to explore'
2974              }
2975            },
2976            required: ['engine']
2977          },
2978          execute: async function(args) {
2979            var map = {
2980              advocacy: '/advocacy-engine',
2981              loyalty: '/customer-value-engine',
2982              communication: '/communication-cloud-engine',
2983              incentives: '/incentive-storefront-engine',
2984              'prospect-intelligence': '/prospect-intelligence-engine',
2985              analytics: '/data-intelligence-layer',
2986              integrations: '/integrations-layer',
2987              platform: '/platform'
2988            };
2989            return { url: 'https://getambassador.com' + (map[args.engine] || '/platform') };
2990          }
2991        }, _sig);
2992        navigator.modelContext.registerTool({
2993          name: 'get_pricing',
2994          description: 'Request an enterprise quote or talk to sales.',
2995          inputSchema: { type: 'object', properties: {} },
2996          execute: async function() { return { url: 'https://getambassador.com/pricing-ent' }; }
2997        }, _sig);
2998        navigator.modelContext.registerTool({
2999          name: 'find_resources',
3000          description: 'Browse Ambassador case studies, whitepapers, and industry guides.',
3001          inputSchema: { type: 'object', properties: {} },
3002          execute: async function() { return { url: 'https://getambassador.com/resources' }; }
3003        }, _sig);
3004      } catch(e) {}
3005    }
3006    </script>
3006
3007  
3008</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.