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&
20family=Raleway:wght@800&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&family=Raleway:wght@800&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&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&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&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&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&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&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&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&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&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&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&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&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 & 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 & payments</em></li> 1768 <li><span class="pr-en-prove">Finance</span> <em>audit trail & finance-grade reporting</em></li> 1769 <li>HubSpot, Shopify & 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 & loyalty</em></li> 1786 <li><span class="pr-en-prove">Predictive</span> <em>forecasting & churn signals</em></li> 1787 <li><span class="pr-en-keep">Communication</span> <em>email & SMS</em></li> 1788 <li>API access & 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 & dedicated CSM</li> 1808 <li>Custom onboarding & 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 & 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 & loyalty</span></td> 1853 <td><span class="pr-chk"></span><span class="pr-dt__sub">Engagement & 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 & SMS</span></td> 1857 <td><span class="pr-chk"></span><span class="pr-dt__sub">Email & 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 & churn signals</span></td> 1862 <td><span class="pr-chk"></span><span class="pr-dt__sub">Forecasting & 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 & Stripe</span></td> 1866 <td><span class="pr-chk"></span><span class="pr-dt__sub">Core, plus API & SSO</span></td> 1867 <td><span class="pr-chk"></span><span class="pr-dt__sub">Core, plus API, SSO & 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 & 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 & 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&height=96&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&height=48&name=soc2.png 48w, https://getambassador.com/hs-fs/hubfs/raw_assets/public/ambassador-rebrand-theme/images/trust-badges/soc2.png?width=96&height=96&name=soc2.png 96w, https://getambassador.com/hs-fs/hubfs/raw_assets/public/ambassador-rebrand-theme/images/trust-badges/soc2.png?width=144&height=144&name=soc2.png 144w, https://getambassador.com/hs-fs/hubfs/raw_assets/public/ambassador-rebrand-theme/images/trust-badges/soc2.png?width=192&height=192&name=soc2.png 192w, https://getambassador.com/hs-fs/hubfs/raw_assets/public/ambassador-rebrand-theme/images/trust-badges/soc2.png?width=240&height=240&name=soc2.png 240w, https://getambassador.com/hs-fs/hubfs/raw_assets/public/ambassador-rebrand-theme/images/trust-badges/soc2.png?width=288&height=288&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&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.