1<!DOCTYPE html><!-- Last Published: Wed Sep 16 2026 07:06:45 GMT+0000 (Coordinated Universal Time) --><html data-wf-domain="webflow.enlyft.com" data-wf-page="6a5a9c9215e9fee08f9e3414" data-wf-site="5ffb9f8c3491d74eb1af79a8"><head><meta charset="utf-8"/><link href="https://cdn.prod.website-files.com" rel="preconnect" crossorigin="anonymous"/><title>Trust Center â Security, Privacy & Compliance | Enlyft</title><meta content="Enlyft's security and compliance commitments: SOC 2 Type 2 certification, GDPR and CCPA support, Microsoft Azure hosting, customer data isolation, and encryption in transit." name="description"/><meta content="Enlyft Trust Commitment" property="og:title"/><meta content="Enlyft's security and compliance commitments: SOC 2 Type 2 certification, GDPR and CCPA support, Microsoft Azure hosting, customer data isolation, and encryption in transit." property="og:description"/><meta content="https://cdn.prod.website-files.com/5ffb9f8c3491d74eb1af79a8/6a7210afa06fcd50e9991faf_trust-center-og.png" property="og:image"/><meta content="Enlyft Trust Commitment" name="twitter:title"/><meta content="Enlyft's security and compliance commitments: SOC 2 Type 2 certification, GDPR and CCPA support, Microsoft Azure hosting, customer data isolation, and encryption in transit." name="twitter:description"/><meta property="og:type" content="website"/><meta content="summary_large_image" name="twitter:card"/><meta content="width=device-width, initial-scale=1" name="viewport"/><link href="https://cdn.prod.website-files.com/5ffb9f8c3491d74eb1af79a8/css/enlyft.webflow.shared.5dcc2a8c8.min.css" rel="stylesheet" type="text/css" integrity="sha384-XcwqjI87Ucnf5XR8GXCCTMhFoiGgAXeXReiczNkodlhKh0ELdjx/BN//Ebwhc1+j" crossorigin="anonymous"/><link href="https://fonts.googleapis.com" rel="preconnect"/><link href="https://fonts.gstatic.com" rel="preconnect" crossorigin="anonymous"/>
1<script src="https://ajax.googleapis.com/ajax/libs/webfont/1.6.26/webfont.js" type="text/javascript"></script>
1<script type="text/javascript">WebFont.load({ google: { families: ["Lato:100,100italic,300,300italic,400,400italic,700,700italic,900,900italic","Montserrat:100,100italic,200,200italic,300,300italic,400,400italic,500,500italic,600,600italic,700,700italic,800,800italic,900,900italic","DM Sans:300,400,500,600,700"] }});</script>
1<script type="text/javascript">!function(o,c){var n=c.documentElement,t=" w-mod-";n.className+=t+"js",("ontouchstart"in o||o.DocumentTouch&&c instanceof DocumentTouch)&&(n.className+=t+"touch")}(window,document);</script>
1<link href="https://cdn.prod.website-files.com/5ffb9f8c3491d74eb1af79a8/6a733b80c8192563ebb09405_favicon.png" rel="icon" type="image/png" sizes="32x32" media="(prefers-color-scheme: light)"/><link href="https://cdn.prod.website-files.com/5ffb9f8c3491d74eb1af79a8/6a733bc84a6c95df33770466_favicon-w.png" rel="icon" type="image/png" sizes="32x32" media="(prefers-color-scheme: dark)"/><link href="https://cdn.prod.website-files.com/5ffb9f8c3491d74eb1af79a8/6a733b8026edcf8546eef523_favicon.png" rel="icon" type="image/png" sizes="48x48"/><link href="https://cdn.prod.website-files.com/5ffb9f8c3491d74eb1af79a8/6a733b8076aa761f430ba792_favicon.png" rel="apple-touch-icon" sizes="180x180"/><link href="https://cdn.prod.website-files.com/5ffb9f8c3491d74eb1af79a8/6a733b80cc15d8c9dd12c526_favicon.png" rel="icon" type="image/png" sizes="192x192"/><link href="https://cdn.prod.website-files.com/5ffb9f8c3491d74eb1af79a8/6a733b800956ed4a45b92809_favicon.png" rel="icon" type="image/png" sizes="512x512"/><link href="https://enlyft.com/about/trust-center" rel="canonical"/>
1<script type="application/ld+json"> 2{ 3 "@context": "https://schema.org", 4 "@graph": [ 5 { 6 "@type": "WebPage", 7 "name": "Trust Center â Security, Privacy & Compliance | Enlyft", 8 "url": "https://enlyft.com/about/trust-center", 9 "description": "Enlyft's security and compliance commitments: SOC 2 Type 2 certification, GDPR and CCPA support, Microsoft Azure hosting, customer data isolation, and encryption in transit.", 10 "isPartOf": { 11 "@type": "WebSite", 12 "name": "Enlyft", 13 "url": "https://enlyft.com/" 14 } 15 }, 16 { 17 "@type": "BreadcrumbList", 18 "itemListElement": [ 19 { 20 "@type": "ListItem", 21 "position": 1, 22 "name": "About", 23 "item": "https://enlyft.com/about" 24 }, 25 { 26 "@type": "ListItem", 27 "position": 2, 28 "name": "Trust Center", 29 "item": "https://enlyft.com/about/trust-center" 30 } 31 ] 32 }, 33 { 34 "@type": "FAQPage", 35 "mainEntity": [ 36 { 37 "@type": "Question", 38 "name": "Is Enlyft SOC 2 compliant?", 39 "acceptedAnswer": { 40 "@type": "Answer", 41 "text": "Yes. Enlyft is a certified SOC 2 Type 2 compliant organization. SOC 2 is a framework established by the AICPA that assesses the controls a SaaS company uses to safeguard the privacy and security of customer data." 42 } 43 }, 44 { 45 "@type": "Question", 46 "name": "Where is Enlyftâs platform hosted?", 47 "acceptedAnswer": { 48 "@type": "Answer", 49 "text": "The Enlyft platform is hosted on Microsoft Azure, which meets a broad set of international and industry-specific standards, including GDPR, ISO 27001, HIPAA, FedRAMP, and SOC 1 and SOC 2. Azureâs adherence to these controls is verified by rigorous third-party audits." 50 } 51 }, 52 { 53 "@type": "Question", 54 "name": "How is my data kept separate from other customers?", 55 "acceptedAnswer": { 56 "@type": "Answer", 57 "text": "Data from each customer is placed in separate, isolated data stores and is used only for models built for that customer. All production modeling runs within a virtual private cloud, and your data is kept separate from other customers and from our proprietary Enlyft Company Graph." 58 } 59 }, 60 { 61 "@type": "Question", 62 "name": "Is my data encrypted in transit?", 63 "acceptedAnswer": { 64 "@type": "Answer", 65 "text": "Yes. Enlyft uses Transport Layer Security (TLS) to protect data in transit between our data center and our customers." 66 } 67 }, 68 { 69 "@type": "Question", 70 "name": "Does Enlyft comply with GDPR and CCPA?", 71 "acceptedAnswer": { 72 "@type": "Answer", 73 "text": "Yes. Enlyft is built to support GDPR and CCPA requirements, and our Azure hosting environment meets GDPR and a range of other international compliance standards." 74 } 75 }, 76 { 77 "@type": "Question", 78 "name": "What happens to my data if we end our contract?", 79 "acceptedAnswer": { 80 "@type": "Answer", 81 "text": "Customer data is purged 90 days after termination of a business contract, unless otherwise specified in the contract or instructed by the client." 82 } 83 }, 84 { 85 "@type": "Question", 86 "name": "How does Enlyft test and monitor its security?", 87 "acceptedAnswer": { 88 "@type": "Answer", 89 "text": "Enlyft partners with external vendors to conduct penetration testing and evaluate overall security, continually monitors for potential risks, and applies the latest security patches across our software stack. Mission-critical systems and customer data are backed up regularly within our cloud providerâs data center for quick recovery." 90 } 91 }, 92 { 93 "@type": "Question", 94 "name": "How do I request your SOC 2 report or other security documentation?",
95 "acceptedAnswer": { 96 "@type": "Answer", 97 "text": "All of Enlyft's current security and compliance documentation â including our SOC 2 Type 2 report â is available through our Trust Portal at trust.enlyft.com, where you can review our security posture and request documents directly. For any other privacy, data protection, or security questions, contact our team at enlyft.com/contact." 98 } 99 } 100 ] 101 } 102 ] 103} 104</script>
104<html lang="en"> 105 <style> 106 @font-face { 107 font-display: swap; 108 font-family: 'DM Sans', sans-serif; 109 } 110 .blog-container p { 111 padding: 8px 0 !important; 112 } 113 #wf-form-ContactUsForm > div.basin-recaptcha-v2-container > div { 114 visibility: hidden; 115 } 116 .privado-para.banner-notice-text { 117 max-width: 55%; 118 } 119 </style> 120 121 <!-- Basin Form and reCaptcha v3 --> 122 <!--
vendor: 61 bytes, line 122
122 <script src="https://www.google.com/recaptcha/api.js?render=
1226Les66kUAAAAANyLrgkl7iuN4JUpNlB5upaMovI4
vendor: 17 bytes, line 122
122" async></script>
122--> 123 <!--
123<script src="https://js.usebasin.com/v1.min.js" async></script>
123 --> 124
124<script src="https://js.usebasin.com/v2.1.0.min.js" async></script>
124 125 <!-- End Basin Form and reCaptcha v3 --> 126 127 <!-- Enlyft Visitor Track --> 128
128<script type="text/javascript"> 129 (function (ss) { 130 window.vtenl = window.vtenl || {}; 131 function setSettings() { 132 if (window.vtenl.settings) { 133 return; 134 } 135 window.vtenl.settings = window.vtenlSettings || { enabled: true, hasConsent: true }; 136 } 137 window.vtenl.start = function () { 138 window.vtenl.settings.enabled = true; 139 window.vtenl.init(); 140 }; 141 window.vtenl.init = function () { 142 setSettings(); 143 if (!window.vtenl.settings.enabled || window.vtenl[ss]) { 144 return; 145 } 146 fs = document.getElementsByTagName('script')[0]; 147 function ce(src) { 148 var cs = document.createElement('script'); 149 cs.src = src; 150 cs.async = 1; 151 fs.parentNode.insertBefore(cs, fs); 152 window.vtenl[ss] = true; 153 } 154 ce('https://api.enlyft.com/v1/vt/' + ss + '.js'); 155 }; 156 window.setTimeout(window.vtenl.init, 1000); 157 })('d2a58a72-8b85-490f-8d7b-16ebe345845e'); 158 </script>
158 159 <!-- Enlyft Visitor Track end --> 160 161 <!-- RB2B start --> 162
162<script>!function(key) {if (window.reb2b) return;window.reb2b = {loaded: true};var s = document.createElement("script");s.async = true;s.src = "https://ddwl4m2hdecbv.cloudfront.net/b/" + key + "/" + key + ".js.gz";document.getElementsByTagName("script")[0].parentNode.insertBefore(s, document.getElementsByTagName("script")[0]);}("4N210HX50V6Z");</script>
162 163 <!-- RB2B end --> 164 165 <!-- Privado Notice start --> 166
166<script async src="https://www.cdn.privado.ai/6a6c37b4be1441f2882f43d4c43b4ffc.js" type="text/javascript"></script>
166 167 <!-- Privado Notice end --> 168 169 <!-- Google Tag Manager --> 170
170<script>
vendor: 435 bytes, lines 170-180
170 171 (function (w, d, s, l, i) { 172 w[l] = w[l] || []; 173 w[l].push({ 'gtm.start': new Date().getTime(), event: 'gtm.js' }); 174 var f = d.getElementsByTagName(s)[0], 175 j = d.createElement(s), 176 dl = l != 'dataLayer' ? '&l=' + l : ''; 177 j.async = true; 178 j.src = 'https://www.googletagmanager.com/gtm.js?id=' + i + dl; 179 f.parentNode.insertBefore(j, f); 180 })(window, document, 'script', 'dataLayer', '
180GTM-M9FV6GM
vendor: 6 bytes, lines 180-181
180'); 181
181</script>
181 182 <!-- End Google Tag Manager --> 183 184 <!-- Google tag (gtag.js) -->
vendor: 66 bytes, lines 184-185
184 185 <script async src="https://www.googletagmanager.com/gtag/js?id=
185G-SV5TSSMSYQ
vendor: 14 bytes, lines 185-186
185"></script> 186
186<script> 187
vendor: 153 bytes, lines 187-193
187window.dataLayer = window.dataLayer || []; 188 function gtag() { 189 dataLayer.push(arguments); 190 } 191 gtag('js', new Date()); 192 193 gtag('config', '
193G-SV5TSSMSYQ
vendor: 6 bytes, lines 193-194
193'); 194
194</script>
194 195 196 <!-- Clarity tracking code --> 197
197<script type="text/javascript"> 198 (function (c, l, a, r, i, t, y) { 199 c[a] = 200 c[a] || 201 function () { 202 (c[a].q = c[a].q || []).push(arguments); 203 }; 204 t = l.createElement(r); 205 t.async = 1; 206 t.src = 'https://www.clarity.ms/tag/' + i; 207 y = l.getElementsByTagName(r)[0]; 208 y.parentNode.insertBefore(t, y); 209 })(window, document, 'clarity', 'script', 'xxzvr7yq3i'); 210 </script>
210 211 212 <!-- Linkedin tracking code --> 213
213<script type="text/javascript"> 214 _linkedin_partner_id = '9746556'; 215 window._linkedin_data_partner_ids = window._linkedin_data_partner_ids || []; 216 window._linkedin_data_partner_ids.push(_linkedin_partner_id); 217 </script>
217 218
218<script type="text/javascript"> 219 (function (l) { 220 if (!l) { 221 window.lintrk = function (a, b) { 222 window.lintrk.q.push([a, b]); 223 }; 224 window.lintrk.q = []; 225 } 226 var s = document.getElementsByTagName('script')[0]; 227 var b = document.createElement('script'); 228 b.type = 'text/javascript'; 229 b.async = true; 230 b.src = 'https://snap.licdn.com/li.lms-analytics/insight.min.js'; 231 s.parentNode.insertBefore(b, s); 232 })(window.lintrk); 233 </script>
233 234 <noscript> <img height="1" width="1" style="display: none" alt="" src="https://px.ads.linkedin.com/collect/?pid=9746556&fmt=gif" /> </noscript> 235 236
236<script> 237 const technologiesCount = 23; 238 document.addEventListener('DOMContentLoaded', function () { 239 try { 240 updateForm(); 241 242 // Valid Input events - GA 243 $('input[name=Subscriber-Name]').change(function () { 244 sendFormEvent('Form_field_completed', 'FullName'); 245 }); 246 $('input[name=Subscriber-Phone]').change(function () { 247 sendFormEvent('Form_field_completed', 'Phone'); 248 }); 249 $('input[name=Subscriber-Email]').change(function () { 250 sendFormEvent('Form_field_completed', 'Email'); 251 try { 252 let domain = 'defaultdomain'; 253 var input_email = document.getElementById('contact_email').value; 254 if (input_email) { 255 domain = input_email.substring(input_email.lastIndexOf('@') + 1); 256 } 257 $('#domain').attr('value', domain); 258 let sales_index = 17309773; 259 let rand_val = Math.random(); 260 261 /* 262 if (rand_val > 0.33 && rand_val < 0.66) { 263 sales_index = 17309773; 264 } 265 if (rand_val > 0.66) { 266 sales_index = 17549848; 267 } 268 */ 269 270 if (rand_val > 0.5) { 271 sales_index = 17549848; 272 } 273 274 const cs_leads = 'hp.com\ndell.com\nlenovo.com\nacer.com\nsherweb.com\ntelstra.com.au\nacronis.com\ningrammicro.com\nrightnetworks.com\ndenave.com\nsoftwareone.com\nvodafone.com\nasus.com\ngetac.com\npanasonic.com\nsamsung.com\narrow.com\nalso.com'; 275 const isCS_Lead = searchCSVFile(cs_leads, domain); 276 if (isCS_Lead) { 277 sales_index = 7065068; 278 } 279 $('#salesId').attr('value', sales_index); 280 } catch (ex) { 281 domain = 'UnableToParseDomain'; 282 console.error('Error getting domain', ex); 283 } 284 }); 285 $('input[name=Subscriber-Organization]').change(function () { 286 sendFormEvent('Form_field_completed', 'Organization'); 287 }); 288 $('input[name=Field-Message]').change(function () { 289 sendFormEvent('Form_field_completed', 'Message'); 290 }); 291 292 // Invalid Input events - GA 293 var input_name = document.getElementById('contact_name'); 294 if (input_name) { 295 input_name.addEventListener('invalid', listener); 296 } 297 298 var input_phone = document.getElementById('contact_phone'); 299 if (input_phone) { 300 input_phone.addEventListener('invalid', listener); 301 } 302 303 var input_email = document.getElementById('contact_email'); 304 if (input_email) { 305 input_email.addEventListener('invalid', listener); 306 } 307 308 var input_organization = document.getElementById('contact_organization'); 309 if (input_organization) { 310 input_organization.addEventListener('invalid', listener); 311 } 312 313 var input_message = document.getElementById('contact_message'); 314 if (input_message) { 315 input_message.addEventListener('invalid', listener); 316 } 317 318 // GA Submit button click event 319 $(document).on('click', '[FormSubmit-gatrack]', function (e) { 320 var clicked = $(this); 321 let eventCategory = 'Form_website_main_form'; 322 if (window.location.href && window.location.href.toString().includes('/contact')) { 323 eventCategory = 'Form_website_contact_us_page';
324 } 325 if ($('.w-form-fail')[0].style.display === 'block') { 326 gtag('event', 'Form_submit_error', { 327 event_category: eventCategory, 328 }); 329 } 330 }); 331 332 // GA Button\Link click events 333 $(document).on('click', '[data-gatrack]', function (e) { 334 var clicked = $(this); 335 let eventCategory = 'Form_website_main_form'; 336 if (window.location.href && window.location.href.toString().includes('/contact')) { 337 eventCategory = 'Form_website_contact_us_page'; 338 } 339 if (window.location.href && window.location.href.toString().includes('/isv-targeting')) { 340 eventCategory = 'ISV Targeting'; 341 } 342 console.log('clicked', clicked[0].getAttribute('data-gatrack')); 343 gtag('event', 'CTA_to_form_clicked', { 344 event_category: eventCategory, 345 event_label: label, 346 }); 347 }); 348 } catch (e) { 349 console.error('Error updating form fields, ', e); 350 } 351 352 // Privacy input field 353 let contactEmail = ''; 354 $('input[name=CheckEmail]').change(function () { 355 contactEmail = document.getElementById('CheckEmail').value; 356 }); 357 358 // Privacy Check Email Form Submit 359 try { 360 $(document).on('click', '#btn-check-email-submit', function (e) { 361 var clicked = $(this); 362 console.log('Check for email - ', contactEmail); 363 }); 364 } catch (e) { 365 console.error('Error updating form fields:', e); 366 } 367 }); 368 369 function searchCSVFile(csvFile, searchString) { 370 // Split the CSV file into an array of rows 371 const rows = csvFile.split('\n'); 372 373 // Loop through each row 374 for (let i = 0; i < rows.length; i++) { 375 // Split the row into an array of columns 376 const columns = rows[i].split(','); 377 378 // Loop through each column and check if it matches the search string 379 for (let j = 0; j < columns.length; j++) { 380 if (columns[j].trim() === searchString) { 381 // If the search string is found, return true 382 return true; 383 } 384 } 385 } 386 387 // If the search string is not found in any row, return false 388 return false; 389 } 390 391 function listener(event) { 392 let elemendId = event.srcElement.id; 393 let label = document.getElementById(elemendId).getAttribute('ga-name'); 394 sendFormEvent('Form_field_error', label); 395 } 396 397 function sendFormEvent(eventName, eventLabel) { 398 let eventCategory = 'Form_website_main_form'; 399 if (window.location.href && window.location.href.toString().includes('/contact')) { 400 eventCategory = 'Form_website_contact_us_page';
401 } 402 gtag('event', eventName, { 403 event_category: eventCategory, 404 event_label: eventLabel, 405 }); 406 } 407 408 async function updateForm() { 409 const formId = '#wf-contactform'; 410 const blackListedCountries = ['India']; 411 try { 412 let url = new URL(window.location.href); 413 let params = new URLSearchParams(url.search); 414 let utm_campaign = params.get('utm_campaign') || getCookie('_uc_utm_campaign'); 415 let utm_source = params.get('utm_source') || getCookie('_uc_utm_source'); 416 let utm_medium = params.get('utm_medium') || getCookie('_uc_utm_medium'); 417 let utm_term = params.get('utm_term') || getCookie('_uc_utm_term'); 418 let utm_content = params.get('utm_content') || getCookie('_uc_utm_content'); 419 let gclid = params.get('gclid') || getCookie('_uc_gclid'); 420 let referrer = params.get('referrer') || getCookie('_uc_referrer'); 421 let li_domain = params.get('li_fat_id'); 422 $('#utm_campaign').attr('value', utm_campaign); 423 $('#utm_source').attr('value', utm_source); 424 $('#utm_medium').attr('value', utm_medium); 425 $('#utm_term').attr('value', utm_term); 426 $('#utm_content').attr('value', utm_content); 427 $('#gclid').attr('value', gclid); 428 $('#referrer').attr('value', referrer); 429 $('#pageUrl').attr('value', url); 430 $('#li_domain').attr('value', li_domain); 431 } catch (ex) { 432 console.error('Error updating the form, ', ex); 433 } 434 try { 435 let location = await getIpData(); 436 if (location) { 437 $('#location').attr('value', location); 438 } else { 439 console.error('could not set variables.'); 440 } 441 } catch (e) { 442 console.error('Error updating form fields, ', e); 443 } 444 } 445 446 function getCookie(name) { 447 var cookieArr = document.cookie.split(';'); 448 for (var i = 0; i < cookieArr.length; i++) { 449 var cookiePair = cookieArr[i].split('='); 450 if (name == cookiePair[0].trim()) { 451 return decodeURIComponent(cookiePair[1]); 452 } 453 } 454 return null; 455 } 456 457 function setCookie(name, value, days) { 458 if (days) { 459 var date = new Date(); 460 date.setTime(date.getTime() + days * 24 * 60 * 60 * 1000); 461 var expires = '; expires=' + date.toGMTString(); 462 } else var expires = ''; 463 console.log('setting cookie', "'" + name + '=' + value + expires + '; path=/' + "'"); 464 var domain = '.' + window.location.hostname; 465 document.cookie = name + '=' + value + expires + ";path: '/ domain =" + domain + ';'; 466 } 467 468 function getParameterByName(name) { 469 name = name.replace(/[\[]/, '\\[').replace(/[\]]/, '\\]'); 470 var regex = new RegExp('[\\?&]' + name + '=([^&#]*)'), 471 results = regex.exec(location.search); 472 return results === null ? '' : decodeURIComponent(results[1].replace(/\+/g, ' ')); 473 } 474 475 function getIpData() { 476 return new Promise((resolve, reject) => { 477 try { 478 $.getJSON('https://ipapi.co/json/', function (data) { 479 resolve(data.region + ', ' + data.country_name); 480 }); 481 } catch (e) { 482 console.error('Error getting IP data, ', e); 483 reject(null); 484 } 485 }); 486 } 487 </script>
487 488</html></head><body><a href="https://enlyft.com/cdn-cgi/content?id=pEFeR4r6lOmX3C7Mz4hb5V2NSAb1aRKJinBAirYB.aI-1790239866.6264105-1.2.1.1-V0BuREHhCidl7jB5PJbt9YL9nAOAxXD3MC8UEj4dz7t8e2g0g.VjY2lReDo2pIqq" aria-hidden="true" rel="nofollow noopener" style="display: none !important; visibility: hidden !important"></a><div class="w-embed w-script">
488<script> 489 document.querySelectorAll('link[href*="webflow.shared"]').forEach(el => el.remove()); 490</script>
490</div><div class="w-embed"> 491<link rel="preconnect" href="https://fonts.googleapis.com"> 492<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> 493<link href="https://fonts.googleapis.com/css2?family=Lexend:wght@400;500;600;700;800&family=Zalando+Sans:wght@400;500;600&display=swap" rel="stylesheet"> 494<style> 495 /* Enlyft site stylesheet - extracted from canonical AWS landing page */ 496 497/* ============================================================================= 498 ENLYFT DESIGN TOKENS 499 Primary colors, shade ramps, borders, typography, card effects, fills. 500 Import this file first; base.css and every section's style.css consume it. 501 ============================================================================= */ 502 503:root { 504 /* Primary colors */ 505 --deep-midnight: #001226; 506 --sapphire: #002855; 507 --cloud-dancer: #F0EFEB; 508 --white: #FFFFFF; 509 510 /* Accent */ 511 --aqua: #71F5F5; 512 513 /* Shade ramps (12 steps each, HSB-interpolated) */ 514 --eb-0: #002855; --eb-1: #093664; --eb-2: #144573; --eb-3: #215682; 515 --eb-4: #326891; --eb-5: #447AA0; --eb-6: #5A8EAF; --eb-7: #72A2BE; 516 --eb-8: #8CB7CD; --eb-9: #A9CCDC; --eb-10: #C9E1EB; --eb-11: #EBF6FA; 517 518 --dm-0: #001226; --dm-1: #18283B; --dm-2: #303F4F; --dm-3: #445160; 519 --dm-4: #525F6D; --dm-5: #616E7A; --dm-6: #6F7A86; --dm-7: #7C8791; 520 --dm-8: #8A949D; --dm-9: #A5ADB4; --dm-10: #C2C8CD; --dm-11: #DFE3E6; 521 522 --cd-0: #F0EFEB; --cd-4: #F5F4F2; --cd-6: #F8F7F6; --cd-8: #FAF8F8; 523 --cd-9: #FBFAF9; --cd-11: #FFFFFF; 524 525 /* Borders - Lines & Borders spec */ 526 --border-dark-6: rgba(0, 18, 38, 0.06); 527 --border-dark-12: rgba(0, 18, 38, 0.12); 528 --border-light-8: rgba(255, 255, 255, 0.08); 529 --border-light-16: rgba(255, 255, 255, 0.16); 530 531 /* Typography */ 532 --font-heading: 'Lexend', system-ui, sans-serif; 533 --font-body: 'Zalando Sans', system-ui, sans-serif; 534 --font-ui: 'Zalando Sans', system-ui, sans-serif; /* brand: UI/labels use Zalando Sans (only Lexend + Zalando Sans permitted) */ 535 536 /* Card effects */ 537 --card-inner-edge: inset 0 0 0 1px rgba(255, 255, 255, 0.9); 538 --card-inner-glow: inset 0 0 32px 16px rgba(255, 255, 255, 0.16); 539 --card-drop-shadow: 0 24px 24px -12px rgba(0, 0, 0, 0.16); 540 541 /* Sheen overlay for cards (156° 5-stop, corrected CSS positions per brand guidelines) */ 542 --card-sheen: linear-gradient(156deg, 543 #FFFFFF 15.02%, 544 rgba(255,255,255,0.5) 25.65%, 545 rgba(218,227,237,0) 45.66%, 546 rgba(255,255,255,0.5) 68.54%, 547 #FFFFFF 100% 548 ); 549 /* Softer sheen for dark cards so the Sapphire base stays visible */ 550 --card-sheen-dark: linear-gradient(156deg, 551 rgba(255,255,255,0.6) 0%, 552 rgba(255,255,255,0.2) 12.5%, 553 rgba(218,227,237,0) 36.06%, 554 rgba(255,255,255,0.2) 62.98%, 555 rgba(255,255,255,0.6) 100% 556 ); 557 558 /* Background fills - exact from design.svg, brand-shade mapped. 559 paint0 + paint1 = Atmospheric Light 560 paint12 = Minimal Cream 561 paint16 + p17 = Cream Horizon (+ white sheen overlay) 562 paint18 = Midnight to Navy */ 563 --fill-atmospheric-light: 564 linear-gradient(180deg, rgba(255,255,255,0) 74.04%, rgba(255,255,255,1) 100%), 565 linear-gradient(294deg, #EBF6FA 0%, #F7F5F4 34.13%, #F8F7F6 69.23%, #FFFFFF 100%); 566 --fill-minimal-cream: 567 linear-gradient(137deg, #F0EFEB 0%, #F5F4F2 100%); 568 --fill-cream-horizon: 569 linear-gradient(348deg, rgba(255,255,255,0.8) 0%, rgba(255,255,255,0) 100%), 570 linear-gradient(180deg, #F0EFEB 0%, #C9E1EB 56.73%, #A9CCDC 100%); 571 --fill-midnight-to-navy: 572 linear-gradient(180deg, #001226 0%, #002855 100%); 573} 574 575/* ============================================================================= 576 BASE STYLES - reset, body, layout helpers, typography, buttons, aqua highlight. 577 Depends on tokens.css; load after it. 578 ============================================================================= */ 579 580* { box-sizing: border-box; margin: 0; padding: 0; } 581html { scroll-behavior: smooth; } 582body { 583 font-family: var(--font-body); 584 color: var(--deep-midnight); 585 background: var(--cloud-dancer); 586 line-height: 1.5; 587 -webkit-font-smoothing: antialiased; 588} 589body.has-banner { 590 padding-top: var(--banner-offset, 85px); 591} 592img { max-width: 100%; display: block; } 593a { color: inherit; text-decoration: none; } 594button { font: inherit; cursor: pointer; border: none; background: none; color: inherit; } 595 596/* ================= LAYOUT ================= */
597.container { max-width: 1200px; margin: 0 auto; padding: 0 32px; } 598.section { padding: 96px 0; } 599.section-sm { padding: 64px 0; } 600 601/* ================= EYEBROW ================= */ 602.eyebrow { 603 font-family: var(--font-ui); 604 font-size: 12px; 605 font-weight: 600; 606 letter-spacing: 3px; 607 text-transform: uppercase; 608 color: var(--eb-5); 609 margin-bottom: 20px; 610} 611.eyebrow.on-dark { color: var(--eb-9); } 612.eyebrow.with-chip::before { 613 content: ''; 614 display: inline-block; 615 width: 8px; height: 8px; 616 border-radius: 50%; 617 background: var(--aqua); 618 margin-right: 10px; 619 transform: translateY(-1px); 620 vertical-align: middle; 621} 622 623/* ================= TYPOGRAPHY ================= */ 624h1, h2, h3, h4 { 625 font-family: var(--font-heading); 626 color: var(--deep-midnight); 627 letter-spacing: 0; 628 line-height: 1.15; 629} 630h1 { font-size: 68px; font-weight: 800; letter-spacing: 0; } 631h2 { font-size: 48px; font-weight: 700; } 632h3 { font-size: 28px; font-weight: 600; } 633h4 { font-size: 18px; font-weight: 600; } 634p { font-size: 16px; line-height: 1.6; color: #3a4551; } 635@media (max-width: 900px) { 636 h1 { font-size: 52px; } 637 h2 { font-size: 40px; } 638 h3 { font-size: 26px; } 639} 640@media (max-width: 600px) { 641 h1 { font-size: 40px; } 642 h2 { font-size: 32px; } 643 h3 { font-size: 24px; } 644} 645 646.on-dark h1, .on-dark h2, .on-dark h3, .on-dark h4 { color: var(--white); } 647.on-dark p { color: var(--eb-10); } 648.section.on-dark { background: var(--fill-midnight-to-navy); } 649 650/* ================= AQUA HIGHLIGHT SPAN (paint2 from design.svg) ================= */ 651.hl-aqua { 652 position: relative; 653 display: inline; 654 -webkit-box-decoration-break: clone; 655 box-decoration-break: clone; 656 padding-bottom: 6px; 657 background-image: linear-gradient(90deg, 658 rgba(66,250,228,0) 0%, 659 #23F5F0 21.6%, 660 #5BE3FB 43.3%, 661 #40CDFC 74%, 662 rgba(66,250,228,0) 100%); 663 background-repeat: no-repeat; 664 background-position: 0 100%; 665 background-size: 100% 4px; 666} 667.hl-blue { 668 color: var(--eb-6); 669 position: relative; 670} 671 672/* ================= BUTTONS ================= 673 Primary button matches button.svg from the brand: 674 132Ã36, 12px radius, 3-stop diagonal gradient, 1px inner aqua highlight 675 on the top-left edge (the SVG inner shadow effect). */ 676.btn { 677 display: inline-flex; align-items: center; justify-content: center; gap: 8px; 678 height: 36px; 679 padding: 0 18px; 680 border-radius: 12px; 681 font-family: var(--font-ui); 682 font-weight: 500; 683 font-size: 14px; 684 letter-spacing: 0; 685 line-height: 1; 686 transition: all 0.2s ease; 687 white-space: nowrap; 688} 689.btn-primary { 690 background: linear-gradient(107deg, #003E6E 0%, #002855 34%, #001226 100%); 691 color: var(--white); 692 box-shadow: 693 inset 1px 1px 0 rgba(113, 245, 245, 0.9), 694 0 6px 14px -6px rgba(0, 18, 38, 0.28); 695} 696.btn-primary:hover { 697 filter: brightness(1.08); 698 transform: translateY(-1px); 699 box-shadow: 700 inset 1px 1px 0 rgba(113, 245, 245, 0.9), 701 0 10px 18px -6px rgba(0, 18, 38, 0.32); 702} 703.btn-primary .arrow { display: inline-flex; transition: transform 0.2s; } 704.btn-primary:hover .arrow { transform: translateX(3px); } 705.btn-secondary { 706 background: transparent; 707 color: var(--deep-midnight); 708 border: 1px solid var(--border-dark-12); 709} 710.btn-secondary:hover { border-color: var(--deep-midnight); } 711.on-dark .btn-secondary { color: var(--white); border-color: var(--border-light-16); } 712.on-dark .btn-secondary:hover { border-color: var(--white); } 713 714/* ============================================================================= 715 CARDS & FRAMES (brand guidelines - exact). 716 Three primitives shared by sections: 717 .frame-flat transparent + border only 718 .card-flat white fill + sheen + inner highlight + inner glow 719 .card-floating Flat Card + drop shadow 720 721 .card is a legacy alias to .card-flat (kept so existing markup still works). 722 ============================================================================= */ 723 724/* Flat Frame: transparent surface, border only. No inner effects. */ 725.frame-flat { 726 background: transparent; 727 border: 1px solid var(--border-dark-6); 728 border-radius: 12px; 729 padding: 32px; 730} 731.frame-flat.on-dark { border-color: var(--border-light-8); } 732 733/* Flat Card: sheen + inner highlight edge + inner soft glow */ 734.card-flat { 735 background: var(--card-sheen), #FFFFFF; 736 border-radius: 12px; 737 padding: 32px; 738 box-shadow: var(--card-inner-edge), var(--card-inner-glow); 739} 740.card-flat.on-dark { 741 background: var(--card-sheen-dark), var(--sapphire); 742 box-shadow: var(--card-inner-edge), var(--card-inner-glow); 743} 744 745/* Floating Card: Flat Card + drop shadow */ 746.card-floating { 747 background: var(--card-sheen), #FFFFFF; 748 border-radius: 12px; 749 padding: 32px; 750 box-shadow: var(--card-drop-shadow), var(--card-inner-edge), var(--card-inner-glow); 751} 752.card-floating.on-dark { 753 background: var(--card-sheen-dark), var(--sapphire); 754 box-shadow: 0 24px 24px -12px rgba(0,0,0,0.4), var(--card-inner-edge), var(--card-inner-glow); 755} 756 757/* Backwards-compat - legacy .card alias to Flat Card */ 758.card { 759 background: var(--card-sheen), #FFFFFF; 760 border-radius: 12px; 761 padding: 32px; 762 box-shadow: var(--card-inner-edge), var(--card-inner-glow); 763} 764.card .tag { 765 display: inline-block; 766 font-family: var(--font-ui); 767 font-size: 11px; 768 font-weight: 600; 769 letter-spacing: 2px; 770 text-transform: uppercase; 771 color: var(--eb-5); 772 padding: 6px 12px; 773 border-radius: 9999px; 774 background: rgba(113,245,245,0.18); 775 margin-bottom: 16px; 776} 777 778/* ============ HERO (paint0 + paint1 from design.svg: Atmospheric Light) ============ */ 779.hero { 780 padding: 120px 0 80px; 781 text-align: center; 782 background: var(--fill-atmospheric-light); 783 position: relative; 784 overflow: hidden; 785} 786.hero::before { 787 content: ''; 788 position: absolute; 789 inset: 0; 790 background: radial-gradient(ellipse 900px 400px at 50% 0%, rgba(113,245,245,0.16), transparent 70%); 791 pointer-events: none; 792} 793.hero .container { position: relative; z-index: 1; max-width: 1100px; } 794.hero h1 { margin: 16px auto 32px; max-width: 900px; } 795.hero p.sub { 796 font-size: 18px; 797 line-height: 1.6; 798 color: #4a5461; 799 max-width: 820px; 800 margin: 0 auto 24px; 801} 802.hero-cta { 803 display: flex; 804 justify-content: center; 805 gap: 14px; 806 flex-wrap: wrap; 807 margin: 0 auto 48px; 808} 809 810/* ============ HERO: product screenshot ============ */ 811.hero-mockup { 812 max-width: 1060px; 813 margin: 0 auto 32px; 814} 815.hero-mockup img { 816 width: 100%; 817 height: auto; 818 display: block; 819 border-radius: 16px; 820 box-shadow: 0 32px 80px -16px rgba(0, 18, 38, 0.28), 0 8px 24px -8px rgba(0, 18, 38, 0.14); 821} 822 823/* ============ HERO: plain trust text row (no background) ============ */ 824.hero-trust { 825 display: inline-flex; 826 align-items: center; 827 gap: 14px; 828 font-family: var(--font-ui); 829 font-size: 13px; 830 font-weight: 500; 831 color: var(--dm-5); 832 flex-wrap: wrap; 833 justify-content: center; 834} 835.hero-trust .sep { 836 color: var(--dm-9); 837 font-size: 14px; 838 line-height: 1; 839} 840@media (max-width: 720px) { 841 .hero-trust { gap: 8px; font-size: 12px; } 842 .hero-trust .sep { display: none; } 843} 844 845/* ============ 3 Column Content Grid ============ */
846.cg-grid { 847 display: grid; 848 grid-template-columns: repeat(3, 1fr); 849 gap: 40px; 850 margin-top: 48px; 851} 852.cg-item { padding: 0; } 853.cg-icon { 854 width: 56px; 855 height: auto; 856 margin-bottom: 20px; 857 display: block; 858} 859.cg-title { 860 font-family: var(--font-heading); 861 font-size: 22px; 862 font-weight: 600; 863 color: var(--deep-midnight); 864 margin-bottom: 10px; 865 line-height: 1.25; 866} 867.cg-item p { 868 font-size: 15px; 869 line-height: 1.6; 870 color: var(--dm-4); 871} 872@media (max-width: 900px) { .cg-grid { grid-template-columns: 1fr; gap: 32px; } } 873 874.steps-section { 875 background: 876 linear-gradient(180deg, rgba(235,246,250,0.45) 0%, rgba(255,255,255,0) 30%), 877 var(--white); 878} 879.steps-section .container { max-width: 1180px; } 880.steps-section h2 { 881 max-width: 980px; 882 font-size: 48px; 883 line-height: 1.15; 884} 885.steps-section .cg-grid { 886 grid-template-columns: 1fr; 887 gap: 72px; 888 margin-top: 68px; 889} 890.steps-section .cg-item { 891 display: grid; 892 grid-template-columns: minmax(0, 0.9fr) minmax(340px, 1.1fr); 893 align-items: center; 894 gap: 56px; 895 padding: 48px 0 0; 896 border-top: 1px solid var(--border-dark-6); 897} 898.steps-section .cg-item:first-child { 899 border-top: none; 900 padding-top: 0; 901} 902.steps-section .cg-item.is-reversed { 903 grid-template-columns: minmax(340px, 1.1fr) minmax(0, 0.9fr); 904} 905.steps-section .cg-item.is-reversed .step-copy { order: 2; } 906.steps-section .cg-item.is-reversed .step-visual { order: 1; } 907.steps-section .step-copy { max-width: 520px; } 908.steps-section .cg-icon { 909 width: 72px; 910 margin-bottom: 24px; 911} 912.steps-section .cg-title { 913 font-size: 36px; 914 margin-bottom: 16px; 915} 916.steps-section .cg-item p { 917 font-size: 18px; 918 line-height: 1.72; 919 color: var(--dm-4); 920} 921.steps-section .step-visual { 922 min-height: 380px; 923 display: flex; 924 align-items: center; 925 justify-content: center; 926 overflow: hidden; 927 border-radius: 12px; 928 background: transparent; 929 box-shadow: none; 930} 931.steps-section .step-visual img { 932 width: 100%; 933 height: 100%; 934 max-height: 430px; 935 object-fit: contain; 936 padding: 28px; 937} 938.steps-section .step-visual-overlap img { max-height: 450px; padding: 0; } 939.steps-section .step-visual-score img { max-height: 360px; } 940.steps-section .step-visual-pipeline { min-height: 520px; } .steps-section .step-visual-pipeline img { width: 100%; height: auto; max-height: none; object-fit: contain; padding: 0; } 941 942@media (max-width: 900px) { 943 .steps-section h2 { font-size: 42px; } 944 .steps-section .cg-title { font-size: 30px; } 945 .steps-section .cg-grid { gap: 52px; margin-top: 52px; } 946 .steps-section .cg-item, 947 .steps-section .cg-item.is-reversed { 948 grid-template-columns: 1fr; 949 gap: 28px; 950 padding-top: 40px; 951 } 952 .steps-section .cg-item.is-reversed .step-copy, 953 .steps-section .cg-item.is-reversed .step-visual { 954 order: initial; 955 } 956 .steps-section .step-visual { min-height: 260px; } 957 .steps-section .step-visual img { max-height: 320px; padding: 20px; } 958} 959 960/* ============ Stats ============ */ 961.stats-grid { 962 display: grid; 963 grid-template-columns: repeat(3, 1fr); 964 gap: 20px; 965} 966.results-section { 967 position: relative; 968 overflow: hidden; 969 text-align: center; 970 background: 971 linear-gradient(165deg, rgba(255,255,255,0.92) 0%, rgba(255,255,255,0.42) 28%, rgba(255,255,255,0) 52%), 972 linear-gradient(118deg, rgba(113,245,245,0.34) 0%, rgba(201,225,235,0.56) 32%, rgba(240,239,235,0.9) 64%, #FFFFFF 100%); 973} 974.results-section::before { 975 content: ''; 976 position: absolute; 977 inset: 0; 978 background: 979 linear-gradient(115deg, transparent 0 18%, rgba(0,40,85,0.08) 18% 18.12%, transparent 18.12% 36%), 980 linear-gradient(115deg, transparent 0 54%, rgba(113,245,245,0.26) 54% 54.18%, transparent 54.18% 100%); 981 pointer-events: none; 982} 983.results-section .container { 984 position: relative; 985 z-index: 1; 986} 987.stats-grid.stats-grid-two { 988 grid-template-columns: repeat(2, minmax(0, 1fr)); 989 max-width: 840px; 990 margin-left: auto; 991 margin-right: auto; 992 text-align: left; 993} 994.results-section .stat-card { 995 box-shadow: 0 22px 44px -32px rgba(0, 18, 38, 0.34), var(--card-inner-edge), var(--card-inner-glow); 996} 997.stat-card { 998 background: var(--card-sheen), #FFFFFF; 999 border-radius: 12px; 1000 padding: 32px 28px; 1001 box-shadow: var(--card-inner-edge), var(--card-inner-glow); 1002} 1003.stat-icon { 1004 width: 40px; 1005 height: auto; 1006 display: block; 1007 margin-bottom: 24px; 1008} 1009.stat-num { 1010 font-family: var(--font-heading); 1011 font-size: 56px; 1012 font-weight: 800; 1013 color: var(--sapphire); 1014 letter-spacing: 0; 1015 line-height: 1; 1016 margin-bottom: 6px; 1017} 1018.stat-suffix { 1019 font-size: 28px; 1020 font-weight: 700; 1021 color: var(--eb-6); 1022 letter-spacing: 0; 1023 vertical-align: baseline; 1024} 1025.stat-label { 1026 font-family: var(--font-heading); 1027 font-size: 20px; 1028 font-weight: 600; 1029 color: var(--deep-midnight); 1030 margin-bottom: 14px; 1031} 1032.stat-desc { 1033 font-size: 14px; 1034 line-height: 1.6; 1035 color: var(--dm-4); 1036} 1037@media (max-width: 900px) { 1038 .stats-grid, 1039 .stats-grid.stats-grid-two { grid-template-columns: 1fr; } 1040} 1041 1042/* ============ Before / After Comparison ============ */ 1043.vs-grid { 1044 display: grid; 1045 grid-template-columns: 1fr 1fr; 1046 gap: 20px; 1047 margin-top: 48px; 1048} 1049/* Both cards share typography - the Flat Frame / Floating Card primitives 1050 from cards.css provide the surface, border, shadow, and sheen. */ 1051.vs-grid h4 { 1052 font-family: var(--font-ui); 1053 font-size: 11px; 1054 font-weight: 700; 1055 letter-spacing: 2.5px; 1056 text-transform: uppercase; 1057 margin-bottom: 24px; 1058} 1059.vs-without h4 { color: var(--dm-7); } 1060.vs-with h4 { color: var(--sapphire); } 1061.vs-list { list-style: none; display: flex; flex-direction: column; gap: 18px; } 1062.vs-list li { 1063 font-size: 15px; 1064 line-height: 1.55; 1065 padding-left: 28px; 1066 position: relative; 1067} 1068.vs-without li { color: var(--dm-5); } 1069.vs-without li::before { 1070 content: '-'; 1071 position: absolute; 1072 left: 0; top: 0; 1073 color: var(--dm-7); 1074 font-weight: 700; 1075} 1076.vs-with li { color: var(--deep-midnight); } 1077.vs-with li::before { 1078 content: ''; 1079 position: absolute; 1080 left: 2px; top: 7px; 1081 width: 14px; height: 14px; 1082 background: var(--aqua); 1083 border-radius: 50%; 1084 box-shadow: 0 0 12px rgba(113, 245, 245, 0.5); 1085} 1086.vs-with li::after {
1087 content: 'â'; 1088 position: absolute; 1089 left: 5px; top: 3px; 1090 color: var(--deep-midnight); 1091 font-weight: 800; 1092 font-size: 10px; 1093} 1094.difference-cta { 1095 margin-top: 48px; 1096 text-align: center; 1097} 1098.difference-cta h3 { 1099 max-width: 760px; 1100 margin: 0 auto 24px; 1101} 1102@media (max-width: 900px) { .vs-grid { grid-template-columns: 1fr; } } 1103 1104/* ============ Split: Copy + Chart Visualization ============ */ 1105.overlap-wrap { 1106 display: grid; 1107 grid-template-columns: 1.1fr 1fr; 1108 gap: 64px; 1109 align-items: center; 1110 margin-top: 56px; 1111} 1112.overlap-chart { 1113 background: var(--card-sheen), #FFFFFF; 1114 border-radius: 16px; 1115 padding: 40px; 1116 box-shadow: var(--card-drop-shadow), var(--card-inner-edge), var(--card-inner-glow); 1117 text-align: center; 1118 position: relative; 1119 aspect-ratio: 1; 1120 max-width: 460px; 1121 margin: 0 auto; 1122} 1123.donut { 1124 position: relative; 1125 width: 100%; max-width: 300px; 1126 aspect-ratio: 1; 1127 margin: 0 auto; 1128 border-radius: 50%; 1129 background: conic-gradient( 1130 var(--aqua) 0 15%, 1131 var(--sapphire) 15% 70%, 1132 var(--eb-9) 70% 100% 1133 ); 1134 box-shadow: inset 0 0 0 2px rgba(255,255,255,0.5); 1135} 1136.donut::after { 1137 content: ''; 1138 position: absolute; 1139 inset: 22%; 1140 background: var(--white); 1141 border-radius: 50%; 1142 box-shadow: inset 0 1px 2px rgba(0,0,0,0.06); 1143} 1144.donut-center { 1145 position: absolute; 1146 inset: 0; 1147 display: flex; flex-direction: column; align-items: center; justify-content: center; 1148 z-index: 2; 1149 text-align: center; 1150} 1151.donut-center .num { 1152 font-family: var(--font-heading); 1153 font-size: 32px; 1154 font-weight: 800; 1155 color: var(--deep-midnight); 1156 letter-spacing: 0; 1157 line-height: 1; 1158} 1159.donut-center .lbl { 1160 font-family: var(--font-ui); 1161 font-size: 10px; 1162 font-weight: 600; 1163 color: var(--dm-5); 1164 letter-spacing: 2px; 1165 text-transform: uppercase; 1166 margin-top: 6px; 1167} 1168.donut-legend { 1169 margin-top: 28px; 1170 display: grid; 1171 gap: 10px; 1172 text-align: left; 1173} 1174.donut-legend .row { display: flex; align-items: center; gap: 10px; font-size: 13px; } 1175.donut-legend .dot { width: 12px; height: 12px; border-radius: 50%; flex-shrink: 0; } 1176.donut-legend .row strong { margin-left: auto; font-family: var(--font-heading); font-weight: 700; } 1177 1178.overlap-copy ul { list-style: none; margin-top: 20px; } 1179.overlap-copy li { 1180 padding: 12px 0 12px 32px; 1181 border-bottom: 1px solid var(--border-dark-6); 1182 font-size: 14px; 1183 color: var(--dm-4); 1184 position: relative; 1185 line-height: 1.5; 1186} 1187.overlap-copy li::before { 1188 content: ''; 1189 position: absolute; left: 0; top: 18px; 1190 width: 16px; height: 16px; 1191 background: var(--aqua); 1192 border-radius: 50%; 1193 box-shadow: 0 0 10px rgba(113,245,245,0.5); 1194} 1195.overlap-copy li::after { 1196 content: 'â'; 1197 position: absolute; left: 3px; top: 14px; 1198 font-size: 10px; font-weight: 800; color: var(--deep-midnight); 1199} 1200.overlap-copy li:last-child { border-bottom: none; } 1201@media (max-width: 900px) { .overlap-wrap { grid-template-columns: 1fr; gap: 32px; } } 1202 1203/* ============ Graphical Grid (icon/logo-first tiles) ============ */ 1204.gg-grid { 1205 display: grid; 1206 grid-template-columns: repeat(4, 1fr); 1207 gap: 16px; 1208 margin-top: 48px; 1209} 1210.gg-card { 1211 background: var(--card-sheen), #FFFFFF; 1212 border-radius: 12px; 1213 padding: 32px 24px; 1214 box-shadow: var(--card-inner-edge), var(--card-inner-glow); 1215 text-align: center; 1216} 1217.gg-icon { 1218 width: 88px; 1219 height: auto; 1220 margin: 0 auto 20px; 1221 display: block; 1222} 1223.gg-card h4 { font-size: 16px; margin-bottom: 8px; } 1224.gg-card p { font-size: 13px; color: var(--dm-5); line-height: 1.55; } 1225@media (max-width: 900px) { .gg-grid { grid-template-columns: repeat(2, 1fr); } } 1226 1227/* ============ Testimonial ============ */ 1228.testimonial { 1229 max-width: 880px; 1230 margin: 0 auto; 1231 padding: 24px 48px 0; 1232 text-align: center; 1233 position: relative; 1234} 1235.testimonial::before { 1236 content: '"'; 1237 position: absolute; 1238 top: -24px; left: 50%; 1239 transform: translateX(-50%); 1240 font-family: var(--font-heading); 1241 font-size: 140px; 1242 color: var(--aqua); 1243 line-height: 1; 1244 opacity: 0.5; 1245 pointer-events: none; 1246} 1247.testimonial blockquote { 1248 position: relative; 1249 font-family: var(--font-heading); 1250 font-size: 28px; 1251 line-height: 1.5; 1252 font-weight: 500; 1253 color: var(--deep-midnight); 1254 letter-spacing: 0; 1255} 1256.testimonial .cite { 1257 margin-top: 28px; 1258 font-family: var(--font-ui); 1259 font-size: 13px; 1260 color: var(--dm-4); 1261} 1262.testimonial .cite strong { color: var(--deep-midnight); display: block; font-size: 15px; margin-bottom: 4px; } 1263 1264/* ============ Final CTA (dark - diagonal flipped paint18) ============ 1265 Diagonal gradient: Sapphire (lighter) at top-left â Deep Midnight 1266 (darker) at bottom-right. Flows cleanly into the dark footer below. */ 1267.final-cta { 1268 text-align: center; 1269 padding: 112px 0; 1270 background: linear-gradient(135deg, var(--sapphire) 0%, var(--deep-midnight) 100%); 1271 position: relative; 1272 overflow: hidden; 1273 color: var(--white); 1274} 1275.final-cta::before { 1276 content: ''; 1277 position: absolute; 1278 inset: 0; 1279 background: radial-gradient(ellipse 900px 400px at 50% 0%, rgba(113,245,245,0.14), transparent 70%); 1280 pointer-events: none; 1281} 1282.final-cta .container { position: relative; z-index: 1; max-width: 900px; } 1283.final-cta h2 { color: var(--white); } 1284.final-cta p { 1285 color: var(--eb-10); 1286 font-size: 17px; 1287 line-height: 1.6; 1288 max-width: 620px; 1289 margin: 20px auto 40px; 1290} 1291.final-cta .ctas { display: inline-flex; gap: 14px; flex-wrap: wrap; justify-content: center; } 1292 1293 1294 /* ============ TRUST LOGO CAROUSEL ============ */
1295.trust-carousel { margin-top: 48px; text-align: center; } 1296.trust-label { font-family: var(--font-ui); font-size: 11px; font-weight: 600; letter-spacing: 2.5px; text-transform: uppercase; color: var(--eb-5); margin-bottom: 28px; } 1297.logo-track { overflow: hidden; -webkit-mask-image: linear-gradient(90deg, transparent 0%, black 8%, black 92%, transparent 100%); mask-image: linear-gradient(90deg, transparent 0%, black 8%, black 92%, transparent 100%); } 1298.logo-inner { display: inline-flex; align-items: center; gap: 44px; padding: 8px 0; animation: logo-marquee 32s linear infinite; white-space: nowrap; } 1299.logo-inner:hover { animation-play-state: paused; } 1300.logo-item { display: inline-flex; align-items: center; justify-content: center; width: var(--logo-slot, 124px); min-width: var(--logo-slot, 124px); height: 42px; color: var(--dm-2); opacity: 0.9; transition: opacity 0.2s; } 1301.logo-item:hover { opacity: 1 !important; } 1302.logo-img, 1303.logo-svg { display: block; height: var(--logo-height, 30px); width: auto; max-width: calc(var(--logo-slot, 124px) - 4px); object-fit: contain; } 1304.logo-img { filter: saturate(0.98) contrast(1.03); } 1305.logo-item:hover .logo-img { filter: saturate(1.08) contrast(1.06); } 1306.logo-svg { color: var(--dm-2); } 1307.logo-item:hover .logo-svg { color: var(--dm-2); } 1308.logo-microsoft { --logo-slot: 142px; --logo-height: 28px; } 1309.logo-cdw { --logo-slot: 110px; --logo-height: 30px; } 1310.logo-sunrise { --logo-slot: 110px; --logo-height: 28px; } 1311.logo-dell { --logo-slot: 82px; --logo-height: 31px; } 1312.logo-shi { --logo-slot: 110px; --logo-height: 27px; } 1313.logo-pwc { --logo-slot: 88px; --logo-height: 31px; } 1314.logo-crayon { --logo-slot: 126px; --logo-height: 29px; } 1315.logo-pax8 { --logo-slot: 110px; --logo-height: 30px; } 1316.logo-item .logo-text { font-family: var(--font-ui); font-weight: 800; font-size: 16px; letter-spacing: 0; line-height: 1; color: var(--dm-2); opacity: 0.9; } 1317.logo-item .ms-icon { flex-shrink: 0; color: var(--dm-4); opacity: 0.5; } 1318@keyframes logo-marquee { 0% { transform: translateX(0); } 100% { transform: translateX(-50%); } } 1319@media (max-width: 720px) { 1320 .logo-inner { gap: 32px; } 1321 .logo-item { width: calc(var(--logo-slot, 124px) * 0.86); min-width: calc(var(--logo-slot, 124px) * 0.86); height: 38px; } 1322 .logo-img, 1323 .logo-svg { height: calc(var(--logo-height, 30px) * 0.9); max-width: calc((var(--logo-slot, 124px) * 0.86) - 4px); } 1324} 1325/* ââ Feature eyebrow & bullets (brand) âââââââââââââââââââââ */ 1326.cg-feat-eyebrow { 1327 font-family: var(--font-ui); 1328 font-size: 11px; 1329 font-weight: 700; 1330 letter-spacing: 2px; 1331 text-transform: uppercase; 1332 color: var(--eb-5); 1333 margin-bottom: 12px; 1334} 1335.cg-bullets { 1336 list-style: none; 1337 padding: 0; 1338 margin-top: 16px; 1339} 1340.cg-bullets li { 1341 font-size: 15px; 1342 line-height: 1.55; 1343 color: var(--dm-4); 1344 padding-left: 26px; 1345 position: relative; 1346 margin-bottom: 10px; 1347} 1348.cg-bullets li::before { 1349 content: ''; 1350 position: absolute; 1351 left: 4px; top: 9px; 1352 width: 7px; height: 7px; 1353 background: var(--sapphire); 1354 border-radius: 50%; 1355 box-shadow: none; 1356} 1357.cg-bullets li::after { 1358 content: none; 1359} 1360 1361/* ===================================================================== 1362 SHARED PAGE COMPONENTS (used across solution/platform pages) 1363 ===================================================================== */ 1364.lead-band { text-align:center; max-width: 760px; margin: 0 auto; } 1365.lead-band h2 { margin-bottom: 20px; } 1366.lead-band .sub, .lead-band p { margin-top: 4px; } 1367.section-head { text-align:center; max-width: 760px; margin: 0 auto; } 1368.section-head .sub { margin-top: 14px; } 1369.crm-chips { display:flex; gap:12px; justify-content:center; flex-wrap:wrap; margin-top:24px; } 1370.crm-chip { font-family: var(--font-ui); font-weight:600; font-size:14px; color: var(--dm-1); background:#fff; border:1px solid var(--border-dark-12); border-radius:999px; padding:10px 20px; } 1371.diff-band { text-align:center; background: var(--fill-cream-horizon); } 1372.diff-band .pull { font-family: var(--font-heading); font-weight: 700; font-size: clamp(26px,3.4vw,40px); line-height:1.15; letter-spacing:-0.02em; color: var(--deep-midnight); max-width: 880px; margin: 0 auto 18px; } 1373.diff-tag { display:inline-block; font-family: var(--font-ui); font-weight:700; letter-spacing:2px; text-transform:uppercase; font-size:12px; color: var(--sapphire); } 1374 1375/* Glass UI mock (schematic, not a screenshot) */ 1376.ui-mock { width:100%; max-width:460px; background: var(--card-sheen), #fff; border:1px solid var(--border-dark-6); border-radius:16px; box-shadow: var(--card-drop-shadow); padding:22px; font-family: var(--font-ui); } 1377.ui-mock-h { font-weight:700; font-size:13px; color: var(--sapphire); margin-bottom:14px; padding-bottom:12px; border-bottom:1px solid var(--border-dark-6); } 1378.ui-row { display:flex; align-items:center; justify-content:space-between; padding:13px 14px; border-radius:10px; margin-bottom:8px; background: var(--cd-4); } 1379.ui-row.ui-dim { opacity:.55; } 1380.ui-co { font-weight:600; font-size:14px; color: var(--dm-1); } 1381.pp { font-weight:700; font-size:11px; letter-spacing:.5px; text-transform:uppercase; padding:4px 10px; border-radius:999px; } 1382.pp-hi { background: var(--aqua); color: var(--deep-midnight); } 1383.pp-md { background: var(--eb-10); color: var(--sapphire); } 1384.pp-lo { background: var(--dm-11); color: var(--dm-4); } 1385 1386/* Use-case linked cards (hub pages) */ 1387.uc-grid { display:grid; grid-template-columns: repeat(2,1fr); gap:20px; margin-top:48px; } 1388.uc-card { display:flex; flex-direction:column; background: var(--card-sheen), #fff; border:1px solid var(--border-dark-6); border-radius:16px; padding:28px; text-decoration:none; box-shadow: var(--card-inner-edge); transition: transform .15s, box-shadow .15s; } 1389.uc-card:hover { transform: translateY(-3px); box-shadow: var(--card-drop-shadow); } 1390.uc-eyebrow { font-family: var(--font-ui); font-size:11px; font-weight:700; letter-spacing:1.2px; text-transform:uppercase; color: var(--eb-5); margin-bottom:12px; } 1391.uc-title { font-family: var(--font-heading); font-size:20px; font-weight:600; color: var(--deep-midnight); letter-spacing:-0.01em; margin-bottom:8px; } 1392.uc-desc { font-family: var(--font-ui); font-size:14.5px; color: var(--dm-4); line-height:1.55; margin-bottom:18px; } 1393.uc-link { margin-top:auto; font-family: var(--font-ui); font-size:14px; font-weight:700; color: var(--sapphire); } 1394.uc-card:hover .uc-link { color: var(--deep-midnight); } 1395@media (max-width:760px){ .uc-grid{ grid-template-columns: 1fr; } } 1396 1397/* Solutions mega - "By Program" strip (channel partners in vendor programs) */ 1398.program-strip { grid-column: 1 / -1; border-top: 1px solid var(--border-dark-6); margin-top: 24px; padding: 20px 8px 0; display:flex; align-items:center; gap:20px; flex-wrap:wrap; } 1399.program-strip-label { font-family: var(--font-ui); font-size:11px; font-weight:700; letter-spacing:1.2px; text-transform:uppercase; color: var(--muted); white-space:nowrap; } 1400.program-cards { display:flex; gap:10px; flex-wrap:wrap; } 1401.program-card { display:inline-flex; align-items:center; gap:9px; padding:9px 14px; border:1px solid var(--border-dark-12); border-radius:10px; background:#fff; text-decoration:none; transition: border-color .15s, box-shadow .15s, transform .15s; } 1402.program-card:hover { border-color: var(--eb-9); box-shadow: 0 4px 12px -4px rgba(0,18,38,.12); transform: translateY(-1px); } 1403.program-card svg { flex-shrink:0; } 1404.program-card > span { font-family: var(--font-ui); font-size:13.5px; font-weight:600; color: var(--deep-midnight); white-space:nowrap; } 1405.program-card.is-soon { background: var(--cd-4); cursor:default; } 1406.program-card.is-soon:hover { border-color: var(--border-dark-12); box-shadow:none; transform:none; } 1407.program-card.is-soon > span { color: var(--muted); } 1408.program-card .soon-pill { font-family: var(--font-ui); font-size:9px; font-weight:700; letter-spacing:.5px; text-transform:uppercase; color: var(--muted); background:#fff; border:1px solid var(--border-dark-12); border-radius:4px; padding:2px 6px; } 1409 1410/* CRM integration logo cards */ 1411.crm-cards { display:grid; grid-template-columns: repeat(3,1fr); gap:32px; margin-top:48px; } 1412.crm-card { text-align:center; } 1413.crm-card-icon { width:56px; height:56px; margin:0 auto 18px; } 1414.crm-card-icon svg { width:56px; height:56px; display:block; } 1415.crm-card-name { font-family: var(--font-heading); font-size:18px; font-weight:600; color: var(--deep-midnight); margin-bottom:8px; } 1416.crm-card-desc { font-family: var(--font-ui); font-size:14px; color: var(--dm-4); line-height:1.55; max-width:300px; margin:0 auto; } 1417@media (max-width:760px){ .crm-cards{ grid-template-columns:1fr; gap:32px; } } 1418 1419.cap-ico { width:48px; height:48px; margin-bottom:16px; } 1420.cap-ico svg { display:block; } 1421 1422/* Blade visual schematics */ 1423.ui-map { display:grid; grid-template-columns:1fr auto 1fr; align-items:center; gap:10px; padding:12px 14px; border-radius:10px; margin-bottom:9px; background:var(--cd-4); font-family:var(--font-ui); font-size:12.5px; } 1424.ui-map .s { color:var(--dm-2); font-weight:600; } 1425.ui-map .a { color:var(--sapphire); font-weight:800; } 1426.ui-map .p { color:var(--sapphire); font-weight:700; text-align:right; } 1427.ui-src { display:flex; align-items:center; justify-content:space-between; padding:11px 13px; border-radius:9px; margin-bottom:8px; background:var(--cd-4); font-family:var(--font-ui); font-size:13px; color:var(--dm-2); font-weight:600; } 1428.ui-src .ck { color:var(--sapphire); font-weight:800; } 1429.ui-score { margin-top:6px; padding:13px 15px; border-radius:11px; background:var(--eb-11); font-family:var(--font-ui); font-size:14px; font-weight:700; color:var(--dm-1); display:flex; justify-content:space-between; align-items:center; } 1430.ui-note { margin-top:12px; font-family:var(--font-ui); font-size:12px; color:var(--muted); text-align:center; } 1431 1432.ui-xform { display:flex; align-items:center; justify-content:center; gap:22px; padding:14px 0 6px; } 1433.ui-xform .xf-a { font-family:var(--font-heading); font-size:34px; font-weight:700; color:var(--dm-8); } 1434.ui-xform .xf-arrow { color:var(--sapphire); font-size:24px; font-weight:800; } 1435.ui-xform .xf-b { font-family:var(--font-heading); font-size:50px; font-weight:800; color:var(--sapphire); line-height:1; } 1436.ui-tag { display:inline-block; font-family:var(--font-ui); font-size:10.5px; font-weight:700; letter-spacing:.4px; text-transform:uppercase; color:var(--eb-5); background:var(--eb-11); border-radius:5px; padding:2px 7px; margin-left:auto; } 1437.ui-pill-line { display:flex; flex-wrap:wrap; gap:6px; margin-top:4px; } 1438.ui-chip2 { font-family:var(--font-ui); font-size:11.5px; font-weight:600; color:var(--dm-2); background:var(--cd-4); border:1px solid var(--border-dark-6); border-radius:999px; padding:5px 10px; } 1439.ui-logo-big { width:72px; height:72px; margin:0 auto 14px; } 1440.ui-logo-big svg { width:72px; height:72px; display:block; } 1441 1442.quote-lg { font-family: var(--font-heading); font-weight:600; font-size: clamp(21px,2.5vw,29px); line-height:1.45; letter-spacing:-0.01em; color:#fff; max-width:820px; margin:0 auto; } 1443.quote-attr { font-family: var(--font-ui); font-size:14px; font-weight:600; color: var(--eb-9); margin-top:20px; } 1444 1445.mega-promo-logo { position:absolute; right:22px; bottom:20px; display:flex; align-items:center; gap:6px; } 1446.mega-promo-logo svg { width:16px; height:16px; display:block; } 1447.mega-promo-logo span { font-family: var(--font-ui); font-size:12px; font-weight:700; color:#fff; letter-spacing:-0.01em; } 1448 1449.mega-col-sub { font-family: var(--font-ui); font-style: italic; font-size: 12.5px; color: var(--muted); line-height: 1.4; margin: -4px 0 16px; padding-bottom: 14px; border-bottom: 1px solid var(--border-dark-6); } 1450 1451/* Attribution funnel / flow */ 1452.flow { display:flex; align-items:stretch; gap:0; margin-top:44px; flex-wrap:wrap; justify-content:center; } 1453.flow-step { flex:1; min-width:160px; background: var(--card-sheen), #fff; border:1px solid var(--border-dark-6); border-radius:14px; padding:22px 18px; text-align:center; box-shadow: var(--card-inner-edge); } 1454.flow-arrow { display:flex; align-items:center; padding:0 12px; color:var(--sapphire); font-size:22px; font-weight:800; } 1455.fs-eyebrow { font-family:var(--font-ui); font-size:10.5px; font-weight:700; letter-spacing:.8px; text-transform:uppercase; color:var(--eb-5); margin-bottom:9px; } 1456.fs-title { font-family:var(--font-heading); font-size:16px; font-weight:600; color:var(--deep-midnight); margin-bottom:7px; letter-spacing:-0.01em; } 1457.fs-desc { font-family:var(--font-ui); font-size:12.5px; color:var(--dm-4); line-height:1.45; } 1458.fs-big { font-family:var(--font-heading); font-weight:700; font-size:26px; color:var(--sapphire); letter-spacing:-0.02em; } 1459@media(max-width:820px){ .flow{ flex-direction:column; } .flow-arrow{ transform:rotate(90deg); padding:8px 0; } } 1460 1461/* Dashboard bars (board-ready visual) */ 1462.ui-bar-row { display:grid; grid-template-columns: 96px 1fr 56px; align-items:center; gap:10px; margin-bottom:10px; font-family:var(--font-ui); font-size:12.5px; } 1463.ui-bar-row .lbl { color:var(--dm-2); font-weight:600; } 1464.ui-bar-track { height:11px; background:var(--cd-4); border-radius:6px; overflow:hidden; } 1465.ui-bar-fill { height:100%; background:linear-gradient(90deg,var(--eb-6),var(--cyan)); border-radius:6px; } 1466.ui-bar-row .val { text-align:right; font-weight:700; color:var(--sapphire); } 1467.ui-lead { display:flex; align-items:center; justify-content:space-between; padding:9px 12px; border-radius:9px; margin-bottom:7px; background:var(--cd-4); font-family:var(--font-ui); font-size:13px; } 1468.ui-lead .rk { font-weight:800; color:var(--eb-5); margin-right:10px; } 1469.ui-lead .nm { font-weight:600; color:var(--dm-1); flex:1; } 1470.ui-lead .amt { font-weight:700; color:var(--sapphire); } 1471 1472/* numbered seller walkthrough */ 1473.walk { counter-reset: walk; margin-top:44px; display:grid; gap:14px; } 1474.walk-step { display:grid; grid-template-columns:44px 1fr; gap:18px; align-items:start; background: var(--card-sheen), #fff; border:1px solid var(--border-dark-6); border-radius:14px; padding:20px 22px; box-shadow:var(--card-inner-edge); } 1475.walk-step .wn { width:36px; height:36px; border-radius:10px; background:var(--fill-midnight-to-navy); color:#fff; font-family:var(--font-heading); font-weight:700; font-size:16px; display:flex; align-items:center; justify-content:center; } 1476.walk-step h3 { font-family:var(--font-heading); font-size:18px; font-weight:600; color:var(--deep-midnight); margin-bottom:5px; } 1477.walk-step p { font-family:var(--font-ui); font-size:14px; color:var(--dm-4); line-height:1.55; margin:0; } 1478 1479/* Partner Programs + Why Enlyft megas */ 1480.mega-programs .mega-inner, .mega-why .mega-inner { grid-template-columns: 1fr 300px; } 1481.prog-grid { display:grid; grid-template-columns:1fr 1fr; gap:10px; margin-top:6px; } 1482.prog-card { display:flex; align-items:center; gap:12px; padding:13px 15px; border:1px solid var(--border-dark-12); border-radius:12px; background:#fff; text-decoration:none; transition:border-color .15s, box-shadow .15s, transform .15s; } 1483.prog-card:hover { border-color:var(--eb-9); box-shadow:0 4px 12px -4px rgba(0,18,38,.12); transform:translateY(-1px); } 1484.prog-card svg { flex-shrink:0; } 1485.prog-nm { display:block; font-family:var(--font-heading); font-size:15px; font-weight:600; color:var(--deep-midnight); letter-spacing:-0.01em; } 1486.prog-ds { display:block; font-family:var(--font-ui); font-size:12px; color:var(--dm-4); } 1487.prog-card.is-soon { background:var(--cd-4); cursor:default; } 1488.prog-card.is-soon:hover { border-color:var(--border-dark-12); box-shadow:none; transform:none; } 1489 1490 /* ============================================================================= 1491 CLOUD ASCENT - page-specific overrides only. 1492 Load AFTER every library section stylesheet so these rules win. 1493 ============================================================================= */ 1494
1495/* Content-width separator rule used at the top of the Problem section. 1496 Follows the brand Lines & Borders spec (dark-12 for the hairline). */ 1497.sep-rule { 1498 border: 0; 1499 border-top: 1px solid var(--border-dark-12); 1500 margin: 0 0 64px; 1501 width: 100%; 1502 height: 0; 1503} 1504 1505/* Content-and-visual images (overlap, CloudAscent diagram, matched stack) - 1506 frameless. Strip every bit of the default Floating Card shell so each image 1507 sits directly on the section background. */ 1508.diagram-card { 1509 aspect-ratio: auto; 1510 background: none; 1511 padding: 0; 1512 box-shadow: none; 1513 border-radius: 0; 1514 max-width: 600px; 1515} 1516.diagram-card img { 1517 width: 100%; 1518 height: auto; 1519 display: block; 1520} 1521 1522/* Integration tiles - real platform logos. Render the logo as a rounded 1523 square badge so Microsoft / Salesforce / HubSpot / Dynamics read as a 1524 consistent set regardless of each brand's native background. */ 1525/* bullet1.png as list marker - fully overrides section-06 absolute-positioned bullet */ 1526.overlap-copy ul { 1527 list-style: none; 1528 padding-left: 0; 1529 margin-top: 12px; 1530} 1531.overlap-copy li { 1532 display: flex; 1533 align-items: flex-start; 1534 gap: 10px; 1535 padding: 8px 0; 1536 position: static; 1537} 1538.overlap-copy li::before { 1539 content: ''; 1540 position: static; 1541 display: inline-block; 1542 width: 20px; 1543 height: 20px; 1544 min-width: 20px; 1545 background: none center / contain no-repeat; 1546 border-radius: 0; 1547 box-shadow: none;
1548 margin-top: 1px; 1549} 1550.overlap-copy li::after { 1551 content: none; 1552} 1553 1554/* Override the aqua-circle + checkmark in the With Enlyft card */ 1555.vs-with li { 1556 padding-left: 32px; 1557} 1558.vs-with li::before { 1559 width: 20px; 1560 height: 20px; 1561 background: none center / contain no-repeat; 1562 border-radius: 0; 1563 box-shadow: none; 1564 top: 4px; 1565 transform: none; 1566 left: 0; 1567} 1568.vs-with li::after { 1569 content: none; 1570} 1571 1572.platform-logo { 1573 width: 72px; 1574 height: 72px; 1575 border-radius: 14px; 1576 object-fit: contain; 1577 background: #FFFFFF; 1578 box-shadow: 0 4px 14px -6px rgba(0, 18, 38, 0.16), inset 0 0 0 1px var(--border-dark-6); 1579 margin: 0 auto 20px; 1580} 1581 1582/* ============ CASE STUDIES ============ */ 1583.cs-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; margin-top: 56px; } 1584@media (max-width: 900px) { .cs-grid { grid-template-columns: 1fr; } } 1585/* Floating Card · on-dark - exact brand spec */ 1586.cs-card { background: linear-gradient(145deg, rgba(113,245,245,0.14) 0%, rgba(0,40,85,0.34) 32%, rgba(0,18,38,0.96) 100%), linear-gradient(180deg, #002855 0%, #001226 100%); border-radius: 16px; padding: 32px; display: flex; flex-direction: column; gap: 0; box-shadow: 0 26px 34px -18px rgba(0,18,38,0.72), inset 0 0 0 1px rgba(113,245,245,0.18); } 1587/* Company logo area - prominent, pinned to top */ 1588.cs-logo { display: flex; align-items: center; gap: 10px; margin-bottom: 24px; padding-bottom: 20px; border-bottom: 1px solid var(--border-light-16); min-height: 36px; } 1589.cs-logo img { height: 20px; width: auto; filter: brightness(0) invert(1); opacity: 0.92; display: block; } 1590.cs-logo-wordmark { font-family: var(--font-heading); font-size: 22px; font-weight: 800; color: var(--white); letter-spacing: 0; line-height: 1; } 1591.cs-stat { font-family: var(--font-heading); font-size: 48px; font-weight: 800; color: var(--aqua); line-height: 1; letter-spacing: 0; } 1592.cs-stat-label { font-family: var(--font-ui); font-size: 12px; font-weight: 600; color: var(--eb-9); letter-spacing: 0.8px; margin-top: 4px; margin-bottom: 24px; text-transform: uppercase; } 1593.cs-results { list-style: none; margin-bottom: 24px; display: flex; flex-direction: column; gap: 10px; } 1594.cs-results li { font-size: 14px; line-height: 1.5; color: var(--eb-10); padding-left: 18px; position: relative; } 1595.cs-results li::before { content: ''; position: absolute; left: 0; top: 7px; width: 6px; height: 6px; border-radius: 50%; background: var(--aqua); opacity: 0.7; } 1596.cs-quote { font-size: 14px; line-height: 1.6; color: rgba(235,246,250,0.75); font-style: italic; border-left: 2px solid rgba(113,245,245,0.5); padding-left: 16px; margin-bottom: 16px; flex-grow: 1; } 1597.cs-cite { font-family: var(--font-ui); font-size: 12px; font-weight: 500; color: var(--eb-8); margin-top: auto; padding-top: 12px; border-top: 1px solid var(--border-light-8); } 1598 1599/* ============ TRUST CHECKS ============ */ 1600.trust-checks { list-style: none; display: flex; flex-wrap: wrap; justify-content: center; gap: 8px 28px; margin-top: 24px; } 1601.trust-checks li { font-family: var(--font-ui); font-size: 13px; color: var(--eb-9); } 1602 1603/* ============ SECURITY BADGES ============ */ 1604.security-row { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 20px; margin-top: 40px; padding-top: 32px; border-top: 1px solid var(--border-dark-12); } 1605.security-badge { display: inline-flex; align-items: center; gap: 8px; font-family: var(--font-ui); font-size: 12px; font-weight: 600; color: var(--dm-5); letter-spacing: 0.3px; } 1606</style></div><div class="w-embed"><style> 1607 .hero-visual { max-width: 480px; margin: 56px auto 0; } 1608 .audience-pill { display:inline-block; font-family: var(--font-ui); font-size:12px; font-weight:700; letter-spacing:1.4px; text-transform:uppercase; color: var(--sapphire); background: var(--eb-11); border-radius:999px; padding:7px 16px; margin-bottom:12px; } 1609 .ui-brief-h { font-family: var(--font-ui); font-weight:700; font-size:13px; color: var(--sapphire); margin-bottom:14px; padding-bottom:12px; border-bottom:1px solid var(--border-dark-6); } 1610 .ui-bq { display:grid; grid-template-columns:92px 1fr; gap:12px; padding:9px 0; align-items:start; } 1611 .ui-bq span { font-family: var(--font-ui); font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:.6px; color: var(--eb-5); padding-top:2px; } 1612 .ui-bq p { font-size:13px; color: var(--dm-2); line-height:1.5; margin:0; } 1613 .logo-bar { text-align:center; padding: 36px 0 4px; } 1614 .logo-bar .lb-label { font-family: var(--font-ui); font-size:12px; font-weight:700; letter-spacing:1.4px; text-transform:uppercase; color: var(--dm-6); margin-bottom:18px; } 1615 .logo-bar .lb-row { display:flex; flex-wrap:wrap; justify-content:center; align-items:center; gap:44px; } 1616 .logo-bar .lb-name { font-family: var(--font-heading); font-weight:700; font-size:20px; letter-spacing:-0.01em; color: var(--dm-4); opacity:.7; } 1617 @media (max-width:640px){ .logo-bar .lb-row{ gap:22px; } .logo-bar .lb-name{ font-size:16px; } } 1618 .cs-wrap { max-width:960px; margin:40px auto 0; background:#fff; border:1px solid var(--border-dark-6); border-radius:20px; padding:40px 44px; box-shadow: var(--card-drop-shadow); display:grid; grid-template-columns:1fr 260px; gap:44px; align-items:center; } 1619 .cs-logo-wm { font-family: var(--font-heading); font-weight:800; font-size:26px; color: var(--deep-midnight); letter-spacing:-0.01em; margin-bottom:16px; } 1620 .cs-narr { font-size:16px; line-height:1.62; color: var(--dm-2); margin:0 0 18px; } 1621 .cs-attr { font-family: var(--font-ui); font-size:13px; color: var(--dm-4); margin-bottom:16px; } 1622 .cs-attr b { color: var(--deep-midnight); font-weight:700; } 1623 .cs-link { font-family: var(--font-ui); font-weight:600; font-size:14px; color: var(--sapphire); text-decoration:none; } 1624 .cs-metrics { display:flex; flex-direction:column; gap:22px; border-left:1px solid var(--border-dark-6); padding-left:40px; } 1625 .cs-stat { font-family: var(--font-heading); font-weight:700; font-size:40px;
1625 color: var(--sapphire); letter-spacing:-0.02em; line-height:1; } 1626 .cs-metric-l { font-family: var(--font-ui); font-size:13px; font-weight:600; color: var(--dm-4); margin-top:6px; } 1627 @media (max-width:760px){ .cs-wrap{ grid-template-columns:1fr; gap:26px; } .cs-metrics{ border-left:0; padding-left:0; border-top:1px solid var(--border-dark-6); padding-top:24px; flex-direction:row; gap:40px; } } 1628 .hiw { display:grid; grid-template-columns:1fr 1.1fr; gap:52px; align-items:start; margin-top:48px; } 1629 .hiw-step { border-top:1px solid var(--border-dark-6); padding:20px 4px; cursor:pointer; } 1630 .hiw-step:first-child { border-top:0; } 1631 .hiw-step-h { display:flex; align-items:baseline; gap:16px; } 1632 .hiw-num { font-family:var(--font-ui); font-size:13px; font-weight:700; color:var(--dm-4); flex:0 0 auto; } 1633 .hiw-title { font-family:var(--font-heading); font-weight:700; font-size:22px; line-height:1.2; letter-spacing:-0.01em; color:var(--dm-4); transition:color .15s; } 1634 .hiw-step.active .hiw-title { color:var(--deep-midnight); } 1635 .hiw-step.active .hiw-num { color:var(--sapphire); } 1636 .hiw-step:hover .hiw-title { color:var(--dm-2); } 1637 .hiw-desc { font-family:var(--font-ui); font-size:16px; line-height:1.6; color:var(--dm-2); max-height:0; overflow:hidden; opacity:0; transition:max-height .3s ease, opacity .25s, margin .25s; padding-left:33px; } 1638 .hiw-step.active .hiw-desc { max-height:200px; opacity:1; margin-top:12px; } 1639 .hiw-panel { display:none; background:linear-gradient(135deg,#001226 0%,#002855 100%); border-radius:18px; padding:28px 30px; box-shadow:0 30px 70px -40px rgba(0,18,38,0.5); } 1640 .hiw-panel.active { display:block; } 1641 .hiw-panel-h { font-family:var(--font-ui); font-size:11px; font-weight:700; letter-spacing:.12em; text-transform:uppercase; color:var(--aqua); margin-bottom:18px; } 1642 .hp-row { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:12px 0; border-top:1px solid rgba(255,255,255,0.08); } 1643 .hp-row:first-of-type { border-top:0; padding-top:0; } 1644 .hp-co { font-family:var(--font-ui); font-weight:600; font-size:14.5px; color:#fff; } 1645 .hp-now { font-family:var(--font-ui); font-weight:700; font-size:12px; color:var(--aqua); } 1646 .hp-watch { font-family:var(--font-ui); font-weight:700; font-size:12px; color:#FFC773; } 1647 .hp-later { font-family:var(--font-ui); font-weight:700; font-size:12px; color:rgba(240,239,235,0.45); } 1648 .hp-chip { display:inline-block; font-family:var(--font-ui); font-size:12.5px; color:#EAF3F6; background:rgba(113,245,245,0.12); border:1px solid rgba(113,245,245,0.25); border-radius:999px; padding:7px 13px; margin:0 8px 9px 0; } 1649 .hp-line { display:flex; gap:12px; padding:11px 0; border-top:1px solid rgba(255,255,255,0.08); } 1650 .hp-line:first-of-type { border-top:0; padding-top:0; } 1651 .hp-k { font-family:var(--font-ui); font-size:11px; font-weight:700; letter-spacing:.1em; text-transform:uppercase; color:rgba(113,245,245,0.9); flex:0 0 84px; } 1652 .hp-v { font-family:var(--font-ui); font-size:13.5px; line-height:1.5; color:#EAF3F6; } 1653 .hp-mail .hp-meta { font-family:var(--font-ui); color:rgba(240,239,235,0.55); font-size:12px; margin-bottom:12px; line-height:1.5; } 1654 .hp-mail .hp-body { font-family:var(--font-ui); font-size:13.5px; line-height:1.65; color:#EAF3F6; } 1655 @media(max-width:900px){ .hiw{ grid-template-columns:1fr; gap:32px; } } 1656 .why-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:24px; margin-top:48px; } 1657 .why-grid.cols-4 { grid-template-columns:repeat(4,1fr); } 1658 .why-card { position:relative; overflow:hidden; background:#fff; border:1px solid var(--border-dark-6); border-radius:16px; padding:32px 28px 28px; box-shadow:var(--card-drop-shadow); transition:transform .15s, box-shadow .15s; } 1659 .why-card:hover { transform:translateY(-3px); box-shadow:0 26px 54px -26px rgba(0,18,38,0.30); } 1660 .why-card::before { content:""; position:absolute; left:0; top:0; width:100%; height:3px; background:linear-gradient(90deg,var(--aqua),var(--sapphire) 75%); } 1661 .why-ico { width:46px; height:46px; border-radius:12px; background:rgba(113,245,245,0.16); display:flex; align-items:center; justify-content:center; margin-bottom:20px; } 1662 .why-ico svg { width:23px; height:23px; color:var(--sapphire); } 1663 .why-card .cg-feat-eyebrow { margin-bottom:8px; } 1664 .why-card h3 { margin-top:0; }
1665 @media(max-width:900px){ .why-grid{ grid-template-columns:1fr; } .why-grid.cols-4{ grid-template-columns:1fr; } } 1666 /* scale strip (data-moat credibility, high on page) */ 1667 /* proof: featured case-study cards */ 1668 .cs-proof-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:24px; margin-top:48px; } 1669 .cs-proof-card { display:flex; flex-direction:column; background: linear-gradient(145deg, rgba(113,245,245,0.14) 0%, rgba(0,40,85,0.34) 32%, rgba(0,18,38,0.96) 100%), linear-gradient(180deg, #002855 0%, #001226 100%); border-radius:16px; padding:32px; text-decoration:none; color:inherit; box-shadow: 0 26px 34px -18px rgba(0,18,38,0.72), inset 0 0 0 1px rgba(113,245,245,0.18); transition:transform .15s, box-shadow .15s; } 1670 .cs-proof-card:hover { transform:translateY(-4px); } 1671 .cs-proof-logo { height:28px; display:flex; align-items:center; margin-bottom:24px; padding-bottom:20px; border-bottom:1px solid var(--border-light-16); } 1672 .cs-proof-logo img { max-height:22px; max-width:140px; width:auto; object-fit:contain; filter:brightness(0) invert(1); opacity:0.92; } 1673 .cs-proof-metric { font-family:var(--font-heading); font-weight:800; font-size:40px; line-height:1; color:var(--aqua); letter-spacing:-0.02em; } 1674 .cs-proof-cap { font-family:var(--font-ui); font-size:14px; line-height:1.5; color:rgba(235,246,250,0.75); margin-top:10px; flex:1; } 1675 .cs-proof-link { display:inline-flex; align-items:center; gap:8px; margin-top:20px; padding-top:18px; border-top:1px solid rgba(255,255,255,0.14); font-family:var(--font-ui); font-weight:600; font-size:14px; color:#fff; } 1676 .cs-proof-link .arrow { transition:transform .18s; } 1677 .cs-proof-card:hover .cs-proof-link .arrow { transform:translateX(5px); } 1678 @media(max-width:860px){ .cs-proof-grid{ grid-template-columns:1fr; } } 1679 1680/* === Hero + Precision â rebuilt on the canonical .hero / .why-card components === */ 1681.audience-pill{ margin-bottom: 4px; } 1682 1683/* ===== Version B added sections (signals / see-it-work / audiences / quotes / faq) ===== */ 1684.es-sec{padding:88px 0;} 1685.es-light{background:var(--fill-atmospheric-light);} 1686.es-cream{background:var(--fill-minimal-cream);} 1687.es-head{text-align:center;max-width:820px;margin:0 auto 52px;} 1688.es-eyebrow{font-family:var(--font-ui);font-weight:700;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#0a7c91;margin-bottom:14px;} 1689.es-head h2{font-family:var(--font-heading);font-weight:800;font-size:clamp(30px,3.6vw,44px);color:#0a1a33;margin:0;line-height:1.1;} 1690.es-head p{font-family:var(--font-ui);font-size:17px;line-height:1.6;color:#4a5a70;margin:16px auto 0;max-width:720px;} 1691/* signals */ 1692.sig-wrap{display:grid;grid-template-columns:1fr 1.05fr;gap:48px;align-items:center;max-width:1060px;margin:0 auto;} 1693.sig-copy h2{font-family:var(--font-heading);font-weight:800;font-size:clamp(28px,3.4vw,40px);color:#0a1a33;margin:0 0 16px;line-height:1.12;} 1694.sig-copy>p{font-family:var(--font-ui);font-size:17px;line-height:1.6;color:#4a5a70;margin:0 0 22px;} 1695.sig-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px;} 1696.sig-list li{font-family:var(--font-ui);font-size:15px;color:#2b3a52;display:flex;gap:10px;align-items:flex-start;} 1697.sig-list li::before{content:"";width:8px;height:8px;margin-top:7px;border-radius:50%;background:linear-gradient(135deg,var(--aqua),#12b5c9);flex:0 0 8px;} 1698.sig-card{border-radius:20px;} 1699.sig-card img{width:100%;height:auto;display:block;border-radius:20px;box-shadow:0 32px 70px -30px rgba(0,18,38,0.35);filter:saturate(0.6) brightness(1.03) hue-rotate(8deg);} 1700@media(max-width:820px){.sig-wrap{grid-template-columns:1fr;gap:32px;}} 1701/* see it work */ 1702.siw-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-width:1000px;margin:0 auto;} 1703.siw-step{background:linear-gradient(180deg,rgba(234,252,255,0.35),#ffffff 55%);border:1px solid rgba(0,20,50,0.07);border-radius:14px;padding:24px;box-shadow:0 4px 16px rgba(0,20,50,0.04);} 1704.siw-num{width:34px;height:34px;border-radius:9px;background:linear-gradient(135deg,#001226,#00366b);color:var(--aqua);font-family:var(--font-heading);font-weight:800;display:flex;align-items:center;justify-content:center;font-size:15px;margin-bottom:14px;} 1705.siw-step h3{font-family:var(--font-heading);font-weight:800;font-size:19px;color:#0a1a33;margin:0 0 8px;} 1706.siw-step p{font-family:var(--font-ui);font-size:14.5px;line-height:1.55;color:#4a5a70;margin:0;} 1707.siw-draft{max-width:720px;
1707margin:36px auto 0;} 1708.siw-draft img{width:100%;height:auto;display:block;filter:saturate(0.6) brightness(1.03) hue-rotate(8deg);} 1709@media(max-width:820px){.siw-steps{grid-template-columns:1fr;}} 1710/* audiences */ 1711.aud-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;max-width:1000px;margin:0 auto;} 1712.aud-card{position:relative;background:#fff;border:1px solid rgba(0,20,50,0.08);border-radius:18px;padding:32px 30px;box-shadow:0 10px 30px rgba(0,20,50,0.05);overflow:hidden;} 1713.aud-card::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;} 1714.aud-card.v::before{background:linear-gradient(90deg,var(--aqua),#12b5c9);} 1715.aud-card.p::before{background:linear-gradient(90deg,#0a366b,#002855);} 1716.aud-tag{font-family:var(--font-ui);font-weight:700;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#0a7c91;margin-bottom:12px;} 1717.aud-card.p .aud-tag{color:#0a366b;} 1718.aud-card h3{font-family:var(--font-heading);font-weight:800;font-size:23px;color:#0a1a33;margin:0 0 12px;line-height:1.15;} 1719.aud-card>p{font-family:var(--font-ui);font-size:15.5px;line-height:1.6;color:#4a5a70;margin:0 0 18px;} 1720.aud-list{list-style:none;padding:0;margin:0 0 22px;display:flex;flex-direction:column;gap:10px;} 1721.aud-list li{font-family:var(--font-ui);font-size:14.5px;color:#2b3a52;display:flex;gap:10px;align-items:flex-start;} 1722.aud-list li::before{content:"\2713";color:#0a9a6a;font-weight:700;flex:0 0 auto;} 1723.aud-link{font-family:var(--font-ui);font-weight:700;font-size:14px;color:#0a366b;text-decoration:none;} 1724.aud-link:hover{color:var(--sapphire);} 1725@media(max-width:820px){.aud-grid{grid-template-columns:1fr;}} 1726/* quotes */ 1727.qt-sec{background:var(--fill-minimal-cream);padding:88px 0;} 1728.qt-sec .es-head h2{color:var(--deep-midnight);} 1729.qt-sec .es-eyebrow{color:#0a7c91;} 1730.qt-rating{text-align:center;font-family:var(--font-ui);font-size:13px;color:var(--dm-4);margin:16px 0 0;} 1731.qt-rating b{color:var(--deep-midnight);} 1732.qt-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;max-width:1040px;margin:48px auto 0;} 1733.qt-card{position:relative;overflow:hidden;background:#fff;border:1px solid var(--border-dark-6);border-radius:16px;padding:28px;box-shadow:var(--card-drop-shadow);} 1734.qt-card::before{content:"";position:absolute;left:0;top:0;width:100%;height:3px;background:linear-gradient(90deg,var(--aqua),var(--sapphire) 75%);} 1735.qt-stars{color:var(--eb-5);font-size:14px;letter-spacing:3px;margin-bottom:14px;} 1736.qt-card blockquote{font-family:var(--font-ui);font-size:15.5px;line-height:1.6;color:var(--dm-2);margin:0 0 20px;} 1737.qt-who{display:flex;align-items:center;gap:12px;} 1738.qt-av{width:40px;height:40px;flex:0 0 40px;border-radius:50%;color:#fff;font-weight:700;font-family:var(--font-ui);font-size:13px;display:flex;align-items:center;justify-content:center;} 1739.qt-who .nm{font-family:var(--font-ui);font-weight:700;font-size:14px;color:var(--deep-midnight);} 1740.qt-who .rl{font-family:var(--font-ui);font-size:12.5px;color:var(--dm-5);} 1741@media(max-width:820px){.qt-grid{grid-template-columns:1fr;}} 1742/* faq */ 1743.faq-wrap{max-width:820px;margin:0 auto;} 1744.faq-item{border-bottom:1px solid rgba(0,20,50,0.1);} 1745.faq-item summary{list-style:none;cursor:pointer;padding:20px 0;font-family:var(--font-heading);font-weight:700;font-size:18px;color:#0a1a33;display:flex;justify-content:space-between;align-items:center;gap:16px;} 1746.faq-item summary::-webkit-details-marker{display:none;} 1747.faq-item summary::after{content:"+";font-family:var(--font-ui);font-weight:400;font-size:24px;color:#0a7c91;flex:0 0 auto;} 1748.faq-item[open] summary::after{content:"\2212";} 1749.faq-item p{font-family:var(--font-ui);font-size:15.5px;line-height:1.65;color:#4a5a70;margin:0 0 20px;max-width:730px;} 1750.faq-item p a { color: #0a1a33; text-decoration: underline; }; 1751</style></div><div class="w-embed"> 1752<style> 1753 .wy-prose { max-width:760px; margin:30px auto 0; } 1754 .wy-prose p { font-family:var(--font-ui); font-size:18px; line-height:1.7; color:var(--dm-2); margin:0 0 18px; } 1755 .wy-prose p:last-child { margin-bottom:0; } 1756 .wy-stats { display:grid; grid-template-columns:repeat(4,1fr); gap:0; margin-top:44px; background:rgba(255,255,255,0.045); border:1px solid rgba(255,255,255,0.12); border-radius:18px; overflow:hidden; box-shadow:0 20px 50px -28px rgba(0,0,0,0.55); } 1757 .wy-stat { padding:34px 24px; text-align:center; position:relative; border-left:1px solid rgba(255,255,255,0.09); } 1758 .wy-stat:first-child { border-left:0; } 1759 .wy-stat .n { font-family:var(--font-heading); font-weight:800; font-size:46px; line-height:1; color:var(--aqua); letter-spacing:-0.02em; } 1760 .wy-stat .l { font-family:var(--font-ui); font-size:13.5px; line-height:1.45; color:rgba(240,239,235,0.8); margin-top:10px; } 1761 .wy-fq p { font-family:var(--font-ui); font-size:16px; line-height:1.55; color:var(--dm-2); margin:6px 0 0; } 1762 @media(max-width:760px){ .wy-stats{ grid-template-columns:repeat(2,1fr); } .wy-stat:nth-child(3),.wy-stat:nth-child(4){ border-top:1px solid rgba(255,255,255,0.09); } .wy-stat:nth-child(3){ border-left:0; } } 1763</style> 1764 1765<style id="trust-css"> 1766.trust-hero{background:radial-gradient(1100px 520px at 50% -12%,rgba(113,245,245,0.14),transparent 60%),linear-gradient(160deg,#001226 0%,#00224b 60%,#002a5c 100%);color:#fff;padding:120px 0 64px;text-align:center;position:relative;overflow:hidden;border-bottom:1px solid rgba(113,245,245,0.18);} 1767.trust-hero::before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--aqua),transparent);opacity:.7;} 1768.trust-hero .eyebrow{color:var(--aqua);} 1769.trust-hero h1{color:#fff;font-family:var(--font-heading);font-weight:800;font-size:clamp(36px,5vw,56px);line-height:1.06;margin:16px 0 0;} 1770.trust-hero .sub{color:rgba(240,239,235,0.84);max-width:660px;margin:18px auto 0;font-size:18px;line-height:1.55;} 1771.trust-badges{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin:34px auto 0;max-width:720px;} 1772.trust-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,0.06);border:1px solid rgba(113,245,245,0.3);border-radius:999px;padding:9px 16px;font-family:var(--font-ui);font-weight:600;font-size:13px;color:#fff;} 1773.trust-badge .tb-dot{width:8px;height:8px;border-radius:50%;background:var(--aqua);} 1774.trust-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;max-width:1000px;margin:0 auto;} 1775.trust-card{background:#fff;border:1px solid rgba(0,18,38,0.08);border-radius:16px;
1775padding:28px 30px;box-shadow:0 8px 24px rgba(0,20,50,0.04);} 1776.trust-card .tc-ic{width:44px;height:44px;border-radius:11px;background:linear-gradient(135deg,#001226,#00366b);color:var(--aqua);display:flex;align-items:center;justify-content:center;margin-bottom:16px;} 1777.trust-card h3{font-family:var(--font-heading);font-weight:800;font-size:20px;color:#0a1a33;margin:0 0 10px;line-height:1.2;} 1778.trust-card>p{font-family:var(--font-ui);font-size:15px;line-height:1.6;color:#4a5a70;margin:0 0 12px;} 1779.trust-card ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:9px;} 1780.trust-card li{font-family:var(--font-ui);font-size:14.5px;line-height:1.5;color:#2b3a52;display:flex;gap:10px;align-items:flex-start;} 1781.trust-card li::before{content:"";width:7px;height:7px;margin-top:7px;border-radius:50%;background:var(--aqua);flex:0 0 7px;} 1782.trust-card a{color:#0a366b;font-weight:600;text-decoration:none;} 1783.trust-card a:hover{color:var(--sapphire);} 1784.trust-arch{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:center;max-width:1040px;margin:0 auto;} 1785.trust-arch img{width:100%;border-radius:14px;border:1px solid rgba(0,18,38,0.08);background:#fff;padding:10px;} 1786.trust-arch h2{font-family:var(--font-heading);font-weight:800;font-size:clamp(26px,3vw,36px);color:#0a1a33;margin:0 0 14px;} 1787.trust-arch p{font-family:var(--font-ui);font-size:16px;line-height:1.6;color:#4a5a70;margin:0 0 16px;} 1788.trust-contact{max-width:940px;margin:0 auto;display:grid;grid-template-columns:1.2fr 1fr;gap:32px;align-items:start;} 1789.trust-contact h3{font-family:var(--font-heading);font-weight:800;font-size:20px;color:#0a1a33;margin:0 0 14px;} 1790.trust-contact .tc-row{font-family:var(--font-ui);font-size:15px;line-height:1.6;color:#4a5a70;margin-bottom:12px;} 1791.trust-contact .tc-row a{color:#0a366b;font-weight:600;text-decoration:none;} 1792.trust-addr{font-family:var(--font-ui);font-size:15px;line-height:1.75;color:#4a5a70;} 1793@media(max-width:820px){.trust-grid,.trust-arch,.trust-contact{grid-template-columns:1fr;gap:26px;}} 1794.trust-final{background:linear-gradient(135deg,#001226,#00366b);color:#fff;text-align:center;padding:80px 0;} 1795.trust-final h2{font-family:var(--font-heading);font-weight:800;font-size:clamp(30px,4vw,44px);color:#fff;margin:0 0 14px;} 1796.trust-final p{font-family:var(--font-ui);font-size:18px;color:rgba(240,239,235,0.82);margin:0 auto 28px;max-width:600px;} 1797</style></div><div class="w-embed w-script"><style> 1798 /* ---- Mega-menu support ---- */ 1799 .mega-col-sub { 1800 font-family: var(--font-ui); 1801 font-style: italic; 1802 font-size: 12.5px; 1803 color: var(--muted); 1804 line-height: 1.4; 1805 margin: -4px 0 16px; 1806 padding-bottom: 14px; 1807 border-bottom: 1px solid var(--border-dark-6); 1808 } 1809 1810 /* Partner Programs mega - layout + program cards */ 1811 .mega-programs .mega-inner { 1812 grid-template-columns: 1fr 300px; 1813 } 1814 .prog-grid { 1815 display: grid; 1816 grid-template-columns: 1fr 1fr; 1817 gap: 10px; 1818 margin-top: 6px; 1819 } 1820 .prog-card { 1821 display: flex; 1822 align-items: center; 1823 gap: 12px; 1824 padding: 13px 15px; 1825 border: 1px solid var(--border-dark-12); 1826 border-radius: 12px; 1827 background: #fff; 1828 text-decoration: none; 1829 transition: 1830 border-color 0.15s, 1831 box-shadow 0.15s, 1832 transform 0.15s; 1833 } 1834 .prog-card:hover 22 1835 border-color: var(--eb-9); 1836 box-shadow: 0 4px 12px -4px rgba(0, 18, 38, 0.12); 1837 transform: translateY(-1px); 1838 } 1839 .prog-card svg { 1840 flex-shrink: 0; 1841 } 1842 .prog-tx { 1843 display: flex; 1844 flex-direction: column; 1845 min-width: 0; 1846 } 1847 .prog-nm { 1848 display: block; 1849 font-family: var(--font-heading); 1850 font-size: 15px; 1851 font-weight: 600; 1852 color: var(--deep-midnight); 1853 letter-spacing: -0.01em; 1854 } 1855 .prog-ds { 1856 display: block; 1857 font-family: var(--font-ui); 1858 font-size: 12px; 1859 color: var(--dm-4); 1860 } 1861 .prog-card.is-soon { 1862 background: var(--cd-4); 1863 cursor: default; 1864 } 1865 .prog-card.is-soon:hover { 1866 border-color: var(--border-dark-12); 1867 box-shadow: none; 1868 transform: none; 1869 } 1870 1871 /* ========================================================================= 1872 HEADER 1873 ========================================================================= */ 1874 1875 /* ============ HEADER - merges with hero; white blur fades in on scroll ============ */ 1876 header.site-header { 1877 position: fixed; 1878 top: 0; 1879 left: 0; 1880 right: 0; 1881 z-index: 100;
1882 /* Background opacity ramps 0 ââ â 0.5 as scrollY ramps 0 ââ â 100px (set by script.js). */ 1883 --header-bg-opacity: 0.94; 1884 background: rgba(255, 255, 255, var(--header-bg-opacity)); 1885 border-bottom: 1px solid transparent; 1886 transition: border-color 0.25s ease; 1887 } 1888 body.has-banner header.site-header { 1889 top: var(--banner-offset, 85px); 1890 } 1891 header.site-header.scrolled { 1892 backdrop-filter: saturate(180%) blur(16px); 1893 -webkit-backdrop-filter: saturate(180%) blur(16px); 1894 border-bottom-color: var(--border-dark-6); 1895 } 1896 1897 /* 3-column grid: logo (auto) | nav (centered, fills middle) | CTA (auto) */ 1898 header.site-header .container { 1899 display: grid; 1900 grid-template-columns: auto 1fr auto; 1901 align-items: center; 1902 column-gap: 32px; 1903 height: 72px; 1904 } 1905 .brand-mark { 1906 display: flex; 1907 align-items: center; 1908 gap: 10px; 1909 } 1910 .brand-mark svg { 1911 height: 28px; 1912 width: auto; 1913 } 1914 1915 /* Arrow sizing inside the compact primary button */ 1916 .site-header .btn-primary .arrow { 1917 font-size: 14px; 1918 } 1919 1920 @media (max-width: 768px) { 1921 .nav-links { 1922 display: none; 1923 } 1924 header.site-header .container { 1925 grid-template-columns: auto auto; 1926 justify-content: space-between; 1927 } 1928 } 1929 1930 /* ===================================================================== 1931 SITE MEGA-MENU (ported from nav mockup v33 into canonical tokens) 1932 ===================================================================== */ 1933 .site-header { 1934 position: sticky; 1935 top: 0; 1936 z-index: 200; 1937 background: rgba(255, 255, 255, 0.92); 1938 backdrop-filter: blur(12px); 1939 border-bottom: 1px solid var(--border-dark-6); 1940 } 1941 .site-header > .container { 1942 display: flex; 1943 align-items: center; 1944 justify-content: space-between; 1945 height: 72px; 1946 } 1947 .brand-mark img { 1948 height: 30px; 1949 width: auto; 1950 display: block; 1951 } 1952 .primary-nav { 1953 display: flex; 1954 align-items: center; 1955 gap: 2px; 1956 list-style: none; 1957 margin: 0; 1958 padding: 0; 1959 } 1960 .primary-nav > li { 1961 position: static; 1962 } 1963 /* Top-level header row only - the mega panels use .mega-item and keep 1964 their own sizing. nowrap stops "Partner Programs" breaking onto two 1965 lines as the row tightens on smaller desktops. */ 1966 .nav-trigger { 1967 position: relative; 1968 display: inline-flex; 1969 align-items: center; 1970 gap: 6px; 1971 white-space: nowrap; 1972 font-family: var(--font-ui); 1973 font-size: 14px; 1974 font-weight: 500; 1975 color: var(--dm-2); 1976 text-decoration: none; 1977 padding: 10px 14px; 1978 border-radius: 10px; 1979 cursor: pointer; 1980 transition: 1981 color 0.15s, 1982 background 0.15s; 1983 } 1984 /* Buy back horizontal room before the breakpoint rather than wrapping. */ 1985 @media (max-width: 1180px) { 1986 .nav-trigger { 1987 padding: 10px 10px; 1988 } 1989 header.site-header .container { 1990 column-gap: 20px; 1991 } 1992 } 1993 .nav-trigger::after { 1994 content: ''; 1995 position: absolute; 1996 bottom: -20px; 1997 left: 0; 1998 right: 0; 1999 height: 20px; 2000 } 2001 .nav-trigger:hover, 2002 .has-mega:hover .nav-trigger { 2003 color: var(--sapphire); 2004 background: var(--eb-11); 2005 } 2006 .nav-trigger .chev { 2007 width: 9px; 2008 height: 9px; 2009 transition: transform 0.2s; 2010 opacity: 0.6; 2011 } 2012 .has-mega:hover .nav-trigger .chev { 2013 transform: rotate(180deg); 2014 } 2015 .nav-right { 2016 display: flex; 2017 align-items: center; 2018 gap: 14px; 2019 } 2020 .nav-signin { 2021 font-family: var(--font-ui); 2022 font-size: 14px; 2023 font-weight: 600; 2024 color: var(--sapphire); 2025 text-decoration: none; 2026 } 2027 .nav-signin:hover { 2028 color: var(--deep-midnight); 2029 } 2030 2031 .mega { 2032 position: absolute; 2033 top: 72px; 2034 left: 0; 2035 right: 0; 2036 background: var(--card-sheen), #fff; 2037 border-bottom: 1px solid var(--border-dark-6); 2038 box-shadow: 0 24px 50px -24px rgba(0, 18, 38, 0.22); 2039 opacity: 0; 2040 visibility: hidden; 2041 transform: translateY(-8px); 2042 transition: 2043 opacity 0.18s ease, 2044 transform 0.18s ease, 2045 visibility 0s 0.18s; 2046 z-index: 150; 2047 } 2048 .has-mega:hover .mega, 2049 .mega:hover { 2050 opacity: 1; 2051 visibility: visible; 2052 transform: translateY(0); 2053 transition: 2054 opacity 0.18s ease, 2055 transform 0.18s ease, 2056 visibility 0s; 2057 } 2058 .mega-inner { 2059 max-width: 1200px; 2060 margin: 0 auto; 2061 padding: 36px 32px 40px; 2062 display: grid; 2063 gap: 32px; 2064 } 2065 .mega-col-title { 2066 font-family: var(--font-ui); 2067 font-size: 11px; 2068 font-weight: 700; 2069 letter-spacing: 1.4px; 2070 text-transform: uppercase; 2071 color: var(--eb-5); 2072 margin-bottom: 16px; 2073 } 2074 a.mega-col-title { 2075 display: block; 2076 text-decoration: none; 2077 cursor: pointer; 2078 transition: color 0.12s; 2079 } 2080 a.mega-col-title:hover { 2081 color: var(--sapphire); 2082 } 2083 .mega-list { 2084 list-style: none; 2085 margin: 0; 2086 padding: 0; 2087 display: flex; 2088 flex-direction: column; 2089 gap: 2px; 2090 } 2091 .mega-item { 2092 display: block; 2093 padding: 9px 10px 9px 0; 2094 text-decoration: none; 2095 border-radius: 8px; 2096 transition: padding-left 0.15s; 2097 } 2098 .mega-item:hover { 2099 padding-left: 8px; 2100 } 2101 .mega-item-title { 2102 display: flex; 2103 align-items: center; 2104 gap: 8px; 2105 font-family: var(--font-heading); 2106 font-size: 15px; 2107 font-weight: 600; 2108 color: var(--deep-midnight); 2109 letter-spacing: -0.01em; 2110 } 2111 .mega-item:hover .mega-item-title { 2112 color: var(--sapphire); 2113 } 2114 .mega-item-desc { 2115 display: block; 2116 font-family: var(--font-ui); 2117 font-size: 12.5px; 2118 color: var(--dm-4); 2119 line-height: 1.45; 2120 margin-top: 2px; 2121 } 2122 .mega-new { 2123 font-family: var(--font-ui); 2124 font-size: 9px; 2125 font-weight: 700; 2126 letter-spacing: 0.6px; 2127 text-transform: uppercase; 2128 color: var(--deep-midnight); 2129 background: var(--aqua); 2130 border-radius: 4px; 2131 padding: 2px 6px; 2132 } 2133 2134 /* Solutions - two audience blocks */ 2135 .mega-solutions .mega-inner { 2136 grid-template-columns: 1fr 1fr; 2137 gap: 0; 2138 }
2139 .audience-block { 2140 padding: 0 36px; 2141 } 2142 .audience-block:first-child { 2143 border-right: 1px solid var(--border-dark-6); 2144 padding-left: 4px; 2145 } 2146 .audience-block:last-child { 2147 padding-right: 4px; 2148 } 2149 .audience-tag { 2150 display: inline-block; 2151 font-family: var(--font-ui); 2152 font-size: 11px; 2153 font-weight: 700; 2154 letter-spacing: 1px; 2155 text-transform: uppercase; 2156 color: var(--sapphire); 2157 background: var(--eb-11); 2158 border-radius: 999px; 2159 padding: 6px 12px; 2160 margin-bottom: 14px; 2161 } 2162 a.audience-tag { 2163 text-decoration: none; 2164 cursor: pointer; 2165 transition: background 0.15s; 2166 } 2167 a.audience-tag:hover { 2168 background: var(--eb-10); 2169 } 2170 .audience-sub { 2171 font-family: var(--font-ui); 2172 font-size: 12.5px; 2173 color: var(--dm-5); 2174 margin: 0 0 14px; 2175 padding-bottom: 12px; 2176 border-bottom: 1px solid var(--border-dark-6); 2177 } 2178 2179 /* Dark promo card (Proven / Featured) */ 2180 .mega-promo { 2181 background: var(--fill-midnight-to-navy); 2182 border-radius: 14px; 2183 padding: 24px; 2184 text-decoration: none; 2185 display: flex; 2186 flex-direction: column; 2187 min-height: 100%; 2188 position: relative; 2189 } 2190 .mega-promo-tag { 2191 font-family: var(--font-ui); 2192 font-size: 10.5px; 2193 font-weight: 700; 2194 letter-spacing: 1.4px; 2195 text-transform: uppercase; 2196 color: var(--aqua); 2197 margin-bottom: 10px; 2198 } 2199 .mega-promo-title { 2200 font-family: var(--font-heading); 2201 font-size: 18px; 2202 font-weight: 600; 2203 color: #fff; 2204 line-height: 1.25; 2205 margin-bottom: 8px; 2206 } 2207 .mega-promo-desc { 2208 font-family: var(--font-ui); 2209 font-size: 13px; 2210 color: var(--eb-10); 2211 line-height: 1.5; 2212 margin-bottom: 16px; 2213 } 2214 .mega-promo-link { 2215 margin-top: auto; 2216 font-family: var(--font-ui); 2217 font-size: 13.5px; 2218 font-weight: 700; 2219 color: #fff; 2220 } 2221 .mega-promo:hover .mega-promo-link { 2222 color: var(--aqua); 2223 } 2224 2225 .mega-platform .mega-inner, 2226 .mega-customers .mega-inner { 2227 grid-template-columns: 1fr 1fr 300px; 2228 } 2229 .mega-resources .mega-inner { 2230 grid-template-columns: 1fr 1fr 300px; 2231 } 2232 .mega-cols-2 { 2233 display: grid; 2234 grid-template-columns: 1fr 1fr; 2235 gap: 32px; 2236 grid-column: 1 / 3; 2237 } 2238 2239 .hamburger { 2240 display: none; 2241 } 2242 @media (max-width: 980px) { 2243 .primary-nav, 2244 .nav-signin { 2245 display: none; 2246 } 2247 .mega { 2248 display: none; 2249 } 2250 /* Two children left (brand + nav-right) - push them to the edges. */ 2251 header.site-header .container { 2252 grid-template-columns: auto auto; 2253 justify-content: space-between; 2254 } 2255 .hamburger { 2256 display: inline-flex; 2257 } 2258 } 2259 /* Below this the CTA lives in the menu footer instead. */ 2260 @media (max-width: 560px) { 2261 .nav-right .btn-primary { 2262 display: none; 2263 } 2264 } 2265 2266 /* ===================================================================== 2267 MOBILE - hamburger + full-screen menu 2268 ===================================================================== */ 2269 .hamburger { 2270 width: 40px; 2271 height: 40px; 2272 align-items: center; 2273 justify-content: center; 2274 border-radius: 10px; 2275 background: transparent; 2276 border: none; 2277 padding: 0; 2278 cursor: pointer; 2279 color: var(--deep-midnight); 2280 transition: background 0.15s; 2281 -webkit-tap-highlight-color: transparent; 2282 } 2283 .hamburger:hover { 2284 background: var(--eb-11); 2285 } 2286 .hamburger-box { 2287 position: relative; 2288 width: 20px; 2289 height: 14px; 2290 pointer-events: none; 2291 } 2292 .hamburger-box span { 2293 position: absolute; 2294 left: 0; 2295 right: 0; 2296 height: 2px; 2297 border-radius: 2px; 2298 background: currentColor; 2299 transition: 2300 transform 0.28s cubic-bezier(0.4, 0, 0.2, 1), 2301 opacity 0.18s ease; 2302 } 2303 .hamburger-box span:nth-child(1) { 2304 top: 0; 2305 } 2306 .hamburger-box span:nth-child(2) { 2307 top: 6px; 2308 } 2309 .hamburger-box span:nth-child(3) { 2310 top: 12px; 2311 } 2312 .hamburger[aria-expanded='true'] .hamburger-box span:nth-child(1) { 2313 transform: translateY(6px) rotate(45deg); 2314 } 2315 .hamburger[aria-expanded='true'] .hamburger-box span:nth-child(2) { 2316 opacity: 0; 2317 } 2318 .hamburger[aria-expanded='true'] .hamburger-box span:nth-child(3) { 2319 transform: translateY(-6px) rotate(-45deg); 2320 } 2321 2322 /* Panel fills everything below the 72px bar, so the logo stays visible. 2323 Column layout: the list scrolls, the CTA bar stays pinned to the bottom. */ 2324 .mobile-menu { 2325 position: fixed; 2326 top: 72px; 2327 left: 0; 2328 right: 0; 2329 bottom: 0; 2330 z-index: 190; 2331 background: #fff; 2332 display: flex; 2333 flex-direction: column; 2334 opacity: 0; 2335 visibility: hidden; 2336 transform: translateY(-6px); 2337 transition: 2338 opacity 0.22s ease, 2339 transform 0.22s ease, 2340 visibility 0s 0.22s; 2341 } 2342 /* Must beat the display:flex above, or [hidden] does nothing. */ 2343 .mobile-menu[hidden] { 2344 display: none; 2345 } 2346 .mobile-menu.open { 2347 opacity: 1; 2348 visibility: visible; 2349 transform: none; 2350 transition: 2351 opacity 0.22s ease, 2352 transform 0.22s ease, 2353 visibility 0s; 2354 } 2355 body.menu-open { 2356 overflow: hidden; 2357 } 2358 /* Desktop never shows it, even if a stale .open class is left behind. */ 2359 @media (min-width: 981px) { 2360 .mobile-menu { 2361 display: none; 2362 } 2363 } 2364 2365 .mm-scroll { 2366 flex: 1 1 auto; 2367 min-height: 0; 2368 overflow-y: auto; 2369 overscroll-behavior: contain; 2370 -webkit-overflow-scrolling: touch; 2371 padding: 6px 0 24px; 2372 } 2373 .mm-inner { 2374 max-width: 1200px; 2375 margin: 0 auto; 2376 padding: 0 24px; 2377 } 2378 2379 /* Pinned CTA bar - matches Stripe's persistent bottom action */ 2380 .mm-cta { 2381 flex: 0 0 auto; 2382 border-top: 1px solid var(--border-dark-6); 2383 background: #fff; 2384 padding: 14px 24px calc(14px + env(safe-area-inset-bottom, 0px)); 2385 } 2386 .mm-cta .btn { 2387 width: 100%; 2388 height: 48px; 2389 font-size: 15px; 2390 } 2391 2392 /* Top-level row: drills into a sub-view, or links straight out */ 2393 .mm-item { 2394 border-bottom: 1px solid var(--border-dark-6); 2395 } 2396 .mm-row { 2397 display: flex; 2398 align-items: center; 2399 justify-content: space-between; 2400 gap: 12px; 2401 width: 100%; 2402 padding: 18px 4px; 2403 font-family: var(--font-heading); 2404 font-size: 18px; 2405 font-weight: 600; 2406 letter-spacing: -0.01em; 2407 color: var(--deep-midnight); 2408 background: none; 2409 border: none; 2410 text-align: left; 2411 cursor: pointer; 2412 -webkit-tap-highlight-color: transparent; 2413 } 2414 .mm-row:active { 2415 color: var(--sapphire); 2416 } 2417 /* Chevron points right - this row goes deeper */ 2418 .mm-row .chev { 2419 width: 13px; 2420 height: 13px; 2421 flex: 0 0 auto; 2422 color: var(--sapphire); 2423 transform: rotate(-90deg); 2424 } 2425 2426 /* Views: one is shown at a time, swapped by the script */ 2427 .mm-view[hidden] { 2428 display: none; 2429 } 2430 .mm-view.from-right { 2431 animation: mm-in-right 0.26s cubic-bezier(0.4, 0, 0.2, 1) both; 2432 } 2433 .mm-view.from-left { 2434 animation: mm-in-left 0.26s cubic-bezier(0.4, 0, 0.2, 1) both; 2435 } 2436 @keyframes mm-in-right { 2437 from { 2438 opacity: 0; 2439 transform: translateX(26px); 2440 } 2441 to { 2442 opacity: 1; 2443 transform: none; 2444 } 2445 } 2446 @keyframes mm-in-left { 2447 from { 2448 opacity: 0; 2449 transform: translateX(-26px); 2450 } 2451 to { 2452 opacity: 1; 2453 transform: none; 2454 } 2455 } 2456 2457 /* Sub-view header: back button + section title */ 2458 .mm-back { 2459 display: flex; 2460 align-items: center; 2461 gap: 9px; 2462 width: 100%; 2463 padding: 14px 4px; 2464 margin-bottom: 2px; 2465 background: none; 2466 border: none; 2467 cursor: pointer; 2468 text-align: left; 2469 font-family: var(--font-ui); 2470 font-size: 14px; 2471 font-weight: 600; 2472 color: var(--sapphire); 2473 -webkit-tap-highlight-color: transparent; 2474 } 2475 .mm-back svg { 2476 width: 14px; 2477 height: 14px; 2478 flex: 0 0 auto; 2479 } 2480 .mm-detail-title { 2481 font-family: var(--font-heading); 2482 font-size: 24px; 2483 font-weight: 700; 2484 letter-spacing: -0.02em; 2485 color: var(--deep-midnight); 2486 padding: 2px 4px 16px; 2487 margin-bottom: 6px; 2488 border-bottom: 1px solid var(--border-dark-6); 2489 } 2490 .mm-detail-body { 2491 padding: 0 4px; 2492 } 2493 2494 .mm-group + .mm-group { 2495 margin-top: 22px; 2496 } 2497 .mm-group-title { 2498 font-family: var(--font-ui); 2499 font-size: 11px; 2500 font-weight: 700; 2501 letter-spacing: 1.4px; 2502 text-transform: uppercase; 2503 color: var(--eb-5); 2504 margin-bottom: 6px; 2505 } 2506 .mm-link { 2507 display: block; 2508 padding: 11px 0; 2509 text-decoration: none; 2510 } 2511 .mm-link-title { 2512 display: block; 2513 font-family: var(--font-heading); 2514 font-size: 15.5px; 2515 font-weight: 600; 2516 color: var(--deep-midnight); 2517 letter-spacing: -0.01em; 2518 } 2519 .mm-link-desc { 2520 display: block; 2521 font-family: var(--font-ui); 2522 font-size: 13px; 2523 color: var(--dm-4); 2524 line-height: 1.45; 2525 margin-top: 2px; 2526 } 2527 .mm-link:active .mm-link-title { 2528 color: var(--sapphire); 2529 } 2530 .mm-link.is-soon { 2531 opacity: 0.55; 2532 pointer-events: none; 2533 } 2534 2535 @media (prefers-reduced-motion: reduce) { 2536 .mobile-menu, 2537 .mm-panel, 2538 .mm-row .chev, 2539 .hamburger-box span { 2540 transition-duration: 0.01ms; 2541 } 2542 } 2543 /* --- Rich mega-nav (ported from nav review) + Pipeline Agent group box --- */ 2544 .mega-platform .mega-inner { 2545 grid-template-columns: 1fr 1fr 300px; 2546 gap: 40px; 2547 } 2548 .mega-item.ico { 2549 display: flex; 2550 gap: 11px; 2551 align-items: flex-start; 2552 } 2553 .mi-ico { 2554 flex: 0 0 auto;
2555 width: 20px; 2556 height: 20px; 2557 color: var(--sapphire, #002855); 2558 margin-top: 1px; 2559 } 2560 .mi-ico svg { 2561 width: 20px; 2562 height: 20px; 2563 display: block; 2564 } 2565 .mi-body { 2566 display: flex; 2567 flex-direction: column; 2568 min-width: 0; 2569 } 2570 .mega-item-feat { 2571 border: 1px solid var(--eb-9, #cdd8ea); 2572 background: #fff; 2573 border-radius: 10px; 2574 padding: 9px 11px; 2575 box-shadow: 0 1px 2px rgba(0, 18, 38, 0.05); 2576 } 2577 .mega-item-feat:hover { 2578 padding-left: 11px; 2579 } 2580 .mega-col-side { 2581 border-left: 1px solid var(--border-dark-6, #e3e6ea); 2582 padding-left: 40px; 2583 } 2584 .mega-col-title-2 { 2585 margin-top: 22px; 2586 } 2587 .mega-side-link { 2588 display: inline-block; 2589 margin: 4px 0 2px; 2590 font-family: var(--font-ui), system-ui, sans-serif; 2591 font-size: 13px; 2592 font-weight: 600; 2593 color: var(--sapphire, #2d6cdf); 2594 text-decoration: none; 2595 } 2596 .mega-foot { 2597 max-width: 1200px; 2598 margin: 0 auto; 2599 padding: 13px 32px; 2600 border-top: 1px solid var(--border-dark-6, #e3e6ea); 2601 display: flex; 2602 justify-content: space-between; 2603 align-items: center; 2604 } 2605 .mega-foot-left { 2606 display: flex; 2607 gap: 24px; 2608 } 2609 .mega-foot-right { 2610 display: flex; 2611 gap: 20px; 2612 align-items: center; 2613 } 2614 .mega-foot a { 2615 font-family: var(--font-ui), system-ui, sans-serif; 2616 font-size: 13.5px; 2617 color: var(--dm-2, #1f2a37); 2618 text-decoration: none; 2619 } 2620 .mega-foot a:hover { 2621 color: var(--sapphire, #002855); 2622 } 2623 .mega-foot a.btn-primary, 2624 .mega-foot a.btn-primary:hover { 2625 color: var(--white, #fff); 2626 } 2627 .mega-agent-group { 2628 background: #ecfbfd; 2629 border: 1px solid #c9eef3; 2630 border-radius: 12px; 2631 padding: 12px 14px; 2632 } 2633 .mega-agent-tag { 2634 display: flex; 2635 align-items: center; 2636 gap: 8px; 2637 font-family: var(--font-ui); 2638 font-size: 13px; 2639 line-height: 1.5; 2640 font-weight: 700; 2641 letter-spacing: 1.2px; 2642 text-transform: uppercase; 2643 color: var(--sapphire); 2644 margin: 2px 2px 10px; 2645 text-decoration: none; 2646 cursor: pointer; 2647 transition: color 0.12s; 2648 } 2649 .mega-agent-tag:hover { 2650 color: var(--deep-midnight); 2651 } 2652 .mega-agent-ico { 2653 flex: 0 0 auto; 2654 width: 18px; 2655 height: 18px; 2656 color: var(--sapphire); 2657 display: flex; 2658 } 2659 .mega-agent-ico svg { 2660 width: 18px; 2661 height: 18px; 2662 display: block; 2663 } 2664 .mega-platform .mega-inner { 2665 grid-template-columns: 1fr 1fr 270px; 2666 } 2667 .mega-new { 2668 font-family: var(--font-ui); 2669 font-size: 9px; 2670 font-weight: 700; 2671 letter-spacing: 0.6px; 2672 text-transform: uppercase; 2673 color: var(--deep-midnight); 2674 background: var(--aqua); 2675 border-radius: 4px; 2676 padding: 2px 6px; 2677 } 2678 .brand-switch { 2679 display: inline-flex; 2680 align-items: center; 2681 } 2682</style> 2683 2684<header class="site-header"> 2685 <div class="container"> 2686 <div class="brand-switch"> 2687 <a href="https://enlyft.com" class="brand-mark" aria-label="Enlyft home"><img src="https://cdn.prod.website-files.com/5ffb9f8c3491d74eb1af79a8/6a60dc4eb8070f6865f35ed8_enlyft-logo.png" alt="Enlyft" /></a> 2688 </div> 2689 <ul class="primary-nav"> 2690 <li class="has-mega"> 2691 <a class="nav-trigger" 2692 >Platform <svg class="chev" viewBox="0 0 12 12" fill="none"><path d="M2 4l4 4 4-4" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" /></svg 2693 ></a> 2694 <div class="mega mega-platform"> 2695 <div class="mega-inner"> 2696 <div> 2697 <a class="mega-col-title" href="https://enlyft.com/platform/partner-ecosystem-intelligence">Ecosystem Intelligence</a> 2698 <p class="mega-col-sub">Find buyers no one is working yet</p> 2699 <ul class="mega-list"> 2700 <li> 2701 <a class="mega-item ico" href="https://enlyft.com/platform/partner-ecosystem-intelligence#account-intelligence" 2702 ><span class="mi-ico" 2703 ><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7"> 2704 <path d="M12 3l9 5-9 5-9-5 9-5z" /> 2705 <path d="M3 13l9 5 9-5" /></svg></span 2706 ><span class="mi-body"><span class="mega-item-title">Account Intelligence</span><span class="mega-item-desc">45M+ companies, 24K+ technologies</span></span></a 2707 > 2708 </li> 2709 <li> 2710 <a class="mega-item ico" href="https://enlyft.com/platform/partner-ecosystem-intelligence#buying-signals" 2711 ><span class="mi-ico" 2712 ><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"><path d="M3 12h4l2 6 4-12 2 6h5" /></svg></span 2713 ><span class="mi-body"><span class="mega-item-title">Buying Signals</span><span class="mega-item-desc">Real-time in-market intent</span></span></a 2714 > 2715 </li> 2716 <li> 2717 <a class="mega-item ico" href="https://enlyft.com/platform/partner-ecosystem-intelligence#account-mapping" 2718 ><span class="mi-ico" 2719 ><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7"> 2720 <circle cx="9" cy="12" r="6" /> 2721 <circle cx="15" cy="12" r="6" /></svg></span 2722 ><span class="mi-body"><span class="mega-item-title">Account Mapping</span><span class="mega-item-desc">Find install-base overlap to cross- and up-sell</span></span></a 2723 > 2724 </li> 2725 <li> 2726 <a class="mega-item ico" href="https://enlyft.com/platform/partner-ecosystem-intelligence#propensity-scoring" 2727 ><span class="mi-ico" 2728 ><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"> 2729 <path d="M4 15a8 8 0 1 1 16 0" /> 2730 <path d="M12 15l5-4" /> 2731 <circle cx="12" cy="15" r="1.3" fill="currentColor" stroke="none" /></svg></span 2732 ><span class="mi-body"><span class="mega-item-title">Propensity Scoring</span><span class="mega-item-desc">Vendor-tuned scoring that ranks your book</span></span></a 2733 > 2734 </li> 2735 </ul> 2736 </div> 2737 <div> 2738 <a class="mega-col-title" href="https://enlyft.com/platform/pipeline-agent">Agentic Execution</a> 2739 <p class="mega-col-sub">Where intelligence becomes pipeline.</p> 2740 <div class="mega-agent-group"> 2741 <a class="mega-agent-tag" href="https://enlyft.com/platform/pipeline-agent">
2742 <span class="mega-agent-ico" 2743 ><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7"> 2744 <rect x="5" y="8" width="14" height="11" rx="2" /> 2745 <path d="M12 5v3M9 13h.01M15 13h.01" /></svg></span 2746 >Pipeline Agent <span class="mega-new">New</span> 2747 </a> 2748 <ul class="mega-list"> 2749 <li> 2750 <a class="mega-item ico" href="https://enlyft.com/platform/pipeline-agent#research-plan" 2751 ><span class="mi-ico" 2752 ><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7"> 2753 <circle cx="11" cy="11" r="7" /> 2754 <path d="M20.5 20.5l-4.2-4.2" /></svg></span 2755 ><span class="mi-body"><span class="mega-item-title">AI Research & Account Plan</span><span class="mega-item-desc">The right Account Plan, grounded in signals</span></span></a 2756 > 2757 </li> 2758 <li> 2759 <a class="mega-item ico" href="https://enlyft.com/platform/pipeline-agent#outreach-plays" 2760 ><span class="mi-ico" 2761 ><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7"> 2762 <path d="M22 2L11 13" /> 2763 <path d="M22 2l-7 20-4-9-9-4 20-7z" /></svg></span 2764 ><span class="mi-body"><span class="mega-item-title">Outreach & Sales Plays</span><span class="mega-item-desc">Outreach sequenced around the play that fits</span></span></a 2765 > 2766 </li> 2767 <li> 2768 <a class="mega-item ico" href="https://enlyft.com/platform/pipeline-agent#contact-discovery" 2769 ><span class="mi-ico" 2770 ><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7"> 2771 <circle cx="9" cy="8" r="3" /> 2772 <path d="M3.5 20a5.5 5.5 0 0 1 11 0" /> 2773 <path d="M16 7a3 3 0 0 1 0 6" /> 2774 <path d="M19.5 20a5.5 5.5 0 0 0-3-4.9" /></svg></span 2775 ><span class="mi-body"><span class="mega-item-title">Contact Discovery</span><span class="mega-item-desc">Finds the contacts most likely to respond</span></span></a 2776 > 2777 </li> 2778 <li> 2779 <a class="mega-item ico" href="https://enlyft.com/platform/pipeline-agent#engagement" 2780 ><span class="mi-ico" 2781 ><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7"> 2782 <path d="M21 12a9 9 0 1 1-2.6-6.4" /> 2783 <path d="M21 4v5h-5" /></svg></span 2784 ><span class="mi-body"><span class="mega-item-title">Always-On Engagement</span><span class="mega-item-desc">Multi-channel follow-up that never drops the thread</span></span></a 2785 > 2786 </li> 2787 </ul> 2788 </div> 2789 </div> 2790 <div class="mega-col-side"> 2791 <div class="mega-col-title">Integrations</div> 2792 <p class="mega-col-sub">Fits the stack you already run</p> 2793 <ul class="mega-list"> 2794 <li> 2795 <a class="mega-item ico" href="https://enlyft.com/platform/inside-your-crm" 2796 ><span class="mi-ico" 2797 ><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7"> 2798 <path d="M9 2v6M15 2v6" /> 2799 <path d="M7 8h10v3a5 5 0 0 1-10 0V8z" /> 2800 <path d="M12 16v6" /></svg></span 2801 ><span class="mi-body"><span class="mega-item-title">CRMs: Salesforce, HubSpot, Dynamics</span></span></a 2802 > 2803 </li> 2804 <li> 2805 <a class="mega-item ico" href="https://enlyft.com/enlyft-mcp-connectors" 2806 ><span class="mi-ico" 2807 ><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7"><path d="M8 9l-3 3 3 3M16 9l3 3-3 3"></path></svg></span 2808 ><span class="mi-body"><span class="mega-item-title">MCP Connectors</span></span></a 2809 > 2810 </li> 2811 </ul> 2812 <div class="mega-col-title mega-col-title-2">Security & Trust</div> 2813 <p class="mega-col-sub">Enterprise-grade and audited</p> 2814 <ul class="mega-list"> 2815 <li> 2816 <a class="mega-item ico" href="https://enlyft.com/about/trust-center" 2817 ><span class="mi-ico" 2818 ><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7"><path d="M12 3l7 3v5c0 4.5-3 7.5-7 9-4-1.5-7-4.5-7-9V6l7-3z" /></svg></span 2819 ><span class="mi-body"><span class="mega-item-title">SOC 2 Type II, GDPR, CCPA</span></span></a 2820 > 2821 </li> 2822 </ul> 2823 </div> 2824 </div> 2825 <div class="mega-foot"> 2826 <div class="mega-foot-left"> 2827 <a href="https://enlyft.com/why-enlyft">Why Enlyft</a> 2828 </div> 2829 <div class="mega-foot-right"> 2830 <a href="https://enlyft.com/book-demo" target="_blank" rel="noopener" class="btn btn-primary btn-sm">Book a demo <span class="arrow">→</span></a> 2831 </div> 2832 </div> 2833 </div> 2834 </li> 2835 <li class="has-mega"> 2836 <a class="nav-trigger" 2837 >Solutions <svg class="chev" viewBox="0 0 12 12" fill="none"><path d="M2 4l4 4 4-4" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" /></svg 2838 ></a> 2839 <div class="mega mega-solutions"> 2840 <div class="mega-inner"> 2841 <div class="audience-block"> 2842 <a class="audience-tag" href="https://enlyft.com/solutions/software-vendor">Technology Vendors</a> 2843 <p class="audience-sub">For software, cloud, and platform vendors</p> 2844 <ul class="mega-list"> 2845 <li> 2846 <a class="mega-item" href="https://enlyft.com/solutions/software-vendor#ecosystem-activation"><span class="mega-item-title">Ecosystem Activation</span><span class="mega-item-desc">Scale co-sell across your full partner base</span></a> 2847 </li> 2848 <li> 2849 <a class="mega-item" href="https://enlyft.com/solutions/software-vendor#partner-sourced-pipeline"><span class="mega-item-title">Partner-Sourced Pipeline</span><span class="mega-item-desc">Power every partner with ranked accounts</span></a> 2850 </li> 2851 <li> 2852 <a class="mega-item" href="https://enlyft.com/solutions/software-vendor#data-enrichment"><span class="mega-item-title">Data Enrichment</span><span class="mega-item-desc">Enrich your systems with proprietary account intelligence</span></a> 2853 </li> 2854 <li> 2855 <a class="mega-item" href="https://enlyft.com/solutions/software-vendor#program-impact"><span class="mega-item-title">Program Impact</span><span class="mega-item-desc">Prove what your partner program produced</span></a> 2856 </li> 2857 </ul> 2858 </div> 2859 <div class="audience-block"> 2860 <a class="audience-tag" href="https://enlyft.com/solutions/channel-partners">Channel Partners</a> 2861 <p class="audience-sub">For MSPs, VARs, SIs, and distributors</p> 2862 <ul class="mega-list"> 2863 <li> 2864 <a class="mega-item" href="https://enlyft.com/solutions/channel-partners#new-account-targeting"><span class="mega-item-title">New Account Targeting</span><span class="mega-item-desc">Find net-new accounts ready to buy</span></a> 2865 </li> 2866 <li> 2867 <a class="mega-item" href="https://enlyft.com/solutions/channel-partners#customer-expansion"><span class="mega-item-title">Customer Expansion</span><span class="mega-item-desc">Grow existing accounts with the next right play</span></a> 2868 </li> 2869 <li> 2870 <a class="mega-item" href="https://enlyft.com/solutions/channel-partners#seller-productivity" 2871 ><span class="mega-item-title">Seller Productivity <span class="mega-new">New</span></span 2872 ><span class="mega-item-desc">Engage buyers with research, the right use case, and ready outreach</span></a 2873 > 2874 </li> 2875 <li> 2876 <a class="mega-item" href="https://enlyft.com/solutions/channel-partners#deal-acceleration"><span class="mega-item-title">Deal Acceleration</span><span class="mega-item-desc">Use buying signals to close open deals faster</span></a> 2877 </li> 2878 </ul> 2879 </div> 2880 </div> 2881 </div> 2882 </li> 2883 2884 <li class="has-mega"> 2885 <a class="nav-trigger" 2886 >Partner Programs <svg class="chev" viewBox="0 0 12 12" fill="none"><path d="M2 4l4 4 4-4" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" /></svg 2887 ></a> 2888 <div class="mega mega-programs"> 2889 <div class="mega-inner"> 2890 <div> 2891 <div class="mega-col-title">Partner Programs</div> 2892 <p class="mega-col-sub">Already enrolled in a vendor program? Start here.</p> 2893 <div class="prog-grid"> 2894 <a class="prog-card" href="https://enlyft.com/partners/cloudascent" 2895 ><svg viewBox="0 0 22 22" width="24" height="19" xmlns="http://www.w3.org/2000/svg"> 2896 <rect x="0" y="0" width="10" height="10" fill="#F25022" /> 2897 <rect x="12" y="0" width="10" height="10" fill="#7FBA00" /> 2898 <rect x="0" y="12" width="10" height="10" fill="#00A4EF" /> 2899 <rect x="12" y="12" width="10" height="10" fill="#FFB900" /></svg 2900 ><span class="prog-tx"><span class="prog-nm">CloudAscent</span><span class="prog-ds">Microsoft partner propensity</span></span></a 2901 > 2902 <a class="prog-card" href="https://enlyft.com/partners/windows11" 2903 ><svg viewBox="0 0 22 22" width="24" height="19" xmlns="http://www.w3.org/2000/svg"> 2904 <rect x="0" y="0" width="10" height="10" fill="#0078D4" /> 2905 <rect x="12" y="0" width="10" height="10" fill="#0078D4" /> 2906 <rect x="0" y="12" width="10" height="10" fill="#0078D4" /> 2907 <rect x="12" y="12" width="10" height="10" fill="#0078D4" /></svg 2908 ><span class="prog-tx"><span class="prog-nm">Windows 11</span><span class="prog-ds">Device refresh targeting</span></span></a 2909 > 2910 <a class="prog-card" href="https://enlyft.com/partners/aws" 2911 ><svg height=24 id=Layer_1 preserveAspectRatio="xMidYMid meet"version=1.1 viewBox="0 0 304 182"width=24 x=0px xml:space=preserve xmlns=http://www.w3.org/2000/svg xmlns:xlink=http://www.w3.org/1999/xlink y=0px><style>.st0{fill:#252F3E}.st1{fill-rule:evenodd;clip-rule:evenodd;fill:#FF9900}</style><g><path class=st0 d="M86.4,66.4c0,3.7,0.4,6.7,1.1,8.9c0.8,2.2,1.8,4.6,3.2,7.2c0.5,0.8,0.7,1.6,0.7,2.3c0,1-0.6,2-1.9,3l-6.3,4.2 c-0.9,0.6-1.8,0.9-2.6,0.9c-1,0-2-0.5-3-1.4C76.2,90,75,88.4,74,86.8c-1-1.7-2-3.6-3.1-5.9c-7.8,9.2-17.6,13.8-29.4,13.8 c-8.4,0-15.1-2.4-20-7.2c-4.9-4.8-7.4-11.2-7.4-19.2c0-8.5,3-15.4,9.1-20.6c6.1-5.2,14.2-7.8,24.5-7.8c3.4,0,6.9,0.3,10.6,0.8 c3.7,0.5,7.5,1.3,11.5,2.2v-7.3c0-7.6-1.6-12.9-4.7-16c-3.2-3.1-8.6-4.6-16.3-4.6c-3.5,0-7.1,0.4-10.8,1.3c-3.7,0.9-7.3,2-10.8,3.4 c-1.6,0.7-2.8,1.1-3.5,1.3c-0.7,0.2-1.2,0.3-1.6,0.3c-1.4,0-2.1-1-2.1-3.1v-4.9c0-1.6,0.2-2.8,0.7-3.5c0.5-0.7,1.4-1.4,2.8-2.1 c3.5-1.8,7.7-3.3,12.6-4.5c4.9-1.3,10.1-1.9,15.6-1.9c11.9,0,20.6,2.7,26.2,8.1c5.5,5.4,8.3,13.6,8.3,24.6V66.4z M45.8,81.6 c3.3,0,6.7-0.6,10.3-1.8c3.6-1.2,6.8-3.4,9.5-6.4c1.6-1.9,2.8-4,3.4-6.4c0.6-2.4,1-5.3,1-8.7v-4.2c-2.9-0.7-6-1.3-9.2-1.7 c-3.2-0.4-6.3-0.6-9.4-0.6c-6.7,0-11.6,1.3-14.9,4c-3.3,2.7-4.9,6.5-4.9,11.5c0,4.7,1.2,8.2,3.7,10.6 C37.7,80.4,41.2,81.6,45.8,81.6z M126.1,92.4c-1.8,0-3-0.3-3.8-1c-0.8-0.6-1.5-2-2.1-3.9L96.7,10.2c-0.6-2-0.9-3.3-0.9-4 c0-1.
29116,0.8-2.5,2.4-2.5h9.8c1.9,0,3.2,0.3,3.9,1c0.8,0.6,1.4,2,2,3.9l16.8,66.2l15.6-66.2c0.5-2,1.1-3.3,1.9-3.9c0.8-0.6,2.2-1,4-1 h8c1.9,0,3.2,0.3,4,1c0.8,0.6,1.5,2,1.9,3.9l15.8,67l17.3-67c0.6-2,1.3-3.3,2-3.9c0.8-0.6,2.1-1,3.9-1h9.3c1.6,0,2.5,0.8,2.5,2.5 c0,0.5-0.1,1-0.2,1.6c-0.1,0.6-0.3,1.4-0.7,2.5l-24.1,77.3c-0.6,2-1.3,3.3-2.1,3.9c-0.8,0.6-2.1,1-3.8,1h-8.6c-1.9,0-3.2-0.3-4-1 c-0.8-0.7-1.5-2-1.9-4L156,23l-15.4,64.4c-0.5,2-1.1,3.3-1.9,4c-0.8,0.7-2.2,1-4,1H126.1z M254.6,95.1c-5.2,0-10.4-0.6-15.4-1.8 c-5-1.2-8.9-2.5-11.5-4c-1.6-0.9-2.7-1.9-3.1-2.8c-0.4-0.9-0.6-1.9-0.6-2.8v-5.1c0-2.1,0.8-3.1,2.3-3.1c0.6,0,1.2,0.1,1.8,0.3 c0.6,0.2,1.5,0.6,2.5,1c3.4,1.5,7.1,2.7,11,3.5c4,0.8,7.9,1.2,11.9,1.2c6.3,0,11.2-1.1,14.6-3.3c3.4-2.2,5.2-5.4,5.2-9.5 c0-2.8-0.9-5.1-2.7-7c-1.8-1.9-5.2-3.6-10.1-5.2L246,52c-7.3-2.3-12.7-5.7-16-10.2c-3.3-4.4-5-9.3-5-14.5c0-4.2,0.9-7.9,2.7-11.1 c1.8-3.2,4.2-6,7.2-8.2c3-2.3,6.4-4,10.4-5.2c4-1.2,8.2-1.7,12.6-1.7c2.2,0,4.5,0.1,6.7,0.4c2.3,0.3,4.4,0.7,6.5,1.1 c2,0.5,3.9,1,5.7,1.6c1.8,0.6,3.2,1.2,4.2,1.8c1.4,0.8,2.4,1.6,3,2.5c0.6,0.8,0.9,1.9,0.9,3.3v4.7c0,2.1-0.8,3.2-2.3,3.2 c-0.8,0-2.1-0.4-3.8-1.2c-5.7-2.6-12.1-3.9-19.2-3.9c-5.7,0-10.2,0.9-13.3,2.8c-3.1,1.9-4.7,4.8-4.7,8.9c0,2.8,1,5.2,3,7.1 c2,1.9,5.7,3.8,11,5.5l14.2,4.5c7.2,2.3,12.4,5.5,15.5,9.6c3.1,4.1,4.6,8.8,4.6,14c0,4.3-0.9,8.2-2.6,11.6 c-1.8,3.4-4.2,6.4-7.3,8.8c-3.1,2.5-6.8,4.3-11.1,5.6C264.4,94.4,259.7,95.1,254.6,95.1z"></path><g><path class=st1 d="M273.5,143.7c-32.9,24.3-80.7,37.2-121.8,37.2c-57.6,0-109.5-21.3-148.7-56.7c-3.1-2.8-0.3-6.6,3.4-4.4 c42.4,24.6,94.7,39.5,148.8,39.5c36.5,0,76.6-7.6,113.5-23.2C274.2,133.6,278.9,139.7,273.5,143.7z"></path><path class=st1 d="M287.2,128.1c-4.2-5.4-27.8-2.6-38.5-1.3c-3.2,0.4-3.7-2.4-0.8-4.5c18.8-13.2,49.7-9.4,53.3-5 c3.6,4.5-1,35.4-18.6,50.2c-2.7,2.3-5.3,1.1-4.1-1.9C282.5,155.7,291.4,133.4,287.2,128.1z"></path></g></g></svg><span class="prog-tx"><span class="prog-nm">AWS Partner Program</span><span class="prog-ds">Co-sell pipeline</span></span></a 2912 > 2913 <span class="prog-card is-soon" 2914 ><svg viewBox="0 0 22 22" width="24" height="18" xmlns="http://www.w3.org/2000/svg"> 2915 <path d="M11 1 A10 10 0 0 1 21 11 L11 11 Z" fill="#EA4335" /> 2916 <path d="M21 11 A10 10 0 0 1 11 21 L11 11 Z" fill="#FBBC04" /> 2917 <path d="M11 21 A10 10 0 0 1 1 11 L11 11 Z" fill="#34A853" /> 2918 <path d="M1 11 A10 10 0 0 1 11 1 L11 11 Z" fill="#4285F4" /></svg 2919 ><span class="prog-tx"><span class="prog-nm">Google Cloud</span><span class="prog-ds">Coming soon</span></span></span 2920 > 2921 </div> 2922 </div> 2923 <a class="mega-promo" href="https://enlyft.com/partners/cloudascent"> 2924 <div class="mega-promo-tag">Flagship</div> 2925 <div class="mega-promo-title">Powering Microsoft's CloudAscent</div> 2926 <div class="mega-promo-desc">Enlyft powers CloudAscent, Microsoft's partner opportunity program.</div> 2927 <span class="mega-promo-link">Explore CloudAscent →</span> 2928 </a> 2929 </div> 2930 </div> 2931 </li> 2932 2933 <li><a class="nav-trigger" href="https://enlyft.com/why-enlyft">Why Enlyft</a></li> 2934 2935 <li class="has-mega"> 2936 <a class="nav-trigger" 2937 >Resources <svg class="chev" viewBox="0 0 12 12" fill="none"><path d="M2 4l4 4 4-4" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" /></svg 2938 ></a> 2939 <div class="mega mega-resources"> 2940 <div class="mega-inner"> 2941 <div> 2942 <div class="mega-col-title">Learn</div> 2943 <ul class="mega-list"> 2944 <li> 2945 <a class="mega-item" href="https://enlyft.com/customers"><span class="mega-item-title">Case Studies</span></a> 2946 </li> 2947 <li> 2948 <a class="mega-item" href="https://enlyft.com/blog"><span class="mega-item-title">Blog</span></a> 2949 </li> 2950 <li> 2951 <a class="mega-item" href="https://enlyft.com/reports-and-guides"><span class="mega-item-title">Reports & Guides</span></a> 2952 </li> 2953 <!-- <li><a class="mega-item" href="#"><span class="mega-item-title">Webinars & Events</span></a></li>--> 2954 </ul> 2955 </div> 2956 <div> 2957 <div class="mega-col-title">Company</div> 2958 <ul class="mega-list"> 2959 <li> 2960 <a class="mega-item" href="https://enlyft.com/about/our-story"><span class="mega-item-title">About Enlyft</span></a> 2961 </li> 2962 <li> 2963 <a class="mega-item" href="https://enlyft.com/about/careers"><span class="mega-item-title">Careers</span></a> 2964 </li> 2965 <!-- <li><a class="mega-item" href="#"><span class="mega-item-title">
2965Newsroom</span></a></li>--> 2966 <li> 2967 <a class="mega-item" href="https://enlyft.com/about/trust-center"><span class="mega-item-title">Trust Center</span></a> 2968 </li> 2969 <li> 2970 <a class="mega-item" href="https://enlyft.com/contact"><span class="mega-item-title">Contact Us</span></a> 2971 </li> 2972 </ul> 2973 </div> 2974 <!-- <a class="mega-promo" href="#">--> 2975 <!-- <div class="mega-promo-tag">Featured</div>--> 2976 <!-- <div class="mega-promo-title">The Partner Activation Playbook</div>--> 2977 <!-- <div class="mega-promo-desc">How leading vendors and their channel partners turn propensity data into qualified pipeline.</div>--> 2978 <!-- <span class="mega-promo-link">Get the playbook →</span>--> 2979 <!-- </a>--> 2980 </div> 2981 </div> 2982 </li> 2983 </ul> 2984 <div class="nav-right"> 2985 <a class="nav-signin" href="https://app.enlyft.com">Sign in</a> 2986 <a href="https://enlyft.com/book-demo" target="_blank" rel="noopener" class="btn btn-primary">Book a Demo <span class="arrow">→</span></a> 2987 <button class="hamburger" type="button" aria-label="Open menu" aria-expanded="false" aria-controls="mobile-menu"> 2988 <span class="hamburger-box"><span></span><span></span><span></span></span> 2989 </button> 2990 </div> 2991 </div> 2992</header> 2993<div class="mobile-menu" id="mobile-menu" hidden> 2994 <div class="mm-scroll"><div class="mm-inner"></div></div> 2995 <div class="mm-cta"></div> 2996</div> 2997
2998<script> 2999!function(){var e=document.querySelector(".site-header"),t=document.querySelector(".hamburger"),n=document.getElementById("mobile-menu"),r=n.querySelector(".mm-inner"),o=n.querySelector(".mm-scroll"),i=n.querySelector(".mm-cta");if(e&&t&&n){var a,c=[],l=0;t.addEventListener("click",function(){f()?u(!1):(window.scrollY,n.hidden=!1,n.offsetWidth,n.classList.add("open"),t.setAttribute("aria-expanded","true"),t.setAttribute("aria-label","Close menu"),document.body.classList.add("menu-open"),d(0,null))}),n.addEventListener("click",function(e){e.target.closest("a[href]")&&u(!1)}),document.addEventListener("keydown",function(e){"Escape"===e.key&&f()&&(0!==l?d(0,"from-left"):u(!0))}),window.addEventListener("resize",function(){window.clearTimeout(a),a=window.setTimeout(function(){window.innerWidth>980&&f()&&u(!1)},120)}),function(){var e=document.createElement("div");e.className="mm-view",c=[e],Array.prototype.forEach.call(document.querySelectorAll(".primary-nav > li"),function(t){var n=t.querySelector(".nav-trigger");if(n){var r=n.textContent.trim().replace(/\s+/g," "),o=t.querySelector(".mega"),i=document.createElement("div");if(i.className="mm-item",o){var a=function(e){var t=[],n=null;function r(e){n={title:e,links:[]},t.push(n)}function o(e){n||r(""),n.links.push(e)}var i=e.querySelectorAll(".mega-col-title, .audience-tag, .mega-agent-tag, .mega-item, .prog-card, .mega-promo");return Array.prototype.forEach.call(i,function(e){return e.matches(".mega-col-title, .audience-tag, .mega-agent-tag")?(r(m(e)),void("A"===e.tagName&&e.getAttribute("href")&&o({href:e.getAttribute("href"),title:"Overview",desc:""}))):e.matches(".mega-promo")?(r(s(e,".mega-promo-tag")),o({href:e.getAttribute("href"),title:s(e,".mega-promo-title"),desc:s(e,".mega-promo-desc")}),void(n=null)):void o({href:e.getAttribute("href"),title:s(e,".mega-item-title")||s(e,".prog-nm"),desc:s(e,".mega-item-desc")||s(e,".prog-ds"),soon:e.classList.contains("is-soon")||!e.getAttribute("href")})}),t.filter(function(e){return e.links.length})}(o);if(a.length){var l=c.push(function(e,t){var n=document.createElement("div");n.className="mm-view",n.hidden=!0;var r=document.createElement("button");r.type="button",r.className="mm-back",r.innerHTML='<svg viewBox="0 0 12 12" fill="none" aria-hidden="true"><path d="M8 2L4 6l4 4" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg><span>Menu</span>',r.addEventListener("click",function(){d(0,"from-left")}),n.appendChild(r);var o=document.createElement("div");o.className="mm-detail-title",o.textContent=e,n.appendChild(o);var i=document.createElement("div");return i.className="mm-detail-body",t.forEach(function(e){var t=document.createElement("div");if(t.className="mm-group",e.title){var n=document.createElement("div");n.className="mm-group-title",n.textContent=e.title,t.appendChild(n)}e.links.forEach(function(e){if(e.title){var n=document.createElement(e.soon?"span":"a");n.className="mm-link"+(e.soon?" is-soon":""),e.soon||(n.href=e.href),n.innerHTML='<span class="mm-link-title"></span>'+(e.desc?'<span class="mm-link-desc"></span>':""),n.querySelector(".mm-link-title").textContent=e.title,e.desc&&(n.querySelector(".mm-link-desc").textContent=e.desc),t.appendChild(n)}}),i.appendChild(t)}),n.appendChild(i),n}(r,a))-1,u=document.createElement("button");u.type="button",u.className="mm-row",u.innerHTML='<span></span><svg class="chev" viewBox="0 0 12 12" fill="none" aria-hidden="true"><path d="M2 4l4 4 4-4" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>',u.firstChild.textContent=r,u.addEventListener("click",function(){d(l,"from-right")}),i.appendChild(u)}}else if(n.getAttribute("href")){var f=document.createElement("a");f.className="mm-row",f.href=n.getAttribute("href"),f.textContent=r,i.appendChild(f)}i.firstChild&&e.appendChild(i)}});var t=document.querySelector(".nav-signin");if(t){var n=document.createElement("div");n.className="mm-item";var o=document.createElement("a");o.className="mm-row",o.href=t.getAttribute("href"),o.textContent=t.textContent.trim(),n.appendChild(o),e.appendChild(n)}c.forEach(function(e){r.appendChild(e)});var a=document.querySelector(".nav-right .btn-primary");if(a){var l=a.cloneNode(!0);l.classList.remove("btn-sm"),i.appendChild(l)}}()}function m(e){if(!e)return"";var t=e.cloneNode(!0);return Array.prototype.forEach.call(t.querySelectorAll(".mega-new"),function(e){e.remove()}),t.textContent.trim().replace(/\s+/g," ")}function s(e,t){return m(e.querySelector(t))}
2999function d(e,t){c.forEach(function(t,n){t.hidden=n!==e,t.classList.remove("from-right","from-left")});var n=c[e];t&&(n.offsetWidth,n.classList.add(t)),l=e,o.scrollTop=0;var r=n.querySelector(".mm-back, .mm-row");r&&r.focus({preventScroll:!0})}function u(e){n.classList.remove("open"),t.setAttribute("aria-expanded","false"),t.setAttribute("aria-label","Open menu"),document.body.classList.remove("menu-open"),window.setTimeout(function(){n.classList.contains("open")||(n.hidden=!0)},240),e&&t.focus()}function f(){return n.classList.contains("open")}}(); 3000</script>
3000</div><div class="w-embed"><!-- TRUST HERO --> 3001<section class="trust-hero"> 3002 <div class="container"> 3003 <p class="eyebrow">Trust Center</p> 3004 <h1>Enlyft Trust Commitment</h1> 3005 <p class="sub">We are committed to ensuring the security, confidentiality, and integrity of your data. As a trusted partner to our customers, we have processes in place to protect your data from unauthorized access and to ensure it is used appropriately to serve your needs.</p> 3006 <div class="trust-badges"> 3007 <span class="trust-badge"><span class="tb-dot"></span>SOC 2 Type 2</span> 3008 <span class="trust-badge"><span class="tb-dot"></span>Microsoft Azure</span> 3009 <span class="trust-badge"><span class="tb-dot"></span>GDPR</span> 3010 <span class="trust-badge"><span class="tb-dot"></span>ISO 27001</span> 3011 <span class="trust-badge"><span class="tb-dot"></span>TLS in transit</span> 3012 </div> 3013 </div> 3014</section></div><div class="w-embed"><!-- DATA ISOLATION --> 3015<section class="section"> 3016 <div class="container"> 3017 <div class="trust-arch"> 3018 <div> 3019 <div class="eyebrow">Data security</div> 3020 <h2>Your data, isolated by design.</h2> 3021 <p>The Enlyft Platform Architecture is built from the ground up so that each customer’s data is managed separately from other customers and from our proprietary Enlyft Company Graph.</p> 3022 <ul style="list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:11px;"> 3023 <li style="font-family:var(--font-ui);font-size:15px;color:#2b3a52;display:flex;gap:10px;"><span style="width:7px;height:7px;margin-top:7px;border-radius:50%;background:var(--aqua);flex:0 0 7px;"></span>Data received from each customer is placed in separate, isolated data stores.</li> 3024 <li style="font-family:var(--font-ui);font-size:15px;color:#2b3a52;display:flex;gap:10px;"><span style="width:7px;height:7px;margin-top:7px;border-radius:50%;background:var(--aqua);flex:0 0 7px;"></span>Customer data is used only for models built for use by that customer.</li> 3025 <li style="font-family:var(--font-ui);font-size:15px;color:#2b3a52;display:flex;gap:10px;"><span style="width:7px;height:7px;margin-top:7px;border-radius:50%;background:var(--aqua);flex:0 0 7px;"></span>All production modeling runs on our cloud-hosted platform within a virtual private cloud.</li> 3026 <li style="font-family:var(--font-ui);font-size:15px;color:#2b3a52;display:flex;gap:10px;"><span style="width:7px;height:7px;margin-top:7px;border-radius:50%;background:var(--aqua);flex:0 0 7px;"></span>Transport Layer Security protects data in transit between our data center and our customers.</li> 3027 </ul> 3028 </div> 3029 <div><img src="https://cdn.prod.website-files.com/5ffb9f8c3491d74eb1af79a8/5fff7e8342f9e0c37d20e593_EnlyftDataArchitecture.png" alt="Enlyft data architecture: isolated customer data stores"></div> 3030 </div> 3031 </div> 3032</section></div><div class="w-embed"><!-- TRUST DOMAINS --> 3033<section class="section" style="background:var(--fill-atmospheric-light);"> 3034 <div class="container"> 3035 <div class="section-head"> 3036 <div class="eyebrow">How we protect your data</div> 3037 <h2>Security built into every layer.</h2> 3038 </div> 3039 <div class="trust-grid"> 3040 <div class="trust-card"><div class="tc-ic"><svg viewBox="0 0 24 24" width="20" height="20" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"/></svg></div><h3>AICPA SOC 2 compliance</h3><p>We are a certified SOC 2 Type 2 compliant organization. SOC 2 is a standard established by the American Institute of Certified Public Accountants (AICPA), a framework followed by SaaS companies to safeguard the privacy and security of customer data. It is a voluntary compliance standard that assesses the procedures and control processes in an organization.</p><p style="margin-top:14px;margin-bottom:0;"><a href="http://www.aicpa.org/soc4so" target="_blank" rel="noopener">More about SOC for Service Organizations →</a></p></div> 3041 <div class="trust-card"><div class="tc-ic"><svg viewBox="0 0 24 24" width="20" height="20" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"/></svg></div><h3>Data center security</h3><p>The Enlyft platform is hosted on Microsoft Azure. Azure meets a broad set of international and industry-specific compliance standards, including GDPR, ISO 27001, HIPAA, FedRAMP, and SOC 1 and SOC 2, plus country-specific standards. Rigorous third-party audits verify Azure’s adherence to the strict security controls these standards mandate.</p></div> 3042 <div class="trust-card"><div class="tc-ic"><svg viewBox="0 0 24 24" width="20" height="20" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"/></svg></div><h3>Network security</h3><ul><li>All data is secured within a private network in our data center.</li><li>Subnets are used to isolate the various application servers.</li><li>Third-party tests detect vulnerabilities and apply patches preemptively.</li></ul></div> 3043 <div class="trust-card"><div class="tc-ic"><svg viewBox="0 0 24 24" width="20" height="20" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"/></svg></div><h3>Backup and recovery</h3><ul><li>All mission-critical systems and data stores, including customer data, are backed up regularly to ensure quick recovery from failure.</li><li>To ensure security, the backups are held within our cloud provider’s data center.</li></ul></div> 3044 <div class="trust-card"><div class="tc-ic"><svg viewBox="0 0 24 24" width="20" height="20" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"/></svg></div><h3>Security monitoring and assessments</h3><ul><li>Enlyft partners with external vendors to conduct penetration testing and evaluate overall security.</li><li>Enlyft continually monitors potential security risks and applies the latest security patches across our software stack.</li></ul></div> 3045 <div class="trust-card"><div class="tc-ic"><svg viewBox="0 0 24 24" width="20" height="20" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"/></svg></div><h3>Data purge and retention</h3><p>Customer data is used only for models built for that customer, and is purged 90 days after termination of a business contract unless otherwise specified in the contract or instructed by the client.</p></div> 3046 </div> 3047 </div> 3048</section></div><div class="w-embed"><!-- FAQ --> 3049<section class="section" style="background:var(--fill-atmospheric-light);"> 3050 <div class="container"> 3051 <div class="section-head"> 3052 <div class="eyebrow">FAQ</div> 3053 <h2>Security and privacy, answered.</h2> 3054 </div> 3055 <div class="faq-wrap"> 3056 <details class="faq-item" open><summary>Is Enlyft SOC 2 compliant?</summary><p>Yes. Enlyft is a certified SOC 2 Type 2 compliant organization. SOC 2 is a framework established by the AICPA that assesses the controls a SaaS company uses to safeguard the privacy and security of customer data.</p></details> 3057 <details class="faq-item"><summary>Where is Enlyft’s platform hosted?</summary><p>The Enlyft platform is hosted on Microsoft Azure, which meets a broad set of international and industry-specific standards, including GDPR, ISO 27001, HIPAA, FedRAMP, and SOC 1 and SOC 2. Azure’s adherence to these controls is verified by rigorous third-party audits.</p></details> 3058 <details class="faq-item"><summary>How is my data kept separate from other customers?</summary><p>Data from each customer is placed in separate, isolated data stores and is used only for models built for that customer. All production modeling runs within a virtual private cloud, and your data is kept separate from other customers and from our proprietary Enlyft Company Graph.</p></details> 3059 <details class="faq-item"><summary>Is my data encrypted in transit?</summary><p>Yes. Enlyft uses Transport Layer Security (TLS) to protect data in transit between our data center and our customers.</p></details> 3060 <details class="faq-item"><summary>Does Enlyft comply with GDPR and CCPA?</summary><p>
3060Yes. Enlyft is built to support GDPR and CCPA requirements, and our Azure hosting environment meets GDPR and a range of other international compliance standards.</p></details> 3061 <details class="faq-item"><summary>What happens to my data if we end our contract?</summary><p>Customer data is purged 90 days after termination of a business contract, unless otherwise specified in the contract or instructed by the client.</p></details> 3062 <details class="faq-item"><summary>How does Enlyft test and monitor its security?</summary><p>Enlyft partners with external vendors to conduct penetration testing and evaluate overall security, continually monitors for potential risks, and applies the latest security patches across our software stack. Mission-critical systems and customer data are backed up regularly within our cloud provider’s data center for quick recovery.</p></details> 3063 <details class="faq-item"><summary>How do I request your SOC 2 report or other security documentation?</summary><p>All of Enlyft's current security and compliance documentation â including our SOC 2 Type 2 report â is available through our Trust Portal. Visit <a href="https://trust.enlyft.com">trust.enlyft.com</a> to review our security posture and request documents directly. For any other privacy, data protection, or security questions, <a href="https://enlyft.com/contact">contact our team</a>.</p></details> 3064 </div> 3065 </div> 3066</section></div><div class="w-embed"><style> 3067.faq-wrap{max-width:820px;margin:40px auto 0;} 3068.faq-item{border-bottom:1px solid rgba(0,20,50,0.1);} 3069.faq-item summary{list-style:none;cursor:pointer;padding:20px 0;font-family:var(--font-heading);font-weight:700;font-size:18px;color:#0a1a33;display:flex;justify-content:space-between;align-items:center;gap:16px;} 3070.faq-item summary::-webkit-details-marker{display:none;} 3071.faq-item summary::after{content:"+";font-family:var(--font-ui);font-weight:400;font-size:24px;color:#0a7c91;} 3072.faq-item[open] summary::after{content:"\2212";} 3073.faq-item p{font-family:var(--font-ui);font-size:15.5px;line-height:1.65;color:#4a5a70;margin:0 0 20px;max-width:730px;} 3074</style> 3075<!-- FAQ --> 3076<section class="section" style="background:var(--fill-cream-horizon);"> 3077 <div class="container"> 3078 <div class="section-head"> 3079 <div class="eyebrow">FAQ</div> 3080 <h2>Trust Center, <span class="hl-aqua">answered.</span></h2> 3081 </div> 3082 <div class="faq-wrap"> 3083 <details class="faq-item" open><summary>Is Enlyft SOC 2 compliant?</summary><p>Yes. Enlyft is a certified SOC 2 Type 2 compliant organization. SOC 2 is a framework established by the AICPA that assesses the controls a SaaS company uses to safeguard the privacy and security of customer data.</p></details> 3084 <details class="faq-item"><summary>Where is Enlyftâs platform hosted?</summary><p>The Enlyft platform is hosted on Microsoft Azure, which meets a broad set of international and industry-specific standards, including GDPR, ISO 27001, HIPAA, FedRAMP, and SOC 1 and SOC 2. Azureâs adherence to these controls is verified by rigorous third-party audits.</p></details> 3085 <details class="faq-item"><summary>How is my data kept separate from other customers?</summary><p>Data from each customer is placed in separate, isolated data stores and is used only for models built for that customer. All production modeling runs within a virtual private cloud, and your data is kept separate from other customers and from our proprietary Enlyft Company Graph.</p></details> 3086 <details class="faq-item"><summary>Is my data encrypted in transit?</summary><p>Yes. Enlyft uses Transport Layer Security (TLS) to protect data in transit between our data center and our customers.</p></details> 3087 <details class="faq-item"><summary>Does Enlyft comply with GDPR and CCPA?</summary><p>Yes. Enlyft is built to support GDPR and CCPA requirements, and our Azure hosting environment meets GDPR and a range of other international compliance standards.</p></details> 3088 <details class="faq-item"><summary>What happens to my data if we end our contract?</summary><p>Customer data is purged 90 days after termination of a business contract, unless otherwise specified in the contract or instructed by the client.</p></details> 3089 <details class="faq-item"><summary>How does Enlyft test and monitor its security?</summary><p>Enlyft partners with external vendors to conduct penetration testing and evaluate overall security, continually monitors for potential risks, and applies the latest security patches across our software stack. Mission-critical systems and customer data are backed up regularly within our cloud providerâs data center for quick recovery.</p></details> 3090 <details class="faq-item"><summary>How do I request your SOC 2 report or other security documentation?</summary><p>All of Enlyft's current security and compliance documentation â including our SOC 2 Type 2 report â is available through our Trust Portal at trust.enlyft.com, where you can review our security posture and request documents directly. For any other privacy, data protection, or security questions, contact our team at enlyft.com/contact.</p></details> 3091 </div> 3092 </div> 3093</section></div><div class="w-embed"><!-- FINAL CTA --> 3094<section class="trust-final"> 3095 <div class="container"> 3096 <h2>Have a security question we didn’t cover?</h2> 3097 <p>Request our SOC 2 report, security documentation, or talk to our team directly.</p> 3098 <div style="display:flex;gap:14px;justify-content:center;flex-wrap:wrap;"> 3099 <a href="https://enlyft.com/contact" class="btn btn-primary" style="background:var(--aqua);color:var(--deep-midnight);">Contact our team <span class="arrow">→</span></a> 3100 <a href="/cdn-cgi/l/email-protection#e390828f8690a3868d8f9a8597cd808c8e" class="btn" style="border:1px solid rgba(255,255,255,0.45);color:#fff;background:transparent;">Email <span class="__cf_email__" data-cfemail="7c0f1d10190f3c191210051a08521f1311">[email protected]</span></a> 3101 </div> 3102 </div> 3103</section></div><div class="w-embed"><style> 3104 /* ============ Footer - Enlyft website layout ============ */ 3105 footer.site-footer { 3106 background: var(--deep-midnight); 3107 color: var(--eb-9); 3108 padding: 72px 0 32px; 3109 } 3110 footer.site-footer .container { 3111 display: flex; 3112 flex-direction: column; 3113 gap: 40px; 3114 } 3115 3116 .foot-main { 3117 display: grid; 3118 grid-template-columns: 160px 1fr; 3119 gap: 64px; 3120 align-items: start; 3121 } 3122 .foot-brand { 3123 display: inline-flex; 3124 align-items: center; 3125 color: var(--white); 3126 } 3127 .foot-brand svg { 3128 height: 32px; 3129 width: auto; 3130 } 3131 3132 .foot-cols { 3133 display: grid; 3134 grid-template-columns: repeat(5, minmax(0, 1fr)); 3135 gap: 32px; 3136 } 3137 .foot-col h5 { 3138 font-family: var(--font-ui); 3139 font-size: 12px; 3140 font-weight: 700; 3141 letter-spacing: 2px; 3142 text-transform: uppercase; 3143 color: var(--white); 3144 margin-bottom: 20px; 3145 } 3146 .foot-col ul { 3147 list-style: none; 3148 display: flex; 3149 flex-direction: column; 3150 gap: 12px; 3151 } 3152 .foot-col a { 3153 font-family: var(--font-ui); 3154 font-size: 13px; 3155 line-height: 1.45; 3156 color: var(--eb-9); 3157 transition: color 0.2s; 3158 } 3159 .foot-col a:hover { 3160 color: var(--aqua); 3161 } 3162 3163 .foot-bar { 3164 margin-top: 24px; 3165 padding-top: 24px; 3166 border-top: 1px solid var(--border-light-8); 3167 display: flex; 3168 justify-content: space-between; 3169 align-items: center; 3170 font-family: var(--font-ui); 3171 font-size: 12px; 3172 color: var(--eb-7); 3173 } 3174 footer .social { 3175 display: flex; 3176 gap: 14px; 3177 } 3178 footer .social a { 3179 width: 28px; 3180 height: 28px; 3181 border-radius: 9999px; 3182 display: flex; 3183 align-items: center; 3184 justify-content: center; 3185 transition: color 0.2s; 3186 color: var(--eb-7); 3187 } 3188 footer .social a:hover { 3189 color: var(--aqua); 3190 } 3191 3192 @media (max-width: 1100px) { 3193 .foot-main { 3194 grid-template-columns: 1fr; 3195 } 3196 .foot-cols { 3197 grid-template-columns: repeat(2, minmax(0, 1fr)); 3198 } 3199 } 3200 @media (max-width: 600px) { 3201 .foot-cols { 3202 grid-template-columns: 1fr; 3203 gap: 28px; 3204 } 3205 .foot-bar { 3206 flex-direction: column; 3207 gap: 16px; 3208 } 3209 } 3210</style> 3211<footer class="site-footer"> 3212 <div class="container"> 3213 <div class="foot-main"> 3214 <a href="https://enlyft.com" class="foot-brand" aria-label="Enlyft home"> 3215 <svg viewBox="153 153 1332.4 400" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> 3216 <path d="M444.2 153C482.283 153 501.325 153 515.871 160.411C528.666 166.931 539.069
3216177.334 545.589 190.129C553 204.675 553 223.717 553 261.8V444.2C553 482.283 553 501.325 545.589 515.871C539.069 528.666 528.666 539.069 515.871 545.589C501.325 553 482.283 553 444.2 553H261.8C223.717 553 204.675 553 190.129 545.589C177.334 539.069 166.931 528.666 160.411 515.871C155.862 506.943 154.105 496.32 153.427 480.64C158.545 475.609 168.162 466.12 175.833 458.333C183.746 450.3 192.78 440.456 197.228 435.563C197.557 435.3 197.956 435.136 198.384 435.105C201.881 434.857 215.213 433.837 228.667 431.833C238.308 430.397 247.445 428.456 253.047 427.176C254.898 426.753 256.297 428.902 255.126 430.397C247.067 440.694 233.938 456.914 219.333 473.667C205.609 489.409 190.04 505.693 184.548 511.386C188.708 517.133 194.19 521.845 200.57 525.096C200.842 525.234 201.117 525.367 201.394 525.498C207.381 519.129 226.66 498.293 246.167 473.667C267.699 446.485 284.893 422.101 287.622 418.207C287.875 417.847 288.224 417.595 288.642 417.458C291.672 416.464 305.039 411.973 320.333 405.167C331.309 400.283 341.093 395.465 346.829 392.569C348.545 391.703 350.431 393.526 349.622 395.27C342.424 410.784 335.339 426.527 306.667 469.833C282.576 506.221 268.592 523.622 263.151 530H290.68C303.655 511.766 331.003 472.051 349.5 436.167C372.013 392.492 380.199 374.496 381.605 371.348C381.758 371.007 381.988 370.727 382.294 370.513C384.932 368.669 398.513 359.06 413.167 346.5C423.647 337.517 433.509 327.643 439.231 321.719C440.651 320.249 443.101 321.546 442.602 323.527C438.713 338.956 428.074 377.607 408.667 423.833C388.636 471.545 364.634 514.331 355.556 530H380.836C390.256 511.887 417.542 457.833 435.5 406C456.311 345.933 465.936 293.919 466.916 288.471C466.975 288.142 467.106 287.867 467.312 287.604C469.211 285.17 479.452 271.854 488.333 256.5C495.201 244.627 500.329 234.838 503.544 228.452C504.507 226.54 507.461 227.187 507.428 229.328C507.08 251.884 505.112 313.225 494.167 371.5C480.169 446.031 455.01 513.786 448.766 530H458C462.621 530 466.819 530 470.652 529.97C481.165 502.064 494.171 464.367 505 421.833C518.833 367.5 526.833 298 528.833 250C529.292 238.99 529.542 229.899 529.65 222.469C529.157 212.862 527.967 206.206 525.096 200.57C520.781 192.103 513.897 185.219 505.43 180.904C495.804 176 483.202 176 458 176H248C222.798 176 210.196 176 200.57 180.904C192.103 185.219 185.219 192.103 180.904 200.57C176 210.196 176 222.798 176 248V428.745C173.657 431.311 170.596 434.518 166.833 438.167C160.959 443.863 156.018 448.42 153.002 451.156C153 448.91 153 446.593 153 444.2V261.8C153 223.717 153 204.675 160.411 190.129C166.931 177.334 177.334 166.931 190.129 160.411C204.675 153 223.717 153 261.8 153H444.2ZM1161.72 380.66L1191.02 290.292H1238.45L1177.09 455.717C1171.35 470.935 1163.75 481.904 1154.26 488.624C1144.78 495.541 1132.33 499 1116.91 499H1086.67V462.832H1111.87C1117.8 462.832 1122.74 461.449 1126.69 458.682C1130.65 456.112 1133.81 451.665 1136.18 445.341L1138.83 439.184L1076 290.292H1129.06L1161.72 380.66ZM725.36 286.142C736.229 286.142 746.309 287.822 755.597 291.182C764.885 294.542 772.888 299.779 779.607 306.894C786.326 314.009 791.464 323.397 795.021 335.058C798.776 346.718 800.456 360.949 800.061 377.748H693.898C694.424 382.839 695.325 387.484 696.607 391.682C698.979 398.599 702.536 403.935 707.278 407.69C712.219 411.446 718.642 413.323 726.547 413.323C732.871 413.323 738.206 412.137 742.554 409.766C747.099 407.196 750.26 403.738 752.039 399.39H800.061C798.677 407.493 795.021 415.201 789.093 422.514C783.164 429.629 774.865 435.459 764.193 440.005C753.72 444.551 740.874 446.823 725.657 446.823C710.046 446.823 696.311 443.364 684.454 436.447C672.795 429.332 663.704 419.746 657.183 407.69C650.661 395.634 647.4 381.898 647.4 366.482C647.4 357.193 648.586 348.497 650.957 340.394C653.526 332.291 656.985 324.978 661.332 318.456C665.877 311.736 671.312 306.004 677.636 301.261C684.157 296.32 691.371 292.564 699.275 289.995C707.378 287.426 716.073 286.142 725.36 286.142ZM923.144 286.142C932.234 286.142 940.04 287.624 946.562 290.589C953.281 293.356 958.715 297.407 962.865 302.743C967.015 308.079 970.078 314.503 972.055 322.014C974.228 329.326 975.315 337.528 975.315 346.619V442.673H926.404V353.438C926.404 347.509 925.417 342.469 923.44 338.318C921.662 333.97 918.994 330.709 915.437 328.535C912.077 326.164 907.927 324.978 902.986 324.978C896.86 324.978 891.623 326.46 887.275 329.425C883.12
32166 332.389 879.964 336.442 877.79 341.58C875.616 346.521 874.529 352.055 874.529 358.182V442.673H825.618V290.292H874.529V312.903C876.912 308.774 879.678 305.19 882.829 302.15C888.56 296.616 894.884 292.564 901.801 289.995C908.717 287.426 915.832 286.142 923.144 286.142ZM1056.03 442.673H1007.12V231H1056.03V442.673ZM1360.65 266.872H1342.87C1337.14 266.872 1332.59 268.453 1329.23 271.615C1325.87 274.58 1324.19 279.225 1324.19 285.549V290.292H1360.65V326.757H1324.19V442.673H1275.58V326.757H1248.01V290.292H1275.58V281.102C1275.58 271.417 1277.46 262.82 1281.21 255.31C1285.16 247.799 1290.99 241.871 1298.7 237.522C1306.41 233.174 1315.89 231 1327.16 231H1360.65V266.872ZM1449.53 290.292H1485.4V326.757H1449.53V384.863C1449.53 391.583 1451.21 396.919 1454.57 400.872C1458.13 404.627 1463.27 406.505 1469.99 406.505H1485.4V442.673H1448.05C1433.82 442.673 1422.36 438.72 1413.66 430.814C1404.97 422.711 1400.62 411.445 1400.62 397.018V326.757H1373.05V290.292H1400.62V249.084H1449.53V290.292ZM725.36 319.642C721.013 319.642 717.061 320.333 713.504 321.717C709.947 323.1 706.883 325.175 704.314 327.942C701.943 330.512 699.867 333.674 698.089 337.429C696.508 341.184 695.323 345.533 694.532 350.474H755.597C754.806 344.742 753.522 339.9 751.743 335.947C749.965 331.994 747.691 328.832 744.925 326.46C742.356 324.088 739.392 322.408 736.032 321.42C732.87 320.234 729.313 319.642 725.36 319.642Z" fill="currentColor"></path> 3217 </svg> 3218 </a> 3219 <div class="foot-cols"> 3220 <div class="foot-col"> 3221 <h5>Platform</h5> 3222 <ul> 3223 <li><a href="https://enlyft.com/platform/partner-ecosystem-intelligence#account-intelligence">Account Intelligence</a></li> 3224 <li><a href="https://enlyft.com/platform/partner-ecosystem-intelligence#buying-signals">Buying Signals</a></li> 3225 <li><a href="https://enlyft.com/platform/partner-ecosystem-intelligence#account-mapping">Account Mapping</a></li> 3226 <li><a href="https://enlyft.com/platform/partner-ecosystem-intelligence#propensity-scoring">Propensity Scoring</a></li> 3227 <li><a href="https://enlyft.com/platform/pipeline-agent">Pipeline Agent</a></li> 3228 <li><a href="https://enlyft.com/platform/pipeline-agent#research-plan">AI Research & Account Plan</a></li> 3229 <li><a href="https://enlyft.com/platform/pipeline-agent#outreach-plays">Outreach & Sales Plays</a></li> 3230 <li><a href="https://enlyft.com/platform/pipeline-agent#contact-discovery">Contact Discovery</a></li> 3231 <li><a href="https://enlyft.com/platform/pipeline-agent#engagement">Always-On Engagement</a></li> 3232 <li><a href="https://enlyft.com/platform/inside-your-crm">Integrations</a></li> 3233 <li><a href="https://enlyft.com/tech">Technology Targeting</a></li> 3234 </ul> 3235 </div> 3236 <div class="foot-col"> 3237 <h5>Solutions</h5> 3238 <ul> 3239 <li><a href="https://enlyft.com/solutions/software-vendor">Technology Vendors</a></li> 3240 <li><a href="https://enlyft.com/solutions/software-vendor#ecosystem-activation">Ecosystem Activation</a></li> 3241 <li><a href="https://enlyft.com/solutions/software-vendor#partner-sourced-pipeline">Partner-Sourced Pipeline</a></li> 3242 <li><a href="https://enlyft.com/solutions/software-vendor#data-enrichment">Data Enrichment</a></li> 3243 <li><a href="https://enlyft.com/solutions/software-vendor#program-impact">Program Impact</a></li> 3244 <li><a href="https://enlyft.com/solutions/channel-partners">Channel Partners</a></li> 3245 <li><a href="https://enlyft.com/solutions/channel-partners#new-account-targeting">New Account Targeting</a></li> 3246 <li><a href="https://enlyft.com/solutions/channel-partners#customer-expansion">Customer Expansion</a></li> 3247 <li><a href="https://enlyft.com/solutions/channel-partners#seller-productivity">Seller Productivity</a></li> 3248 <li><a href="https://enlyft.com/solutions/channel-partners#deal-acceleration">Deal Acceleration</a></li> 3249 <li><a href="https://enlyft.com/enlyft-mcp-connectors">MCP Connectors</a></li> 3250 </ul> 3251 </div> 3252 <div class="foot-col"> 3253 <h5>Partner Programs</h5> 3254 <ul> 3255 <li><a href="https://enlyft.com/partners/cloudascent">CloudAscent</a></li> 3256 <li><a href="https://enlyft.com/partners/windows11">Windows 11</a></li> 3257 <li><a href="https://enlyft.com/partners/aws">AWS Partner Program</a></li> 3258 </ul> 3259 </div> 3260 <div class="foot-col"> 3261 <h5>Resources</h5> 3262 <ul> 3263 <li><a href="https://enlyft.com/customers">Case Studies</a></li> 3264 <li><a href="https://enlyft.com/blog">Blog</a></li> 3265 <li><a href="https://enlyft.com/reports-and-guides">Reports & Guides</a></li> 3266 </ul> 3267 </div> 3268 <div class="foot-col"> 3269 <h5>Company</h5> 3270 <ul> 3271 <li><a href="https://enlyft.com/why-enlyft">Why Enlyft</a></li> 3272 <li><a href="https://enlyft.com/about/our-story">About Enlyft</a></li> 3273 <li><a href="https://enlyft.com/about/careers">Careers</a></li> 3274 <li><a href="https://enlyft.com/about/trust-center">Trust Center</a></li> 3275 <li><a href="https://enlyft.com/contact">Contact Us</a></li> 3276 </ul> 3277 </div> 3278 </div> 3279 </div> 3280 <div class="foot-bar"> 3281 <div> 3282 © 2026 Enlyft | All rights reserved. 3283 <div style="margin-left: 12px; display: inline-block"><a href="https://enlyft.com/legal">Legal Center</a> ⢠<a href="https://enlyft.com/privacy-policy">Privacy</a> ⢠<a href="https://enlyft.com/terms-of-service">Terms</a></div> 3284 </div> 3285 <div class="social"> 3286 <a href="https://www.linkedin.com/company/enlyft" target="_blank" rel="noopener" aria-label="LinkedIn" 3287 ><svg width="14" height="14" viewBox="0 0 24 24" fill="currentColor"><path d="M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433a2.062 2.062 0 01-2.063-2.065 2.063 2.063 0 112.063 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z" /></svg 3288 ></a> 3289 </div> 3290 </div> 3291 </div> 3292</footer></div>
vendor: 108 bytes, line 3292
3292<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script>
3292<script src="https://d3e54v103j8qbb.cloudfront.net/js/jquery-3.5.1.min.dc5e7f18c8.js?site=5ffb9f8c3491d74eb1af79a8" type="text/javascript" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
3292<script src="https://cdn.prod.website-files.com/5ffb9f8c3491d74eb1af79a8/js/webflow.schunk.b36de0610a35aa79.js" type="text/javascript" integrity="sha384-bOZ0zosqGRfOla7kqUultK9km3dXI3K5kOn6mDnozBPY/ZGl9/GKllrjZ0EdPONC" crossorigin="anonymous"></script>
3292<script src="https://cdn.prod.website-files.com/5ffb9f8c3491d74eb1af79a8/js/webflow.8a36adb4.7541ffee1fccc7ae.js" type="text/javascript" integrity="sha384-X9nHlBgtCJaGIhuX/4yzTHL+gWqAHAo5J1+BzikmgzOgEcU+FZHybxU1UCOp0ixR" crossorigin="anonymous"></script>
3292<script> 3293 $('form[data-basin-form]').submit(function (evt) { 3294 evt.preventDefault(); 3295 3296 try { 3297 // Guard: only fire the conversion event for a form that actually passed HTML5 3298 // validation. Without this, a submission path that bypasses native validation 3299 // (or an unrelated form on the page) can still fire this event, inflating 3300 // Form_submitted counts relative to real leads. 3301 if (!this.checkValidity()) { 3302 return; 3303 } 3304 3305 // Guard: reject bot submissions caught by the honeypot field. Real visitors never see 3306 // or fill this hidden field (it's display:none); a bot that blindly fills every field will. 3307 var honeypot = this.querySelector('[name="hgotcha"]'); 3308 if (honeypot && honeypot.value) { 3309 return; 3310 } 3311 3312 // Guard: redundant check that every required field has real (non-whitespace) content. 3313 // The per-form validation script already enforces this via setCustomValidity(), which 3314 // checkValidity() above should reflect - this is an independent safety net in case that 3315 // script isn't present on a given form. 3316 var requiredFields = this.querySelectorAll('[required]'); 3317 for (var i = 0; i < requiredFields.length; i++) { 3318 if (!requiredFields[i].value || !requiredFields[i].value.trim()) { 3319 return; 3320 } 3321 } 3322 3323 let eventCategory = 'Form_website_main_form'; 3324 let url = new URL(window.location.href); 3325 if (window && window.location && window.location.href && window.location.href.toString().includes('/contact')) { 3326 eventCategory = 'Form_website_contact_us_page';
3327 } 3328 gtag('event', 'Form_submitted', { event_category: eventCategory, event_label: url }); 3329 3330 // BASIN RECAPTCHA CODE 3331 3332 //console.log("Form submitted event"); 3333 3334 //grecaptcha.ready(function() { 3335 //grecaptcha.execute('6Les66kUAAAAANyLrgkl7iuN4JUpNlB5upaMovI4', {action: 'submit'}).then(function(token) { 3336 //document.getElementById('g-recaptcha-response').value = token; 3337 //console.log("captcha value set"); 3338 //$('form').submit(); 3339 //}); 3340 //}); 3341 3342 // END BASIN RECAPTCHA CODE 3343 } catch (e) { 3344 console.error('Error updating form fields, ', e); 3345 } 3346 }); 3347 3348 document.addEventListener('DOMContentLoaded', function () { 3349 /* To add the privacy policy link to privado.ai banner: */ 3350 setTimeout(() => { 3351 const cookieP = document.querySelector('#cookie-consent-banner > div > p'); 3352 if (!cookieP) { 3353 return; 3354 } 3355 cookieP.innerHTML = "This website stores cookies on your computer. These cookies are used to improve your website experience and provide more personalized services to you and through other media. To find out more about the cookies we use, see our <a href='https://enlyft.com/privacy-policy'>Privacy Policy</a>."; 3356 }, 500); 3357 }); 3358</script>
3358 3359 3360<!-- Enlyft GA4 tracking additions (2026-09-15): sign_in_click, homepage_cta_click, engaged_30s, hero_scrolled_past, experiment hook -->
3361<script> 3362 (function () { 3363 function send(name, params) { 3364 if (typeof gtag === 'function') { 3365 gtag('event', name, params || {}); 3366 } 3367 } 3368 var path = window.location.pathname.replace(/\/+$/, '') || '/'; 3369 var isHome = path === '/'; 3370 3371 // Clicks: app sign-ins (lets GA exclude logins) and homepage CTA clicks 3372 document.addEventListener('click', function (e) { 3373 var a = e.target && e.target.closest ? e.target.closest('a[href]') : null; 3374 if (!a) return; 3375 var url; 3376 try { 3377 url = new URL(a.getAttribute('href'), window.location.href); 3378 } catch (err) { 3379 return; 3380 } 3381 var text = (a.textContent || '').replace(/\s+/g, ' ').trim().slice(0, 100); 3382 if (url.hostname === 'app.enlyft.com') { 3383 send('sign_in_click', { link_url: url.href, link_text: text, transport_type: 'beacon' }); 3384 return; 3385 } 3386 if (!isHome) return; 3387 var container = a.closest('header, footer, section'); 3388 var ctaLocation = 'body'; 3389 if (container) { 3390 if (container.tagName === 'HEADER') ctaLocation = 'nav'; 3391 else if (container.tagName === 'FOOTER') ctaLocation = 'footer'; 3392 else ctaLocation = container.id || (container.className || '').split(' ').filter(
3392Boolean).pop() || 'section'; 3393 } 3394 send('homepage_cta_click', { 3395 cta_destination: url.hostname === window.location.hostname ? url.pathname : url.hostname, 3396 cta_text: text, 3397 cta_location: ctaLocation, 3398 transport_type: 'beacon' 3399 }); 3400 }, true); 3401 3402 // Engaged 30s: 30 seconds of visible time on the page 3403 var visibleSeconds = 0; 3404 var engagedTimer = setInterval(function () { 3405 if (document.visibilityState === 'visible') visibleSeconds++; 3406 if (visibleSeconds >= 30) { 3407 clearInterval(engagedTimer); 3408 send('engaged_30s', { page_path: path }); 3409 } 3410 }, 1000); 3411 3412 // Homepage: visitor scrolled fully past the hero (section.hero) 3413 if (isHome) { 3414 var heroFired = false; 3415 var checkHero = function () { 3416 if (heroFired) return; 3417 var hero = document.querySelector('section.hero'); 3418 if (hero && hero.getBoundingClientRect().bottom <= 0) { 3419 heroFired = true; 3420 window.removeEventListener('scroll', checkHero); 3421 send('hero_scrolled_past', { page_path: path }); 3422 } 3423 }; 3424 window.addEventListener('scroll', checkHero, { passive: true }); 3425 } 3426 3427 // Experiment hook for the A/B testing tool: window.enlyftSetVariant('home_hero_01', 'B') 3428 window.enlyftSetVariant = function (experimentId, variantId) { 3429 send('experiment_view', { experiment_id: experimentId, variant_id: variantId }); 3430 if (typeof window.clarity === 'function') { 3431 window.clarity('set', 'exp_' + experimentId, variantId); 3432 } 3433 }; 3434 })(); 3435</script>
3435 3436 3437<!-- Enlyft (2026-09-15): keep the Book a demo journey in one tab so the funnel stays measurable -->
3438<script> 3439 (function () { 3440 function sameTab() { 3441 var links = document.querySelectorAll('a[target="_blank"][href*="book-demo"]'); 3442 for (var i = 0; i < links.length; i++) { 3443 links[i].removeAttribute('target'); 3444 links[i].setAttribute('rel', 'noopener'); 3445 } 3446 } 3447 sameTab(); 3448 document.addEventListener('DOMContentLoaded', sameTab); 3449 window.setTimeout(sameTab, 1500); 3450 3451 // Fallback for links the nav builds later: force same-tab navigation on a plain left click 3452 document.addEventListener('click', function (e) { 3453 if (e.defaultPrevented || e.button !== 0 || e.metaKey || e.ctrlKey || e.shiftKey || e.altKey) return; 3454 var a = e.target && e.target.closest ? e.target.closest('a[target="_blank"][href*="book-demo"]') : null; 3455 if (!a) return; 3456 e.preventDefault(); 3457 window.location.href = a.href; 3458 }); 3459 })(); 3460</script>
3460<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"38477b4702c54c439f5b8c9258938c64","spa":2}' crossorigin="anonymous"></script>
3460 3461</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.