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="6a5d3034891ff56ef52b6bb4" data-wf-site="5ffb9f8c3491d74eb1af79a8"><head><meta charset="utf-8"/><link href="https://cdn.prod.website-files.com" rel="preconnect" crossorigin="anonymous"/><title>Blog â Intelligence & AI for Technology Partner Selling | Enlyft</title><meta content="Insights on technology partner selling, propensity intelligence, and AI for channel partner and technology vendor go-to-market teams, from the Enlyft team." name="description"/><meta content="The intelligence and AI behind modern technology partner selling" property="og:title"/><meta content="Insights on technology partner selling, propensity intelligence, and AI for channel partner and technology vendor go-to-market teams, from the Enlyft team." property="og:description"/><meta content="https://cdn.prod.website-files.com/5ffb9f8c3491d74eb1af79a8/6a7210ac6c3d148184424545_blog-og.png" property="og:image"/><meta content="The intelligence and AI behind modern technology partner selling" name="twitter:title"/><meta content="Insights on technology partner selling, propensity intelligence, and AI for channel partner and technology vendor go-to-market teams, from the Enlyft team." 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/blog" rel="canonical"/>
1<script type="application/ld+json"> 2{ 3 "@context": "https://schema.org", 4 "@graph": [ 5 { 6 "@type": "Blog", 7 "name": "Enlyft Blog", 8 "url": "https://enlyft.com/blog", 9 "description": "Insights on technology partner selling, propensity intelligence, and AI for channel partner and technology vendor go-to-market teams, from the Enlyft team.", 10 "publisher": { 11 "@type": "Organization", 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": "Blog", 23 "item": "https://enlyft.com/blog" 24 } 25 ] 26 } 27 ] 28} 29</script>
29<html lang="en"> 30 <style> 31 @font-face { 32 font-display: swap; 33 font-family: 'DM Sans', sans-serif; 34 } 35 .blog-container p { 36 padding: 8px 0 !important; 37 } 38 #wf-form-ContactUsForm > div.basin-recaptcha-v2-container > div { 39 visibility: hidden; 40 } 41 .privado-para.banner-notice-text { 42 max-width: 55%; 43 } 44 </style> 45 46 <!-- Basin Form and reCaptcha v3 --> 47 <!--
vendor: 61 bytes, line 47
47 <script src="https://www.google.com/recaptcha/api.js?render=
476Les66kUAAAAANyLrgkl7iuN4JUpNlB5upaMovI4
vendor: 17 bytes, line 47
47" async></script>
47--> 48 <!--
48<script src="https://js.usebasin.com/v1.min.js" async></script>
48 --> 49
49<script src="https://js.usebasin.com/v2.1.0.min.js" async></script>
49 50 <!-- End Basin Form and reCaptcha v3 --> 51 52 <!-- Enlyft Visitor Track --> 53
53<script type="text/javascript"> 54 (function (ss) { 55 window.vtenl = window.vtenl || {}; 56 function setSettings() { 57 if (window.vtenl.settings) { 58 return; 59 } 60 window.vtenl.settings = window.vtenlSettings || { enabled: true, hasConsent: true }; 61 } 62 window.vtenl.start = function () { 63 window.vtenl.settings.enabled = true; 64 window.vtenl.init(); 65 }; 66 window.vtenl.init = function () { 67 setSettings(); 68 if (!window.vtenl.settings.enabled || window.vtenl[ss]) { 69 return; 70 } 71 fs = document.getElementsByTagName('script')[0]; 72 function ce(src) { 73 var cs = document.createElement('script'); 74 cs.src = src; 75 cs.async = 1; 76 fs.parentNode.insertBefore(cs, fs); 77 window.vtenl[ss] = true; 78 } 79 ce('https://api.enlyft.com/v1/vt/' + ss + '.js'); 80 }; 81 window.setTimeout(window.vtenl.init, 1000); 82 })('d2a58a72-8b85-490f-8d7b-16ebe345845e'); 83 </script>
83 84 <!-- Enlyft Visitor Track end --> 85 86 <!-- RB2B start --> 87
87<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>
87 88 <!-- RB2B end --> 89 90 <!-- Privado Notice start --> 91
91<script async src="https://www.cdn.privado.ai/6a6c37b4be1441f2882f43d4c43b4ffc.js" type="text/javascript"></script>
91 92 <!-- Privado Notice end --> 93 94 <!-- Google Tag Manager --> 95
95<script>
vendor: 435 bytes, lines 95-105
95 96 (function (w, d, s, l, i) { 97 w[l] = w[l] || []; 98 w[l].push({ 'gtm.start': new Date().getTime(), event: 'gtm.js' }); 99 var f = d.getElementsByTagName(s)[0], 100 j = d.createElement(s), 101 dl = l != 'dataLayer' ? '&l=' + l : ''; 102 j.async = true; 103 j.src = 'https://www.googletagmanager.com/gtm.js?id=' + i + dl; 104 f.parentNode.insertBefore(j, f); 105 })(window, document, 'script', 'dataLayer', '
105GTM-M9FV6GM
vendor: 6 bytes, lines 105-106
105'); 106
106</script>
106 107 <!-- End Google Tag Manager --> 108 109 <!-- Google tag (gtag.js) -->
vendor: 66 bytes, lines 109-110
109 110 <script async src="https://www.googletagmanager.com/gtag/js?id=
110G-SV5TSSMSYQ
vendor: 14 bytes, lines 110-111
110"></script> 111
111<script> 112
vendor: 153 bytes, lines 112-118
112window.dataLayer = window.dataLayer || []; 113 function gtag() { 114 dataLayer.push(arguments); 115 } 116 gtag('js', new Date()); 117 118 gtag('config', '
118G-SV5TSSMSYQ
vendor: 6 bytes, lines 118-119
118'); 119
119</script>
119 120 121 <!-- Clarity tracking code --> 122
122<script type="text/javascript"> 123 (function (c, l, a, r, i, t, y) { 124 c[a] = 125 c[a] || 126 function () { 127 (c[a].q = c[a].q || []).push(arguments); 128 }; 129 t = l.createElement(r); 130 t.async = 1; 131 t.src = 'https://www.clarity.ms/tag/' + i; 132 y = l.getElementsByTagName(r)[0]; 133 y.parentNode.insertBefore(t, y); 134 })(window, document, 'clarity', 'script', 'xxzvr7yq3i'); 135 </script>
135 136 137 <!-- Linkedin tracking code --> 138
138<script type="text/javascript"> 139 _linkedin_partner_id = '9746556'; 140 window._linkedin_data_partner_ids = window._linkedin_data_partner_ids || []; 141 window._linkedin_data_partner_ids.push(_linkedin_partner_id); 142 </script>
142 143
143<script type="text/javascript"> 144 (function (l) { 145 if (!l) { 146 window.lintrk = function (a, b) { 147 window.lintrk.q.push([a, b]); 148 }; 149 window.lintrk.q = []; 150 } 151 var s = document.getElementsByTagName('script')[0]; 152 var b = document.createElement('script'); 153 b.type = 'text/javascript'; 154 b.async = true; 155 b.src = 'https://snap.licdn.com/li.lms-analytics/insight.min.js'; 156 s.parentNode.insertBefore(b, s); 157 })(window.lintrk); 158 </script>
158 159 <noscript> <img height="1" width="1" style="display: none" alt="" src="https://px.ads.linkedin.com/collect/?pid=9746556&fmt=gif" /> </noscript> 160 161
161<script> 162 const technologiesCount = 23; 163 document.addEventListener('DOMContentLoaded', function () { 164 try { 165 updateForm(); 166 167 // Valid Input events - GA 168 $('input[name=Subscriber-Name]').change(function () { 169 sendFormEvent('Form_field_completed', 'FullName'); 170 }); 171 $('input[name=Subscriber-Phone]').change(function () { 172 sendFormEvent('Form_field_completed', 'Phone'); 173 }); 174 $('input[name=Subscriber-Email]').change(function () { 175 sendFormEvent('Form_field_completed', 'Email'); 176 try { 177 let domain = 'defaultdomain'; 178 var input_email = document.getElementById('contact_email').value; 179 if (input_email) { 180 domain = input_email.substring(input_email.lastIndexOf('@') + 1); 181 } 182 $('#domain').attr('value', domain); 183 let sales_index = 17309773; 184 let rand_val = Math.random(); 185 186 /* 187 if (rand_val > 0.33 && rand_val < 0.66) { 188 sales_index = 17309773; 189 } 190 if (rand_val > 0.66) { 191 sales_index = 17549848; 192 } 193 */ 194 195 if (rand_val > 0.5) { 196 sales_index = 17549848; 197 } 198 199 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'; 200 const isCS_Lead = searchCSVFile(cs_leads, domain); 201 if (isCS_Lead) { 202 sales_index = 7065068; 203 } 204 $('#salesId').attr('value', sales_index); 205 } catch (ex) { 206 domain = 'UnableToParseDomain'; 207 console.error('Error getting domain', ex); 208 } 209 }); 210 $('input[name=Subscriber-Organization]').change(function () { 211 sendFormEvent('Form_field_completed', 'Organization'); 212 }); 213 $('input[name=Field-Message]').change(function () { 214 sendFormEvent('Form_field_completed', 'Message'); 215 }); 216 217 // Invalid Input events - GA 218 var input_name = document.getElementById('contact_name'); 219 if (input_name) { 220 input_name.addEventListener('invalid', listener); 221 } 222 223 var input_phone = document.getElementById('contact_phone'); 224 if (input_phone) { 225 input_phone.addEventListener('invalid', listener); 226 } 227 228 var input_email = document.getElementById('contact_email'); 229 if (input_email) { 230 input_email.addEventListener('invalid', listener); 231 } 232 233 var input_organization = document.getElementById('contact_organization'); 234 if (input_organization) { 235 input_organization.addEventListener('invalid', listener); 236 } 237 238 var input_message = document.getElementById('contact_message'); 239 if (input_message) { 240 input_message.addEventListener('invalid', listener); 241 } 242 243 // GA Submit button click event 244 $(document).on('click', '[FormSubmit-gatrack]', function (e) { 245 var clicked = $(this); 246 let eventCategory = 'Form_website_main_form'; 247 if (window.location.href && window.location.href.toString().includes('/contact')) { 248 eventCategory = 'Form_website_contact_us_page';
249 } 250 if ($('.w-form-fail')[0].style.display === 'block') { 251 gtag('event', 'Form_submit_error', { 252 event_category: eventCategory, 253 }); 254 } 255 }); 256 257 // GA Button\Link click events 258 $(document).on('click', '[data-gatrack]', function (e) { 259 var clicked = $(this); 260 let eventCategory = 'Form_website_main_form'; 261 if (window.location.href && window.location.href.toString().includes('/contact')) { 262 eventCategory = 'Form_website_contact_us_page'; 263 } 264 if (window.location.href && window.location.href.toString().includes('/isv-targeting')) { 265 eventCategory = 'ISV Targeting'; 266 } 267 console.log('clicked', clicked[0].getAttribute('data-gatrack')); 268 gtag('event', 'CTA_to_form_clicked', { 269 event_category: eventCategory, 270 event_label: label, 271 }); 272 }); 273 } catch (e) { 274 console.error('Error updating form fields, ', e); 275 } 276 277 // Privacy input field 278 let contactEmail = ''; 279 $('input[name=CheckEmail]').change(function () { 280 contactEmail = document.getElementById('CheckEmail').value; 281 }); 282 283 // Privacy Check Email Form Submit 284 try { 285 $(document).on('click', '#btn-check-email-submit', function (e) { 286 var clicked = $(this); 287 console.log('Check for email - ', contactEmail); 288 }); 289 } catch (e) { 290 console.error('Error updating form fields:', e); 291 } 292 }); 293 294 function searchCSVFile(csvFile, searchString) { 295 // Split the CSV file into an array of rows 296 const rows = csvFile.split('\n'); 297 298 // Loop through each row 299 for (let i = 0; i < rows.length; i++) { 300 // Split the row into an array of columns 301 const columns = rows[i].split(','); 302 303 // Loop through each column and check if it matches the search string 304 for (let j = 0; j < columns.length; j++) { 305 if (columns[j].trim() === searchString) { 306 // If the search string is found, return true 307 return true; 308 } 309 } 310 } 311 312 // If the search string is not found in any row, return false 313 return false; 314 } 315 316 function listener(event) { 317 let elemendId = event.srcElement.id; 318 let label = document.getElementById(elemendId).getAttribute('ga-name'); 319 sendFormEvent('Form_field_error', label); 320 } 321 322 function sendFormEvent(eventName, eventLabel) { 323 let eventCategory = 'Form_website_main_form'; 324 if (window.location.href && window.location.href.toString().includes('/contact')) { 325 eventCategory = 'Form_website_contact_us_page';
326 } 327 gtag('event', eventName, { 328 event_category: eventCategory, 329 event_label: eventLabel, 330 }); 331 } 332 333 async function updateForm() { 334 const formId = '#wf-contactform'; 335 const blackListedCountries = ['India']; 336 try { 337 let url = new URL(window.location.href); 338 let params = new URLSearchParams(url.search); 339 let utm_campaign = params.get('utm_campaign') || getCookie('_uc_utm_campaign'); 340 let utm_source = params.get('utm_source') || getCookie('_uc_utm_source'); 341 let utm_medium = params.get('utm_medium') || getCookie('_uc_utm_medium'); 342 let utm_term = params.get('utm_term') || getCookie('_uc_utm_term'); 343 let utm_content = params.get('utm_content') || getCookie('_uc_utm_content'); 344 let gclid = params.get('gclid') || getCookie('_uc_gclid'); 345 let referrer = params.get('referrer') || getCookie('_uc_referrer'); 346 let li_domain = params.get('li_fat_id'); 347 $('#utm_campaign').attr('value', utm_campaign); 348 $('#utm_source').attr('value', utm_source); 349 $('#utm_medium').attr('value', utm_medium); 350 $('#utm_term').attr('value', utm_term); 351 $('#utm_content').attr('value', utm_content); 352 $('#gclid').attr('value', gclid); 353 $('#referrer').attr('value', referrer); 354 $('#pageUrl').attr('value', url); 355 $('#li_domain').attr('value', li_domain); 356 } catch (ex) { 357 console.error('Error updating the form, ', ex); 358 } 359 try { 360 let location = await getIpData(); 361 if (location) { 362 $('#location').attr('value', location); 363 } else { 364 console.error('could not set variables.'); 365 } 366 } catch (e) { 367 console.error('Error updating form fields, ', e); 368 } 369 } 370 371 function getCookie(name) { 372 var cookieArr = document.cookie.split(';'); 373 for (var i = 0; i < cookieArr.length; i++) { 374 var cookiePair = cookieArr[i].split('='); 375 if (name == cookiePair[0].trim()) { 376 return decodeURIComponent(cookiePair[1]); 377 } 378 } 379 return null; 380 } 381 382 function setCookie(name, value, days) { 383 if (days) { 384 var date = new Date(); 385 date.setTime(date.getTime() + days * 24 * 60 * 60 * 1000); 386 var expires = '; expires=' + date.toGMTString(); 387 } else var expires = ''; 388 console.log('setting cookie', "'" + name + '=' + value + expires + '; path=/' + "'"); 389 var domain = '.' + window.location.hostname; 390 document.cookie = name + '=' + value + expires + ";path: '/ domain =" + domain + ';'; 391 } 392 393 function getParameterByName(name) { 394 name = name.replace(/[\[]/, '\\[').replace(/[\]]/, '\\]'); 395 var regex = new RegExp('[\\?&]' + name + '=([^&#]*)'), 396 results = regex.exec(location.search); 397 return results === null ? '' : decodeURIComponent(results[1].replace(/\+/g, ' ')); 398 } 399 400 function getIpData() { 401 return new Promise((resolve, reject) => { 402 try { 403 $.getJSON('https://ipapi.co/json/', function (data) { 404 resolve(data.region + ', ' + data.country_name); 405 }); 406 } catch (e) { 407 console.error('Error getting IP data, ', e); 408 reject(null); 409 } 410 }); 411 } 412 </script>
412 413</html></head><body><a href="https://enlyft.com/cdn-cgi/content?id=SrriB2EhKAWfu3x0WDCXojkudE4u8.HAEok3qCPcwtY-1790239865.6255429-1.2.1.1-1J52SmPb_5L7Yrv0zLuvyC4zOQk0t3sHUXmCn6OOOmOzH4U4dJNPi4SeM5n5GOfz" aria-hidden="true" rel="nofollow noopener" style="display: none !important; visibility: hidden !important"></a><div class="w-embed w-script"><!-- Finsweet Attributes -->
414<script async type="module" 415src="https://cdn.jsdelivr.net/npm/@finsweet/attributes@2/attributes.js" 416fs-list 417></script>
417</div><div class="w-embed w-script">
417<script> 418 document.querySelectorAll('link[href*="webflow.shared"]').forEach(el => el.remove()); 419</script>
419</div><div class="w-embed"> 420<link rel="preconnect" href="https://fonts.googleapis.com"> 421<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> 422<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"> 423<style> 424 /* Enlyft site stylesheet - extracted from canonical AWS landing page */ 425 426/* ============================================================================= 427 ENLYFT DESIGN TOKENS 428 Primary colors, shade ramps, borders, typography, card effects, fills. 429 Import this file first; base.css and every section's style.css consume it. 430 ============================================================================= */ 431 432:root { 433 /* Primary colors */ 434 --deep-midnight: #001226; 435 --sapphire: #002855; 436 --cloud-dancer: #F0EFEB; 437 --white: #FFFFFF; 438 439 /* Accent */ 440 --aqua: #71F5F5; 441 442 /* Shade ramps (12 steps each, HSB-interpolated) */ 443 --eb-0: #002855; --eb-1: #093664; --eb-2: #144573; --eb-3: #215682; 444 --eb-4: #326891; --eb-5: #447AA0; --eb-6: #5A8EAF; --eb-7: #72A2BE; 445 --eb-8: #8CB7CD; --eb-9: #A9CCDC; --eb-10: #C9E1EB; --eb-11: #EBF6FA; 446 447 --dm-0: #001226; --dm-1: #18283B; --dm-2: #303F4F; --dm-3: #445160; 448 --dm-4: #525F6D; --dm-5: #616E7A; --dm-6: #6F7A86; --dm-7: #7C8791; 449 --dm-8: #8A949D; --dm-9: #A5ADB4; --dm-10: #C2C8CD; --dm-11: #DFE3E6; 450 451 --cd-0: #F0EFEB; --cd-4: #F5F4F2; --cd-6: #F8F7F6; --cd-8: #FAF8F8; 452 --cd-9: #FBFAF9; --cd-11: #FFFFFF; 453 454 /* Borders - Lines & Borders spec */ 455 --border-dark-6: rgba(0, 18, 38, 0.06); 456 --border-dark-12: rgba(0, 18, 38, 0.12); 457 --border-light-8: rgba(255, 255, 255, 0.08); 458 --border-light-16: rgba(255, 255, 255, 0.16); 459 460 /* Typography */ 461 --font-heading: 'Lexend', system-ui, sans-serif; 462 --font-body: 'Zalando Sans', system-ui, sans-serif; 463 --font-ui: 'Zalando Sans', system-ui, sans-serif; /* brand: UI/labels use Zalando Sans (only Lexend + Zalando Sans permitted) */ 464 465 /* Card effects */ 466 --card-inner-edge: inset 0 0 0 1px rgba(255, 255, 255, 0.9); 467 --card-inner-glow: inset 0 0 32px 16px rgba(255, 255, 255, 0.16); 468 --card-drop-shadow: 0 24px 24px -12px rgba(0, 0, 0, 0.16); 469 470 /* Sheen overlay for cards (156° 5-stop, corrected CSS positions per brand guidelines) */ 471 --card-sheen: linear-gradient(156deg, 472 #FFFFFF 15.02%, 473 rgba(255,255,255,0.5) 25.65%, 474 rgba(218,227,237,0) 45.66%, 475 rgba(255,255,255,0.5) 68.54%, 476 #FFFFFF 100% 477 ); 478 /* Softer sheen for dark cards so the Sapphire base stays visible */ 479 --card-sheen-dark: linear-gradient(156deg, 480 rgba(255,255,255,0.6) 0%, 481 rgba(255,255,255,0.2) 12.5%, 482 rgba(218,227,237,0) 36.06%, 483 rgba(255,255,255,0.2) 62.98%, 484 rgba(255,255,255,0.6) 100% 485 ); 486 487 /* Background fills - exact from design.svg, brand-shade mapped. 488 paint0 + paint1 = Atmospheric Light 489 paint12 = Minimal Cream 490 paint16 + p17 = Cream Horizon (+ white sheen overlay) 491 paint18 = Midnight to Navy */ 492 --fill-atmospheric-light: 493 linear-gradient(180deg, rgba(255,255,255,0) 74.04%, rgba(255,255,255,1) 100%), 494 linear-gradient(294deg, #EBF6FA 0%, #F7F5F4 34.13%, #F8F7F6 69.23%, #FFFFFF 100%); 495 --fill-minimal-cream: 496 linear-gradient(137deg, #F0EFEB 0%, #F5F4F2 100%); 497 --fill-cream-horizon: 498 linear-gradient(348deg, rgba(255,255,255,0.8) 0%, rgba(255,255,255,0) 100%), 499 linear-gradient(180deg, #F0EFEB 0%, #C9E1EB 56.73%, #A9CCDC 100%); 500 --fill-midnight-to-navy: 501 linear-gradient(180deg, #001226 0%, #002855 100%); 502} 503 504/* ============================================================================= 505 BASE STYLES - reset, body, layout helpers, typography, buttons, aqua highlight. 506 Depends on tokens.css; load after it. 507 ============================================================================= */ 508 509* { box-sizing: border-box; margin: 0; padding: 0; } 510html { scroll-behavior: smooth; } 511body { 512 font-family: var(--font-body); 513 color: var(--deep-midnight); 514 background: var(--cloud-dancer); 515 line-height: 1.5; 516 -webkit-font-smoothing: antialiased; 517} 518body.has-banner { 519 padding-top: var(--banner-offset, 85px); 520} 521img { max-width: 100%; display: block; } 522a { color: inherit; text-decoration: none; } 523button { font: inherit; cursor: pointer; border: none; background: none; color: inherit; } 524 525/* ================= LAYOUT ================= */
526.container { max-width: 1200px; margin: 0 auto; padding: 0 32px; } 527.section { padding: 96px 0; } 528.section-sm { padding: 64px 0; } 529 530/* ================= EYEBROW ================= */ 531.eyebrow { 532 font-family: var(--font-ui); 533 font-size: 12px; 534 font-weight: 600; 535 letter-spacing: 3px; 536 text-transform: uppercase; 537 color: var(--eb-5); 538 margin-bottom: 20px; 539} 540.eyebrow.on-dark { color: var(--eb-9); } 541.eyebrow.with-chip::before { 542 content: ''; 543 display: inline-block; 544 width: 8px; height: 8px; 545 border-radius: 50%; 546 background: var(--aqua); 547 margin-right: 10px; 548 transform: translateY(-1px); 549 vertical-align: middle; 550} 551 552/* ================= TYPOGRAPHY ================= */ 553h1, h2, h3, h4 { 554 font-family: var(--font-heading); 555 color: var(--deep-midnight); 556 letter-spacing: 0; 557 line-height: 1.15; 558} 559h1 { font-size: 68px; font-weight: 800; letter-spacing: 0; } 560h2 { font-size: 48px; font-weight: 700; } 561h3 { font-size: 28px; font-weight: 600; } 562h4 { font-size: 18px; font-weight: 600; } 563p { font-size: 16px; line-height: 1.6; color: #3a4551; } 564@media (max-width: 900px) { 565 h1 { font-size: 52px; } 566 h2 { font-size: 40px; } 567 h3 { font-size: 26px; } 568} 569@media (max-width: 600px) { 570 h1 { font-size: 40px; } 571 h2 { font-size: 32px; } 572 h3 { font-size: 24px; } 573} 574 575.on-dark h1, .on-dark h2, .on-dark h3, .on-dark h4 { color: var(--white); } 576.on-dark p { color: var(--eb-10); } 577.section.on-dark { background: var(--fill-midnight-to-navy); } 578 579/* ================= AQUA HIGHLIGHT SPAN (paint2 from design.svg) ================= */ 580.hl-aqua { 581 position: relative; 582 display: inline; 583 -webkit-box-decoration-break: clone; 584 box-decoration-break: clone; 585 padding-bottom: 6px; 586 background-image: linear-gradient(90deg, 587 rgba(66,250,228,0) 0%, 588 #23F5F0 21.6%, 589 #5BE3FB 43.3%, 590 #40CDFC 74%, 591 rgba(66,250,228,0) 100%); 592 background-repeat: no-repeat; 593 background-position: 0 100%; 594 background-size: 100% 4px; 595} 596.hl-blue { 597 color: var(--eb-6); 598 position: relative; 599} 600 601/* ================= BUTTONS ================= 602 Primary button matches button.svg from the brand: 603 132Ã36, 12px radius, 3-stop diagonal gradient, 1px inner aqua highlight 604 on the top-left edge (the SVG inner shadow effect). */ 605.btn { 606 display: inline-flex; align-items: center; justify-content: center; gap: 8px; 607 height: 36px; 608 padding: 0 18px; 609 border-radius: 12px; 610 font-family: var(--font-ui); 611 font-weight: 500; 612 font-size: 14px; 613 letter-spacing: 0; 614 line-height: 1; 615 transition: all 0.2s ease; 616 white-space: nowrap; 617} 618.btn-primary { 619 background: linear-gradient(107deg, #003E6E 0%, #002855 34%, #001226 100%); 620 color: var(--white); 621 box-shadow: 622 inset 1px 1px 0 rgba(113, 245, 245, 0.9), 623 0 6px 14px -6px rgba(0, 18, 38, 0.28); 624} 625.btn-primary:hover { 626 filter: brightness(1.08); 627 transform: translateY(-1px); 628 box-shadow: 629 inset 1px 1px 0 rgba(113, 245, 245, 0.9), 630 0 10px 18px -6px rgba(0, 18, 38, 0.32); 631} 632.btn-primary .arrow { display: inline-flex; transition: transform 0.2s; } 633.btn-primary:hover .arrow { transform: translateX(3px); } 634.btn-secondary { 635 background: transparent; 636 color: var(--deep-midnight); 637 border: 1px solid var(--border-dark-12); 638} 639.btn-secondary:hover { border-color: var(--deep-midnight); } 640.on-dark .btn-secondary { color: var(--white); border-color: var(--border-light-16); } 641.on-dark .btn-secondary:hover { border-color: var(--white); } 642 643/* ============================================================================= 644 CARDS & FRAMES (brand guidelines - exact). 645 Three primitives shared by sections: 646 .frame-flat transparent + border only 647 .card-flat white fill + sheen + inner highlight + inner glow 648 .card-floating Flat Card + drop shadow 649 650 .card is a legacy alias to .card-flat (kept so existing markup still works). 651 ============================================================================= */ 652 653/* Flat Frame: transparent surface, border only. No inner effects. */ 654.frame-flat { 655 background: transparent; 656 border: 1px solid var(--border-dark-6); 657 border-radius: 12px; 658 padding: 32px; 659} 660.frame-flat.on-dark { border-color: var(--border-light-8); } 661 662/* Flat Card: sheen + inner highlight edge + inner soft glow */ 663.card-flat { 664 background: var(--card-sheen), #FFFFFF; 665 border-radius: 12px; 666 padding: 32px; 667 box-shadow: var(--card-inner-edge), var(--card-inner-glow); 668} 669.card-flat.on-dark { 670 background: var(--card-sheen-dark), var(--sapphire); 671 box-shadow: var(--card-inner-edge), var(--card-inner-glow); 672} 673 674/* Floating Card: Flat Card + drop shadow */ 675.card-floating { 676 background: var(--card-sheen), #FFFFFF; 677 border-radius: 12px; 678 padding: 32px; 679 box-shadow: var(--card-drop-shadow), var(--card-inner-edge), var(--card-inner-glow); 680} 681.card-floating.on-dark { 682 background: var(--card-sheen-dark), var(--sapphire); 683 box-shadow: 0 24px 24px -12px rgba(0,0,0,0.4), var(--card-inner-edge), var(--card-inner-glow); 684} 685 686/* Backwards-compat - legacy .card alias to Flat Card */ 687.card { 688 background: var(--card-sheen), #FFFFFF; 689 border-radius: 12px; 690 padding: 32px; 691 box-shadow: var(--card-inner-edge), var(--card-inner-glow); 692} 693.card .tag { 694 display: inline-block; 695 font-family: var(--font-ui); 696 font-size: 11px; 697 font-weight: 600; 698 letter-spacing: 2px; 699 text-transform: uppercase; 700 color: var(--eb-5); 701 padding: 6px 12px; 702 border-radius: 9999px; 703 background: rgba(113,245,245,0.18); 704 margin-bottom: 16px; 705} 706 707/* ============ HERO (paint0 + paint1 from design.svg: Atmospheric Light) ============ */ 708.hero { 709 padding: 120px 0 80px; 710 text-align: center; 711 background: var(--fill-atmospheric-light); 712 position: relative; 713 overflow: hidden; 714} 715.hero::before { 716 content: ''; 717 position: absolute; 718 inset: 0; 719 background: radial-gradient(ellipse 900px 400px at 50% 0%, rgba(113,245,245,0.16), transparent 70%); 720 pointer-events: none; 721} 722.hero .container { position: relative; z-index: 1; max-width: 1100px; } 723.hero h1 { margin: 16px auto 32px; max-width: 900px; } 724.hero p.sub { 725 font-size: 18px; 726 line-height: 1.6; 727 color: #4a5461; 728 max-width: 820px; 729 margin: 0 auto 24px; 730} 731.hero-cta { 732 display: flex; 733 justify-content: center; 734 gap: 14px; 735 flex-wrap: wrap; 736 margin: 0 auto 48px; 737} 738 739/* ============ HERO: product screenshot ============ */ 740.hero-mockup { 741 max-width: 1060px; 742 margin: 0 auto 32px; 743} 744.hero-mockup img { 745 width: 100%; 746 height: auto; 747 display: block; 748 border-radius: 16px; 749 box-shadow: 0 32px 80px -16px rgba(0, 18, 38, 0.28), 0 8px 24px -8px rgba(0, 18, 38, 0.14); 750} 751 752/* ============ HERO: plain trust text row (no background) ============ */ 753.hero-trust { 754 display: inline-flex; 755 align-items: center; 756 gap: 14px; 757 font-family: var(--font-ui); 758 font-size: 13px; 759 font-weight: 500; 760 color: var(--dm-5); 761 flex-wrap: wrap; 762 justify-content: center; 763} 764.hero-trust .sep { 765 color: var(--dm-9); 766 font-size: 14px; 767 line-height: 1; 768} 769@media (max-width: 720px) { 770 .hero-trust { gap: 8px; font-size: 12px; } 771 .hero-trust .sep { display: none; } 772} 773 774/* ============ 3 Column Content Grid ============ */
775.cg-grid { 776 display: grid; 777 grid-template-columns: repeat(3, 1fr); 778 gap: 40px; 779 margin-top: 48px; 780} 781.cg-item { padding: 0; } 782.cg-icon { 783 width: 56px; 784 height: auto; 785 margin-bottom: 20px; 786 display: block; 787} 788.cg-title { 789 font-family: var(--font-heading); 790 font-size: 22px; 791 font-weight: 600; 792 color: var(--deep-midnight); 793 margin-bottom: 10px; 794 line-height: 1.25; 795} 796.cg-item p { 797 font-size: 15px; 798 line-height: 1.6; 799 color: var(--dm-4); 800} 801@media (max-width: 900px) { .cg-grid { grid-template-columns: 1fr; gap: 32px; } } 802 803.steps-section { 804 background: 805 linear-gradient(180deg, rgba(235,246,250,0.45) 0%, rgba(255,255,255,0) 30%), 806 var(--white); 807} 808.steps-section .container { max-width: 1180px; } 809.steps-section h2 { 810 max-width: 980px; 811 font-size: 48px; 812 line-height: 1.15; 813} 814.steps-section .cg-grid { 815 grid-template-columns: 1fr; 816 gap: 72px; 817 margin-top: 68px; 818} 819.steps-section .cg-item { 820 display: grid; 821 grid-template-columns: minmax(0, 0.9fr) minmax(340px, 1.1fr); 822 align-items: center; 823 gap: 56px; 824 padding: 48px 0 0; 825 border-top: 1px solid var(--border-dark-6); 826} 827.steps-section .cg-item:first-child { 828 border-top: none; 829 padding-top: 0; 830} 831.steps-section .cg-item.is-reversed { 832 grid-template-columns: minmax(340px, 1.1fr) minmax(0, 0.9fr); 833} 834.steps-section .cg-item.is-reversed .step-copy { order: 2; } 835.steps-section .cg-item.is-reversed .step-visual { order: 1; } 836.steps-section .step-copy { max-width: 520px; } 837.steps-section .cg-icon { 838 width: 72px; 839 margin-bottom: 24px; 840} 841.steps-section .cg-title { 842 font-size: 36px; 843 margin-bottom: 16px; 844} 845.steps-section .cg-item p { 846 font-size: 18px; 847 line-height: 1.72; 848 color: var(--dm-4); 849} 850.steps-section .step-visual { 851 min-height: 380px; 852 display: flex; 853 align-items: center; 854 justify-content: center; 855 overflow: hidden; 856 border-radius: 12px; 857 background: transparent; 858 box-shadow: none; 859} 860.steps-section .step-visual img { 861 width: 100%; 862 height: 100%; 863 max-height: 430px; 864 object-fit: contain; 865 padding: 28px; 866} 867.steps-section .step-visual-overlap img { max-height: 450px; padding: 0; } 868.steps-section .step-visual-score img { max-height: 360px; } 869.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; } 870 871@media (max-width: 900px) { 872 .steps-section h2 { font-size: 42px; } 873 .steps-section .cg-title { font-size: 30px; } 874 .steps-section .cg-grid { gap: 52px; margin-top: 52px; } 875 .steps-section .cg-item, 876 .steps-section .cg-item.is-reversed { 877 grid-template-columns: 1fr; 878 gap: 28px; 879 padding-top: 40px; 880 } 881 .steps-section .cg-item.is-reversed .step-copy, 882 .steps-section .cg-item.is-reversed .step-visual { 883 order: initial; 884 } 885 .steps-section .step-visual { min-height: 260px; } 886 .steps-section .step-visual img { max-height: 320px; padding: 20px; } 887} 888 889/* ============ Stats ============ */ 890.stats-grid { 891 display: grid; 892 grid-template-columns: repeat(3, 1fr); 893 gap: 20px; 894} 895.results-section { 896 position: relative; 897 overflow: hidden; 898 text-align: center; 899 background: 900 linear-gradient(165deg, rgba(255,255,255,0.92) 0%, rgba(255,255,255,0.42) 28%, rgba(255,255,255,0) 52%), 901 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%); 902} 903.results-section::before { 904 content: ''; 905 position: absolute; 906 inset: 0; 907 background: 908 linear-gradient(115deg, transparent 0 18%, rgba(0,40,85,0.08) 18% 18.12%, transparent 18.12% 36%), 909 linear-gradient(115deg, transparent 0 54%, rgba(113,245,245,0.26) 54% 54.18%, transparent 54.18% 100%); 910 pointer-events: none; 911} 912.results-section .container { 913 position: relative; 914 z-index: 1; 915} 916.stats-grid.stats-grid-two { 917 grid-template-columns: repeat(2, minmax(0, 1fr)); 918 max-width: 840px; 919 margin-left: auto; 920 margin-right: auto; 921 text-align: left; 922} 923.results-section .stat-card { 924 box-shadow: 0 22px 44px -32px rgba(0, 18, 38, 0.34), var(--card-inner-edge), var(--card-inner-glow); 925} 926.stat-card { 927 background: var(--card-sheen), #FFFFFF; 928 border-radius: 12px; 929 padding: 32px 28px; 930 box-shadow: var(--card-inner-edge), var(--card-inner-glow); 931} 932.stat-icon { 933 width: 40px; 934 height: auto; 935 display: block; 936 margin-bottom: 24px; 937} 938.stat-num { 939 font-family: var(--font-heading); 940 font-size: 56px; 941 font-weight: 800; 942 color: var(--sapphire); 943 letter-spacing: 0; 944 line-height: 1; 945 margin-bottom: 6px; 946} 947.stat-suffix { 948 font-size: 28px; 949 font-weight: 700; 950 color: var(--eb-6); 951 letter-spacing: 0; 952 vertical-align: baseline; 953} 954.stat-label { 955 font-family: var(--font-heading); 956 font-size: 20px; 957 font-weight: 600; 958 color: var(--deep-midnight); 959 margin-bottom: 14px; 960} 961.stat-desc { 962 font-size: 14px; 963 line-height: 1.6; 964 color: var(--dm-4); 965} 966@media (max-width: 900px) { 967 .stats-grid, 968 .stats-grid.stats-grid-two { grid-template-columns: 1fr; } 969} 970 971/* ============ Before / After Comparison ============ */ 972.vs-grid { 973 display: grid; 974 grid-template-columns: 1fr 1fr; 975 gap: 20px; 976 margin-top: 48px; 977} 978/* Both cards share typography - the Flat Frame / Floating Card primitives 979 from cards.css provide the surface, border, shadow, and sheen. */ 980.vs-grid h4 { 981 font-family: var(--font-ui); 982 font-size: 11px; 983 font-weight: 700; 984 letter-spacing: 2.5px; 985 text-transform: uppercase; 986 margin-bottom: 24px; 987} 988.vs-without h4 { color: var(--dm-7); } 989.vs-with h4 { color: var(--sapphire); } 990.vs-list { list-style: none; display: flex; flex-direction: column; gap: 18px; } 991.vs-list li { 992 font-size: 15px; 993 line-height: 1.55; 994 padding-left: 28px; 995 position: relative; 996} 997.vs-without li { color: var(--dm-5); } 998.vs-without li::before { 999 content: '-'; 1000 position: absolute; 1001 left: 0; top: 0; 1002 color: var(--dm-7); 1003 font-weight: 700; 1004} 1005.vs-with li { color: var(--deep-midnight); } 1006.vs-with li::before { 1007 content: ''; 1008 position: absolute; 1009 left: 2px; top: 7px; 1010 width: 14px; height: 14px; 1011 background: var(--aqua); 1012 border-radius: 50%; 1013 box-shadow: 0 0 12px rgba(113, 245, 245, 0.5); 1014} 1015.vs-with li::after {
1016 content: 'â'; 1017 position: absolute; 1018 left: 5px; top: 3px; 1019 color: var(--deep-midnight); 1020 font-weight: 800; 1021 font-size: 10px; 1022} 1023.difference-cta { 1024 margin-top: 48px; 1025 text-align: center; 1026} 1027.difference-cta h3 { 1028 max-width: 760px; 1029 margin: 0 auto 24px; 1030} 1031@media (max-width: 900px) { .vs-grid { grid-template-columns: 1fr; } } 1032 1033/* ============ Split: Copy + Chart Visualization ============ */ 1034.overlap-wrap { 1035 display: grid; 1036 grid-template-columns: 1.1fr 1fr; 1037 gap: 64px; 1038 align-items: center; 1039 margin-top: 56px; 1040} 1041.overlap-chart { 1042 background: var(--card-sheen), #FFFFFF; 1043 border-radius: 16px; 1044 padding: 40px; 1045 box-shadow: var(--card-drop-shadow), var(--card-inner-edge), var(--card-inner-glow); 1046 text-align: center; 1047 position: relative; 1048 aspect-ratio: 1; 1049 max-width: 460px; 1050 margin: 0 auto; 1051} 1052.donut { 1053 position: relative; 1054 width: 100%; max-width: 300px; 1055 aspect-ratio: 1; 1056 margin: 0 auto; 1057 border-radius: 50%; 1058 background: conic-gradient( 1059 var(--aqua) 0 15%, 1060 var(--sapphire) 15% 70%, 1061 var(--eb-9) 70% 100% 1062 ); 1063 box-shadow: inset 0 0 0 2px rgba(255,255,255,0.5); 1064} 1065.donut::after { 1066 content: ''; 1067 position: absolute; 1068 inset: 22%; 1069 background: var(--white); 1070 border-radius: 50%; 1071 box-shadow: inset 0 1px 2px rgba(0,0,0,0.06); 1072} 1073.donut-center { 1074 position: absolute; 1075 inset: 0; 1076 display: flex; flex-direction: column; align-items: center; justify-content: center; 1077 z-index: 2; 1078 text-align: center; 1079} 1080.donut-center .num { 1081 font-family: var(--font-heading); 1082 font-size: 32px; 1083 font-weight: 800; 1084 color: var(--deep-midnight); 1085 letter-spacing: 0; 1086 line-height: 1; 1087} 1088.donut-center .lbl { 1089 font-family: var(--font-ui); 1090 font-size: 10px; 1091 font-weight: 600; 1092 color: var(--dm-5); 1093 letter-spacing: 2px; 1094 text-transform: uppercase; 1095 margin-top: 6px; 1096} 1097.donut-legend { 1098 margin-top: 28px; 1099 display: grid; 1100 gap: 10px; 1101 text-align: left; 1102} 1103.donut-legend .row { display: flex; align-items: center; gap: 10px; font-size: 13px; } 1104.donut-legend .dot { width: 12px; height: 12px; border-radius: 50%; flex-shrink: 0; } 1105.donut-legend .row strong { margin-left: auto; font-family: var(--font-heading); font-weight: 700; } 1106 1107.overlap-copy ul { list-style: none; margin-top: 20px; } 1108.overlap-copy li { 1109 padding: 12px 0 12px 32px; 1110 border-bottom: 1px solid var(--border-dark-6); 1111 font-size: 14px; 1112 color: var(--dm-4); 1113 position: relative; 1114 line-height: 1.5; 1115} 1116.overlap-copy li::before { 1117 content: ''; 1118 position: absolute; left: 0; top: 18px; 1119 width: 16px; height: 16px; 1120 background: var(--aqua); 1121 border-radius: 50%; 1122 box-shadow: 0 0 10px rgba(113,245,245,0.5); 1123} 1124.overlap-copy li::after { 1125 content: 'â'; 1126 position: absolute; left: 3px; top: 14px; 1127 font-size: 10px; font-weight: 800; color: var(--deep-midnight); 1128} 1129.overlap-copy li:last-child { border-bottom: none; } 1130@media (max-width: 900px) { .overlap-wrap { grid-template-columns: 1fr; gap: 32px; } } 1131 1132/* ============ Graphical Grid (icon/logo-first tiles) ============ */ 1133.gg-grid { 1134 display: grid; 1135 grid-template-columns: repeat(4, 1fr); 1136 gap: 16px; 1137 margin-top: 48px; 1138} 1139.gg-card { 1140 background: var(--card-sheen), #FFFFFF; 1141 border-radius: 12px; 1142 padding: 32px 24px; 1143 box-shadow: var(--card-inner-edge), var(--card-inner-glow); 1144 text-align: center; 1145} 1146.gg-icon { 1147 width: 88px; 1148 height: auto; 1149 margin: 0 auto 20px; 1150 display: block; 1151} 1152.gg-card h4 { font-size: 16px; margin-bottom: 8px; } 1153.gg-card p { font-size: 13px; color: var(--dm-5); line-height: 1.55; } 1154@media (max-width: 900px) { .gg-grid { grid-template-columns: repeat(2, 1fr); } } 1155 1156/* ============ Testimonial ============ */ 1157.testimonial { 1158 max-width: 880px; 1159 margin: 0 auto; 1160 padding: 24px 48px 0; 1161 text-align: center; 1162 position: relative; 1163} 1164.testimonial::before { 1165 content: '"'; 1166 position: absolute; 1167 top: -24px; left: 50%; 1168 transform: translateX(-50%); 1169 font-family: var(--font-heading); 1170 font-size: 140px; 1171 color: var(--aqua); 1172 line-height: 1; 1173 opacity: 0.5; 1174 pointer-events: none; 1175} 1176.testimonial blockquote { 1177 position: relative; 1178 font-family: var(--font-heading); 1179 font-size: 28px; 1180 line-height: 1.5; 1181 font-weight: 500; 1182 color: var(--deep-midnight); 1183 letter-spacing: 0; 1184} 1185.testimonial .cite { 1186 margin-top: 28px; 1187 font-family: var(--font-ui); 1188 font-size: 13px; 1189 color: var(--dm-4); 1190} 1191.testimonial .cite strong { color: var(--deep-midnight); display: block; font-size: 15px; margin-bottom: 4px; } 1192 1193/* ============ Final CTA (dark - diagonal flipped paint18) ============ 1194 Diagonal gradient: Sapphire (lighter) at top-left â Deep Midnight 1195 (darker) at bottom-right. Flows cleanly into the dark footer below. */ 1196.final-cta { 1197 text-align: center; 1198 padding: 112px 0; 1199 background: linear-gradient(135deg, var(--sapphire) 0%, var(--deep-midnight) 100%); 1200 position: relative; 1201 overflow: hidden; 1202 color: var(--white); 1203} 1204.final-cta::before { 1205 content: ''; 1206 position: absolute; 1207 inset: 0; 1208 background: radial-gradient(ellipse 900px 400px at 50% 0%, rgba(113,245,245,0.14), transparent 70%); 1209 pointer-events: none; 1210} 1211.final-cta .container { position: relative; z-index: 1; max-width: 900px; } 1212.final-cta h2 { color: var(--white); } 1213.final-cta p { 1214 color: var(--eb-10); 1215 font-size: 17px; 1216 line-height: 1.6; 1217 max-width: 620px; 1218 margin: 20px auto 40px; 1219} 1220.final-cta .ctas { display: inline-flex; gap: 14px; flex-wrap: wrap; justify-content: center; } 1221 1222 1223 /* ============ TRUST LOGO CAROUSEL ============ */
1224.trust-carousel { margin-top: 48px; text-align: center; } 1225.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; } 1226.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%); } 1227.logo-inner { display: inline-flex; align-items: center; gap: 44px; padding: 8px 0; animation: logo-marquee 32s linear infinite; white-space: nowrap; } 1228.logo-inner:hover { animation-play-state: paused; } 1229.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; } 1230.logo-item:hover { opacity: 1 !important; } 1231.logo-img, 1232.logo-svg { display: block; height: var(--logo-height, 30px); width: auto; max-width: calc(var(--logo-slot, 124px) - 4px); object-fit: contain; } 1233.logo-img { filter: saturate(0.98) contrast(1.03); } 1234.logo-item:hover .logo-img { filter: saturate(1.08) contrast(1.06); } 1235.logo-svg { color: var(--dm-2); } 1236.logo-item:hover .logo-svg { color: var(--dm-2); } 1237.logo-microsoft { --logo-slot: 142px; --logo-height: 28px; } 1238.logo-cdw { --logo-slot: 110px; --logo-height: 30px; } 1239.logo-sunrise { --logo-slot: 110px; --logo-height: 28px; } 1240.logo-dell { --logo-slot: 82px; --logo-height: 31px; } 1241.logo-shi { --logo-slot: 110px; --logo-height: 27px; } 1242.logo-pwc { --logo-slot: 88px; --logo-height: 31px; } 1243.logo-crayon { --logo-slot: 126px; --logo-height: 29px; } 1244.logo-pax8 { --logo-slot: 110px; --logo-height: 30px; } 1245.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; } 1246.logo-item .ms-icon { flex-shrink: 0; color: var(--dm-4); opacity: 0.5; } 1247@keyframes logo-marquee { 0% { transform: translateX(0); } 100% { transform: translateX(-50%); } } 1248@media (max-width: 720px) { 1249 .logo-inner { gap: 32px; } 1250 .logo-item { width: calc(var(--logo-slot, 124px) * 0.86); min-width: calc(var(--logo-slot, 124px) * 0.86); height: 38px; } 1251 .logo-img, 1252 .logo-svg { height: calc(var(--logo-height, 30px) * 0.9); max-width: calc((var(--logo-slot, 124px) * 0.86) - 4px); } 1253} 1254/* ââ Feature eyebrow & bullets (brand) âââââââââââââââââââââ */ 1255.cg-feat-eyebrow { 1256 font-family: var(--font-ui); 1257 font-size: 11px; 1258 font-weight: 700; 1259 letter-spacing: 2px; 1260 text-transform: uppercase; 1261 color: var(--eb-5); 1262 margin-bottom: 12px; 1263} 1264.cg-bullets { 1265 list-style: none; 1266 padding: 0; 1267 margin-top: 16px; 1268} 1269.cg-bullets li { 1270 font-size: 15px; 1271 line-height: 1.55; 1272 color: var(--dm-4); 1273 padding-left: 26px; 1274 position: relative; 1275 margin-bottom: 10px; 1276} 1277.cg-bullets li::before { 1278 content: ''; 1279 position: absolute; 1280 left: 4px; top: 9px; 1281 width: 7px; height: 7px; 1282 background: var(--sapphire); 1283 border-radius: 50%; 1284 box-shadow: none; 1285} 1286.cg-bullets li::after { 1287 content: none; 1288} 1289 1290/* ===================================================================== 1291 SHARED PAGE COMPONENTS (used across solution/platform pages) 1292 ===================================================================== */ 1293.lead-band { text-align:center; max-width: 760px; margin: 0 auto; } 1294.lead-band h2 { margin-bottom: 20px; } 1295.lead-band .sub, .lead-band p { margin-top: 4px; } 1296.section-head { text-align:center; max-width: 760px; margin: 0 auto; } 1297.section-head .sub { margin-top: 14px; } 1298.crm-chips { display:flex; gap:12px; justify-content:center; flex-wrap:wrap; margin-top:24px; } 1299.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; } 1300.diff-band { text-align:center; background: var(--fill-cream-horizon); } 1301.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; } 1302.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); } 1303 1304/* Glass UI mock (schematic, not a screenshot) */ 1305.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); } 1306.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); } 1307.ui-row { display:flex; align-items:center; justify-content:space-between; padding:13px 14px; border-radius:10px; margin-bottom:8px; background: var(--cd-4); } 1308.ui-row.ui-dim { opacity:.55; } 1309.ui-co { font-weight:600; font-size:14px; color: var(--dm-1); } 1310.pp { font-weight:700; font-size:11px; letter-spacing:.5px; text-transform:uppercase; padding:4px 10px; border-radius:999px; } 1311.pp-hi { background: var(--aqua); color: var(--deep-midnight); } 1312.pp-md { background: var(--eb-10); color: var(--sapphire); } 1313.pp-lo { background: var(--dm-11); color: var(--dm-4); } 1314 1315/* Use-case linked cards (hub pages) */ 1316.uc-grid { display:grid; grid-template-columns: repeat(2,1fr); gap:20px; margin-top:48px; } 1317.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; } 1318.uc-card:hover { transform: translateY(-3px); box-shadow: var(--card-drop-shadow); } 1319.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; } 1320.uc-title { font-family: var(--font-heading); font-size:20px; font-weight:600; color: var(--deep-midnight); letter-spacing:-0.01em; margin-bottom:8px; } 1321.uc-desc { font-family: var(--font-ui); font-size:14.5px; color: var(--dm-4); line-height:1.55; margin-bottom:18px; } 1322.uc-link { margin-top:auto; font-family: var(--font-ui); font-size:14px; font-weight:700; color: var(--sapphire); } 1323.uc-card:hover .uc-link { color: var(--deep-midnight); } 1324@media (max-width:760px){ .uc-grid{ grid-template-columns: 1fr; } } 1325 1326/* Solutions mega - "By Program" strip (channel partners in vendor programs) */ 1327.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; } 1328.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; } 1329.program-cards { display:flex; gap:10px; flex-wrap:wrap; } 1330.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; } 1331.program-card:hover { border-color: var(--eb-9); box-shadow: 0 4px 12px -4px rgba(0,18,38,.12); transform: translateY(-1px); } 1332.program-card svg { flex-shrink:0; } 1333.program-card > span { font-family: var(--font-ui); font-size:13.5px; font-weight:600; color: var(--deep-midnight); white-space:nowrap; } 1334.program-card.is-soon { background: var(--cd-4); cursor:default; } 1335.program-card.is-soon:hover { border-color: var(--border-dark-12); box-shadow:none; transform:none; } 1336.program-card.is-soon > span { color: var(--muted); } 1337.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; } 1338 1339/* CRM integration logo cards */ 1340.crm-cards { display:grid; grid-template-columns: repeat(3,1fr); gap:32px; margin-top:48px; } 1341.crm-card { text-align:center; } 1342.crm-card-icon { width:56px; height:56px; margin:0 auto 18px; } 1343.crm-card-icon svg { width:56px; height:56px; display:block; } 1344.crm-card-name { font-family: var(--font-heading); font-size:18px; font-weight:600; color: var(--deep-midnight); margin-bottom:8px; } 1345.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; } 1346@media (max-width:760px){ .crm-cards{ grid-template-columns:1fr; gap:32px; } } 1347 1348.cap-ico { width:48px; height:48px; margin-bottom:16px; } 1349.cap-ico svg { display:block; } 1350 1351/* Blade visual schematics */ 1352.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; } 1353.ui-map .s { color:var(--dm-2); font-weight:600; } 1354.ui-map .a { color:var(--sapphire); font-weight:800; } 1355.ui-map .p { color:var(--sapphire); font-weight:700; text-align:right; } 1356.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; } 1357.ui-src .ck { color:var(--sapphire); font-weight:800; } 1358.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; } 1359.ui-note { margin-top:12px; font-family:var(--font-ui); font-size:12px; color:var(--muted); text-align:center; } 1360 1361.ui-xform { display:flex; align-items:center; justify-content:center; gap:22px; padding:14px 0 6px; } 1362.ui-xform .xf-a { font-family:var(--font-heading); font-size:34px; font-weight:700; color:var(--dm-8); } 1363.ui-xform .xf-arrow { color:var(--sapphire); font-size:24px; font-weight:800; } 1364.ui-xform .xf-b { font-family:var(--font-heading); font-size:50px; font-weight:800; color:var(--sapphire); line-height:1; } 1365.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; } 1366.ui-pill-line { display:flex; flex-wrap:wrap; gap:6px; margin-top:4px; } 1367.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; } 1368.ui-logo-big { width:72px; height:72px; margin:0 auto 14px; } 1369.ui-logo-big svg { width:72px; height:72px; display:block; } 1370 1371.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; } 1372.quote-attr { font-family: var(--font-ui); font-size:14px; font-weight:600; color: var(--eb-9); margin-top:20px; } 1373 1374.mega-promo-logo { position:absolute; right:22px; bottom:20px; display:flex; align-items:center; gap:6px; } 1375.mega-promo-logo svg { width:16px; height:16px; display:block; } 1376.mega-promo-logo span { font-family: var(--font-ui); font-size:12px; font-weight:700; color:#fff; letter-spacing:-0.01em; } 1377 1378.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); } 1379 1380/* Attribution funnel / flow */ 1381.flow { display:flex; align-items:stretch; gap:0; margin-top:44px; flex-wrap:wrap; justify-content:center; } 1382.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); } 1383.flow-arrow { display:flex; align-items:center; padding:0 12px; color:var(--sapphire); font-size:22px; font-weight:800; } 1384.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; } 1385.fs-title { font-family:var(--font-heading); font-size:16px; font-weight:600; color:var(--deep-midnight); margin-bottom:7px; letter-spacing:-0.01em; } 1386.fs-desc { font-family:var(--font-ui); font-size:12.5px; color:var(--dm-4); line-height:1.45; } 1387.fs-big { font-family:var(--font-heading); font-weight:700; font-size:26px; color:var(--sapphire); letter-spacing:-0.02em; } 1388@media(max-width:820px){ .flow{ flex-direction:column; } .flow-arrow{ transform:rotate(90deg); padding:8px 0; } } 1389 1390/* Dashboard bars (board-ready visual) */ 1391.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; } 1392.ui-bar-row .lbl { color:var(--dm-2); font-weight:600; } 1393.ui-bar-track { height:11px; background:var(--cd-4); border-radius:6px; overflow:hidden; } 1394.ui-bar-fill { height:100%; background:linear-gradient(90deg,var(--eb-6),var(--cyan)); border-radius:6px; } 1395.ui-bar-row .val { text-align:right; font-weight:700; color:var(--sapphire); } 1396.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; } 1397.ui-lead .rk { font-weight:800; color:var(--eb-5); margin-right:10px; } 1398.ui-lead .nm { font-weight:600; color:var(--dm-1); flex:1; } 1399.ui-lead .amt { font-weight:700; color:var(--sapphire); } 1400 1401/* numbered seller walkthrough */ 1402.walk { counter-reset: walk; margin-top:44px; display:grid; gap:14px; } 1403.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); } 1404.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; } 1405.walk-step h3 { font-family:var(--font-heading); font-size:18px; font-weight:600; color:var(--deep-midnight); margin-bottom:5px; } 1406.walk-step p { font-family:var(--font-ui); font-size:14px; color:var(--dm-4); line-height:1.55; margin:0; } 1407 1408/* Partner Programs + Why Enlyft megas */ 1409.mega-programs .mega-inner, .mega-why .mega-inner { grid-template-columns: 1fr 300px; } 1410.prog-grid { display:grid; grid-template-columns:1fr 1fr; gap:10px; margin-top:6px; } 1411.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; } 1412.prog-card:hover { border-color:var(--eb-9); box-shadow:0 4px 12px -4px rgba(0,18,38,.12); transform:translateY(-1px); } 1413.prog-card svg { flex-shrink:0; } 1414.prog-nm { display:block; font-family:var(--font-heading); font-size:15px; font-weight:600; color:var(--deep-midnight); letter-spacing:-0.01em; } 1415.prog-ds { display:block; font-family:var(--font-ui); font-size:12px; color:var(--dm-4); } 1416.prog-card.is-soon { background:var(--cd-4); cursor:default; } 1417.prog-card.is-soon:hover { border-color:var(--border-dark-12); box-shadow:none; transform:none; } 1418 1419 /* ============================================================================= 1420 CLOUD ASCENT - page-specific overrides only. 1421 Load AFTER every library section stylesheet so these rules win. 1422 ============================================================================= */ 1423
1424/* Content-width separator rule used at the top of the Problem section. 1425 Follows the brand Lines & Borders spec (dark-12 for the hairline). */ 1426.sep-rule { 1427 border: 0; 1428 border-top: 1px solid var(--border-dark-12); 1429 margin: 0 0 64px; 1430 width: 100%; 1431 height: 0; 1432} 1433 1434/* Content-and-visual images (overlap, CloudAscent diagram, matched stack) - 1435 frameless. Strip every bit of the default Floating Card shell so each image 1436 sits directly on the section background. */ 1437.diagram-card { 1438 aspect-ratio: auto; 1439 background: none; 1440 padding: 0; 1441 box-shadow: none; 1442 border-radius: 0; 1443 max-width: 600px; 1444} 1445.diagram-card img { 1446 width: 100%; 1447 height: auto; 1448 display: block; 1449} 1450 1451/* Integration tiles - real platform logos. Render the logo as a rounded 1452 square badge so Microsoft / Salesforce / HubSpot / Dynamics read as a 1453 consistent set regardless of each brand's native background. */ 1454/* bullet1.png as list marker - fully overrides section-06 absolute-positioned bullet */ 1455.overlap-copy ul { 1456 list-style: none; 1457 padding-left: 0; 1458 margin-top: 12px; 1459} 1460.overlap-copy li { 1461 display: flex; 1462 align-items: flex-start; 1463 gap: 10px; 1464 padding: 8px 0; 1465 position: static; 1466} 1467.overlap-copy li::before { 1468 content: ''; 1469 position: static; 1470 display: inline-block; 1471 width: 20px; 1472 height: 20px; 1473 min-width: 20px; 1474 background: none center / contain no-repeat; 1475 border-radius: 0; 1476 box-shadow: none;
1477 margin-top: 1px; 1478} 1479.overlap-copy li::after { 1480 content: none; 1481} 1482 1483/* Override the aqua-circle + checkmark in the With Enlyft card */ 1484.vs-with li { 1485 padding-left: 32px; 1486} 1487.vs-with li::before { 1488 width: 20px; 1489 height: 20px; 1490 background: none center / contain no-repeat; 1491 border-radius: 0; 1492 box-shadow: none; 1493 top: 4px; 1494 transform: none; 1495 left: 0; 1496} 1497.vs-with li::after { 1498 content: none; 1499} 1500 1501.platform-logo { 1502 width: 72px; 1503 height: 72px; 1504 border-radius: 14px; 1505 object-fit: contain; 1506 background: #FFFFFF; 1507 box-shadow: 0 4px 14px -6px rgba(0, 18, 38, 0.16), inset 0 0 0 1px var(--border-dark-6); 1508 margin: 0 auto 20px; 1509} 1510 1511/* ============ CASE STUDIES ============ */ 1512.cs-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; margin-top: 56px; } 1513@media (max-width: 900px) { .cs-grid { grid-template-columns: 1fr; } } 1514/* Floating Card · on-dark - exact brand spec */ 1515.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); } 1516/* Company logo area - prominent, pinned to top */ 1517.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; } 1518.cs-logo img { height: 20px; width: auto; filter: brightness(0) invert(1); opacity: 0.92; display: block; } 1519.cs-logo-wordmark { font-family: var(--font-heading); font-size: 22px; font-weight: 800; color: var(--white); letter-spacing: 0; line-height: 1; } 1520.cs-stat { font-family: var(--font-heading); font-size: 48px; font-weight: 800; color: var(--aqua); line-height: 1; letter-spacing: 0; } 1521.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; } 1522.cs-results { list-style: none; margin-bottom: 24px; display: flex; flex-direction: column; gap: 10px; } 1523.cs-results li { font-size: 14px; line-height: 1.5; color: var(--eb-10); padding-left: 18px; position: relative; } 1524.cs-results li::before { content: ''; position: absolute; left: 0; top: 7px; width: 6px; height: 6px; border-radius: 50%; background: var(--aqua); opacity: 0.7; } 1525.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; } 1526.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); } 1527 1528/* ============ TRUST CHECKS ============ */ 1529.trust-checks { list-style: none; display: flex; flex-wrap: wrap; justify-content: center; gap: 8px 28px; margin-top: 24px; } 1530.trust-checks li { font-family: var(--font-ui); font-size: 13px; color: var(--eb-9); } 1531 1532/* ============ SECURITY BADGES ============ */ 1533.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); } 1534.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; } 1535</style></div><div class="w-embed"><style> 1536 .hero-visual { max-width: 480px; margin: 56px auto 0; } 1537 .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; } 1538 .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); } 1539 .ui-bq { display:grid; grid-template-columns:92px 1fr; gap:12px; padding:9px 0; align-items:start; } 1540 .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; } 1541 .ui-bq p { font-size:13px; color: var(--dm-2); line-height:1.5; margin:0; } 1542 .logo-bar { text-align:center; padding: 36px 0 4px; } 1543 .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; } 1544 .logo-bar .lb-row { display:flex; flex-wrap:wrap; justify-content:center; align-items:center; gap:44px; } 1545 .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; } 1546 @media (max-width:640px){ .logo-bar .lb-row{ gap:22px; } .logo-bar .lb-name{ font-size:16px; } } 1547 .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; } 1548 .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; } 1549 .cs-narr { font-size:16px; line-height:1.62; color: var(--dm-2); margin:0 0 18px; } 1550 .cs-attr { font-family: var(--font-ui); font-size:13px; color: var(--dm-4); margin-bottom:16px; } 1551 .cs-attr b { color: var(--deep-midnight); font-weight:700; } 1552 .cs-link { font-family: var(--font-ui); font-weight:600; font-size:14px; color: var(--sapphire); text-decoration:none; } 1553 .cs-metrics { display:flex; flex-direction:column; gap:22px; border-left:1px solid var(--border-dark-6); padding-left:40px; } 1554 .cs-stat { font-family: var(--font-heading); font-weight:700; font-size:40px;
1554 color: var(--sapphire); letter-spacing:-0.02em; line-height:1; } 1555 .cs-metric-l { font-family: var(--font-ui); font-size:13px; font-weight:600; color: var(--dm-4); margin-top:6px; } 1556 @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; } } 1557 .hiw { display:grid; grid-template-columns:1fr 1.1fr; gap:52px; align-items:start; margin-top:48px; } 1558 .hiw-step { border-top:1px solid var(--border-dark-6); padding:20px 4px; cursor:pointer; } 1559 .hiw-step:first-child { border-top:0; } 1560 .hiw-step-h { display:flex; align-items:baseline; gap:16px; } 1561 .hiw-num { font-family:var(--font-ui); font-size:13px; font-weight:700; color:var(--dm-4); flex:0 0 auto; } 1562 .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; } 1563 .hiw-step.active .hiw-title { color:var(--deep-midnight); } 1564 .hiw-step.active .hiw-num { color:var(--sapphire); } 1565 .hiw-step:hover .hiw-title { color:var(--dm-2); } 1566 .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; } 1567 .hiw-step.active .hiw-desc { max-height:200px; opacity:1; margin-top:12px; } 1568 .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); } 1569 .hiw-panel.active { display:block; } 1570 .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; } 1571 .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); } 1572 .hp-row:first-of-type { border-top:0; padding-top:0; } 1573 .hp-co { font-family:var(--font-ui); font-weight:600; font-size:14.5px; color:#fff; } 1574 .hp-now { font-family:var(--font-ui); font-weight:700; font-size:12px; color:var(--aqua); } 1575 .hp-watch { font-family:var(--font-ui); font-weight:700; font-size:12px; color:#FFC773; } 1576 .hp-later { font-family:var(--font-ui); font-weight:700; font-size:12px; color:rgba(240,239,235,0.45); } 1577 .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; } 1578 .hp-line { display:flex; gap:12px; padding:11px 0; border-top:1px solid rgba(255,255,255,0.08); } 1579 .hp-line:first-of-type { border-top:0; padding-top:0; } 1580 .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; } 1581 .hp-v { font-family:var(--font-ui); font-size:13.5px; line-height:1.5; color:#EAF3F6; } 1582 .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; } 1583 .hp-mail .hp-body { font-family:var(--font-ui); font-size:13.5px; line-height:1.65; color:#EAF3F6; } 1584 @media(max-width:900px){ .hiw{ grid-template-columns:1fr; gap:32px; } } 1585 .why-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:24px; margin-top:48px; } 1586 .why-grid.cols-4 { grid-template-columns:repeat(4,1fr); } 1587 .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; } 1588 .why-card:hover { transform:translateY(-3px); box-shadow:0 26px 54px -26px rgba(0,18,38,0.30); } 1589 .why-card::before { content:""; position:absolute; left:0; top:0; width:100%; height:3px; background:linear-gradient(90deg,var(--aqua),var(--sapphire) 75%); } 1590 .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; } 1591 .why-ico svg { width:23px; height:23px; color:var(--sapphire); } 1592 .why-card .cg-feat-eyebrow { margin-bottom:8px; } 1593 .why-card h3 { margin-top:0; }
1594 @media(max-width:900px){ .why-grid{ grid-template-columns:1fr; } .why-grid.cols-4{ grid-template-columns:1fr; } } 1595 /* scale strip (data-moat credibility, high on page) */ 1596 /* proof: featured case-study cards */ 1597 .cs-proof-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:24px; margin-top:48px; } 1598 .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; } 1599 .cs-proof-card:hover { transform:translateY(-4px); } 1600 .cs-proof-logo { height:28px; display:flex; align-items:center; margin-bottom:24px; padding-bottom:20px; border-bottom:1px solid var(--border-light-16); } 1601 .cs-proof-logo img { max-height:22px; max-width:140px; width:auto; object-fit:contain; filter:brightness(0) invert(1); opacity:0.92; } 1602 .cs-proof-metric { font-family:var(--font-heading); font-weight:800; font-size:40px; line-height:1; color:var(--aqua); letter-spacing:-0.02em; } 1603 .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; } 1604 .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; } 1605 .cs-proof-link .arrow { transition:transform .18s; } 1606 .cs-proof-card:hover .cs-proof-link .arrow { transform:translateX(5px); } 1607 @media(max-width:860px){ .cs-proof-grid{ grid-template-columns:1fr; } } 1608 1609/* === Hero + Precision â rebuilt on the canonical .hero / .why-card components === */ 1610.audience-pill{ margin-bottom: 4px; } 1611 1612/* ===== Version B added sections (signals / see-it-work / audiences / quotes / faq) ===== */ 1613.es-sec{padding:88px 0;} 1614.es-light{background:var(--fill-atmospheric-light);} 1615.es-cream{background:var(--fill-minimal-cream);} 1616.es-head{text-align:center;max-width:820px;margin:0 auto 52px;} 1617.es-eyebrow{font-family:var(--font-ui);font-weight:700;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#0a7c91;margin-bottom:14px;} 1618.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;} 1619.es-head p{font-family:var(--font-ui);font-size:17px;line-height:1.6;color:#4a5a70;margin:16px auto 0;max-width:720px;} 1620/* signals */ 1621.sig-wrap{display:grid;grid-template-columns:1fr 1.05fr;gap:48px;align-items:center;max-width:1060px;margin:0 auto;} 1622.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;} 1623.sig-copy>p{font-family:var(--font-ui);font-size:17px;line-height:1.6;color:#4a5a70;margin:0 0 22px;} 1624.sig-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px;} 1625.sig-list li{font-family:var(--font-ui);font-size:15px;color:#2b3a52;display:flex;gap:10px;align-items:flex-start;} 1626.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;} 1627.sig-card{border-radius:20px;} 1628.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);} 1629@media(max-width:820px){.sig-wrap{grid-template-columns:1fr;gap:32px;}} 1630/* see it work */ 1631.siw-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-width:1000px;margin:0 auto;} 1632.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);} 1633.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;} 1634.siw-step h3{font-family:var(--font-heading);font-weight:800;font-size:19px;color:#0a1a33;margin:0 0 8px;} 1635.siw-step p{font-family:var(--font-ui);font-size:14.5px;line-height:1.55;color:#4a5a70;margin:0;} 1636.siw-draft{max-width:720px;
1636margin:36px auto 0;} 1637.siw-draft img{width:100%;height:auto;display:block;filter:saturate(0.6) brightness(1.03) hue-rotate(8deg);} 1638@media(max-width:820px){.siw-steps{grid-template-columns:1fr;}} 1639/* audiences */ 1640.aud-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;max-width:1000px;margin:0 auto;} 1641.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;} 1642.aud-card::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;} 1643.aud-card.v::before{background:linear-gradient(90deg,var(--aqua),#12b5c9);} 1644.aud-card.p::before{background:linear-gradient(90deg,#0a366b,#002855);} 1645.aud-tag{font-family:var(--font-ui);font-weight:700;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#0a7c91;margin-bottom:12px;} 1646.aud-card.p .aud-tag{color:#0a366b;} 1647.aud-card h3{font-family:var(--font-heading);font-weight:800;font-size:23px;color:#0a1a33;margin:0 0 12px;line-height:1.15;} 1648.aud-card>p{font-family:var(--font-ui);font-size:15.5px;line-height:1.6;color:#4a5a70;margin:0 0 18px;} 1649.aud-list{list-style:none;padding:0;margin:0 0 22px;display:flex;flex-direction:column;gap:10px;} 1650.aud-list li{font-family:var(--font-ui);font-size:14.5px;color:#2b3a52;display:flex;gap:10px;align-items:flex-start;} 1651.aud-list li::before{content:"\2713";color:#0a9a6a;font-weight:700;flex:0 0 auto;} 1652.aud-link{font-family:var(--font-ui);font-weight:700;font-size:14px;color:#0a366b;text-decoration:none;} 1653.aud-link:hover{color:var(--sapphire);} 1654@media(max-width:820px){.aud-grid{grid-template-columns:1fr;}} 1655/* quotes */ 1656.qt-sec{background:var(--fill-minimal-cream);padding:88px 0;} 1657.qt-sec .es-head h2{color:var(--deep-midnight);} 1658.qt-sec .es-eyebrow{color:#0a7c91;} 1659.qt-rating{text-align:center;font-family:var(--font-ui);font-size:13px;color:var(--dm-4);margin:16px 0 0;} 1660.qt-rating b{color:var(--deep-midnight);} 1661.qt-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;max-width:1040px;margin:48px auto 0;} 1662.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);} 1663.qt-card::before{content:"";position:absolute;left:0;top:0;width:100%;height:3px;background:linear-gradient(90deg,var(--aqua),var(--sapphire) 75%);} 1664.qt-stars{color:var(--eb-5);font-size:14px;letter-spacing:3px;margin-bottom:14px;} 1665.qt-card blockquote{font-family:var(--font-ui);font-size:15.5px;line-height:1.6;color:var(--dm-2);margin:0 0 20px;} 1666.qt-who{display:flex;align-items:center;gap:12px;} 1667.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;} 1668.qt-who .nm{font-family:var(--font-ui);font-weight:700;font-size:14px;color:var(--deep-midnight);} 1669.qt-who .rl{font-family:var(--font-ui);font-size:12.5px;color:var(--dm-5);} 1670@media(max-width:820px){.qt-grid{grid-template-columns:1fr;}} 1671/* faq */ 1672.faq-wrap{max-width:820px;margin:0 auto;} 1673.faq-item{border-bottom:1px solid rgba(0,20,50,0.1);} 1674.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;} 1675.faq-item summary::-webkit-details-marker{display:none;} 1676.faq-item summary::after{content:"+";font-family:var(--font-ui);font-weight:400;font-size:24px;color:#0a7c91;flex:0 0 auto;} 1677.faq-item[open] summary::after{content:"\2212";} 1678.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;} 1679.faq-item p a { color: #0a1a33; text-decoration: underline; }; 1680</style></div><div class="w-embed"><style> 1681 /* ============================================================================= 1682 ENLYFT BLOG LANDING â page-specific styles. Loads after enlyft-site.css + home.css 1683 ============================================================================= */ 1684 1685.reveal { opacity: 0; transform: translateY(20px); transition: opacity 0.7s cubic-bezier(0.22,0.61,0.36,1), transform 0.7s cubic-bezier(0.22,0.61,0.36,1); } 1686.reveal.in { opacity: 1; transform: none; } 1687.reveal.d1 { transition-delay: 0.07s; } .reveal.d2 { transition-delay: 0.14s; } .reveal.d3 { transition-delay: 0.21s; } 1688@media (prefers-reduced-motion: reduce) { .reveal { opacity: 1 !important; transform: none !important; } } 1689 1690/* ============================================================================= 1691 HERO 1692 ============================================================================= */ 1693.blog-hero { padding: 120px 0 34px; background: var(--fill-atmospheric-light); position: relative; overflow: hidden; } 1694.blog-hero::before { content: ""; position: absolute; inset: 0; background: radial-gradient(ellipse 820px 380px at 22% -6%, rgba(113,245,245,0.18), transparent 66%); pointer-events: none; } 1695.blog-hero .container { position: relative; } 1696.blog-hero .eyebrow { color: var(--eb-5); margin-bottom: 20px; } 1697.blog-h1 { font-family: var(--font-heading); font-weight: 800; font-size: clamp(34px, 4.4vw, 52px); line-height: 1.04; letter-spacing: -0.025em; color: var(--deep-midnight); margin: 0 0 14px; max-width: 16ch; } 1698.blog-sub { font-family: var(--font-ui); font-size: 18px; line-height: 1.6; color: var(--dm-2); max-width: 560px; margin: 0; } 1699 1700/* ============================================================================= 1701 FEATURED POST (dark) 1702 ============================================================================= */ 1703.feat-post { position: relative; overflow: hidden; display: grid; grid-template-columns: 1.1fr 0.9fr; gap: 0; min-height: 360px; background: linear-gradient(135deg, #001226 0%, #002855 100%); border: 1px solid rgba(113,245,245,0.18); border-radius: 24px; box-shadow: 0 40px 90px -44px rgba(0,18,38,0.6); text-decoration: none; margin-top: 34px; transition: transform 0.16s, box-shadow 0.16s, border-color 0.16s; } 1704.feat-post:hover { transform: translateY(-4px); box-shadow: 0 54px 110px -46px rgba(0,18,38,0.7); border-color: rgba(113,245,245,0.42); } 1705.feat-post::after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 3px; background: linear-gradient(90deg, var(--aqua), rgba(113,245,245,0) 55%); } 1706.feat-post-body { padding: 46px 48px; position: relative; z-index: 1; } 1707.feat-post-eyebrow { display: inline-flex; align-items: center; gap: 9px; font-family: var(--font-ui); font-weight: 700; font-size: 11.5px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--aqua); margin-bottom: 20px; } 1708.feat-post-eyebrow .dot { width: 7px; height: 7px; border-radius: 50%; background: var(--aqua); box-shadow: 0 0 12px rgba(113,245,245,0.7); } 1709.feat-post h2 { font-family: var(--font-heading); font-weight: 800; font-size: clamp(26px, 2.9vw, 38px); line-height: 1.12; letter-spacing: -0.02em; color: #fff; margin: 0 0 16px; text-wrap: balance; } 1710.feat-post p { font-family: var(--font-ui); font-size: 16px; line-height: 1.62; color: rgba(240,239,235,0.82); margin: 0 0 26px; max-width: 52ch; } 1711.feat-post-meta { display: flex; align-items: center; gap: 14px; font-family: var(--font-ui); font-size: 13px; color: rgba(240,239,235,0.6); } 1712.feat-post-meta .cat { font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; color: var(--aqua); } 1713.feat-post-meta .sep { opacity: 0.4; } 1714.feat-post-link { display: inline-flex; align-items: center; gap: 8px; margin-top: 28px; font-family: var(--font-ui); font-weight: 700; font-size: 15px; color: #fff; } 1715.feat-post-link .arrow { transition: transform 0.18s; color: var(--aqua); } 1716.feat-post:hover .feat-post-link .arrow { transform: translateX(5px); } 1717/* real image panel */ 1718.feat-post-viz { position: relative; overflow: hidden; } 1719.feat-post-viz img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; } 1720.feat-post-viz::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, #001226 0%, rgba(0,18,38,0.18) 26%, transparent 56%); pointer-events: none; } 1721@media (max-width: 860px) { 1722 .feat-post { grid-template-columns: 1fr; min-height: 0; } 1723 .feat-post-viz { height: 200px; order: -1; } 1724 .feat-post-viz::after { background: linear-gradient(180deg, transparent 40%, rgba(0,18,38,0.5)); } 1725 .feat-post-body { padding: 30px 28px; } 1726} 1727 1728/* ============================================================================= 1729 TOOLBAR â filters + search + count 1730 ============================================================================= */ 1731.blog-toolbar { display: flex; align-items: center; gap: 18px; flex-wrap: wrap; margin: 56px 0 30px; padding-bottom: 22px; border-bottom: 1px solid var(--border-dark-6); } 1732.blog-filters { display: flex; gap: 10px; flex-wrap: wrap; } 1733.blog-pill { font-family: var(--font-ui); font-weight: 600; font-size: 13.5px; color: var(--dm-3); background: #fff; border: 1px solid var(--border-dark-6); border-radius: 999px; padding: 8px 16px; cursor: pointer; white-space: nowrap; flex: 0 0 auto; transition: all 0.15s; } 1734.blog-pill:hover { border-color: var(--sapphire); color: var(--sapphire); } 1735.blog-pill.active { background: var(--sapphire); border-color: var(--sapphire); color: #fff; } 1736.blog-search { margin-left: auto; position: relative; display: flex; align-items: center; } 1737.blog-search svg { position: absolute; left: 13px; width: 16px; height: 16px; color: var(--dm-6); pointer-events: none; } 1738.blog-search input { font-family: var(--font-ui); font-size: 14px; color: var(--deep-midnight); background: #fff; border: 1px solid var(--border-dark-12); border-radius: 10px; padding: 10px 14px 10px 38px; width: 240px; outline: none; transition: border-color 0.15s, box-shadow 0.15s, width 0.2s; } 1739.blog-search input::placeholder { color: var(--dm-7); } 1740.blog-search input:focus { border-color: var(--sapphire); box-shadow: 0 0 0 3px rgba(0,40,85,0.1); width: 280px; } 1741.blog-count { font-family: var(--font-ui); font-size: 13px; color: var(--dm-5); margin-bottom: 26px; }
1742.blog-count b { color: var(--deep-midnight); font-weight: 700; } 1743@media (max-width: 620px) { .blog-search { margin-left: 0; width: 100%; } .blog-search input, .blog-search input:focus { width: 100%; } } 1744 1745/* ============================================================================= 1746 POST GRID 1747 ============================================================================= */ 1748.post-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; } 1749@media (max-width: 900px) { .post-grid { grid-template-columns: 1fr 1fr; } } 1750@media (max-width: 600px) { .post-grid { grid-template-columns: 1fr; } } 1751 1752.post-card { display: flex; flex-direction: column; background: #fff; border: 1px solid var(--border-dark-6); border-radius: 16px; overflow: hidden; box-shadow: var(--card-drop-shadow); text-decoration: none; transition: transform 0.15s, box-shadow 0.15s, border-color 0.15s; } 1753.post-card:hover { transform: translateY(-4px); box-shadow: 0 30px 60px -30px rgba(0,18,38,0.3); border-color: rgba(0,40,85,0.14); } 1754.post-media { position: relative; aspect-ratio: 16 / 9; overflow: hidden; background: linear-gradient(135deg, var(--eb-11), var(--cd-4)); border-bottom: 1px solid var(--border-dark-6); } 1755.post-media img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 0.45s cubic-bezier(0.22,0.61,0.36,1); } 1756.post-card:hover .post-media img { transform: scale(1.05); } 1757.post-body { display: flex; flex-direction: column; flex: 1; padding: 20px 22px 20px; } 1758.post-cat { display: inline-flex; align-items: center; gap: 7px; align-self: flex-start; font-family: var(--font-ui); font-weight: 700; font-size: 10.5px; letter-spacing: 0.08em; text-transform: uppercase; color: var(--sapphire); background: rgba(0,40,85,0.06); border-radius: 999px; padding: 5px 11px; margin-bottom: 14px; } 1759.post-cat .dot { width: 6px; height: 6px; border-radius: 50%; background: var(--aqua); } 1760.post-card h3 { font-family: var(--font-heading); font-weight: 700; font-size: 19px; line-height: 1.3; letter-spacing: -0.01em; color: var(--deep-midnight); margin: 0 0 12px; text-wrap: pretty; } 1761.post-card p { font-family: var(--font-ui); font-size: 14px; line-height: 1.58; color: var(--dm-3); margin: 0 0 20px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; } 1762.post-foot { margin-top: auto; padding-top: 16px; border-top: 1px solid var(--border-dark-6); display: flex; align-items: center; justify-content: space-between; gap: 12px; } 1763.post-date { font-family: var(--font-ui); font-size: 12.5px; color: var(--dm-5); } 1764.post-read { font-family: var(--font-ui); font-weight: 700; font-size: 13px; color: var(--sapphire); display: inline-flex; align-items: center; gap: 6px; } 1765.post-read .arrow { transition: transform 0.18s; } 1766.post-card:hover .post-read .arrow { transform: translateX(3px); } 1767 1768.post-none { display: none; text-align: center; padding: 60px 0; font-family: var(--font-ui); color: var(--dm-4); font-size: 16px; } 1769.post-none.show { display: block; } 1770 1771.load-more-wrap { text-align: center; margin-top: 48px; } 1772.load-more { font-family: var(--font-ui); font-weight: 600; font-size: 15px; color: var(--deep-midnight); background: #fff; border: 1px solid var(--border-dark-12); border-radius: 12px; padding: 15px 30px; cursor: pointer; transition: all 0.15s; display: inline-flex; align-items: center; } 1773.load-more:hover { border-color: var(--sapphire); color: var(--sapphire); transform: translateY(-1px); } 1774.load-more[hidden] { display: none; } 1775 1776/* ============================================================================= 1777 SUBSCRIBE STRIP 1778 ============================================================================= */ 1779.subscribe { background: var(--fill-midnight-to-navy); position: relative; overflow: hidden; } 1780.subscribe::before { content: ""; position: absolute; top: -140px; left: 50%; transform: translateX(-50%); width: 1000px; height: 440px; background: radial-gradient(ellipse, rgba(113,245,245,0.14), transparent 70%); pointer-events: none; } 1781.subscribe .container { position: relative; z-index: 1; display: grid; grid-template-columns: 1.1fr 0.9fr; gap: 48px; align-items: center; } 1782.subscribe .eyebrow { color: var(--aqua); } 1783.subscribe h2 { font-family: var(--font-heading); font-weight: 800; font-size: clamp(28px, 3.2vw, 40px); line-height: 1.08; letter-spacing: -0.02em; color: #fff; margin: 4px 0 12px; } 1784.subscribe p { font-family: var(--font-ui); font-size: 16px; line-height: 1.6; color: rgba(240,239,235,0.82); margin: 0; max-width: 46ch; } 1785.subscribe-form { display: flex; gap: 12px; flex-wrap: wrap; } 1786.subscribe-form input { flex: 1; min-width: 220px; font-family: var(--font-ui); font-size: 15px; color: #fff; background: rgba(255,255,255,0.06); border: 1px solid rgba(113,245,245,0.28); border-radius: 12px; padding: 14px 16px; outline: none; transition: border-color 0.15s, box-shadow 0.15s; } 1787.subscribe-form input::placeholder { color: rgba(240,239,235,0.55); } 1788.subscribe-form input:focus { border-color: var(--aqua); box-shadow: 0 0 0 3px rgba(113,245,245,0.2); } 1789.subscribe-form .btn-aqua { background: var(--aqua); color: var(--deep-midnight); height: 50px; padding: 0 26px; font-size: 15px; font-weight: 700; border-radius: 12px; box-shadow: 0 10px 30px -8px rgba(113,245,245,0.5); } 1790.subscribe-form .btn-aqua:hover { filter: brightness(1.05); transform: translateY(-1px); } 1791.subscribe-note { font-family: var(--font-ui); font-size: 12.5px; color: rgba(240,239,235,0.55); margin-top: 14px; } 1792.subscribe-sent { display: none; font-family: var(--font-ui); font-size: 15px; font-weight: 600; color: var(--aqua); padding: 8px 0; } 1793.subscribe.sent .subscribe-form, .subscribe.sent .subscribe-note { display: none; } 1794.subscribe.sent .subscribe-sent { display: block; } 1795@media (max-width: 820px) { .subscribe .container { grid-template-columns: 1fr; gap: 28px; } } 1796</style> 1797<style> 1798 a { color: var(--sapphire); } 1799 a:hover { color: var(--deep-midnight); } 1800</style></div><div class="w-embed w-script"><style> 1801 /* ---- Mega-menu support ---- */ 1802 .mega-col-sub { 1803 font-family: var(--font-ui); 1804 font-style: italic; 1805 font-size: 12.5px; 1806 color: var(--muted); 1807 line-height: 1.4; 1808 margin: -4px 0 16px; 1809 padding-bottom: 14px; 1810 border-bottom: 1px solid var(--border-dark-6); 1811 } 1812 1813 /* Partner Programs mega - layout + program cards */ 1814 .mega-programs .mega-inner { 1815 grid-template-columns: 1fr 300px; 1816 } 1817 .prog-grid { 1818 display: grid; 1819 grid-template-columns: 1fr 1fr; 1820 gap: 10px; 1821 margin-top: 6px; 1822 } 1823 .prog-card { 1824 display: flex; 1825 align-items: center; 1826 gap: 12px; 1827 padding: 13px 15px; 1828 border: 1px solid var(--border-dark-12); 1829 border-radius: 12px; 1830 background: #fff; 1831 text-decoration: none; 1832 transition: 1833 border-color 0.15s, 1834 box-shadow 0.15s, 1835 transform 0.15s; 1836 } 1837 .prog-card:hover 22 1838 border-color: var(--eb-9); 1839 box-shadow: 0 4px 12px -4px rgba(0, 18, 38, 0.12); 1840 transform: translateY(-1px); 1841 } 1842 .prog-card svg { 1843 flex-shrink: 0; 1844 } 1845 .prog-tx { 1846 display: flex; 1847 flex-direction: column; 1848 min-width: 0; 1849 } 1850 .prog-nm { 1851 display: block; 1852 font-family: var(--font-heading); 1853 font-size: 15px; 1854 font-weight: 600; 1855 color: var(--deep-midnight); 1856 letter-spacing: -0.01em; 1857 } 1858 .prog-ds { 1859 display: block; 1860 font-family: var(--font-ui); 1861 font-size: 12px; 1862 color: var(--dm-4); 1863 } 1864 .prog-card.is-soon { 1865 background: var(--cd-4); 1866 cursor: default; 1867 } 1868 .prog-card.is-soon:hover { 1869 border-color: var(--border-dark-12); 1870 box-shadow: none; 1871 transform: none; 1872 } 1873 1874 /* ========================================================================= 1875 HEADER 1876 ========================================================================= */ 1877 1878 /* ============ HEADER - merges with hero; white blur fades in on scroll ============ */ 1879 header.site-header { 1880 position: fixed; 1881 top: 0; 1882 left: 0; 1883 right: 0; 1884 z-index: 100;
1885 /* Background opacity ramps 0 ââ â 0.5 as scrollY ramps 0 ââ â 100px (set by script.js). */ 1886 --header-bg-opacity: 0.94; 1887 background: rgba(255, 255, 255, var(--header-bg-opacity)); 1888 border-bottom: 1px solid transparent; 1889 transition: border-color 0.25s ease; 1890 } 1891 body.has-banner header.site-header { 1892 top: var(--banner-offset, 85px); 1893 } 1894 header.site-header.scrolled { 1895 backdrop-filter: saturate(180%) blur(16px); 1896 -webkit-backdrop-filter: saturate(180%) blur(16px); 1897 border-bottom-color: var(--border-dark-6); 1898 } 1899 1900 /* 3-column grid: logo (auto) | nav (centered, fills middle) | CTA (auto) */ 1901 header.site-header .container { 1902 display: grid; 1903 grid-template-columns: auto 1fr auto; 1904 align-items: center; 1905 column-gap: 32px; 1906 height: 72px; 1907 } 1908 .brand-mark { 1909 display: flex; 1910 align-items: center; 1911 gap: 10px; 1912 } 1913 .brand-mark svg { 1914 height: 28px; 1915 width: auto; 1916 } 1917 1918 /* Arrow sizing inside the compact primary button */ 1919 .site-header .btn-primary .arrow { 1920 font-size: 14px; 1921 } 1922 1923 @media (max-width: 768px) { 1924 .nav-links { 1925 display: none; 1926 } 1927 header.site-header .container { 1928 grid-template-columns: auto auto; 1929 justify-content: space-between; 1930 } 1931 } 1932 1933 /* ===================================================================== 1934 SITE MEGA-MENU (ported from nav mockup v33 into canonical tokens) 1935 ===================================================================== */ 1936 .site-header { 1937 position: sticky; 1938 top: 0; 1939 z-index: 200; 1940 background: rgba(255, 255, 255, 0.92); 1941 backdrop-filter: blur(12px); 1942 border-bottom: 1px solid var(--border-dark-6); 1943 } 1944 .site-header > .container { 1945 display: flex; 1946 align-items: center; 1947 justify-content: space-between; 1948 height: 72px; 1949 } 1950 .brand-mark img { 1951 height: 30px; 1952 width: auto; 1953 display: block; 1954 } 1955 .primary-nav { 1956 display: flex; 1957 align-items: center; 1958 gap: 2px; 1959 list-style: none; 1960 margin: 0; 1961 padding: 0; 1962 } 1963 .primary-nav > li { 1964 position: static; 1965 } 1966 /* Top-level header row only - the mega panels use .mega-item and keep 1967 their own sizing. nowrap stops "Partner Programs" breaking onto two 1968 lines as the row tightens on smaller desktops. */ 1969 .nav-trigger { 1970 position: relative; 1971 display: inline-flex; 1972 align-items: center; 1973 gap: 6px; 1974 white-space: nowrap; 1975 font-family: var(--font-ui); 1976 font-size: 14px; 1977 font-weight: 500; 1978 color: var(--dm-2); 1979 text-decoration: none; 1980 padding: 10px 14px; 1981 border-radius: 10px; 1982 cursor: pointer; 1983 transition: 1984 color 0.15s, 1985 background 0.15s; 1986 } 1987 /* Buy back horizontal room before the breakpoint rather than wrapping. */ 1988 @media (max-width: 1180px) { 1989 .nav-trigger { 1990 padding: 10px 10px; 1991 } 1992 header.site-header .container { 1993 column-gap: 20px; 1994 } 1995 } 1996 .nav-trigger::after { 1997 content: ''; 1998 position: absolute; 1999 bottom: -20px; 2000 left: 0; 2001 right: 0; 2002 height: 20px; 2003 } 2004 .nav-trigger:hover, 2005 .has-mega:hover .nav-trigger { 2006 color: var(--sapphire); 2007 background: var(--eb-11); 2008 } 2009 .nav-trigger .chev { 2010 width: 9px; 2011 height: 9px; 2012 transition: transform 0.2s; 2013 opacity: 0.6; 2014 } 2015 .has-mega:hover .nav-trigger .chev { 2016 transform: rotate(180deg); 2017 } 2018 .nav-right { 2019 display: flex; 2020 align-items: center; 2021 gap: 14px; 2022 } 2023 .nav-signin { 2024 font-family: var(--font-ui); 2025 font-size: 14px; 2026 font-weight: 600; 2027 color: var(--sapphire); 2028 text-decoration: none; 2029 } 2030 .nav-signin:hover { 2031 color: var(--deep-midnight); 2032 } 2033 2034 .mega { 2035 position: absolute; 2036 top: 72px; 2037 left: 0; 2038 right: 0; 2039 background: var(--card-sheen), #fff; 2040 border-bottom: 1px solid var(--border-dark-6); 2041 box-shadow: 0 24px 50px -24px rgba(0, 18, 38, 0.22); 2042 opacity: 0; 2043 visibility: hidden; 2044 transform: translateY(-8px); 2045 transition: 2046 opacity 0.18s ease, 2047 transform 0.18s ease, 2048 visibility 0s 0.18s; 2049 z-index: 150; 2050 } 2051 .has-mega:hover .mega, 2052 .mega:hover { 2053 opacity: 1; 2054 visibility: visible; 2055 transform: translateY(0); 2056 transition: 2057 opacity 0.18s ease, 2058 transform 0.18s ease, 2059 visibility 0s; 2060 } 2061 .mega-inner { 2062 max-width: 1200px; 2063 margin: 0 auto; 2064 padding: 36px 32px 40px; 2065 display: grid; 2066 gap: 32px; 2067 } 2068 .mega-col-title { 2069 font-family: var(--font-ui); 2070 font-size: 11px; 2071 font-weight: 700; 2072 letter-spacing: 1.4px; 2073 text-transform: uppercase; 2074 color: var(--eb-5); 2075 margin-bottom: 16px; 2076 } 2077 a.mega-col-title { 2078 display: block; 2079 text-decoration: none; 2080 cursor: pointer; 2081 transition: color 0.12s; 2082 } 2083 a.mega-col-title:hover { 2084 color: var(--sapphire); 2085 } 2086 .mega-list { 2087 list-style: none; 2088 margin: 0; 2089 padding: 0; 2090 display: flex; 2091 flex-direction: column; 2092 gap: 2px; 2093 } 2094 .mega-item { 2095 display: block; 2096 padding: 9px 10px 9px 0; 2097 text-decoration: none; 2098 border-radius: 8px; 2099 transition: padding-left 0.15s; 2100 } 2101 .mega-item:hover { 2102 padding-left: 8px; 2103 } 2104 .mega-item-title { 2105 display: flex; 2106 align-items: center; 2107 gap: 8px; 2108 font-family: var(--font-heading); 2109 font-size: 15px; 2110 font-weight: 600; 2111 color: var(--deep-midnight); 2112 letter-spacing: -0.01em; 2113 } 2114 .mega-item:hover .mega-item-title { 2115 color: var(--sapphire); 2116 } 2117 .mega-item-desc { 2118 display: block; 2119 font-family: var(--font-ui); 2120 font-size: 12.5px; 2121 color: var(--dm-4); 2122 line-height: 1.45; 2123 margin-top: 2px; 2124 } 2125 .mega-new { 2126 font-family: var(--font-ui); 2127 font-size: 9px; 2128 font-weight: 700; 2129 letter-spacing: 0.6px; 2130 text-transform: uppercase; 2131 color: var(--deep-midnight); 2132 background: var(--aqua); 2133 border-radius: 4px; 2134 padding: 2px 6px; 2135 } 2136 2137 /* Solutions - two audience blocks */ 2138 .mega-solutions .mega-inner { 2139 grid-template-columns: 1fr 1fr; 2140 gap: 0; 2141 }
2142 .audience-block { 2143 padding: 0 36px; 2144 } 2145 .audience-block:first-child { 2146 border-right: 1px solid var(--border-dark-6); 2147 padding-left: 4px; 2148 } 2149 .audience-block:last-child { 2150 padding-right: 4px; 2151 } 2152 .audience-tag { 2153 display: inline-block; 2154 font-family: var(--font-ui); 2155 font-size: 11px; 2156 font-weight: 700; 2157 letter-spacing: 1px; 2158 text-transform: uppercase; 2159 color: var(--sapphire); 2160 background: var(--eb-11); 2161 border-radius: 999px; 2162 padding: 6px 12px; 2163 margin-bottom: 14px; 2164 } 2165 a.audience-tag { 2166 text-decoration: none; 2167 cursor: pointer; 2168 transition: background 0.15s; 2169 } 2170 a.audience-tag:hover { 2171 background: var(--eb-10); 2172 } 2173 .audience-sub { 2174 font-family: var(--font-ui); 2175 font-size: 12.5px; 2176 color: var(--dm-5); 2177 margin: 0 0 14px; 2178 padding-bottom: 12px; 2179 border-bottom: 1px solid var(--border-dark-6); 2180 } 2181 2182 /* Dark promo card (Proven / Featured) */ 2183 .mega-promo { 2184 background: var(--fill-midnight-to-navy); 2185 border-radius: 14px; 2186 padding: 24px; 2187 text-decoration: none; 2188 display: flex; 2189 flex-direction: column; 2190 min-height: 100%; 2191 position: relative; 2192 } 2193 .mega-promo-tag { 2194 font-family: var(--font-ui); 2195 font-size: 10.5px; 2196 font-weight: 700; 2197 letter-spacing: 1.4px; 2198 text-transform: uppercase; 2199 color: var(--aqua); 2200 margin-bottom: 10px; 2201 } 2202 .mega-promo-title { 2203 font-family: var(--font-heading); 2204 font-size: 18px; 2205 font-weight: 600; 2206 color: #fff; 2207 line-height: 1.25; 2208 margin-bottom: 8px; 2209 } 2210 .mega-promo-desc { 2211 font-family: var(--font-ui); 2212 font-size: 13px; 2213 color: var(--eb-10); 2214 line-height: 1.5; 2215 margin-bottom: 16px; 2216 } 2217 .mega-promo-link { 2218 margin-top: auto; 2219 font-family: var(--font-ui); 2220 font-size: 13.5px; 2221 font-weight: 700; 2222 color: #fff; 2223 } 2224 .mega-promo:hover .mega-promo-link { 2225 color: var(--aqua); 2226 } 2227 2228 .mega-platform .mega-inner, 2229 .mega-customers .mega-inner { 2230 grid-template-columns: 1fr 1fr 300px; 2231 } 2232 .mega-resources .mega-inner { 2233 grid-template-columns: 1fr 1fr 300px; 2234 } 2235 .mega-cols-2 { 2236 display: grid; 2237 grid-template-columns: 1fr 1fr; 2238 gap: 32px; 2239 grid-column: 1 / 3; 2240 } 2241 2242 .hamburger { 2243 display: none; 2244 } 2245 @media (max-width: 980px) { 2246 .primary-nav, 2247 .nav-signin { 2248 display: none; 2249 } 2250 .mega { 2251 display: none; 2252 } 2253 /* Two children left (brand + nav-right) - push them to the edges. */ 2254 header.site-header .container { 2255 grid-template-columns: auto auto; 2256 justify-content: space-between; 2257 } 2258 .hamburger { 2259 display: inline-flex; 2260 } 2261 } 2262 /* Below this the CTA lives in the menu footer instead. */ 2263 @media (max-width: 560px) { 2264 .nav-right .btn-primary { 2265 display: none; 2266 } 2267 } 2268 2269 /* ===================================================================== 2270 MOBILE - hamburger + full-screen menu 2271 ===================================================================== */ 2272 .hamburger { 2273 width: 40px; 2274 height: 40px; 2275 align-items: center; 2276 justify-content: center; 2277 border-radius: 10px; 2278 background: transparent; 2279 border: none; 2280 padding: 0; 2281 cursor: pointer; 2282 color: var(--deep-midnight); 2283 transition: background 0.15s; 2284 -webkit-tap-highlight-color: transparent; 2285 } 2286 .hamburger:hover { 2287 background: var(--eb-11); 2288 } 2289 .hamburger-box { 2290 position: relative; 2291 width: 20px; 2292 height: 14px; 2293 pointer-events: none; 2294 } 2295 .hamburger-box span { 2296 position: absolute; 2297 left: 0; 2298 right: 0; 2299 height: 2px; 2300 border-radius: 2px; 2301 background: currentColor; 2302 transition: 2303 transform 0.28s cubic-bezier(0.4, 0, 0.2, 1), 2304 opacity 0.18s ease; 2305 } 2306 .hamburger-box span:nth-child(1) { 2307 top: 0; 2308 } 2309 .hamburger-box span:nth-child(2) { 2310 top: 6px; 2311 } 2312 .hamburger-box span:nth-child(3) { 2313 top: 12px; 2314 } 2315 .hamburger[aria-expanded='true'] .hamburger-box span:nth-child(1) { 2316 transform: translateY(6px) rotate(45deg); 2317 } 2318 .hamburger[aria-expanded='true'] .hamburger-box span:nth-child(2) { 2319 opacity: 0; 2320 } 2321 .hamburger[aria-expanded='true'] .hamburger-box span:nth-child(3) { 2322 transform: translateY(-6px) rotate(-45deg); 2323 } 2324 2325 /* Panel fills everything below the 72px bar, so the logo stays visible. 2326 Column layout: the list scrolls, the CTA bar stays pinned to the bottom. */ 2327 .mobile-menu { 2328 position: fixed; 2329 top: 72px; 2330 left: 0; 2331 right: 0; 2332 bottom: 0; 2333 z-index: 190; 2334 background: #fff; 2335 display: flex; 2336 flex-direction: column; 2337 opacity: 0; 2338 visibility: hidden; 2339 transform: translateY(-6px); 2340 transition: 2341 opacity 0.22s ease, 2342 transform 0.22s ease, 2343 visibility 0s 0.22s; 2344 } 2345 /* Must beat the display:flex above, or [hidden] does nothing. */ 2346 .mobile-menu[hidden] { 2347 display: none; 2348 } 2349 .mobile-menu.open { 2350 opacity: 1; 2351 visibility: visible; 2352 transform: none; 2353 transition: 2354 opacity 0.22s ease, 2355 transform 0.22s ease, 2356 visibility 0s; 2357 } 2358 body.menu-open { 2359 overflow: hidden; 2360 } 2361 /* Desktop never shows it, even if a stale .open class is left behind. */ 2362 @media (min-width: 981px) { 2363 .mobile-menu { 2364 display: none; 2365 } 2366 } 2367 2368 .mm-scroll { 2369 flex: 1 1 auto; 2370 min-height: 0; 2371 overflow-y: auto; 2372 overscroll-behavior: contain; 2373 -webkit-overflow-scrolling: touch; 2374 padding: 6px 0 24px; 2375 } 2376 .mm-inner { 2377 max-width: 1200px; 2378 margin: 0 auto; 2379 padding: 0 24px; 2380 } 2381 2382 /* Pinned CTA bar - matches Stripe's persistent bottom action */ 2383 .mm-cta { 2384 flex: 0 0 auto; 2385 border-top: 1px solid var(--border-dark-6); 2386 background: #fff; 2387 padding: 14px 24px calc(14px + env(safe-area-inset-bottom, 0px)); 2388 } 2389 .mm-cta .btn { 2390 width: 100%; 2391 height: 48px; 2392 font-size: 15px; 2393 } 2394 2395 /* Top-level row: drills into a sub-view, or links straight out */ 2396 .mm-item { 2397 border-bottom: 1px solid var(--border-dark-6); 2398 } 2399 .mm-row { 2400 display: flex; 2401 align-items: center; 2402 justify-content: space-between; 2403 gap: 12px; 2404 width: 100%; 2405 padding: 18px 4px; 2406 font-family: var(--font-heading); 2407 font-size: 18px; 2408 font-weight: 600; 2409 letter-spacing: -0.01em; 2410 color: var(--deep-midnight); 2411 background: none; 2412 border: none; 2413 text-align: left; 2414 cursor: pointer; 2415 -webkit-tap-highlight-color: transparent; 2416 } 2417 .mm-row:active { 2418 color: var(--sapphire); 2419 } 2420 /* Chevron points right - this row goes deeper */ 2421 .mm-row .chev { 2422 width: 13px; 2423 height: 13px; 2424 flex: 0 0 auto; 2425 color: var(--sapphire); 2426 transform: rotate(-90deg); 2427 } 2428 2429 /* Views: one is shown at a time, swapped by the script */ 2430 .mm-view[hidden] { 2431 display: none; 2432 } 2433 .mm-view.from-right { 2434 animation: mm-in-right 0.26s cubic-bezier(0.4, 0, 0.2, 1) both; 2435 } 2436 .mm-view.from-left { 2437 animation: mm-in-left 0.26s cubic-bezier(0.4, 0, 0.2, 1) both; 2438 } 2439 @keyframes mm-in-right { 2440 from { 2441 opacity: 0; 2442 transform: translateX(26px); 2443 } 2444 to { 2445 opacity: 1; 2446 transform: none; 2447 } 2448 } 2449 @keyframes mm-in-left { 2450 from { 2451 opacity: 0; 2452 transform: translateX(-26px); 2453 } 2454 to { 2455 opacity: 1; 2456 transform: none; 2457 } 2458 } 2459 2460 /* Sub-view header: back button + section title */ 2461 .mm-back { 2462 display: flex; 2463 align-items: center; 2464 gap: 9px; 2465 width: 100%; 2466 padding: 14px 4px; 2467 margin-bottom: 2px; 2468 background: none; 2469 border: none; 2470 cursor: pointer; 2471 text-align: left; 2472 font-family: var(--font-ui); 2473 font-size: 14px; 2474 font-weight: 600; 2475 color: var(--sapphire); 2476 -webkit-tap-highlight-color: transparent; 2477 } 2478 .mm-back svg { 2479 width: 14px; 2480 height: 14px; 2481 flex: 0 0 auto; 2482 } 2483 .mm-detail-title { 2484 font-family: var(--font-heading); 2485 font-size: 24px; 2486 font-weight: 700; 2487 letter-spacing: -0.02em; 2488 color: var(--deep-midnight); 2489 padding: 2px 4px 16px; 2490 margin-bottom: 6px; 2491 border-bottom: 1px solid var(--border-dark-6); 2492 } 2493 .mm-detail-body { 2494 padding: 0 4px; 2495 } 2496 2497 .mm-group + .mm-group { 2498 margin-top: 22px; 2499 } 2500 .mm-group-title { 2501 font-family: var(--font-ui); 2502 font-size: 11px; 2503 font-weight: 700; 2504 letter-spacing: 1.4px; 2505 text-transform: uppercase; 2506 color: var(--eb-5); 2507 margin-bottom: 6px; 2508 } 2509 .mm-link { 2510 display: block; 2511 padding: 11px 0; 2512 text-decoration: none; 2513 } 2514 .mm-link-title { 2515 display: block; 2516 font-family: var(--font-heading); 2517 font-size: 15.5px; 2518 font-weight: 600; 2519 color: var(--deep-midnight); 2520 letter-spacing: -0.01em; 2521 } 2522 .mm-link-desc { 2523 display: block; 2524 font-family: var(--font-ui); 2525 font-size: 13px; 2526 color: var(--dm-4); 2527 line-height: 1.45; 2528 margin-top: 2px; 2529 } 2530 .mm-link:active .mm-link-title { 2531 color: var(--sapphire); 2532 } 2533 .mm-link.is-soon { 2534 opacity: 0.55; 2535 pointer-events: none; 2536 } 2537 2538 @media (prefers-reduced-motion: reduce) { 2539 .mobile-menu, 2540 .mm-panel, 2541 .mm-row .chev, 2542 .hamburger-box span { 2543 transition-duration: 0.01ms; 2544 } 2545 } 2546 /* --- Rich mega-nav (ported from nav review) + Pipeline Agent group box --- */ 2547 .mega-platform .mega-inner { 2548 grid-template-columns: 1fr 1fr 300px; 2549 gap: 40px; 2550 } 2551 .mega-item.ico { 2552 display: flex; 2553 gap: 11px; 2554 align-items: flex-start; 2555 } 2556 .mi-ico { 2557 flex: 0 0 auto;
2558 width: 20px; 2559 height: 20px; 2560 color: var(--sapphire, #002855); 2561 margin-top: 1px; 2562 } 2563 .mi-ico svg { 2564 width: 20px; 2565 height: 20px; 2566 display: block; 2567 } 2568 .mi-body { 2569 display: flex; 2570 flex-direction: column; 2571 min-width: 0; 2572 } 2573 .mega-item-feat { 2574 border: 1px solid var(--eb-9, #cdd8ea); 2575 background: #fff; 2576 border-radius: 10px; 2577 padding: 9px 11px; 2578 box-shadow: 0 1px 2px rgba(0, 18, 38, 0.05); 2579 } 2580 .mega-item-feat:hover { 2581 padding-left: 11px; 2582 } 2583 .mega-col-side { 2584 border-left: 1px solid var(--border-dark-6, #e3e6ea); 2585 padding-left: 40px; 2586 } 2587 .mega-col-title-2 { 2588 margin-top: 22px; 2589 } 2590 .mega-side-link { 2591 display: inline-block; 2592 margin: 4px 0 2px; 2593 font-family: var(--font-ui), system-ui, sans-serif; 2594 font-size: 13px; 2595 font-weight: 600; 2596 color: var(--sapphire, #2d6cdf); 2597 text-decoration: none; 2598 } 2599 .mega-foot { 2600 max-width: 1200px; 2601 margin: 0 auto; 2602 padding: 13px 32px; 2603 border-top: 1px solid var(--border-dark-6, #e3e6ea); 2604 display: flex; 2605 justify-content: space-between; 2606 align-items: center; 2607 } 2608 .mega-foot-left { 2609 display: flex; 2610 gap: 24px; 2611 } 2612 .mega-foot-right { 2613 display: flex; 2614 gap: 20px; 2615 align-items: center; 2616 } 2617 .mega-foot a { 2618 font-family: var(--font-ui), system-ui, sans-serif; 2619 font-size: 13.5px; 2620 color: var(--dm-2, #1f2a37); 2621 text-decoration: none; 2622 } 2623 .mega-foot a:hover { 2624 color: var(--sapphire, #002855); 2625 } 2626 .mega-foot a.btn-primary, 2627 .mega-foot a.btn-primary:hover { 2628 color: var(--white, #fff); 2629 } 2630 .mega-agent-group { 2631 background: #ecfbfd; 2632 border: 1px solid #c9eef3; 2633 border-radius: 12px; 2634 padding: 12px 14px; 2635 } 2636 .mega-agent-tag { 2637 display: flex; 2638 align-items: center; 2639 gap: 8px; 2640 font-family: var(--font-ui); 2641 font-size: 13px; 2642 line-height: 1.5; 2643 font-weight: 700; 2644 letter-spacing: 1.2px; 2645 text-transform: uppercase; 2646 color: var(--sapphire); 2647 margin: 2px 2px 10px; 2648 text-decoration: none; 2649 cursor: pointer; 2650 transition: color 0.12s; 2651 } 2652 .mega-agent-tag:hover { 2653 color: var(--deep-midnight); 2654 } 2655 .mega-agent-ico { 2656 flex: 0 0 auto; 2657 width: 18px; 2658 height: 18px; 2659 color: var(--sapphire); 2660 display: flex; 2661 } 2662 .mega-agent-ico svg { 2663 width: 18px; 2664 height: 18px; 2665 display: block; 2666 } 2667 .mega-platform .mega-inner { 2668 grid-template-columns: 1fr 1fr 270px; 2669 } 2670 .mega-new { 2671 font-family: var(--font-ui); 2672 font-size: 9px; 2673 font-weight: 700; 2674 letter-spacing: 0.6px; 2675 text-transform: uppercase; 2676 color: var(--deep-midnight); 2677 background: var(--aqua); 2678 border-radius: 4px; 2679 padding: 2px 6px; 2680 } 2681 .brand-switch { 2682 display: inline-flex; 2683 align-items: center; 2684 } 2685</style> 2686 2687<header class="site-header"> 2688 <div class="container"> 2689 <div class="brand-switch"> 2690 <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> 2691 </div> 2692 <ul class="primary-nav"> 2693 <li class="has-mega"> 2694 <a class="nav-trigger" 2695 >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 2696 ></a> 2697 <div class="mega mega-platform"> 2698 <div class="mega-inner"> 2699 <div> 2700 <a class="mega-col-title" href="https://enlyft.com/platform/partner-ecosystem-intelligence">Ecosystem Intelligence</a> 2701 <p class="mega-col-sub">Find buyers no one is working yet</p> 2702 <ul class="mega-list"> 2703 <li> 2704 <a class="mega-item ico" href="https://enlyft.com/platform/partner-ecosystem-intelligence#account-intelligence" 2705 ><span class="mi-ico" 2706 ><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7"> 2707 <path d="M12 3l9 5-9 5-9-5 9-5z" /> 2708 <path d="M3 13l9 5 9-5" /></svg></span 2709 ><span class="mi-body"><span class="mega-item-title">Account Intelligence</span><span class="mega-item-desc">45M+ companies, 24K+ technologies</span></span></a 2710 > 2711 </li> 2712 <li> 2713 <a class="mega-item ico" href="https://enlyft.com/platform/partner-ecosystem-intelligence#buying-signals" 2714 ><span class="mi-ico" 2715 ><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 2716 ><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 2717 > 2718 </li> 2719 <li> 2720 <a class="mega-item ico" href="https://enlyft.com/platform/partner-ecosystem-intelligence#account-mapping" 2721 ><span class="mi-ico" 2722 ><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7"> 2723 <circle cx="9" cy="12" r="6" /> 2724 <circle cx="15" cy="12" r="6" /></svg></span 2725 ><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 2726 > 2727 </li> 2728 <li> 2729 <a class="mega-item ico" href="https://enlyft.com/platform/partner-ecosystem-intelligence#propensity-scoring" 2730 ><span class="mi-ico" 2731 ><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"> 2732 <path d="M4 15a8 8 0 1 1 16 0" /> 2733 <path d="M12 15l5-4" /> 2734 <circle cx="12" cy="15" r="1.3" fill="currentColor" stroke="none" /></svg></span 2735 ><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 2736 > 2737 </li> 2738 </ul> 2739 </div> 2740 <div> 2741 <a class="mega-col-title" href="https://enlyft.com/platform/pipeline-agent">Agentic Execution</a> 2742 <p class="mega-col-sub">Where intelligence becomes pipeline.</p> 2743 <div class="mega-agent-group"> 2744 <a class="mega-agent-tag" href="https://enlyft.com/platform/pipeline-agent">
2745 <span class="mega-agent-ico" 2746 ><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7"> 2747 <rect x="5" y="8" width="14" height="11" rx="2" /> 2748 <path d="M12 5v3M9 13h.01M15 13h.01" /></svg></span 2749 >Pipeline Agent <span class="mega-new">New</span> 2750 </a> 2751 <ul class="mega-list"> 2752 <li> 2753 <a class="mega-item ico" href="https://enlyft.com/platform/pipeline-agent#research-plan" 2754 ><span class="mi-ico" 2755 ><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7"> 2756 <circle cx="11" cy="11" r="7" /> 2757 <path d="M20.5 20.5l-4.2-4.2" /></svg></span 2758 ><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 2759 > 2760 </li> 2761 <li> 2762 <a class="mega-item ico" href="https://enlyft.com/platform/pipeline-agent#outreach-plays" 2763 ><span class="mi-ico" 2764 ><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7"> 2765 <path d="M22 2L11 13" /> 2766 <path d="M22 2l-7 20-4-9-9-4 20-7z" /></svg></span 2767 ><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 2768 > 2769 </li> 2770 <li> 2771 <a class="mega-item ico" href="https://enlyft.com/platform/pipeline-agent#contact-discovery" 2772 ><span class="mi-ico" 2773 ><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7"> 2774 <circle cx="9" cy="8" r="3" /> 2775 <path d="M3.5 20a5.5 5.5 0 0 1 11 0" /> 2776 <path d="M16 7a3 3 0 0 1 0 6" /> 2777 <path d="M19.5 20a5.5 5.5 0 0 0-3-4.9" /></svg></span 2778 ><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 2779 > 2780 </li> 2781 <li> 2782 <a class="mega-item ico" href="https://enlyft.com/platform/pipeline-agent#engagement" 2783 ><span class="mi-ico" 2784 ><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7"> 2785 <path d="M21 12a9 9 0 1 1-2.6-6.4" /> 2786 <path d="M21 4v5h-5" /></svg></span 2787 ><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 2788 > 2789 </li> 2790 </ul> 2791 </div> 2792 </div> 2793 <div class="mega-col-side"> 2794 <div class="mega-col-title">Integrations</div> 2795 <p class="mega-col-sub">Fits the stack you already run</p> 2796 <ul class="mega-list"> 2797 <li> 2798 <a class="mega-item ico" href="https://enlyft.com/platform/inside-your-crm" 2799 ><span class="mi-ico" 2800 ><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7"> 2801 <path d="M9 2v6M15 2v6" /> 2802 <path d="M7 8h10v3a5 5 0 0 1-10 0V8z" /> 2803 <path d="M12 16v6" /></svg></span 2804 ><span class="mi-body"><span class="mega-item-title">CRMs: Salesforce, HubSpot, Dynamics</span></span></a 2805 > 2806 </li> 2807 <li> 2808 <a class="mega-item ico" href="https://enlyft.com/enlyft-mcp-connectors" 2809 ><span class="mi-ico" 2810 ><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 2811 ><span class="mi-body"><span class="mega-item-title">MCP Connectors</span></span></a 2812 > 2813 </li> 2814 </ul> 2815 <div class="mega-col-title mega-col-title-2">Security & Trust</div> 2816 <p class="mega-col-sub">Enterprise-grade and audited</p> 2817 <ul class="mega-list"> 2818 <li> 2819 <a class="mega-item ico" href="https://enlyft.com/about/trust-center" 2820 ><span class="mi-ico" 2821 ><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 2822 ><span class="mi-body"><span class="mega-item-title">SOC 2 Type II, GDPR, CCPA</span></span></a 2823 > 2824 </li> 2825 </ul> 2826 </div> 2827 </div> 2828 <div class="mega-foot"> 2829 <div class="mega-foot-left"> 2830 <a href="https://enlyft.com/why-enlyft">Why Enlyft</a> 2831 </div> 2832 <div class="mega-foot-right"> 2833 <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> 2834 </div> 2835 </div> 2836 </div> 2837 </li> 2838 <li class="has-mega"> 2839 <a class="nav-trigger" 2840 >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 2841 ></a> 2842 <div class="mega mega-solutions"> 2843 <div class="mega-inner"> 2844 <div class="audience-block"> 2845 <a class="audience-tag" href="https://enlyft.com/solutions/software-vendor">Technology Vendors</a> 2846 <p class="audience-sub">For software, cloud, and platform vendors</p> 2847 <ul class="mega-list"> 2848 <li> 2849 <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> 2850 </li> 2851 <li> 2852 <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> 2853 </li> 2854 <li> 2855 <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> 2856 </li> 2857 <li> 2858 <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> 2859 </li> 2860 </ul> 2861 </div> 2862 <div class="audience-block"> 2863 <a class="audience-tag" href="https://enlyft.com/solutions/channel-partners">Channel Partners</a> 2864 <p class="audience-sub">For MSPs, VARs, SIs, and distributors</p> 2865 <ul class="mega-list"> 2866 <li> 2867 <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> 2868 </li> 2869 <li> 2870 <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> 2871 </li> 2872 <li> 2873 <a class="mega-item" href="https://enlyft.com/solutions/channel-partners#seller-productivity" 2874 ><span class="mega-item-title">Seller Productivity <span class="mega-new">New</span></span 2875 ><span class="mega-item-desc">Engage buyers with research, the right use case, and ready outreach</span></a 2876 > 2877 </li> 2878 <li> 2879 <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> 2880 </li> 2881 </ul> 2882 </div> 2883 </div> 2884 </div> 2885 </li> 2886 2887 <li class="has-mega"> 2888 <a class="nav-trigger" 2889 >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 2890 ></a> 2891 <div class="mega mega-programs"> 2892 <div class="mega-inner"> 2893 <div> 2894 <div class="mega-col-title">Partner Programs</div> 2895 <p class="mega-col-sub">Already enrolled in a vendor program? Start here.</p> 2896 <div class="prog-grid"> 2897 <a class="prog-card" href="https://enlyft.com/partners/cloudascent" 2898 ><svg viewBox="0 0 22 22" width="24" height="19" xmlns="http://www.w3.org/2000/svg"> 2899 <rect x="0" y="0" width="10" height="10" fill="#F25022" /> 2900 <rect x="12" y="0" width="10" height="10" fill="#7FBA00" /> 2901 <rect x="0" y="12" width="10" height="10" fill="#00A4EF" /> 2902 <rect x="12" y="12" width="10" height="10" fill="#FFB900" /></svg 2903 ><span class="prog-tx"><span class="prog-nm">CloudAscent</span><span class="prog-ds">Microsoft partner propensity</span></span></a 2904 > 2905 <a class="prog-card" href="https://enlyft.com/partners/windows11" 2906 ><svg viewBox="0 0 22 22" width="24" height="19" xmlns="http://www.w3.org/2000/svg"> 2907 <rect x="0" y="0" width="10" height="10" fill="#0078D4" /> 2908 <rect x="12" y="0" width="10" height="10" fill="#0078D4" /> 2909 <rect x="0" y="12" width="10" height="10" fill="#0078D4" /> 2910 <rect x="12" y="12" width="10" height="10" fill="#0078D4" /></svg 2911 ><span class="prog-tx"><span class="prog-nm">Windows 11</span><span class="prog-ds">Device refresh targeting</span></span></a 2912 > 2913 <a class="prog-card" href="https://enlyft.com/partners/aws" 2914 ><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.
29146,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 2915 > 2916 <span class="prog-card is-soon" 2917 ><svg viewBox="0 0 22 22" width="24" height="18" xmlns="http://www.w3.org/2000/svg"> 2918 <path d="M11 1 A10 10 0 0 1 21 11 L11 11 Z" fill="#EA4335" /> 2919 <path d="M21 11 A10 10 0 0 1 11 21 L11 11 Z" fill="#FBBC04" /> 2920 <path d="M11 21 A10 10 0 0 1 1 11 L11 11 Z" fill="#34A853" /> 2921 <path d="M1 11 A10 10 0 0 1 11 1 L11 11 Z" fill="#4285F4" /></svg 2922 ><span class="prog-tx"><span class="prog-nm">Google Cloud</span><span class="prog-ds">Coming soon</span></span></span 2923 > 2924 </div> 2925 </div> 2926 <a class="mega-promo" href="https://enlyft.com/partners/cloudascent"> 2927 <div class="mega-promo-tag">Flagship</div> 2928 <div class="mega-promo-title">Powering Microsoft's CloudAscent</div> 2929 <div class="mega-promo-desc">Enlyft powers CloudAscent, Microsoft's partner opportunity program.</div> 2930 <span class="mega-promo-link">Explore CloudAscent →</span> 2931 </a> 2932 </div> 2933 </div> 2934 </li> 2935 2936 <li><a class="nav-trigger" href="https://enlyft.com/why-enlyft">Why Enlyft</a></li> 2937 2938 <li class="has-mega"> 2939 <a class="nav-trigger" 2940 >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 2941 ></a> 2942 <div class="mega mega-resources"> 2943 <div class="mega-inner"> 2944 <div> 2945 <div class="mega-col-title">Learn</div> 2946 <ul class="mega-list"> 2947 <li> 2948 <a class="mega-item" href="https://enlyft.com/customers"><span class="mega-item-title">Case Studies</span></a> 2949 </li> 2950 <li> 2951 <a class="mega-item" href="https://enlyft.com/blog"><span class="mega-item-title">Blog</span></a> 2952 </li> 2953 <li> 2954 <a class="mega-item" href="https://enlyft.com/reports-and-guides"><span class="mega-item-title">Reports & Guides</span></a> 2955 </li> 2956 <!-- <li><a class="mega-item" href="#"><span class="mega-item-title">Webinars & Events</span></a></li>--> 2957 </ul> 2958 </div> 2959 <div> 2960 <div class="mega-col-title">Company</div> 2961 <ul class="mega-list"> 2962 <li> 2963 <a class="mega-item" href="https://enlyft.com/about/our-story"><span class="mega-item-title">About Enlyft</span></a> 2964 </li> 2965 <li> 2966 <a class="mega-item" href="https://enlyft.com/about/careers"><span class="mega-item-title">Careers</span></a> 2967 </li> 2968 <!-- <li><a class="mega-item" href="#"><span class="mega-item-title">
2968Newsroom</span></a></li>--> 2969 <li> 2970 <a class="mega-item" href="https://enlyft.com/about/trust-center"><span class="mega-item-title">Trust Center</span></a> 2971 </li> 2972 <li> 2973 <a class="mega-item" href="https://enlyft.com/contact"><span class="mega-item-title">Contact Us</span></a> 2974 </li> 2975 </ul> 2976 </div> 2977 <!-- <a class="mega-promo" href="#">--> 2978 <!-- <div class="mega-promo-tag">Featured</div>--> 2979 <!-- <div class="mega-promo-title">The Partner Activation Playbook</div>--> 2980 <!-- <div class="mega-promo-desc">How leading vendors and their channel partners turn propensity data into qualified pipeline.</div>--> 2981 <!-- <span class="mega-promo-link">Get the playbook →</span>--> 2982 <!-- </a>--> 2983 </div> 2984 </div> 2985 </li> 2986 </ul> 2987 <div class="nav-right"> 2988 <a class="nav-signin" href="https://app.enlyft.com">Sign in</a> 2989 <a href="https://enlyft.com/book-demo" target="_blank" rel="noopener" class="btn btn-primary">Book a Demo <span class="arrow">→</span></a> 2990 <button class="hamburger" type="button" aria-label="Open menu" aria-expanded="false" aria-controls="mobile-menu"> 2991 <span class="hamburger-box"><span></span><span></span><span></span></span> 2992 </button> 2993 </div> 2994 </div> 2995</header> 2996<div class="mobile-menu" id="mobile-menu" hidden> 2997 <div class="mm-scroll"><div class="mm-inner"></div></div> 2998 <div class="mm-cta"></div> 2999</div> 3000
3001<script> 3002!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))}
3002function 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")}}(); 3003</script>
3003</div><section class="blog-hero"><div class="container"><p class="eyebrow reveal">Enlyft blog</p><h1 class="blog-h1 reveal d1">Intelligence for modern partner go-to-market teams.</h1><p class="blog-sub reveal d2">Playbooks and perspectives on predictive selling, co-selling, account intelligence, and turning data into pipeline.</p><div class="w-dyn-list"><div role="list" class="w-dyn-items"><div role="listitem" class="w-dyn-item"><a rel="noopener" href="/resources/enlyft-mcp-connector-for-microsoft" target="_blank" class="w-inline-block"><div class="feat-post reveal w-embed"><div class="feat-post-body"> 3004 <span class="feat-post-eyebrow"><span class="dot"></span>Latest · Featured</span> 3005 <h2>Enlyft Integrates with Microsoft Dynamics 365 Sales Through Model Context Protocol</h2> 3006 <p>Enlyft announces support for Microsoft Dynamics 365 MCP-based agent experiences, bringing technographic intelligence into Copilot Studio qualification workflows.</p> 3007 <div class="feat-post-meta"><span class="cat">Product & News</span><span class="sep">·</span><span>August 14, 2026</span></div> 3008 <span class="feat-post-link">Read the article <span class="arrow">â</span></span> 3009</div> 3010<div class="feat-post-viz"><img data-cdn="https://cdn.prod.website-files.com/5ffb9f8cea98c942c83ea994/6a7f08df27f4e2de3bc0914d_enlyft-microsoft-mcp-blog-header%202.png" src="https://cdn.prod.website-files.com/5ffb9f8cea98c942c83ea994/6a7f08df27f4e2de3bc0914d_enlyft-microsoft-mcp-blog-header%202.png" alt="" /></div></div></a></div></div></div></div></section><section class="section"><div fs-list-load="more" fs-list-element="list" class="container w-dyn-list"><div id="postGrid" role="list" class="post-grid w-dyn-items"><div data-serach="Enlyft announces support for Microsoft Dynamics 365 MCP-based agent experiences, bringing technographic intelligence into Copilot Studio qualification workflows." data-cat="Blog" role="listitem" class="post-card w-dyn-item"><a rel="noopener" href="/resources/enlyft-mcp-connector-for-microsoft" target="_blank" class="w-inline-block"><div class="w-embed"><div class="post-media"><img loading="lazy" data-cdn="https://cdn.prod.website-files.com/5ffb9f8cea98c942c83ea994/6a7f08df27f4e2de3bc0914d_enlyft-microsoft-mcp-blog-header%202.png" src="https://cdn.prod.website-files.com/5ffb9f8cea98c942c83ea994/6a7f08df27f4e2de3bc0914d_enlyft-microsoft-mcp-blog-header%202.png" alt="" /></div> 3011<div class="post-body"> 3012 <span class="post-cat"><span class="dot"></span>Product & News</span> 3013 <h3>Enlyft Integrates with Microsoft Dynamics 365 Sales Through Model Context Protocol</h3> 3014 <p>Enlyft announces support for Microsoft Dynamics 365 MCP-based agent experiences, bringing technographic intelligence into Copilot Studio qualification workflows.</p> 3015 <span class="post-foot" 3016 ><span class="post-date">August 14, 2026</span><span class="post-read">Read <span class="arrow">â</span></span></span 3017 > 3018</div></div></a></div><div data-serach="We're excited to introduce our Spring 2025 product update, featuring powerful new capabilities to help GTM teams uncover insights faster, prioritize high-fit accounts with precision, and streamline workflows across sales and marketing." data-cat="Blog" role="listitem" class="post-card w-dyn-item"><a rel="noopener" href="/resources/enlyfts-spring-2025-product-release" target="_blank" class="w-inline-block"><div class="w-embed"><div class="post-media"><img loading="lazy" data-cdn="https://cdn.prod.website-files.com/5ffb9f8cea98c942c83ea994/67fff59d6617b2917d3ccc51_AI%20Insights%2C%20Integrated%20Across%20GTM%20(1).png" src="https://cdn.prod.website-files.com/5ffb9f8cea98c942c83ea994/67fff59d6617b2917d3ccc51_AI%20Insights%2C%20Integrated%20Across%20GTM%20(1).png" alt="" /></div> 3019<div class="post-body"> 3020 <span class="post-cat"><span class="dot"></span>Product & News</span> 3021 <h3>Enlyftâs Spring 2025 Product Release </h3> 3022 <p>We're excited to introduce our Spring 2025 product update, featuring powerful new capabilities to help GTM teams uncover insights faster, prioritize high-fit accounts with precision, and streamline workflows across sales and marketing.</p> 3023 <span class="post-foot" 3024 ><span class="post-date">April 16, 2025</span><span class="post-read">Read <span class="arrow">â</span></span></span 3025 > 3026</div></div></a></div><div data-serach="Go-to-market (GTM) teams are constantly seeking ways to gain a competitive edge by identifying, prioritizing, and engaging the right customers effectively. Understanding your target audience is an obvious first step. " data-cat="Blog" role="listitem" class="post-card w-dyn-item"><a rel="noopener" href="/resources/revolutionize-your-ideal-customer-profile-with-the-power-of-data-and-ai" target="_blank" class="w-inline-block"><div class="w-embed"><div class="post-media"><img loading="lazy" data-cdn="https://cdn.prod.website-files.com/5ffb9f8cea98c942c83ea994/673e573ce101ad881ad5a6f2_Blog%2
30260banner_Power%20of%20data%20and%20AI.png" src="https://cdn.prod.website-files.com/5ffb9f8cea98c942c83ea994/673e573ce101ad881ad5a6f2_Blog%20banner_Power%20of%20data%20and%20AI.png" alt="" /></div> 3027<div class="post-body"> 3028 <span class="post-cat"><span class="dot"></span>ABM & ICP</span> 3029 <h3>Revolutionize your ideal customer profile with the power of data and AI</h3> 3030 <p>Go-to-market (GTM) teams are constantly seeking ways to gain a competitive edge by identifying, prioritizing, and engaging the right customers effectively. Understanding your target audience is an obvious first step. </p> 3031 <span class="post-foot" 3032 ><span class="post-date">November 25, 2024</span><span class="post-read">Read <span class="arrow">â</span></span></span 3033 > 3034</div></div></a></div><div data-serach="We're excited to announce the release of our highly-anticipated Fall 2024 product update. This launch is packed with innovative features and enhancements designed to optimize your go-to-market (GTM) strategies by positioning your teams to scale smarter and engage prospective customers faster." data-cat="Blog" role="listitem" class="post-card w-dyn-item"><a rel="noopener" href="/resources/enlyfts-fall-2024-product-release-is-here" target="_blank" class="w-inline-block"><div class="w-embed"><div class="post-media"><img loading="lazy" data-cdn="https://cdn.prod.website-files.com/5ffb9f8cea98c942c83ea994/67254e64837921596fa6f631_Blog%20banner_Scale%20smarter%2C%20Engage%20faster.png" src="https://cdn.prod.website-files.com/5ffb9f8cea98c942c83ea994/67254e64837921596fa6f631_Blog%20banner_Scale%20smarter%2C%20Engage%20faster.png" alt="" /></div> 3035<div class="post-body"> 3036 <span class="post-cat"><span class="dot"></span>Product & News</span> 3037 <h3>Enlyftâs Fall 2024 product release is here! </h3> 3038 <p>We're excited to announce the release of our highly-anticipated Fall 2024 product update. This launch is packed with innovative features and enhancements designed to optimize your go-to-market (GTM) strategies by positioning your teams to scale smarter and engage prospective customers faster.</p> 3039 <span class="post-foot" 3040 ><span class="post-date">November 6, 2024</span><span class="post-read">Read <span class="arrow">â</span></span></span 3041 > 3042</div></div></a></div><div data-serach="Revenue operations (RevOps) is a critical methodology for driving alignment, efficiency, and growth across sales, marketing, and customer success functions. It involves the strategic integration of these key revenue-generating departments to optimize processes, data, and technology in a bid to achieve a unified revenue strategy." data-cat="Blog" role="listitem" class="post-card w-dyn-item"><a rel="noopener" href="/resources/drive-revenue-success-a-roadmap-to-revops-collaboration" target="_blank" class="w-inline-block"><div class="w-embed"><div class="post-media"><img loading="lazy" data-cdn="https://cdn.prod.website-files.com/5ffb9f8cea98c942c83ea994/671ec59e6940211855edea4f_Blog%20banner_RevOps%20alignment%20roadmap.png" src="https://cdn.prod.website-files.com/5ffb9f8cea98c942c83ea994/671ec59e6940211855edea4f_Blog%20banner_RevOps%20alignment%20roadmap.png" alt="" /></div> 3043<div class="post-body"> 3044 <span class="post-cat"><span class="dot"></span>RevOps</span> 3045 <h3>Drive revenue success: A roadmap to RevOps collaboration</h3> 3046 <p>Revenue operations (RevOps) is a critical methodology for driving alignment, efficiency, and growth across sales, marketing, and customer success functions. It involves the strategic integration of these key revenue-generating departments to optimize processes, data, and technology in a bid to achieve a unified revenue strategy.</p> 3047 <span class="post-foot" 3048 ><span class="post-date">October 28, 2024</span><span class="post-read">Read <span class="arrow">â</span></span></span 3049 > 3050</div></div></a></div><div data-serach="Gartner recently predicted that 65% of B2B sales organizations will move from intuition-based to data-driven decision making by 2026." data-cat="Blog" role="listitem" class="post-card w-dyn-item"><a rel="noopener" href="/resources/achieve-precise-customer-profiling-with-technology-targeting" target="_blank" class="w-inline-block"><div class="w-embed"><div class="post-media"><img loading="lazy" data-cdn="https://cdn.prod.website-files.com/5ffb9f8cea98c942c83ea994/670e83dd68bebc05f
305069b6e8b_Blog%20banner_Customer%20profiles.png" src="https://cdn.prod.website-files.com/5ffb9f8cea98c942c83ea994/670e83dd68bebc05f69b6e8b_Blog%20banner_Customer%20profiles.png" alt="" /></div> 3051<div class="post-body"> 3052 <span class="post-cat"><span class="dot"></span>ABM & ICP</span> 3053 <h3>Achieve precise customer profiling with technology targeting</h3> 3054 <p>Gartner recently predicted that 65% of B2B sales organizations will move from intuition-based to data-driven decision making by 2026.</p> 3055 <span class="post-foot" 3056 ><span class="post-date">October 21, 2024</span><span class="post-read">Read <span class="arrow">â</span></span></span 3057 > 3058</div></div></a></div><div data-serach="In recent years, the concept of RevOpsâshort for revenue operationsâhas surfaced as a game-changer. Gartner supports this sentiment, predicting that 75% of the highest-growth companies will adopt a RevOps model by 2025." data-cat="Blog" role="listitem" class="post-card w-dyn-item"><a rel="noopener" href="/resources/the-rise-of-revops-drive-predictable-revenue-through-integrated-teams" target="_blank" class="w-inline-block"><div class="w-embed"><div class="post-media"><img loading="lazy" data-cdn="https://cdn.prod.website-files.com/5ffb9f8cea98c942c83ea994/67030e6884858cd4b8c17cdb_Blog%20banner_Rise%20of%20RevOps.png" src="https://cdn.prod.website-files.com/5ffb9f8cea98c942c83ea994/67030e6884858cd4b8c17cdb_Blog%20banner_Rise%20of%20RevOps.png" alt="" /></div> 3059<div class="post-body"> 3060 <span class="post-cat"><span class="dot"></span>RevOps</span> 3061 <h3>The rise of RevOps: Drive predictable revenue through integrated teams</h3> 3062 <p>In recent years, the concept of RevOpsâshort for revenue operationsâhas surfaced as a game-changer. Gartner supports this sentiment, predicting that 75% of the highest-growth companies will adopt a RevOps model by 2025.</p> 3063 <span class="post-foot" 3064 ><span class="post-date">October 7, 2024</span><span class="post-read">Read <span class="arrow">â</span></span></span 3065 > 3066</div></div></a></div><div data-serach="The G2 Fall 2024 reports are out! We are thrilled to announce this recognition, as determined by our customers, in key go-to-market categories and to showcase our valued badges." data-cat="Blog" role="listitem" class="post-card w-dyn-item"><a rel="noopener" href="/resources/enlyft-ranked-by-g2-for-sales-intelligence-and-marketing-account-intelligence" target="_blank" class="w-inline-block"><div class="w-embed"><div class="post-media"><img loading="lazy" data-cdn="https://cdn.prod.website-files.com/5ffb9f8cea98c942c83ea994/66ff04230edb8c876b013ae3_Blog%20banner_G2%20Fall%202024.png" src="https://cdn.prod.website-files.com/5ffb9f8cea98c942c83ea994/66ff04230edb8c876b013ae3_Blog%20banner_G2%20Fall%202024.png" alt="" /></div> 3067<div class="post-body"> 3068 <span class="post-cat"><span class="dot"></span>Product & News</span> 3069 <h3>Enlyft ranked by G2 for sales intelligence and marketing account intelligence</h3> 3070 <p>The G2 Fall 2024 reports are out! We are thrilled to announce this recognition, as determined by our customers, in key go-to-market categories and to showcase our valued badges.</p> 3071 <span class="post-foot" 3072 ><span class="post-date">September 30, 2024</span><span class="post-read">Read <span class="arrow">â</span></span></span 3073 > 3074</div></div></a></div><div data-serach="The recent opening of Enlyftâs new location in the vibrant city of Pune, India was reason enough for our local team to indulge in a few celebrations, while officially inaugurating the office space." data-cat="Blog" role="listitem" class="post-card w-dyn-item"><a rel="noopener" href="/resources/weve-expanded-our-global-presence-with-a-new-office-in-pune-india" target="_blank" class="w-inline-block"><div class="w-embed"><div class="post-media"><img loading="lazy" data-cdn="https://cdn.prod.website-files.com/5ffb9f8cea98c942c83ea994/66f1d05865125283c22cce65_Blog%20banner_New%20Pune%20office.png" src="https://cdn.prod.website-files.com/5ffb9f8cea98c942c83ea994/66f1d05865125283c22cce65_Blog%20banner_New%20Pune%20office.png" alt="" /></div> 3075<div class="post-body"> 3076 <span class="post-cat"><span class="dot"></span>Product & News</span> 3077 <h3>Weâve expanded our global presence with a new office in Pune, India </h3> 3078 <p>The recent opening of Enlyftâs new location in the vibrant city of Pune, India was reason enough for our local team to indulge in a few celebrations, while officially inaugurating the office space.</p> 3079 <span class="post-foot" 3080 ><span class="post-date">September 23, 2024</span><span class="post-read">Read <span class="arrow">â</span></span></span 3081 > 3082</div></div></a></div><div data-serach="The role of artificial intelligence (AI) in sales isnât going to go away. If anything, it continues to become increasingly vital, according to this Gartner press release which claims: âBy 2028, 60% of B2B seller work will be executed through conversational user interfaces via generative AI sales technologies, up from less than 5% in 2023.â" data-cat="Blog" role="listitem" class="post-card w-dyn-item"><a rel="noopener" href="/resources/predictive-selling-unleashed-the-impact-of-ai-on-sales-forecasting-and-lead-generation" target="_blank" class="w-inline-block"><div class="w-embed"><div class="post-media"><img loading="lazy" data-cdn="https://cdn.prod.website-files.com/5ffb9f8cea98c942c83ea994/66db2ddd4de8b21d6bef4224_Blog%2
30820banner_Predictive%20selling%20unleashed.png" src="https://cdn.prod.website-files.com/5ffb9f8cea98c942c83ea994/66db2ddd4de8b21d6bef4224_Blog%20banner_Predictive%20selling%20unleashed.png" alt="" /></div> 3083<div class="post-body"> 3084 <span class="post-cat"><span class="dot"></span>Predictive Selling</span> 3085 <h3>Predictive selling unleashed: The impact of AI on sales forecasting and lead generation</h3> 3086 <p>The role of artificial intelligence (AI) in sales isnât going to go away. If anything, it continues to become increasingly vital, according to this Gartner press release which claims: âBy 2028, 60% of B2B seller work will be executed through conversational user interfaces via generative AI sales technologies, up from less than 5% in 2023.â</p> 3087 <span class="post-foot" 3088 ><span class="post-date">September 9, 2024</span><span class="post-read">Read <span class="arrow">â</span></span></span 3089 > 3090</div></div></a></div><div data-serach="Your sales team serves as the last and most crucial link in a complex chain - the sales funnel. Even the slickest operation will fall apart if your sales staff are unable to convert at the end, potentially wasting all investments made up to that point." data-cat="Blog" role="listitem" class="post-card w-dyn-item"><a rel="noopener" href="/resources/5-steps-to-using-generative-ai-for-sales-coac
3090hing" target="_blank" class="w-inline-block"><div class="w-embed"><div class="post-media"><img loading="lazy" data-cdn="https://cdn.prod.website-files.com/5ffb9f8cea98c942c83ea994/66c90e741d71218bb2dc086a_Blog%20banner_Sales%20training.png" src="https://cdn.prod.website-files.com/5ffb9f8cea98c942c83ea994/66c90e741d71218bb2dc086a_Blog%20banner_Sales%20training.png" alt="" /></div> 3091<div class="post-body"> 3092 <span class="post-cat"><span class="dot"></span>Sales Strategy</span> 3093 <h3>5 steps to using generative AI for sales coaching</h3> 3094 <p>Your sales team serves as the last and most crucial link in a complex chain - the sales funnel. Even the slickest operation will fall apart if your sales staff are unable to convert at the end, potentially wasting all investments made up to that point.</p> 3095 <span class="post-foot" 3096 ><span class="post-date">August 26, 2024</span><span class="post-read">Read <span class="arrow">â</span></span></span 3097 > 3098</div></div></a></div><div data-serach="In the pursuit of driving better outcomes in a complex, fast-paced world, B2B sales and marketing leaders are increasingly depending on predictive selling solutions to deliver valuable insights and enhance their teamsâ targeting capabilities. " data-cat="Blog" role="listitem" class="post-card w-dyn-item"><a rel="noopener" href="/resources/rethinking-predictive-selling-solutions" target="_blank" class="w-inline-block"><div class="w-embed"><div class="post-media"><img loading="lazy" data-cdn="https://cdn.prod.website-files.com/5ffb9f8cea98c942c83ea994/66bb6bd9dc44589cb895ce60_Blog%20banner_Predictive%20selling_Paying%20too%20much.png" src="https://cdn.prod.website-files.com/5ffb9f8cea98c942c83ea994/66bb6bd9dc44589cb895ce60_Blog%20banner_Predictive%20selling_Paying%20too%20much.png" alt="" /></div> 3099<div class="post-body"> 3100 <span class="post-cat"><span class="dot"></span>Predictive Selling</span> 3101 <h3>Rethinking predictive selling solutions: Are you paying too much for too little?</h3> 3102 <p>In the pursuit of driving better outcomes in a complex, fast-paced world, B2B sales and marketing leaders are increasingly depending on predictive selling solutions to deliver valuable insights and enhance their teamsâ targeting capabilities. </p> 3103 <span class="post-foot" 3104 ><span class="post-date">August 12, 2024</span><span class="post-read">Read <span class="arrow">â</span></span></span 3105 > 3106</div></div></a></div></div><div role="navigation" aria-label="List" class="w-pagination-wrapper load-more-wrap"><a id="loadMore" href="?5d39ec94_page=2" aria-label="Next Page" class="w-pagination-next load-more"><div>Load more articles</div></a><link rel="prerender" href="?5d39ec94_page=2"/></div></div></section><div class="w-embed"><style> 3107 /* ============ Footer - Enlyft website layout ============ */ 3108 footer.site-footer { 3109 background: var(--deep-midnight); 3110 color: var(--eb-9); 3111 padding: 72px 0 32px; 3112 } 3113 footer.site-footer .container { 3114 display: flex; 3115 flex-direction: column; 3116 gap: 40px; 3117 } 3118 3119 .foot-main { 3120 display: grid; 3121 grid-template-columns: 160px 1fr; 3122 gap: 64px; 3123 align-items: start; 3124 } 3125 .foot-brand { 3126 display: inline-flex; 3127 align-items: center; 3128 color: var(--white); 3129 } 3130 .foot-brand svg { 3131 height: 32px; 3132 width: auto; 3133 } 3134 3135 .foot-cols { 3136 display: grid; 3137 grid-template-columns: repeat(5, minmax(0, 1fr)); 3138 gap: 32px; 3139 } 3140 .foot-col h5 { 3141 font-family: var(--font-ui); 3142 font-size: 12px; 3143 font-weight: 700; 3144 letter-spacing: 2px; 3145 text-transform: uppercase; 3146 color: var(--white); 3147 margin-bottom: 20px; 3148 } 3149 .foot-col ul { 3150 list-style: none; 3151 display: flex; 3152 flex-direction: column; 3153 gap: 12px; 3154 } 3155 .foot-col a { 3156 font-family: var(--font-ui); 3157 font-size: 13px; 3158 line-height: 1.45; 3159 color: var(--eb-9); 3160 transition: color 0.2s; 3161 } 3162 .foot-col a:hover { 3163 color: var(--aqua); 3164 } 3165 3166 .foot-bar { 3167 margin-top: 24px; 3168 padding-top: 24px; 3169 border-top: 1px solid var(--border-light-8); 3170 display: flex; 3171 justify-content: space-between; 3172 align-items: center; 3173 font-family: var(--font-ui); 3174 font-size: 12px; 3175 color: var(--eb-7); 3176 } 3177 footer .social { 3178 display: flex; 3179 gap: 14px; 3180 } 3181 footer .social a { 3182 width: 28px; 3183 height: 28px; 3184 border-radius: 9999px; 3185 display: flex; 3186 align-items: center; 3187 justify-content: center; 3188 transition: color 0.2s; 3189 color: var(--eb-7); 3190 } 3191 footer .social a:hover { 3192 color: var(--aqua); 3193 } 3194 3195 @media (max-width: 1100px) { 3196 .foot-main { 3197 grid-template-columns: 1fr; 3198 } 3199 .foot-cols { 3200 grid-template-columns: repeat(2, minmax(0, 1fr)); 3201 } 3202 } 3203 @media (max-width: 600px) { 3204 .foot-cols { 3205 grid-template-columns: 1fr; 3206 gap: 28px; 3207 } 3208 .foot-bar { 3209 flex-direction: column; 3210 gap: 16px; 3211 } 3212 } 3213</style> 3214<footer class="site-footer"> 3215 <div class="container"> 3216 <div class="foot-main"> 3217 <a href="https://enlyft.com" class="foot-brand" aria-label="Enlyft home"> 3218 <svg viewBox="153 153 1332.4 400" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> 3219 <path d="M444.2 153C482.283 153 501.325 153 515.871 160.411C528.666 166.931 539.069
3219177.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
32196 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> 3220 </svg> 3221 </a> 3222 <div class="foot-cols"> 3223 <div class="foot-col"> 3224 <h5>Platform</h5> 3225 <ul> 3226 <li><a href="https://enlyft.com/platform/partner-ecosystem-intelligence#account-intelligence">Account Intelligence</a></li> 3227 <li><a href="https://enlyft.com/platform/partner-ecosystem-intelligence#buying-signals">Buying Signals</a></li> 3228 <li><a href="https://enlyft.com/platform/partner-ecosystem-intelligence#account-mapping">Account Mapping</a></li> 3229 <li><a href="https://enlyft.com/platform/partner-ecosystem-intelligence#propensity-scoring">Propensity Scoring</a></li> 3230 <li><a href="https://enlyft.com/platform/pipeline-agent">Pipeline Agent</a></li> 3231 <li><a href="https://enlyft.com/platform/pipeline-agent#research-plan">AI Research & Account Plan</a></li> 3232 <li><a href="https://enlyft.com/platform/pipeline-agent#outreach-plays">Outreach & Sales Plays</a></li> 3233 <li><a href="https://enlyft.com/platform/pipeline-agent#contact-discovery">Contact Discovery</a></li> 3234 <li><a href="https://enlyft.com/platform/pipeline-agent#engagement">Always-On Engagement</a></li> 3235 <li><a href="https://enlyft.com/platform/inside-your-crm">Integrations</a></li> 3236 <li><a href="https://enlyft.com/tech">Technology Targeting</a></li> 3237 </ul> 3238 </div> 3239 <div class="foot-col"> 3240 <h5>Solutions</h5> 3241 <ul> 3242 <li><a href="https://enlyft.com/solutions/software-vendor">Technology Vendors</a></li> 3243 <li><a href="https://enlyft.com/solutions/software-vendor#ecosystem-activation">Ecosystem Activation</a></li> 3244 <li><a href="https://enlyft.com/solutions/software-vendor#partner-sourced-pipeline">Partner-Sourced Pipeline</a></li> 3245 <li><a href="https://enlyft.com/solutions/software-vendor#data-enrichment">Data Enrichment</a></li> 3246 <li><a href="https://enlyft.com/solutions/software-vendor#program-impact">Program Impact</a></li> 3247 <li><a href="https://enlyft.com/solutions/channel-partners">Channel Partners</a></li> 3248 <li><a href="https://enlyft.com/solutions/channel-partners#new-account-targeting">New Account Targeting</a></li> 3249 <li><a href="https://enlyft.com/solutions/channel-partners#customer-expansion">Customer Expansion</a></li> 3250 <li><a href="https://enlyft.com/solutions/channel-partners#seller-productivity">Seller Productivity</a></li> 3251 <li><a href="https://enlyft.com/solutions/channel-partners#deal-acceleration">Deal Acceleration</a></li> 3252 <li><a href="https://enlyft.com/enlyft-mcp-connectors">MCP Connectors</a></li> 3253 </ul> 3254 </div> 3255 <div class="foot-col"> 3256 <h5>Partner Programs</h5> 3257 <ul> 3258 <li><a href="https://enlyft.com/partners/cloudascent">CloudAscent</a></li> 3259 <li><a href="https://enlyft.com/partners/windows11">Windows 11</a></li> 3260 <li><a href="https://enlyft.com/partners/aws">AWS Partner Program</a></li> 3261 </ul> 3262 </div> 3263 <div class="foot-col"> 3264 <h5>Resources</h5> 3265 <ul> 3266 <li><a href="https://enlyft.com/customers">Case Studies</a></li> 3267 <li><a href="https://enlyft.com/blog">Blog</a></li> 3268 <li><a href="https://enlyft.com/reports-and-guides">Reports & Guides</a></li> 3269 </ul> 3270 </div> 3271 <div class="foot-col"> 3272 <h5>Company</h5> 3273 <ul> 3274 <li><a href="https://enlyft.com/why-enlyft">Why Enlyft</a></li> 3275 <li><a href="https://enlyft.com/about/our-story">About Enlyft</a></li> 3276 <li><a href="https://enlyft.com/about/careers">Careers</a></li> 3277 <li><a href="https://enlyft.com/about/trust-center">Trust Center</a></li> 3278 <li><a href="https://enlyft.com/contact">Contact Us</a></li> 3279 </ul> 3280 </div> 3281 </div> 3282 </div> 3283 <div class="foot-bar"> 3284 <div> 3285 © 2026 Enlyft | All rights reserved. 3286 <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> 3287 </div> 3288 <div class="social"> 3289 <a href="https://www.linkedin.com/company/enlyft" target="_blank" rel="noopener" aria-label="LinkedIn" 3290 ><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 3291 ></a> 3292 </div> 3293 </div> 3294 </div> 3295</footer></div><div class="w-embed w-script">
3295<script> 3296(function(){ 3297 function rv(){ document.querySelectorAll('.reveal:not(.in)').forEach(function(el){ var r=el.getBoundingClientRect(); if(r.top<innerHeight*0.96 && r.bottom>0) el.classList.add('in'); }); } 3298 if('IntersectionObserver' in window){ var io=new IntersectionObserver(function(es){ es.forEach(function(e){ if(e.isIntersecting){ e.target.classList.add('in'); io.unobserve(e.target); } }); },{threshold:0.1,rootMargin:'0px 0px -6% 0px'}); document.querySelectorAll('.reveal').forEach(function(el){io.observe(el);}); } 3299 addEventListener('load',rv); addEventListener('scroll',rv,{passive:true}); setTimeout(rv,120); setTimeout(rv,500); 3300 3301 var h=document.querySelector('.site-header'); function os(){ h.classList.toggle('scrolled', scrollY>8); } addEventListener('scroll',os,{passive:true}); os(); 3302})(); 3303</script>
3303 3304
3305<script> 3306 (function () { 3307 document.querySelectorAll('img[data-cdn]').forEach(function (i) { 3308 i.src = i.getAttribute('data-cdn'); 3309 }); 3310 })(); 3311</script>
3311</div>
3311<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>
3311<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>
3311<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>
3311<script> 3312 $('form[data-basin-form]').submit(function (evt) { 3313 evt.preventDefault(); 3314 3315 try { 3316 // Guard: only fire the conversion event for a form that actually passed HTML5 3317 // validation. Without this, a submission path that bypasses native validation 3318 // (or an unrelated form on the page) can still fire this event, inflating 3319 // Form_submitted counts relative to real leads. 3320 if (!this.checkValidity()) { 3321 return; 3322 } 3323 3324 // Guard: reject bot submissions caught by the honeypot field. Real visitors never see 3325 // or fill this hidden field (it's display:none); a bot that blindly fills every field will. 3326 var honeypot = this.querySelector('[name="hgotcha"]'); 3327 if (honeypot && honeypot.value) { 3328 return; 3329 } 3330 3331 // Guard: redundant check that every required field has real (non-whitespace) content. 3332 // The per-form validation script already enforces this via setCustomValidity(), which 3333 // checkValidity() above should reflect - this is an independent safety net in case that 3334 // script isn't present on a given form. 3335 var requiredFields = this.querySelectorAll('[required]'); 3336 for (var i = 0; i < requiredFields.length; i++) { 3337 if (!requiredFields[i].value || !requiredFields[i].value.trim()) { 3338 return; 3339 } 3340 } 3341 3342 let eventCategory = 'Form_website_main_form'; 3343 let url = new URL(window.location.href); 3344 if (window && window.location && window.location.href && window.location.href.toString().includes('/contact')) { 3345 eventCategory = 'Form_website_contact_us_page';
3346 } 3347 gtag('event', 'Form_submitted', { event_category: eventCategory, event_label: url }); 3348 3349 // BASIN RECAPTCHA CODE 3350 3351 //console.log("Form submitted event"); 3352 3353 //grecaptcha.ready(function() { 3354 //grecaptcha.execute('6Les66kUAAAAANyLrgkl7iuN4JUpNlB5upaMovI4', {action: 'submit'}).then(function(token) { 3355 //document.getElementById('g-recaptcha-response').value = token; 3356 //console.log("captcha value set"); 3357 //$('form').submit(); 3358 //}); 3359 //}); 3360 3361 // END BASIN RECAPTCHA CODE 3362 } catch (e) { 3363 console.error('Error updating form fields, ', e); 3364 } 3365 }); 3366 3367 document.addEventListener('DOMContentLoaded', function () { 3368 /* To add the privacy policy link to privado.ai banner: */ 3369 setTimeout(() => { 3370 const cookieP = document.querySelector('#cookie-consent-banner > div > p'); 3371 if (!cookieP) { 3372 return; 3373 } 3374 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>."; 3375 }, 500); 3376 }); 3377</script>
3377 3378 3379<!-- Enlyft GA4 tracking additions (2026-09-15): sign_in_click, homepage_cta_click, engaged_30s, hero_scrolled_past, experiment hook -->
3380<script> 3381 (function () { 3382 function send(name, params) { 3383 if (typeof gtag === 'function') { 3384 gtag('event', name, params || {}); 3385 } 3386 } 3387 var path = window.location.pathname.replace(/\/+$/, '') || '/'; 3388 var isHome = path === '/'; 3389 3390 // Clicks: app sign-ins (lets GA exclude logins) and homepage CTA clicks 3391 document.addEventListener('click', function (e) { 3392 var a = e.target && e.target.closest ? e.target.closest('a[href]') : null; 3393 if (!a) return; 3394 var url; 3395 try { 3396 url = new URL(a.getAttribute('href'), window.location.href); 3397 } catch (err) { 3398 return; 3399 } 3400 var text = (a.textContent || '').replace(/\s+/g, ' ').trim().slice(0, 100); 3401 if (url.hostname === 'app.enlyft.com') { 3402 send('sign_in_click', { link_url: url.href, link_text: text, transport_type: 'beacon' }); 3403 return; 3404 } 3405 if (!isHome) return; 3406 var container = a.closest('header, footer, section'); 3407 var ctaLocation = 'body'; 3408 if (container) { 3409 if (container.tagName === 'HEADER') ctaLocation = 'nav'; 3410 else if (container.tagName === 'FOOTER') ctaLocation = 'footer'; 3411 else ctaLocation = container.id || (container.className || '').split(' ').filter(
3411Boolean).pop() || 'section'; 3412 } 3413 send('homepage_cta_click', { 3414 cta_destination: url.hostname === window.location.hostname ? url.pathname : url.hostname, 3415 cta_text: text, 3416 cta_location: ctaLocation, 3417 transport_type: 'beacon' 3418 }); 3419 }, true); 3420 3421 // Engaged 30s: 30 seconds of visible time on the page 3422 var visibleSeconds = 0; 3423 var engagedTimer = setInterval(function () { 3424 if (document.visibilityState === 'visible') visibleSeconds++; 3425 if (visibleSeconds >= 30) { 3426 clearInterval(engagedTimer); 3427 send('engaged_30s', { page_path: path }); 3428 } 3429 }, 1000); 3430 3431 // Homepage: visitor scrolled fully past the hero (section.hero) 3432 if (isHome) { 3433 var heroFired = false; 3434 var checkHero = function () { 3435 if (heroFired) return; 3436 var hero = document.querySelector('section.hero'); 3437 if (hero && hero.getBoundingClientRect().bottom <= 0) { 3438 heroFired = true; 3439 window.removeEventListener('scroll', checkHero); 3440 send('hero_scrolled_past', { page_path: path }); 3441 } 3442 }; 3443 window.addEventListener('scroll', checkHero, { passive: true }); 3444 } 3445 3446 // Experiment hook for the A/B testing tool: window.enlyftSetVariant('home_hero_01', 'B') 3447 window.enlyftSetVariant = function (experimentId, variantId) { 3448 send('experiment_view', { experiment_id: experimentId, variant_id: variantId }); 3449 if (typeof window.clarity === 'function') { 3450 window.clarity('set', 'exp_' + experimentId, variantId); 3451 } 3452 }; 3453 })(); 3454</script>
3454 3455 3456<!-- Enlyft (2026-09-15): keep the Book a demo journey in one tab so the funnel stays measurable -->
3457<script> 3458 (function () { 3459 function sameTab() { 3460 var links = document.querySelectorAll('a[target="_blank"][href*="book-demo"]'); 3461 for (var i = 0; i < links.length; i++) { 3462 links[i].removeAttribute('target'); 3463 links[i].setAttribute('rel', 'noopener'); 3464 } 3465 } 3466 sameTab(); 3467 document.addEventListener('DOMContentLoaded', sameTab); 3468 window.setTimeout(sameTab, 1500); 3469 3470 // Fallback for links the nav builds later: force same-tab navigation on a plain left click 3471 document.addEventListener('click', function (e) { 3472 if (e.defaultPrevented || e.button !== 0 || e.metaKey || e.ctrlKey || e.shiftKey || e.altKey) return; 3473 var a = e.target && e.target.closest ? e.target.closest('a[target="_blank"][href*="book-demo"]') : null; 3474 if (!a) return; 3475 e.preventDefault(); 3476 window.location.href = a.href; 3477 }); 3478 })(); 3479</script>
3479<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>
3479 3480</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.