1<!DOCTYPE html><!-- Last Published: Mon Sep 21 2026 11:44:44 GMT+0000 (Coordinated Universal Time) --><html data-wf-domain="www.jim.com" data-wf-page="6a0f2eb5bdcb238152c92ef8" data-wf-site="65fc1fa2c1e7707c3f051403" lang="en"><head><meta charset="utf-8"/><link href="https://cdn.prod.website-files.com" rel="preconnect" crossorigin="anonymous"/><title>Jim | Your AI Hire That Gets You Paid â Instant Payouts</title><meta content="Meet Jim â the AI partner that runs your payments and grows your business. Accept card payments on your phone, send links, and track sales. Start today." name="description"/><meta content="Jim | Your AI Hire That Gets You Paid â Instant Payouts" property="og:title"/><meta content="Meet Jim â the AI partner that runs your payments and grows your business. Accept card payments on your phone, send links, and track sales. Start today." property="og:description"/><meta content="https://cdn.prod.website-files.com/65fc1fa2c1e7707c3f051403/6a7624f5c84c55e112b62b34_Opengraph-AI.webp" property="og:image"/><meta content="Jim | Your AI Hire That Gets You Paid â Instant Payouts" name="twitter:title"/><meta content="Meet Jim â the AI partner that runs your payments and grows your business. Accept card payments on your phone, send links, and track sales. Start today." name="twitter:description"/><meta content="https://cdn.prod.website-files.com/65fc1fa2c1e7707c3f051403/6a7624f5c84c55e112b62b34_Opengraph-AI.webp" name="twitter:image"/><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/65fc1fa2c1e7707c3f051403/css/jim-page.shared.4b85bb181.min.css" rel="stylesheet" type="text/css" integrity="sha384-S4W7GBlREAt/JJhgXHbtCi9xVbe+eNfzTgAXPEmiaTBKQmzJAToQGqaW8gaZfBqn" crossorigin="anonymous"/><link href="https://cdn.prod.website-files.com/65fc1fa2c1e7707c3f051403/css/jim-page.6a0f2eb5bdcb238152c92ef8.d384ac588.opt.min.css" rel="stylesheet" type="text/css" integrity="sha384-04SsWIrfLDiFQslwu+seFPl6b6VTkLPLNcr9UHkSEh/ZuHao0XlNT2KGiIGoYcvt" crossorigin="anonymous"/>
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/65fc1fa2c1e7707c3f051403/6a748574a9ff2542ecfd4346_Favicon.png" rel="icon" type="image/png" sizes="32x32" media="(prefers-color-scheme: light)"/><link href="https://cdn.prod.website-files.com/65fc1fa2c1e7707c3f051403/6a748574a9ff2542ecfd4346_Favicon.png" rel="icon" type="image/png" sizes="32x32" media="(prefers-color-scheme: dark)"/><link href="https://cdn.prod.website-files.com/65fc1fa2c1e7707c3f051403/6a748574b0105968a76870b7_Favicon.png" rel="icon" type="image/png" sizes="48x48"/><link href="https://cdn.prod.website-files.com/65fc1fa2c1e7707c3f051403/6a74857ca9ff2542ecfd44a0_Webclip.png" rel="apple-touch-icon" sizes="180x180"/><link href="https://cdn.prod.website-files.com/65fc1fa2c1e7707c3f051403/6a74857ca9ff2542ecfd449c_Webclip.png" rel="icon" type="image/png" sizes="192x192"/><link href="https://cdn.prod.website-files.com/65fc1fa2c1e7707c3f051403/6a74857ccbd18bea6bdce292_Webclip.png" rel="icon" type="image/png" sizes="512x512"/>
1<script 2type="application/ld+json">{"@context":"https://schema.org","@graph":[{"@type":"Organization","name":"JIM","url":"https://www.jim.com/","logo":"https://cdn.prod.website-files.com/65fc1fa2c1e7707c3f05 31403/6a7c741f467eb73f1391c59f_Logo_Jim_512x512p.png","description":"JIM offers instant payment solutions with a low and single 1.99% fee per transaction. With JIM, your phone is all you need to 4accept contactless payments. Powered by CloudWalk, 5Inc.","sameAs":["https://www.instagram.com/chatwithjim/","https://www.linkedin.com/company/jim-com/"]},{"@type":"WebSite","name":"JIM","url":"https://www.jim.com/","publisher":{"@type":"Organization" 6,"name":"JIM","url":"https://www.jim.com/"}},{"@type":"WebPage","name":"JIM | Accept payments â¡ Get paid Instantly â¡ AI magic","url":"https://www.jim.com/","description":"Get paid instantly with a 7low and single 1.99% fee per transaction. With JIM, your phone is all you need to accept contactless payments. Start for free today!","inLanguage":"en"},{"@type":"SoftwareApplication","name":"JIM 8Payment App","description":"Get paid instantly with a low and single 1.99% fee per transaction. With JIM, your phone is all you need to accept contactless payments. Access your money instantly after 9each sale.","operatingSystem":["iOS","Android"],"applicationCategory":"FinanceApplication","offers":{"@type":"Offer","price":"0","priceCurrency":"USD","description":"Free 10application"},"applicationSubCategory":"MobileApplication","aggregateRating":{"@type":"AggregateRating","ratingValue":"4.7","ratingCount":"850","bestRating":"5","worstRating":"1"},"featureList":["Acc 11ept payments directly on your phone","Get paid instantly after each sale","AI integration for more control over your business","Low and single 1.99% fee per transaction","No extra hardware needed - 12use your smartphone","Real-time sales analytics at your 13fingertips"],"downloadUrl":"https://apps.apple.com/us/app/jim-sell-get-paid-instantly/id6450964559","provider":{"@type":"Organization","name":"CloudWalk, Inc."}},{"@type":"Product","name":"JIM 14Payment Solution","description":"Get paid instantly with a low and single 1.99% fee per transaction. With JIM, your phone is all you need to accept contactless payments. Start for free 15today!","image":"https://cdn.prod.website-files.com/65fc1fa2c1e7707c3f051403/6a7c741f467eb73f1391c59f_Logo_Jim_512x512p.png","brand":{"@type":"Brand","name":"JIM"},"offers":{"@type":"Offer","price":" 160","priceCurrency":"USD","availability":"https://schema.org/InStock"}}]}</script>
16<script>(function(w,i,g){w[g]=w[g]||[];if(typeof w[g].push=='function')w[g].push.apply(w[g],Array.isArray(i)?i:[i]);})(window,['G-559072CGWW'],'google_tags_first_party');</script>
16<script async="" src="/haqt6iy0yx2eNjVmYzFmYTJjMWU3NzA3YzNmMDUxNDAz/PEFDjlnwN8gRTeJEElRetEFQ4G0"></script>
16<script type="text/javascript">window.dataLayer = window.dataLayer || [];function gtag(){dataLayer.push(arguments);}gtag('set', 'developer_id.dZGVlNj', true);gtag('set', 'developer_id.dYWYxNW', true);gtag('js', new Date());gtag('config', 'G-559072CGWW');</script>
16<link rel="preconnect" href="cdn.prod.website-files.com" crossorigin> 17<link rel="preconnect" href="www.googletagmanager.com" crossorigin> 18<!-- Preconnect RudderStack --> 19<link rel="preconnect" href="https://cdn.rudderlabs.com" crossorigin> 20<link rel="preconnect" href="https://jimussagosqd.dataplane.rudderstack.com" crossorigin> 21 22<style> 23 /*lenis -- IMPORTANT*/ 24 .lenis.lenis-smooth [data-lenis-prevent] { 25 overscroll-behavior: contain; 26 } 27</style> 28 29<!-- Google Tag Manager -->
30<script>
vendor: 327 bytes, lines 30-34
30(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 31new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 32j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 33'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 34})(window,document,'script','dataLayer','
34GTM-5X4DKQFL
vendor: 3 bytes, line 34
34');
34</script>
34 35<!-- End Google Tag Manager --> 36 37<link rel="shortcut icon" href="https://cdn.prod.website-files.com/65fc1fa2c1e7707c3f051403/6a748574a9ff2542ecfd4346_Favicon.png"> 38 39<!-- ===== Restore Params from Cookie (Safari ITP workaround) ===== -->
40<script> 41(function() { 42 "use strict"; 43 44 var COOKIE_NAME = "_exp_ctx"; 45 46 // Get cookie value 47 var getCookie = function(name) { 48 var needle = name + "="; 49 var hit = document.cookie.split("; ").find(function(c) { return c.startsWith(needle); }); 50 return hit ? hit.slice(needle.length) : null; 51 }; 52 53 // Delete cookie 54 var deleteCookie = function(name, domain) { 55 document.cookie = name + "=; Path=/; Domain=" + domain + "; Secure; SameSite=Lax; Max-Age=0"; 56 }; 57 58 // Get domain for cookie (e.g., ".jim.com") 59 var getCookieDomain = function() { 60 var host = window.location.hostname; 61 if (host.startsWith("www.")) host = host.slice(4); 62 return "." + host; 63 }; 64 65 try { 66 var raw = getCookie(COOKIE_NAME); 67 if (!raw) return; // No backup cookie, nothing to do 68 69 var params = JSON.parse(decodeURIComponent(raw)); 70 if (!params || typeof params !== "object") return; 71 72 var url = new URL(window.location.href); 73 var changed = false; 74 75 // Only restore params that are missing from current URL 76 for (var key in params) { 77 if (params.hasOwnProperty(key) && !url.searchParams.has(key)) { 78 url.searchParams.set(key, params[key]); 79 changed = true; 80 } 81 } 82 83 // Update URL if we restored any params 84 if (changed && window.history && window.history.replaceState) { 85 window.history.replaceState(null, "", url.pathname + url.search + url.hash); 86 } 87 88 // Always delete the cookie after reading (one-time use) 89 deleteCookie(COOKIE_NAME, getCookieDomain()); 90 91 } catch (e) { 92 // Silently fail - don't break the page 93 } 94})(); 95</script>
95 96<!-- ===== End Restore Params ===== --> 97 98<!-- ===== RudderStack SDK v3.2.0 ===== -->
99<script type="text/javascript"> 100(function() { 101 "use strict"; 102 103 // Helper functions for cookies 104 var CLICK_ID_COOKIE_NAMES = ["_fbp", "_ttp"]; 105 106 var getCookie = function(name) { 107 var needle = name + "="; 108 var hit = document.cookie.split("; ").find(function(c) { return c.startsWith(needle); }); 109 return hit ? hit.slice(needle.length) : undefined; 110 }; 111 112 var getAllCookiesAsObject = function() { 113 var obj = {}; 114 if (!document.cookie) return obj; 115 document.cookie.split("; ").forEach(function(pair) { 116 var idx = pair.indexOf("="); 117 var key = idx >= 0 ? pair.slice(0, idx) : pair; 118 var val = idx >= 0 ? pair.slice(idx + 1) : ""; 119 obj[key] = val; 120 }); 121 return obj; 122 }; 123 124 var browserIds = CLICK_ID_COOKIE_NAMES 125 .map(function(k) { return getCookie(k); }) 126 .filter(Boolean); 127 128 var cookiesObj = getAllCookiesAsObject(); 129 130 // RudderStack SDK v3.2.0 snippet 131 window.RudderSnippetVersion = "3.2.0"; 132 var identifier = "rudderanalytics"; 133 if (!window[identifier]) { 134 window[identifier] = []; 135 } 136 var rudderanalytics = window[identifier]; 137 if (Array.isArray(rudderanalytics)) { 138 if (rudderanalytics.snippetExecuted === true && window.console && console.error) { 139 console.error("RudderStack JavaScript SDK snippet included more than once."); 140 } else { 141 rudderanalytics.snippetExecuted = true; 142 window.rudderAnalyticsBuildType = "legacy"; 143 var sdkBaseUrl = "https://cdn.rudderlabs.com"; 144 var sdkVersion = "v3"; 145 var sdkFileName = "rsa.min.js"; 146 var scriptLoadingMode = "async"; 147 var methods = [ "setDefaultInstanceKey", "load", "ready", "page", "track", "identify", "alias", "group", "reset", "setAnonymousId", "startSession", "endSession", "consent", "addCustomIntegration" ]; 148 for (var i = 0; i < methods.length; i++) { 149 var method = methods[i]; 150 rudderanalytics[method] = function(methodName) { 151 return function() { 152 if (Array.isArray(window[identifier])) { 153 rudderanalytics.push([ methodName ].concat(Array.prototype.slice.call(arguments))); 154 } else { 155 var _methodName; 156 (_methodName = window[identifier][methodName]) === null || _methodName === undefined || _methodName.apply(window[identifier], arguments); 157 } 158 }; 159 }(method); 160 } 161 try { 162 new Function('class Test{field=()=>{};test({prop=[]}={}){return prop?(prop?.property??[...prop]):import("");}}'); 163 window.rudderAnalyticsBuildType = "modern"; 164 } catch (e) {} 165 var head = document.head || document.getElementsByTagName("head")[0]; 166 var body = document.body || document.getElementsByTagName("body")[0]; 167 window.rudderAnalyticsAddScript = function(url, extraAttributeKey, extraAttributeVal) { 168 var scriptTag = document.createElement("script"); 169 scriptTag.src = url; 170 scriptTag.setAttribute("data-loader", "RS_JS_SDK"); 171 if (extraAttributeKey && extraAttributeVal) { 172 scriptTag.setAttribute(extraAttributeKey, extraAttributeVal); 173 } 174 if (scriptLoadingMode === "async") { 175 scriptTag.async = true; 176 } else if (scriptLoadingMode === "defer") { 177 scriptTag.defer = true; 178 } 179 if (head) { 180 head.insertBefore(scriptTag, head.firstChild); 181 } else { 182 body.insertBefore(scriptTag, body.firstChild); 183 } 184 }; 185 window.rudderAnalyticsMount = function() { 186 (function() { 187 if (typeof globalThis === "undefined") { 188 var getGlobal = function getGlobal() { 189 if (typeof self !== "undefined") { 190 return self; 191 } 192 if (typeof window !== "undefined") { 193 return window; 194 } 195 return null; 196 }; 197 var global = getGlobal(); 198 if (global) { 199 Object.defineProperty(global, "globalThis", { 200 value: global, 201 configurable: true 202 }); 203 } 204 } 205 })(); 206 window.rudderAnalyticsAddScript("".concat(sdkBaseUrl, "/").concat(sdkVersion, "/").concat(window.rudderAnalyticsBuildType, "/").concat(sdkFileName), "data-rsa-write-key", "2p4R4M1dTCH2cp4vzLXhSYpEikO"); 207 }; 208 if (typeof Promise === "undefined" || typeof globalThis === "undefined") { 209 window.rudderAnalyticsAddScript("https://polyfill-fastly.io/v3/polyfill.min.js?ver
209sion=3.111.0&features=Symbol%2CPromise&callback=rudderAnalyticsMount"); 210 } else { 211 window.rudderAnalyticsMount(); 212 } 213 var loadOptions = {}; 214 rudderanalytics.load("2p4R4M1dTCH2cp4vzLXhSYpEikO", "https://jimussagosqd.dataplane.rudderstack.com", loadOptions); 215 216 // Set anonymousId from exp_device_id cookie (for experiments tracking consistency) 217 var expDeviceId = cookiesObj["exp_device_id"] || ""; 218 if (expDeviceId) { 219 rudderanalytics.setAnonymousId(expDeviceId); 220 } 221 var FIRST_TOUCH_KEY = "_jim_first_touch_v1"; 222 var FIRST_TOUCH_KEYS = [ 223 "utm_source", "utm_medium", "utm_campaign", "utm_content", "utm_term", "utm_name", 224 "utm_id", "gclid", "fbclid", "ttclid", "click_id", 225 "gbraid", "wbraid", "gad_source", "gad_campaignid" 226 ]; 227 var cookieMap = (typeof cookiesObj === "object" && cookiesObj) ? cookiesObj : {}; 228 var parseSearch = function (raw) { 229 var out = {}; 230 if (!raw) return out; 231 var q = String(raw); 232 var qIdx = q.indexOf("?"); 233 if (qIdx >= 0) q = q.slice(qIdx + 1); 234 var hashIdx = q.indexOf("#"); 235 if (hashIdx >= 0) q = q.slice(0, hashIdx); 236 try { 237 var sp = new URLSearchParams(q); 238 FIRST_TOUCH_KEYS.forEach(function (k) { 239 var v = sp.get(k); 240 if (v) out[k] = v; 241 }); 242 } catch (e) {} 243 return out; 244 }; 245 var fbclidFromFbc = function (fbc) { 246 if (!fbc) return ""; 247 var parts = String(fbc).split("."); 248 if (parts.length >= 4) return parts.slice(3).join("."); 249 return ""; 250 }; 251 var pickIncoming = function () { 252 var out = parseSearch(window.location.search); 253 var fromCookie = parseSearch(cookieMap.search_params || cookieMap.ifp_search_params || ""); 254 FIRST_TOUCH_KEYS.forEach(function (k) { 255 if (!out[k] && fromCookie[k]) out[k] = fromCookie[k]; 256 }); 257 if (!out.fbclid) { 258 var fromFbc = fbclidFromFbc(cookieMap._fbc); 259 if (fromFbc) out.fbclid = fromFbc; 260 } 261 return out; 262 }; 263 var storedFirst = {}; 264 try { 265 storedFirst = JSON.parse(localStorage.getItem(FIRST_TOUCH_KEY) || "{}") || {}; 266 } catch (e) { 267 storedFirst = {}; 268 } 269 var incoming = pickIncoming(); 270 var merged = {}; 271 var wroteNew = false; 272 FIRST_TOUCH_KEYS.forEach(function (k) { 273 if (storedFirst[k]) merged[k] = storedFirst[k]; 274 else if (incoming[k]) { 275 merged[k] = incoming[k]; 276 wroteNew = true; 277 } 278 }); 279 if (Object.keys(merged).length) { 280 try { localStorage.setItem(FIRST_TOUCH_KEY, JSON.stringify(merged)); } catch (e) {} 281 if (wroteNew) { 282 var traits = {}; 283 if (merged.utm_source) traits.initial_utm_source = merged.utm_source; 284 if (merged.utm_medium) traits.initial_utm_medium = merged.utm_medium; 285 if (merged.utm_campaign || merged.utm_name) traits.initial_utm_campaign = merged.utm_campaign || merged.utm_name; 286 if (merged.utm_content) traits.initial_utm_content = merged.utm_content; 287 if (merged.utm_term) traits.initial_utm_term = merged.utm_term; 288 if (merged.utm_id) traits.initial_utm_id = merged.utm_id; 289 if (merged.gclid) traits.initial_gclid = merged.gclid; 290 if (merged.fbclid) traits.initial_fbclid = merged.fbclid; 291 if (merged.ttclid || merged.click_id) traits.initial_ttclid = merged.ttclid || merged.click_id; 292 if (merged.gbraid) traits.initial_gbraid = merged.gbraid; 293 if (merged.wbraid) traits.initial_wbraid = merged.wbraid; 294 if (merged.gad_source) traits.initial_gad_source = merged.gad_source; 295 if (merged.gad_campaignid) traits.initial_gad_campaignid = merged.gad_campaignid; 296 rudderanalytics.identify(traits); 297 } 298 } 299 rudderanalytics.page({ 300 browser_id: browserIds, 301 cookies: cookiesObj 302 }); 303 } 304 } 305})(); 306</script>
306 307<!-- ===== End RudderStack SDK ===== --> 308 309<!-- ===== Experiments - Exposure Tracking ===== -->
310<script> 311(function () { 312 "use strict"; 313 314 var LS_KEY = "exp_pending_exposure"; 315 316 var getCookieMap = function() { 317 var obj = {}; 318 if (!document.cookie) return obj; 319 document.cookie.split("; ").forEach(function(pair) { 320 var idx = pair.indexOf("="); 321 var key = idx >= 0 ? pair.slice(0, idx) : pair; 322 var val = idx >= 0 ? pair.slice(idx + 1) : ""; 323 obj[key] = decodeURIComponent(val); 324 }); 325 return obj; 326 }; 327 328 var cookies = getCookieMap(); 329 var assignment = cookies["exp_assignment"]; 330 var flagKey, variant, expDeviceId, source; 331 332 // 1. Try to get assignment from cookie 333 if (assignment) { 334 var sep = assignment.indexOf(":"); 335 if (sep >= 1) { 336 flagKey = assignment.substring(0, sep); 337 variant = assignment.substring(sep + 1); 338 source = "cookie"; 339 } 340 } 341 342 // 2. Fallback: try query params 343 if (!flagKey || !variant) { 344 var params = new URLSearchParams(window.location.search); 345 flagKey = params.get("_exp_flag") || ""; 346 variant = params.get("_exp_variant") || ""; 347 if (flagKey && variant) source = "query_param"; 348 } 349 350 // 3. Fallback: try localStorage (retry from previous failed attempt) 351 if (!flagKey || !variant) { 352 try { 353 var stored = localStorage.getItem(LS_KEY); 354 if (stored) { 355 var pending = JSON.parse(stored); 356 if (pending.status === "beacon_sent") { 357 localStorage.removeItem(LS_KEY); 358 } else if (pending.flagKey && pending.variant && pending.status === "pending") { 359 flagKey = pending.flagKey; 360 variant = pending.variant; 361 expDeviceId = pending.expDeviceId || ""; 362 source = "localStorage_retry"; 363 } 364 } 365 } catch (e) {} 366 } 367 368 // No experiment assignment found 369 if (!flagKey || !variant) return; 370 371 // Get device ID 372 if (!expDeviceId) expDeviceId = cookies["exp_device_id"] || ""; 373 if (!expDeviceId) { 374 var qp = new URLSearchParams(window.location.search); 375 expDeviceId = qp.get("_exp_device_id") || ""; 376 } 377 378 // Clean experiment params from URL (better UX) 379 if (window.history && window.history.replaceState) { 380 var url = new URL(window.location.href); 381 if (url.searchParams.has("_exp_flag") || url.searchParams.has("_exp_variant") || url.searchParams.has("_exp_device_id")) { 382 url.searchParams.delete("_exp_flag"); 383 url.searchParams.delete("_exp_variant"); 384 url.searchParams.delete("_exp_device_id"); 385 window.history.replaceState(null, "", url.pathname + url.search + url.hash); 386 } 387 } 388 389 // Persist to localStorage (for retry if exposure fails) 390 try { 391 localStorage.setItem(LS_KEY, JSON.stringify({ 392 flagKey: flagKey, 393 variant: variant, 394 expDeviceId: expDeviceId, 395 status: "pending", 396 ts: Date.now() 397 })); 398 } catch (e) {} 399 400 var exposureFired = false; 401 402 // Fire exposure event via RudderStack 403 var fireExposure = function() { 404 window.rudderanalytics.track("$exposure", { 405 flag_key: flagKey, 406 variant: variant, 407 exp_device_id: expDeviceId 408 }, {}, function () { 409 exposureFired = true; 410 // Clear assignment cookie 411 document.cookie = "exp_assignment=; Path=/; Domain=.jim.com; Secure; SameSite=Lax; Max-Age=0"; 412 try { localStorage.removeItem(LS_KEY); } catch (e) {} 413 }); 414 }; 415 416 // Fallback: sendBeacon on page unload 417 document.addEventListener("pagehide", function () { 418 if (exposureFired) return; 419 if (navigator.sendBeacon) { 420 var sent = navigator.sendBeacon("/exp/exposure-fallback", JSON.stringify({ 421 flag_key: flagKey, 422 variant: variant, 423 exp_device_id: expDeviceId, 424 ts: Date.now() 425 })); 426 if (sent) { 427 exposureFired = true; 428 try { 429 localStorage.setItem(LS_KEY, JSON.stringify({ 430 flagKey: flagKey, 431 variant: variant, 432 expDeviceId: expDeviceId, 433 status: "beacon_sent", 434 ts: Date.now() 435 })); 436 } catch (e) {} 437 } 438 } 439 }); 440 441 fireExposure(); 442})(); 443</script>
443 444<!-- ===== End Experiments - Exposure Tracking ===== --><link rel="canonical" href="https://www.jim.com/"/> 445<meta property="og:url" content="https://www.jim.com/"/> 446 447<!-- START WEBMCP ORIGIN TRIALS --> 448<meta http-equiv="origin-trial" content="AkcjXNHL7YNm0rI7++S6tcyj4KEqtc7DS/licExcXTfqxa7/afNpLTG4idbrkEXU6SCJutdZC6/P39nHQ1265AUAAABLeyJvcmlnaW4iOiJodHRwczovL3d3dy5qaW0uY29tOjQ0MyIsImZlYXR1cmUiOiJXZWJNQ1AiLCJleHBpcnkiOjE3OTQ4NzM2MDB9"> 449<!-- END WEBMCP ORIGIN TRIALS --> 450 451<!-- START MARQUEE STYLE --> 452<style> 453/* CSS Keyframe Animation */ 454@keyframes translateX { 455 to { 456 transform: translateX(-50%); 457 } 458} 459 460[data-css-marquee-list] { 461 animation: translateX 30s linear; 462 animation-iteration-count: infinite; 463 animation-play-state: paused; 464} 465</style> 466<!-- END MARQUEE STYLE --> 467 468<!-- START SPLIT TEXT STYLE --> 469<style> 470[data-highlight-text] .split-word { 471 white-space: nowrap; 472} 473[data-highlight-text] .split-line { 474 display: inline !important; 475} 476</style> 477<!-- END SPLIT TEXT STYLE --> 478 479<style> 480 .home2-hero_marquee-wrap { 481 overflow: hidden !important; 482 } 483 .home2-hero_marquee-collection { 484 display: flex !important; 485 flex-wrap: nowrap !important; 486 } 487 .home2-hero_marquee-list { 488 display: flex !important; 489 flex-shrink: 0 !important; 490 align-items: center !important; 491 } 492 @media screen and (max-width: 478px) { 493 .home2-hero_marquee-collection, 494 .home2-hero_marquee-list { 495 gap: 20px !important; 496 column-gap: 20px !important; 497 } 498 } 499 @media screen and (min-width: 479px) and (max-width: 990px) { 500 .home2-hero_marquee-collection, 501 .home2-hero_marquee-list { 502 gap: 32px !important; 503 column-gap: 32px !important; 504 } 505 } 506</style> 507</head><body class="rb_jim-body"><div class="rb_page-wrapper"><div class="hide"><div class="css w-embed"><style> 508 /* Make text look crisper and more legible in all browsers */ 509 body { 510 -webkit-font-smoothing: antialiased; 511 -moz-osx-font-smoothing: grayscale; 512 font-smoothing: antialiased; 513 text-rendering: optimizeLegibility; 514 } 515 516 /* Focus state style for keyboard navigation for the focusable elements */ 517 *[tabindex]:focus-visible, 518 input[type='file']:focus-visible { 519 outline: 0.125rem solid #4d65ff; 520 outline-offset: 0.125rem; 521 } 522 523 video { 524 width: 100%; 525 object-fit: cover; 526 } 527 528 /* Set color style to inherit */ 529 .inherit-color * { 530 color: inherit; 531 } 532 533 /* Get rid of top margin on first element in any rich text element */ 534 .w-richtext > :not(div):first-child, 535 .w-richtext > div:first-child > :first-child { 536 margin-top: 0 !important; 537 } 538 539 /* Get rid of bottom margin on last element in any rich text element */ 540 .w-richtext > :last-child, 541 .w-richtext ol li:last-child, 542 .w-richtext ul li:last-child { 543 margin-bottom: 0 !important; 544 } 545 546 /* Make sure containers never lose their center alignment */ 547 .container-medium, 548 .container-small, 549 .rb_container-large { 550 margin-right: auto !important; 551 margin-left: auto !important; 552 } 553 554 /* 555Make the following elements inherit typography styles from the parent and not have hardcoded values. 556Important: You will not be able to style for example "All Links" in Designer with this CSS applied. 557Uncomment this CSS to use it in the project. Leave this message for future hand-off. 558*/ 559 /* 560a, 561.w-input, 562.w-select, 563.w-tab-link, 564.w-nav-link, 565.w-dropdown-btn, 566.w-dropdown-toggle, 567.w-dropdown-link { 568 color: inherit; 569 text-decoration: inherit; 570 font-size: inherit; 571} 572*/ 573 574 /* Apply "..." after 3 lines of text */ 575 .text-style-3lines { 576 display: -webkit-box; 577 overflow: hidden; 578 -webkit-line-clamp: 3; 579 -webkit-box-orient: vertical; 580 } 581 582 /* Apply "..." after 2 lines of text */ 583 .text-style-2lines { 584 display: -webkit-box; 585 overflow: hidden; 586 -webkit-line-clamp: 2; 587 -webkit-box-orient: vertical; 588 } 589 590 /* These classes are never overwritten */ 591 .hide { 592 display: none !important; 593 } 594 595 @media screen and (max-width: 991px) { 596 .hide, 597 .hide-tablet { 598 display: none !important; 599 } 600 } 601 @media screen and (max-width: 767px) { 602 .hide-mobile-landscape { 603 display: none !important; 604 } 605 } 606 @media screen and (max-width: 479px) { 607 .hide-mobile { 608 display: none !important; 609 } 610 } 611 612 .margin-0 { 613 margin: 0rem !important; 614 } 615 616 .padding-0 { 617 padding: 0rem !important; 618 } 619 620 .spacing-clean { 621 padding: 0rem !important; 622 margin: 0rem !important; 623 } 624 625 .margin-top { 626 margin-right: 0rem !important; 627 margin-bottom: 0rem !important; 628 margin-left: 0rem !important; 629 } 630 631 .padding-top { 632 padding-right: 0rem !important; 633 padding-bottom: 0rem !important; 634 padding-left: 0rem !important; 635 } 636 637 .margin-right { 638 margin-top: 0rem !important; 639 margin-bottom: 0rem !important; 640 margin-left: 0rem !important; 641 } 642 643 .padding-right { 644 padding-top: 0rem !important; 645 padding-bottom: 0rem !important; 646 padding-left: 0rem !important; 647 } 648 649 .margin-bottom { 650 margin-top: 0rem !important; 651 margin-right: 0rem !important; 652 margin-left: 0rem !important; 653 } 654 655 .padding-bottom { 656 padding-top: 0rem !important; 657 padding-right: 0rem !important; 658 padding-left: 0rem !important; 659 } 660 661 .margin-left { 662 margin-top: 0rem !important; 663 margin-right: 0rem !important; 664 margin-bottom: 0rem !important; 665 } 666 667 .padding-left { 668 padding-top: 0rem !important; 669 padding-right: 0rem !important; 670 padding-bottom: 0rem !important; 671 } 672 673 .margin-horizontal { 674 margin-top: 0rem !important; 675 margin-bottom: 0rem !important; 676 } 677 678 .padding-horizontal { 679 padding-top: 0rem !important; 680 padding-bottom: 0rem !important; 681 } 682 683 .margin-vertical { 684 margin-right: 0rem !important; 685 margin-left: 0rem !important; 686 } 687 688 .padding-vertical { 689 padding-right: 0rem !important; 690 padding-left: 0rem !important; 691 } 692 693 html.wf-design-mode .link-full { 694 pointer-events: none; 695 } 696 697 [data-hover='scale'] img:not([data-hover='none']) { 698 transition: transform 0.8s ease; 699 } 700 701 [data-hover='scale']:hover img:not([data-hover='none']) { 702 transform: scale(1.05); 703 } 704 .u-icon.rb_is-mobile { 705 display: flex !important; 706 } 707 708 [data-state] { 709 --_state---true: 1; 710 --_state---false: 0; 711 } 712 713 .is-active, 714 [data-state~='open']:is(.w--open, :has(.w--open)), 715 [data-state~='expanded']:is([aria-expanded='true'], :has([aria-expanded='true'])) { 716 --_state---true: 0; 717 --_state---false: 1; 718 } 719 720 html.wf-design-mode [lottie-stack='1'] { 721 opacity: 1; 722 } 723 724 html.is-safari [button-sticky="spacer"].is-collapsed { 725 height: 3.5rem; 726 } 727 728 html.is-safari [button-sticky="spacer"].is-collapsed.is-scrolled { 729 height: 1rem; 730 } 731 732 html, body {
733 overscroll-behavior: none; 734} 735 736 [safari-ignore-tint] { 737 backdrop-filter: blur(0.1px); 738 -webkit-backdrop-filter: blur(0.1px); 739} 740</style> 741 742<style> 743 html { font-size: 1rem; } 744 @media screen and (max-width:1920px) { html { font-size: 1rem; } } 745 @media screen and (max-width:1440px) { html { font-size: calc(0.39866369710467703rem + 0.6681514476614699vw); } } 746 @media screen and (max-width:991px) { html { font-size: 1rem; } } 747</style> 748 749<!-- Text Style Start --> 750<style> 751 ::selection { 752 background-color:#FF5C19; 753 color: #1A0000; 754</style> 755<!-- Text Style End --></div><div class="css w-embed w-script"><style> 756 [data-button='bg'] { 757 opacity: 0; 758 transition: opacity 0.4s; 759 } 760 761 [data-button='trigger']:hover [data-button='bg'] { 762 opacity: 1; 763 } 764 765 @media screen and (max-width: 767px) { 766 [data-button='bg'] { 767 opacity: 1; 768 } 769 } 770 771 /* o .u-icon cobre os link_wrapper que nao tem o atributo link='icon' */ 772 [link='icon'], 773 [link='hover'] .u-icon { 774 transition: transform 0.3s ease; 775 } 776 777 [link='hover']:hover [link='icon'], 778 [link='hover']:hover .u-icon { 779 transform: translateX(0.25rem); 780 } 781 782 @keyframes rb_button-icon-nudge { 783 0% { 784 transform: translateX(0); 785 animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); 786 } 787 40% { 788 transform: translateX(-0.75rem); 789 animation-timing-function: cubic-bezier(0.33, 1, 0.68, 1); 790 } 791 100% { 792 transform: translateX(0); 793 } 794 } 795</style> 796
797<script> 798 (function () { 799 "use strict"; 800 801 var REDUZIDO = 802 window.matchMedia && 803 window.matchMedia("(prefers-reduced-motion: reduce)").matches; 804 805 var FINE = 806 window.matchMedia && 807 window.matchMedia("(hover: hover) and (pointer: fine)").matches; 808 809 if (REDUZIDO || !FINE) return; 810 811 var VOLTA_MS = 450; 812 var VOLTA_EASE = "cubic-bezier(0.33, 1, 0.68, 1)"; 813 814 function limparIcon(icon) { 815 icon.style.animation = ""; 816 icon.style.transition = ""; 817 icon.style.transform = ""; 818 } 819 820 function lerX(icon) { 821 var t = getComputedStyle(icon).transform; 822 if (!t || t === "none") return 0; 823 return new DOMMatrixReadOnly(t).m41; 824 } 825 826 function init(trigger) { 827 var icon = trigger.querySelector("[button=\"icon\"]"); 828 if (!icon) return; 829 830 trigger.addEventListener("mouseenter", function () { 831 limparIcon(icon); 832 icon.style.animation = "rb_button-icon-nudge 0.85s"; 833 }); 834 835 trigger.addEventListener("mouseleave", function () { 836 /* lê a posição ainda com a keyframe rodando: se corta a animação 837 antes, o browser zera o transform e a seta pula */ 838 var x = lerX(icon); 839 840 icon.style.animation = "none"; 841 842 if (Math.abs(x) < 0.5) { 843 limparIcon(icon); 844 return; 845 } 846 847 icon.style.transform = "translateX(" + x + "px)"; 848 void icon.offsetWidth; 849 850 icon.style.transition = 851 "transform " + VOLTA_MS + "ms " + VOLTA_EASE; 852 icon.style.transform = "translateX(0)"; 853 854 function onEnd(e) { 855 if (e.target !== icon || e.propertyName !== "transform") return; 856 icon.removeEventListener("transitionend", onEnd); 857 limparIcon(icon); 858 } 859 860 icon.addEventListener("transitionend", onEnd); 861 }); 862 } 863 864 function boot() { 865 Array.prototype.slice 866 .call(document.querySelectorAll("[data-button=\"trigger\"]")) 867 .forEach(init); 868 } 869 870 if (document.readyState === "loading") { 871 document.addEventListener("DOMContentLoaded", boot); 872 } else { 873 boot(); 874 } 875 })(); 876</script>
876 877</div><div class="css w-embed"><style> 878 [marquee='gradient'] { 879 background: linear-gradient(90deg, #ffffff 9.38%, rgba(255, 255, 255, 0) 73.72%); 880 } 881 [feature='overlay'] { 882 background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%); 883 } 884 [cascading-glass] { 885 backdrop-filter: blur(20px); 886 887 box-shadow: 888 -0.5px -0.5px 1px 0px #ffffff66 inset, 889 0.5px 0.5px 0px 0px #ffffff66 inset, 890 0px 4px 4px 0px #0000001a inset, 891 0px -4px 10px 0px #0000001a inset; 892 } 893 [marquee='gradient-dark'] { 894 background: linear-gradient(90deg, #1a0000 9.38%, rgba(26, 0, 0, 0) 73.72%); 895 } 896 897 [nav='backdrop'] { 898 backdrop-filter: blur(20px); 899 -webkit-backdrop-filter: blur(20px); 900 box-shadow: 901 -0.5px -0.5px 1px 0px #ffffff66 inset, 902 0.5px 0.5px 0px 0px #ffffff66 inset, 903 0px 4px 4px 0px #0000001a inset, 904 0px -4px 10px 0px #0000001a inset; 905 } 906</style></div><div class="hide"><div class="js w-embed w-script">
906<script> 907(function () { 908 const DEFAULT_PIXELS_PER_SECOND = 115; 909 let lastWindowWidth = 0; 910 911 function build(marquee) { 912 const source = 913 marquee.querySelector('[data-css-marquee-source]') || 914 marquee.querySelector('[data-css-marquee-list]'); 915 if (!source) return; 916 source.setAttribute('data-css-marquee-source', ''); 917 918 marquee 919 .querySelectorAll('[data-css-marquee-list]:not([data-css-marquee-source])') 920 .forEach(function (clone) { 921 clone.remove(); 922 }); 923 924 // sem isso a emenda entre cópias fica sem o espaçamento que separa os itens 925 const gap = parseFloat(getComputedStyle(source).columnGap) || 0; 926 source.style.paddingRight = gap + 'px'; 927 928 const listWidth = source.offsetWidth; 929 if (!listWidth) return; 930 931 // Ao fim do ciclo a primeira cópia já saiu de cena, então as restantes precisam 932 // alcançar a borda da janela sozinhas. Alguns wrappers são centralizados e se 933 // deslocam a cada cópia, por isso a cobertura é remedida a cada passo. 934 let copies = 1; 935 while (copies < 20) { 936 const left = marquee.getBoundingClientRect().left; 937 if (copies >= 2 && left + (copies - 1) * listWidth >= window.innerWidth) break; 938 const clone = source.cloneNode(true); 939 clone.removeAttribute('data-css-marquee-source'); 940 clone.setAttribute('aria-hidden', 'true'); 941 marquee.appendChild(clone); 942 copies++; 943 } 944 945 const speedAttr = parseFloat(marquee.dataset.cssMarqueeSpeed); 946 const pixelsPerSecond = 947 !isNaN(speedAttr) && speedAttr > 0 ? speedAttr : DEFAULT_PIXELS_PER_SECOND; 948 const lists = marquee.querySelectorAll('[data-css-marquee-list]'); 949 950 lists.forEach(function (list) {
951 list.style.animation = 'none'; 952 }); 953 void marquee.offsetWidth; // reinicia todas as cópias em fase 954 const shouldRun = marquee.dataset.inView === 'true'; 955 lists.forEach(function (list) { 956 list.style.animation = ''; 957 list.style.animationDuration = listWidth / pixelsPerSecond + 's'; 958 list.style.animationPlayState = shouldRun ? 'running' : 'paused'; 959 }); 960 961 marquee.dataset.cssMarqueeReady = 'true'; 962 } 963 964 function buildAll() { 965 lastWindowWidth = window.innerWidth; 966 document.querySelectorAll('[data-css-marquee]').forEach(build); 967 } 968 969 function initCSSMarquee() { 970 const marquees = document.querySelectorAll('[data-css-marquee]'); 971 if (!marquees.length) return; 972 973 const observer = new IntersectionObserver( 974 function (entries) { 975 entries.forEach(function (entry) { 976 const marquee = entry.target; 977 marquee.dataset.inView = entry.isIntersecting; 978 if (entry.isIntersecting && !marquee.dataset.cssMarqueeReady) build(marquee); 979 marquee.querySelectorAll('[data-css-marquee-list]').forEach(function (list) { 980 list.style.animationPlayState = entry.isIntersecting ? 'running' : 'paused'; 981 }); 982 }); 983 }, 984 { threshold: 0 }, 985 ); 986 987 marquees.forEach(function (marquee) { 988 if (marquee.dataset.cssMarqueeObserved) return; 989 marquee.dataset.cssMarqueeObserved = 'true'; 990 marquee.dataset.inView = 'false'; 991 observer.observe(marquee); 992 }); 993 994 buildAll(); 995 996 // fontes e imagens de CMS mudam a largura da lista depois da primeira medição 997 if (document.fonts && document.fonts.ready) document.fonts.ready.then(buildAll); 998 window.addEventListener('load', buildAll); 999 1000 let resizeTimer; 1001 window.addEventListener('resize', function () { 1002 if (window.innerWidth === lastWindowWidth) return; 1003 clearTimeout(resizeTimer); 1004 resizeTimer = setTimeout(buildAll, 200); 1005 }); 1006 } 1007 1008 window.initCSSMarquee = initCSSMarquee; 1009 if (document.readyState === 'loading') { 1010 document.addEventListener('DOMContentLoaded', initCSSMarquee); 1011 } else {
1012 initCSSMarquee(); 1013 } 1014})(); 1015</script>
1015</div><div class="css w-embed"><style> 1016@keyframes translateX { 1017 to { 1018 transform: translateX(-100%); 1019 } 1020} 1021 1022[data-css-marquee-list] { 1023 animation: translateX 30s linear; 1024 animation-iteration-count: infinite; 1025 animation-play-state: paused; 1026} 1027 1028/* O backdrop-filter da nav re-rasteriza o que está atrás a cada frame e o marquee 1029 em movimento pisca, então ele para enquanto a nav está aberta (atrás do blur 1030 não dá pra perceber). !important porque o script escreve play-state inline. */ 1031body:has(.nav_component .nav_dropdown_component > [aria-expanded='true']) [data-css-marquee-list], 1032body:has(.nav_component .w-nav-button.w--open) [data-css-marquee-list] { 1033 animation-play-state: paused !important; 1034} 1035 1036</style></div></div><div class="hide"><div class="js w-embed w-script">
1036<script> 1037 function initVimeoLightboxAdvanced() { 1038 // Single lightbox container 1039 const lightbox = document.querySelector('[data-vimeo-lightbox-init]'); 1040 if (!lightbox) return; 1041 1042 // Open & close buttons 1043 const openButtons = document.querySelectorAll('[data-vimeo-lightbox-control="open"]'); 1044 const closeButtons = document.querySelectorAll('[data-vimeo-lightbox-control="close"]'); 1045 1046 // Core elements inside lightbox 1047 let iframe = lightbox.querySelector('iframe'); // â now let 1048 const placeholder = lightbox.querySelector('.vimeo-lightbox__placeholder'); 1049 const calcEl = lightbox.querySelector('.vimeo-lightbox__calc'); 1050 const wrapEl = lightbox.querySelector('.vimeo-lightbox__calc-wrap'); 1051 const playerContainer = lightbox.querySelector('[data-vimeo-lightbox-player]'); 1052 1053 // State 1054 let player = null; 1055 let currentVideoID = null; 1056 let videoAspectRatio = null; 1057 let globalMuted = lightbox.getAttribute('data-vimeo-muted') === 'true'; 1058 const isTouch = ('ontouchstart' in window) || navigator.maxTouchPoints > 0; 1059 const playedOnce = new Set(); // track first play on touch 1060 1061 // Format time (seconds â "m:ss") 1062 function formatTime(s) { 1063 const m = Math.floor(s / 60); 1064 const sec = Math.floor(s % 60).toString().padStart(2, '0'); 1065 return `${m}:${sec}`; 1066 } 1067 1068 // Clamp wrap height 1069 function clampWrapSize(ar) { 1070 const w = calcEl.offsetWidth; 1071 const h = calcEl.offsetHeight; 1072 wrapEl.style.maxWidth = Math.min(w, h / ar) + 'px'; 1073 } 1074 1075 // Adjust sizing in "cover" mode 1076 function adjustCoverSizing() { 1077 if (!videoAspectRatio) return; 1078 const cH = playerContainer.offsetHeight; 1079 const cW = playerContainer.offsetWidth; 1080 const r = cH / cW; 1081 const wEl = lightbox.querySelector('.vimeo-lightbox__iframe'); 1082 if (r > videoAspectRatio) { 1083 wEl.style.width = (r / videoAspectRatio * 100) + '%'; 1084 wEl.style.height = '100%'; 1085 } else { 1086 wEl.style.height = (videoAspectRatio / r * 100) + '%'; 1087 wEl.style.width = '100%'; 1088 } 1089 } 1090 1091 // Close & pause lightbox 1092 function closeLightbox() { 1093 lightbox.setAttribute('data-vimeo-activated', 'false'); 1094 if (player) { 1095 player.pause(); 1096 lightbox.setAttribute('data-vimeo-playing', 'false'); 1097 } 1098 } 1099 1100 // Wire Escape key & close buttons 1101 document.addEventListener('keydown', e => { 1102 if (e.key === 'Escape') closeLightbox(); 1103 }); 1104 closeButtons.forEach(btn => btn.addEventListener('click', closeLightbox)); 1105 1106 // Setup Vimeo Player event handlers 1107 function setupPlayerEvents() { 1108 // Hide placeholder when playback starts 1109 player.on('play', () => { 1110 lightbox.setAttribute('data-vimeo-loaded', 'true'); 1111 lightbox.setAttribute('data-vimeo-playing', 'true'); 1112 }); 1113 // Close on video end 1114 player.on('ended', closeLightbox); 1115 1116 // Paused 1117 player.on('pause', () => { 1118 lightbox.setAttribute('data-vimeo-playing', 'false'); 1119 }); 1120 1121 // Duration UI 1122 const durEl = lightbox.querySelector('[data-vimeo-duration]'); 1123 player.getDuration().then(d => { 1124 if (durEl) durEl.textContent = formatTime(d); 1125 lightbox.querySelectorAll('[data-vimeo-control="timeline"],progress') 1126 .forEach(el => el.max = d); 1127 }); 1128 1129 // Timeline & progress updates 1130 const tl = lightbox.querySelector('[data-vimeo-control="timeline"]'); 1131 const pr = lightbox.querySelector('progress'); 1132 player.on('timeupdate', data => { 1133 if (tl) tl.value = data.seconds; 1134 if (pr) pr.value = data.seconds; 1135 if (durEl) durEl.textContent = formatTime(Math.trunc(data.seconds)); 1136 }); 1137 if (tl) { 1138 ['input','change'].forEach(evt => 1139 tl.addEventListener(evt, e => { 1140 const v = e.target.value; 1141 player.setCurrentTime(v); 1142 if (pr) pr.value = v; 1143 }) 1144 ); 1145 } 1146 1147 // Hover â hide controls after a timeout 1148 let hoverTimer; 1149 playerContainer.addEventListener('mousemove', () => { 1150 lightbox.setAttribute('data-vimeo-hover', 'true'); 1151 clearTimeout(hoverTimer); 1152 hoverTimer = setTimeout(() => { 1153 lightbox.setAttribute('data-vimeo-hover', 'false'); 1154 }, 3000); 1155 }); 1156 1157 // Fullscreen toggle on player container
1158 const fsBtn = lightbox.querySelector('[data-vimeo-control="fullscreen"]'); 1159 if (fsBtn) { 1160 const isFS = () => document.fullscreenElement || document.webkitFullscreenElement; 1161 if (!(document.fullscreenEnabled || document.webkitFullscreenEnabled)) { 1162 fsBtn.style.display = 'none'; 1163 } 1164 fsBtn.addEventListener('click', () => { 1165 if (isFS()) { 1166 lightbox.setAttribute('data-vimeo-fullscreen', 'false'); 1167 (document.exitFullscreen || document.webkitExitFullscreen).call(document); 1168 } else { 1169 lightbox.setAttribute('data-vimeo-fullscreen', 'true'); 1170 (playerContainer.requestFullscreen || playerContainer.webkitRequestFullscreen) 1171 .call(playerContainer); 1172 } 1173 }); 1174 ['fullscreenchange','webkitfullscreenchange'].forEach(evt => 1175 document.addEventListener(evt, () => 1176 lightbox.setAttribute('data-vimeo-fullscreen', isFS() ? 'true' : 'false') 1177 )); 1178 } 1179 } 1180 1181 // Run sizing logic 1182 async function runSizing() { 1183 const mode = lightbox.getAttribute('data-vimeo-update-size'); 1184 const w = await player.getVideoWidth(); 1185 const h = await player.getVideoHeight(); 1186 const ar = h / w; 1187 const bef = lightbox.querySelector('.vimeo-lightbox__before'); 1188 1189 if (mode === 'true') { 1190 if (bef) bef.style.paddingTop = (ar * 100) + '%'; 1191 clampWrapSize(ar); 1192 } else if (mode === 'cover') { 1193 videoAspectRatio = ar; 1194 if (bef) bef.style.paddingTop = '0%'; 1195 adjustCoverSizing(); 1196 } else { 1197 clampWrapSize(ar); 1198 } 1199 } 1200 1201 // Re-run sizing on viewport resize 1202 window.addEventListener('resize', () => { 1203 if (player) runSizing(); 1204 }); 1205 1206 // Open or switch video 1207 async function openLightbox(id, placeholderBtn) { 1208 // Enter loading state immediately 1209 lightbox.setAttribute('data-vimeo-activated', 'loading'); 1210 lightbox.setAttribute('data-vimeo-loaded', 'false'); 1211 1212 // â FULL RESET if new video ID â 1213 if (player && id !== currentVideoID) { 1214 await player.pause(); 1215 await player.unload(); 1216 1217 // Replace old iframe with a fresh one 1218 const oldIframe = iframe; 1219 const newIframe = document.createElement('iframe'); 1220 newIframe.className = oldIframe.className; 1221 newIframe.setAttribute('allow', oldIframe.getAttribute('allow')); 1222 newIframe.setAttribute('frameborder', '0'); 1223 newIframe.setAttribute('allowfullscreen', 'true'); 1224 newIframe.setAttribute('allow', 'autoplay; encrypted-media'); 1225 oldIframe.parentNode.replaceChild(newIframe, oldIframe); 1226 1227 // Reset state 1228 iframe = newIframe; 1229 player = null; 1230 currentVideoID = null; 1231 lightbox.setAttribute('data-vimeo-playing', 'false'); 1232 } 1233 1234 // Update placeholder image attributes 1235 if (placeholderBtn) { 1236 ['src','srcset','sizes','alt','width'].forEach(attr => { 1237 const val = placeholderBtn.getAttribute(attr); 1238 if (val != null) placeholder.setAttribute(attr, val); 1239 }); 1240 } 1241 1242 // Build a brand-new player if needed 1243 if (!player) { 1244 iframe.src = `https://player.vimeo.com/video/${id}?api=1&background=1&autoplay=0&loop=0&muted=0`; 1245 player = new Vimeo.Player(iframe); 1246 setupPlayerEvents(); 1247 currentVideoID = id; 1248 await runSizing(); 1249 } 1250 1251 // Now sizing is ready â show lightbox 1252 lightbox.setAttribute('data-vimeo-activated', 'true'); 1253 1254 // Autoplay logic 1255 if (!isTouch) { 1256 player.setVolume(globalMuted ? 0 : 1).then(() => { 1257 lightbox.setAttribute('data-vimeo-playing', 'true'); 1258 setTimeout(() => player.play(), 50); 1259 }); 1260 } else if (playedOnce.has(currentVideoID)) { 1261 player.setVolume(globalMuted ? 0 : 1).then(() => { 1262 lightbox.setAttribute('data-vimeo-playing', 'true'); 1263 player.play(); 1264 }); 1265 } 1266 } 1267 1268 // Internal controls 1269 lightbox.querySelector('[data-vimeo-control="play"]').addEventListener('click', () => { 1270 if (isTouch) { 1271 if (!playedOnce.has(currentVideoID)) { 1272 player.setVolume(0).then(() => { 1273 lightbox.setAttribute('data-vimeo-playing', 'true'); 1274 player.play(); 1275 if (!globalMuted) { 1276 setTimeout(() => { 1277 player.setVolume(1); 1278 lightbox.setAttribute('data-vimeo-muted', 'false'); 1279 }, 100); 1280 } 1281 playedOnce.add(currentVideoID); 1282 }); 1283 } else { 1284 player.setVolume(globalMuted ? 0 : 1).then(() => { 1285 lightbox.setAttribute('data-vimeo-playing', 'true'); 1286 player.play(); 1287 }); 1288 } 1289 } else { 1290 player.setVolume(globalMuted ? 0 : 1).then(() => { 1291 lightbox.setAttribute('data-vimeo-playing', 'true'); 1292 setTimeout(() => player.play(), 50); 1293 }); 1294 } 1295 }); 1296
1297 lightbox.querySelector('[data-vimeo-control="pause"]').addEventListener('click', () => { 1298 player.pause(); 1299 }); 1300 1301 lightbox.querySelector('[data-vimeo-control="mute"]').addEventListener('click', () => { 1302 globalMuted = !globalMuted; 1303 player.setVolume(globalMuted ? 0 : 1).then(() => 1304 lightbox.setAttribute('data-vimeo-muted', globalMuted ? 'true' : 'false') 1305 ); 1306 }); 1307 1308 // Wire up open buttons 1309 openButtons.forEach(btn => { 1310 btn.addEventListener('click', () => { 1311 const vid = btn.getAttribute('data-vimeo-lightbox-id'); 1312 const img = btn.querySelector('[data-vimeo-lightbox-placeholder]'); 1313 openLightbox(vid, img); 1314 }); 1315 }); 1316} 1317 1318// Initialize Vimeo Lightbox (Advanced) 1319document.addEventListener('DOMContentLoaded', function() { 1320 initVimeoLightboxAdvanced(); 1321}); 1322</script>
1322</div><div class="css w-embed"><style> 1323 .vimeo-lightbox__player { 1324 transition: all 0.3s cubic-bezier(0.625, 0.05, 0, 1); 1325 opacity: 0; 1326 visibility: hidden; 1327 transform: scale(0.9) rotate(0.001deg) translateX(0); 1328} 1329 1330.vimeo-lightbox[data-vimeo-activated="true"] .vimeo-lightbox__player { 1331 opacity: 1; 1332 visibility: visible; 1333 transform: scale(1) rotate(0.001deg) translateX(0); 1334} 1335 1336/* Dark BG */ 1337.vimeo-lightbox__bg { 1338 transition: all 0.3s cubic-bezier(0.625, 0.05, 0, 1); 1339 opacity: 0; 1340 visibility: hidden; 1341} 1342 1343.vimeo-lightbox[data-vimeo-activated="loading"] .vimeo-lightbox__bg, 1344.vimeo-lightbox[data-vimeo-activated="true"] .vimeo-lightbox__bg{ 1345 opacity: 1; 1346 visibility: visible; 1347} 1348 1349/* Close Button */ 1350.vimeo-lightbox__close { 1351 transition: all 0.5s cubic-bezier(0.625, 0.05, 0, 1); 1352 opacity: 0; 1353 visibility: hidden; 1354} 1355 1356.vimeo-lightbox[data-vimeo-activated="true"] .vimeo-lightbox__close { 1357 opacity: 1; 1358 visibility: visible; 1359} 1360 1361/* Cover */ 1362.vimeo-lightbox[data-vimeo-update-size="cover"] .vimeo-lightbox__calc-wrap { 1363 height: 100%; 1364} 1365 1366.vimeo-lightbox[data-vimeo-update-size="cover"] [data-vimeo-lightbox-player] { 1367 width: 100%; 1368 min-width: 100%; 1369 max-width: 100%; 1370 height: 100%; 1371 min-height: 100%; 1372 max-height: 100%; 1373} 1374 1375/* Placeholder */ 1376.vimeo-lightbox[data-vimeo-loaded="true"] .vimeo-lightbox__placeholder { 1377 opacity: 0; 1378} 1379 1380/* Dark (Overlay) */ 1381.vimeo-lightbox[data-vimeo-playing="false"] .vimeo-lightbox__dark { 1382 opacity: 0.33; 1383} 1384 1385.vimeo-lightbox[data-vimeo-activated="false"][data-vimeo-playing="false"] .vimeo-lightbox__dark { 1386 opacity: 0; 1387} 1388 1389.vimeo-lightbox[data-vimeo-activated="true"][data-vimeo-loaded="true"] .vimeo-lightbox__dark { 1390 opacity: 0; 1391} 1392 1393@media (hover: hover) and (pointer: fine) { 1394 .vimeo-lightbox[data-vimeo-hover="true"]:hover .vimeo-lightbox__dark { 1395 opacity: 0.33 !important; 1396 } 1397} 1398 1399/* Pause */ 1400.vimeo-lightbox .vimeo-lightbox__pause { 1401 display: none; 1402} 1403 1404.vimeo-lightbox[data-vimeo-playing="true"] .vimeo-lightbox__pause { 1405 display: flex; 1406} 1407 1408.vimeo-lightbox .vimeo-lightbox__pause .vimeo-lightbox__btn { 1409 opacity: 0; 1410} 1411 1412.vimeo-lightbox[data-vimeo-activated="true"][data-vimeo-playing="false"] .vimeo-lightbox__pause .vimeo-lightbox__btn, 1413.vimeo-lightbox[data-vimeo-activated="true"][data-vimeo-hover="true"]:hover .vimeo-lightbox__pause .vimeo-lightbox__btn { 1414 opacity: 1; 1415} 1416 1417@media (hover: none) and (pointer: coarse) { 1418 .vimeo-lightbox[data-vimeo-activated="true"][data-vimeo-playing="true"] .vimeo-lightbox__pause .vimeo-lightbox__btn { 1419 opacity: 0 !important; 1420 } 1421} 1422 1423/* Play */ 1424.vimeo-lightbox[data-vimeo-playing="true"] .vimeo-lightbox__play { 1425 opacity: 0; 1426} 1427 1428/* Loading */ 1429.vimeo-lightbox .vimeo-lightbox__loading { 1430 opacity: 0; 1431} 1432 1433.vimeo-lightbox[data-vimeo-playing="true"] .vimeo-lightbox__loading { 1434 opacity: 1; 1435} 1436 1437.vimeo-lightbox[data-vimeo-playing="true"][data-vimeo-loaded="true"] .vimeo-lightbox__loading { 1438 opacity: 0; 1439} 1440 1441/* Interface */ 1442.vimeo-lightbox .vimeo-lightbox__interface { 1443 opacity: 0; 1444} 1445 1446.vimeo-lightbox[data-vimeo-activated="false"][data-vimeo-playing="false"] .vimeo-lightbox__interface { 1447 opacity: 1; 1448} 1449 1450.vimeo-lightbox .vimeo-lightbox__interface * { 1451 pointer-events: all; /* Make children of div clickable by user */ 1452} 1453 1454.vimeo-lightbox[data-vimeo-activated="true"][data-vimeo-playing="false"] .vimeo-lightbox__interface, 1455.vimeo-lightbox[data-vimeo-activated="true"][data-vimeo-hover="true"]:hover .vimeo-lightbox__interface { 1456 opacity: 1; 1457} 1458 1459@media (hover: none) and (pointer: coarse) { 1460 .vimeo-lightbox[data-vimeo-activated="true"][data-vimeo-playing="true"] .vimeo-lightbox__interface { 1461 opacity: 0 !important; 1462 } 1463} 1464 1465/* Interface - Variables */ 1466.vimeo-lightbox { 1467 --timeline-rounded-corners: 1.5em; 1468 --timeline-dot-height: 0.75em; 1469 --timeline-dot-color: #FF4C24; 1470 --progress-bg: rgba(239, 238, 236, 0.2); 1471 --progress-fill-bg: #FF4C24; 1472 --progress-height: 0.2em; 1473} 1474 1475/* Interface - Timeline */ 1476.vimeo-lightbox progress::-webkit-progress-bar { 1477 border-radius: var(--timeline-rounded-corners); 1478 background-color: var(--progress-bg); 1479 box-shadow: 0; 1480} 1481 1482.vimeo-lightbox progress::-webkit-progress-value { 1483 background: var(--progress-fill-bg); 1484} 1485 1486.vimeo-lightbox progress::-moz-progress-bar{ 1487 border-radius: var(--timeline-rounded-corners); 1488 background: var(--progress-fill-bg); 1489 box-shadow: 0; 1490} 1491 1492.vimeo-lightbox progress::-ms-fill { 1493 border-radius: var(--timeline-rounded-corners); 1494} 1495 1496/* Interface - Range */ 1497.vimeo-lightbox [type="range"]::-webkit-slider-thumb { 1498 -webkit-appearance: none; 1499} 1500 1501.vimeo-lightbox [type="range"]:focus { 1502 outline: none; 1503} 1504 1505.vimeo-lightbox [type="range"]::-ms-track { 1506 width: 100%; 1507 cursor: pointer; 1508 background-color: transparent; 1509 border-color: transparent; 1510 color: transparent; 1511} 1512 1513.vimeo-lightbox [type="range"]::-webkit-slider-runnable-track{ 1514 width: 100%; 1515 height: var(--progress-height); 1516 cursor: pointer; 1517 background-color: var(--progress-bg); 1518 border-radius: var(--timeline-rounded-corners); 1519 background-color: transparent; 1520 border-color: transparent; 1521 color: transparent; 1522} 1523 1524.vimeo-lightbox [type="range"]::-webkit-slider-thumb { 1525 box-shadow: 0; 1526 height: var(--timeline-dot-height); 1527 width: var(--timeline-dot-height); 1528 border-radius: var(--timeline-rounded-corners); 1529 background-color: var(--timeline-dot-color); 1530 cursor: pointer; 1531 -webkit-appearance: none; 1532 margin-top: calc((var(--progress-height) / 2) - (var(--timeline-dot-height) / 2)); 1533} 1534 1535.vimeo-lightbox [type="range"]::-webkit-slider-runnable-track, 1536.vimeo-lightbox [type="range"]:focus::-webkit-slider-runnable-track { 1537 background-color: transparent; 1538 border-color: transparent; 1539 color: transparent; 1540} 1541 1542.vimeo-lightbox [type="range"]::-moz-range-track { 1543 width: 100%; 1544 height: var(--progress-height); 1545 cursor: pointer; 1546 background: var(--progress-bg); 1547 border-radius: 0; 1548 border: 0; 1549 border-radius: var(--timeline-rounded-corners); 1550 overflow: hidden; 1551 opacity: 1 !important; 1552} 1553 1554.vimeo-lightbox [type="range"]::-moz-range-thumb { 1555 box-shadow: 0; 1556 border: 0; 1557 height: var(--timeline-dot-height); 1558 width: var(--timeline-dot-height); 1559 border-radius: var(--timeline-rounded-corners); 1560 background: var(--timeline-dot-color); 1561 cursor: pointer; 1562 box-shadow: 0; 1563} 1564 1565/* Interface - Mute */ 1566.vimeo-lightbox .vimeo-lightbox__mute svg:nth-child(2), 1567.vimeo-lightbox[data-vimeo-muted="true"] .vimeo-lightbox__mute svg:nth-child(1) { 1568 display: none; 1569} 1570 1571.vimeo-lightbox .vimeo-lightbox__mute svg:nth-child(1), 1572.vimeo-lightbox[data-vimeo-muted="true"] .vimeo-lightbox__mute svg:nth-child(2) { 1573 display: block; 1574} 1575 1576/* Interface - Fullscreen */ 1577.vimeo-lightbox .vimeo-lightbox__fullscreen svg:nth-child(2), 1578.vimeo-lightbox[data-vimeo-fullscreen="true"] .vimeo-lightbox__fullscreen svg:nth-child(1) { 1579 display: none; 1580} 1581 1582.vimeo-lightbox .vimeo-lightbox__fullscreen svg:nth-child(1), 1583.vimeo-lightbox[data-vimeo-fullscreen="true"] .vimeo-lightbox__fullscreen svg:nth-child(2) { 1584 display: block; 1585} 1586</style></div></div><div class="hide"><div class="js w-embed w-script">
1586<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/gsap.min.js"></script>
vendor: 1 bytes, line 1586
1586
1587<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/ScrollTrigger.min.js"></script>
1587 1588
1589<script> 1590gsap.registerPlugin(ScrollTrigger); 1591 1592function initNumberOdometer() { 1593 const prefersReducedMotion = window.matchMedia('(prefers-reduced-motion: reduce)').matches 1594 const initFlag = 'data-odometer-initialized' 1595 const activeTweens = new WeakMap() 1596 1597 const defaults = { 1598 duration: 1, 1599 ease: 'power3.out', 1600 elementStagger: 0.1, 1601 digitStagger: 0.04, 1602 revealDuration: 0.5, 1603 revealEase: 'power2.out', 1604 triggerStart: 'top 80%', 1605 staggerOrder: 'left', 1606 digitCycles: 2 1607 } 1608 1609 document.querySelectorAll('[data-odometer-group]').forEach(group => { 1610 if (group.hasAttribute(initFlag)) return 1611 group.setAttribute(initFlag, '') 1612 1613 const elements = Array.from(group.querySelectorAll('[data-odometer-element]')).filter( 1614 el => el.getAttribute('data-odometer-element') !== 'none' 1615 ) 1616 if (!elements.length || prefersReducedMotion) return 1617 1618 const staggerOrder = group.getAttribute('data-odometer-stagger-order') || defaults.staggerOrder 1619 const triggerStart = group.getAttribute('data-odometer-trigger-start') || defaults.triggerStart 1620 const elementStagger = parseFloat(group.getAttribute('data-odometer-stagger')) || defaults.elementStagger 1621 1622 const elementData = elements.map(el => { 1623 const originalText = el.textContent.trim() 1624 const hasExplicitStart = el.hasAttribute('data-odometer-start') 1625 const startValue = parseFloat(el.getAttribute('data-odometer-start')) || 0 1626 const duration = parseFloat(el.getAttribute('data-odometer-duration')) || defaults.duration 1627 const step = getLineHeightRatio(el) 1628 1629 let segments = parseSegments(originalText) 1630 segments = mapStartDigits(segments, startValue) 1631 segments = markHiddenSegments(segments, startValue) 1632 1633 const grow = shouldGrow(el, hasExplicitStart, startValue, segments) 1634 const { rollers, revealEls } = buildRollerDOM(el, segments, step, grow) 1635 1636 const fontSize = parseFloat(getComputedStyle(el).fontSize) 1637 const revealData = revealEls.map(revealEl => { 1638 const widthEm = revealEl.offsetWidth / fontSize 1639 gsap.set(revealEl, { width: 0, overflow: 'hidden' }) 1640 return { el: revealEl, widthEm } 1641 }) 1642 1643 return { el, rollers, duration, step, revealData, originalText } 1644 }) 1645 1646 const ordered = applyStaggerOrder(elementData, staggerOrder) 1647 1648 const tl = gsap.timeline({ 1649 scrollTrigger: { 1650 trigger: group, 1651 start: triggerStart, 1652 once: true 1653 }, 1654 onComplete() { 1655 elementData.forEach(({ el, originalText }) => { 1656 cleanupElement(el, originalText) 1657 }) 1658 } 1659 }) 1660 1661 ordered.forEach((data, orderIdx) => { 1662 const { rollers, duration, step, revealData } = data 1663 const offset = orderIdx * elementStagger 1664 1665 revealData.forEach(({ el, widthEm }) => { 1666 tl.to(el, { 1667 width: widthEm + 'em', 1668 opacity: 1, 1669 duration: defaults.revealDuration, 1670 ease: defaults.revealEase 1671 }, offset) 1672 }) 1673 1674 rollers.forEach(({ roller, targetPos }, digitIdx) => { 1675 const reversedIdx = rollers.length - 1 - digitIdx 1676 tl.to(roller, { 1677 y: -targetPos * step + 'em', 1678 duration, 1679 ease: defaults.ease, 1680 force3D: true 1681 }, offset + reversedIdx * defaults.digitStagger) 1682 }) 1683 }) 1684 }) 1685 1686 return function updateOdometer(el, newText, options = {}) { 1687 const currentText = el.textContent.trim() 1688 if (currentText === newText) return 1689 if (el.getAttribute('data-odometer-element') === 'none') return 1690 1691 const duration = options.duration || defaults.duration 1692 const ease = options.ease || defaults.ease 1693 const step = getLineHeightRatio(el) 1694 1695 const existing = activeTweens.get(el) 1696 if (existing) { 1697 existing.kill() 1698 gsap.set(el, { clearProps: 'width,overflow' }) 1699 } 1700 1701 const fontSize = parseFloat(getComputedStyle(el).fontSize) 1702 const oldWidthEm = el.getBoundingClientRect().width / fontSize 1703 1704 const startSegments = parseSegments(currentText) 1705 const startDigitsStr = startSegments 1706 .filter(s => s.type === 'digit') 1707 .map(s => s.char) 1708 .join('') 1709 const startValue = parseInt(startDigitsStr, 10) || 0 1710 1711 let segments = parseSegments(newText) 1712 segments = mapStartDigits(segments, startValue) 1713 segments = markHiddenSegments(segments, startValue) 1714 const { rollers, revealEls } = buildRollerDOM(el, segments, step, true) 1715 1716 const newWidthEm = el.getBoundingClientRect().width / fontSize 1717 const widthChanged = Math.abs(oldWidthEm - newWidthEm) > 0.01 1718 1719 if (widthChanged) { 1720 gsap.set(el, { width: oldWidthEm + 'em', overflow: 'hidden' }) 1721 } 1722 1723 const tl = gsap.timeline({ 1724 onComplete() { 1725 cleanupElement(el, newText) 1726 activeTweens.delete(el) 1727 } 1728 }) 1729 activeTweens.set(el, tl) 1730 1731 if (widthChanged) { 1732 tl.to(el, { 1733 width: newWidthEm + 'em', 1734 duration: defaults.revealDuration, 1735 ease: defaults.revealEase 1736 }, 0) 1737 } 1738
1739 revealEls.forEach(revealEl => { 1740 if (revealEl.getAttribute('data-odometer-part') === 'static') { 1741 tl.to(revealEl, { opacity: 1, duration: 0.2 }, 0) 1742 } 1743 }) 1744 1745 rollers.forEach(({ roller, targetPos }, digitIdx) => { 1746 const reversedIdx = rollers.length - 1 - digitIdx 1747 tl.to(roller, { 1748 y: -targetPos * step + 'em', 1749 duration, 1750 ease, 1751 force3D: true 1752 }, reversedIdx * defaults.digitStagger) 1753 }) 1754 } 1755 1756 function getLineHeightRatio(el) { 1757 const cs = getComputedStyle(el) 1758 const lh = cs.lineHeight 1759 if (lh === 'normal') return 1.2 1760 return parseFloat(lh) / parseFloat(cs.fontSize) 1761 } 1762 1763 function parseSegments(text) { 1764 return [...text].map(char => ({ 1765 type: /\d/.test(char) ? 'digit' : 'static', 1766 char 1767 })) 1768 } 1769 1770 function mapStartDigits(segments, startValue) { 1771 const digitSlots = segments.filter(s => s.type === 'digit') 1772 const padded = String(Math.floor(Math.abs(startValue))) 1773 .padStart(digitSlots.length, '0') 1774 .slice(-digitSlots.length) 1775 let di = 0 1776 return segments.map(s => 1777 s.type === 'digit' 1778 ? { ...s, startDigit: parseInt(padded[di++], 10) } 1779 : s 1780 ) 1781 } 1782 1783 function markHiddenSegments(segments, startValue) { 1784 const totalDigits = segments.filter(s => s.type === 'digit').length 1785 const absStart = Math.floor(Math.abs(startValue)) 1786 const startDigitCount = absStart === 0 ? 1 : String(absStart).length 1787 const leadingZeros = Math.max(0, totalDigits - startDigitCount) 1788 if (leadingZeros === 0) return segments 1789 let digitsSeen = 0 1790 let firstDigitSeen = false 1791 let prevDigitHidden = false 1792 return segments.map(seg => { 1793 if (seg.type === 'digit') { 1794 firstDigitSeen = true 1795 const hidden = digitsSeen < leadingZeros 1796 prevDigitHidden = hidden 1797 digitsSeen++ 1798 return { ...seg, hidden } 1799 } 1800 const hidden = firstDigitSeen && prevDigitHidden 1801 return { ...seg, hidden } 1802 }) 1803 } 1804 1805 function shouldGrow(el, hasExplicitStart, startValue, segments) { 1806 if (el.hasAttribute('data-odometer-grow')) { 1807 return el.getAttribute('data-odometer-grow') !== 'false' 1808 } 1809 if (!hasExplicitStart) return false 1810 const absStart = Math.floor(Math.abs(startValue)) 1811 const startDigitCount = absStart === 0 ? 1 : String(absStart).length 1812 const endDigitCount = segments.filter(s => s.type === 'digit').length 1813 return startDigitCount < endDigitCount 1814 } 1815 1816 function buildRollerDOM(el, segments, step, grow) { 1817 el.innerHTML = '' 1818 el.style.height = '' 1819 const rollers = [] 1820 const revealEls = [] 1821 const totalCells = 10 * defaults.digitCycles 1822 segments.forEach(seg => { 1823 if (seg.type === 'static') { 1824 const span = document.createElement('span') 1825 span.setAttribute('data-odometer-part', 'static') 1826 span.style.height = step + 'em' 1827 span.style.lineHeight = step 1828 span.textContent = seg.char 1829 el.appendChild(span) 1830 if (grow && seg.hidden) { 1831 gsap.set(span, { opacity: 0 }) 1832 revealEls.push(span) 1833 } 1834 return 1835 } 1836 const mask = document.createElement('span') 1837 mask.setAttribute('data-odometer-part', 'mask') 1838 mask.style.height = step + 'em' 1839 mask.style.lineHeight = step 1840 const roller = document.createElement('span') 1841 roller.setAttribute('data-odometer-part', 'roller') 1842 roller.style.lineHeight = step 1843 1844 const digits = [] 1845 for (let d = 0; d < totalCells; d++) { 1846 digits.push(d % 10) 1847 } 1848 roller.textContent = digits.join('\n') 1849 mask.appendChild(roller) 1850 el.appendChild(mask) 1851 const startDigit = seg.startDigit || 0 1852 const isReveal = grow && seg.hidden 1853 gsap.set(roller, { y: isReveal ? step + 'em' : -startDigit * step + 'em' }) 1854 const endDigit = parseInt(seg.char, 10) 1855 const targetPos = endDigit > startDigit ? endDigit : 10 + endDigit 1856 rollers.push({ roller, targetPos }) 1857 if (isReveal) revealEls.push(mask) 1858 }) 1859 return { rollers, revealEls } 1860 } 1861 1862 function cleanupElement(el, originalText) { 1863 el.style.overflow = '' 1864 el.style.height = '' 1865 1866 const digits = [...originalText].filter(c => /\d/.test(c)) 1867 let di = 0 1868 1869 el.querySelectorAll('[data-odometer-part="mask"]').forEach(mask => { 1870 const roller = mask.querySelector('[data-odometer-part="roller"]') 1871 if (roller) roller.remove() 1872 mask.textContent = digits[di++] || '' 1873 mask.style.opacity = '' 1874 mask.style.overflow = '' 1875 }) 1876 1877 el.querySelectorAll('[data-odometer-part="static"]').forEach(stat => { 1878 stat.style.opacity = '' 1879 }) 1880 } 1881 1882 function recalcOnResize() { 1883 document.querySelectorAll('[data-odometer-element]').forEach(el => { 1884 if (el.getAttribute('data-odometer-element') === 'none') return 1885 1886 const running = activeTweens.get(el) 1887 if (running) { 1888 running.progress(1) 1889 activeTweens.delete(el) 1890 } 1891 1892 const hasRollers = el.querySelector('[data-odometer-part="roller"]') 1893 1894 if (hasRollers) { 1895 const step = getLineHeightRatio(el) 1896 el.querySelectorAll('[data-odometer-part="mask"]').forEach(mask => { 1897 mask.style.height = step + 'em' 1898 mask.style.lineHeight = step 1899 }) 1900 el.querySelectorAll('[data-odometer-part="roller"]').forEach(roller => { 1901 roller.style.lineHeight = step 1902 }) 1903 el.querySelectorAll('[data-odometer-part="static"]').forEach(stat => { 1904 stat.style.lineHeight = step 1905 }) 1906 } 1907 }) 1908 ScrollTrigger.refresh() 1909 } 1910 1911 let resizeTimer 1912 let lastWidth = window.innerWidth 1913 window.addEventListener('resize', () => { 1914 clearTimeout(resizeTimer) 1915 resizeTimer = setTimeout(() => { 1916 if (window.innerWidth === lastWidth) return 1917 lastWidth = window.innerWidth 1918 recalcOnResize() 1919 }, 250) 1920 }) 1921 1922 function applyStaggerOrder(items, order) { 1923 const arr = [...items] 1924 if (order === 'right') return arr.reverse() 1925 if (order === 'random') return shuffleArray(arr) 1926 return arr 1927 } 1928 1929 function shuffleArray(arr) { 1930 for (let i = arr.length - 1; i > 0; i--) { 1931 const j = Math.floor(Math.random() * (i + 1)) 1932 ;[arr[i], arr[j]] = [arr[j], arr[i]] 1933 } 1934 return arr 1935 } 1936} 1937 1938document.addEventListener("DOMContentLoaded", () => { 1939 initNumberOdometer(); 1940}); 1941</script>
1941</div><div class="js w-embed"><style> 1942 [data-odometer-element] { 1943 display: inline-flex; 1944 align-items: center; 1945} 1946[data-odometer-part="mask"] { 1947 display: inline-block; 1948 overflow: clip; 1949 padding: 0.05em; 1950 margin: -0.05em; 1951 width: 0.63em; 1952 text-align: center; 1953} 1954[data-odometer-part="static"] { 1955 display: inline-block; 1956 overflow: clip; 1957 padding: 0.05em; 1958 margin: -0.05em; 1959} 1960[data-odometer-part="roller"] { 1961 display: block; 1962 white-space: pre; 1963 text-align: center; 1964 will-change: transform; 1965} 1966</style></div></div><div class="js w-embed w-script">
1966<script> 1967document.addEventListener('DOMContentLoaded', function () { 1968 var TOTAL_LOTTIES = 3; 1969 var POLL_DELAY = 150; 1970 var SKIP_DELAY = 3000; 1971 var FALLBACK_DURATION = 4000; 1972 1973 function findLottieInstance(el) { 1974 var lib; 1975 try { 1976 lib = window.Webflow && window.Webflow.require('lottie').lottie; 1977 } catch (e) { 1978 return null; 1979 } 1980 if (!lib) return null; 1981 var instances = lib.getRegisteredAnimations(); 1982 for (var i = 0; i < instances.length; i++) { 1983 if (el.contains(instances[i].wrapper)) return instances[i]; 1984 } 1985 return null; 1986 } 1987 1988 function setupSingle(el) { 1989 el.style.opacity = '1'; 1990 var anim = null; 1991 var poll = null; 1992 1993 function whenReady(callback) { 1994 if (anim) { 1995 callback(anim); 1996 return; 1997 } 1998 if (poll) return; 1999 poll = setInterval(function () { 2000 anim = findLottieInstance(el); 2001 if (!anim) return; 2002 clearInterval(poll); 2003 poll = null; 2004 callback(anim); 2005 }, POLL_DELAY); 2006 } 2007 2008 new IntersectionObserver( 2009 function (entries) { 2010 entries.forEach(function (entry) { 2011 if (entry.isIntersecting) { 2012 whenReady(function (instance) { 2013 instance.play(); 2014 }); 2015 } else if (anim) { 2016 anim.pause(); 2017 } 2018 }); 2019 }, 2020 { threshold: 0 } 2021 ).observe(el); 2022 } 2023 2024 function setupSequence(wrapper, slots) { 2025 var current = 0; 2026 var visible = false; 2027 var waiting = false; 2028 var token = 0; 2029 var timer = null; 2030 var poll = null; 2031 2032 function paint() { 2033 slots.forEach(function (slot, i) { 2034 slot.el.style.opacity = i === current ? '1' : '0'; 2035 }); 2036 } 2037 2038 function stopTimer() { 2039 if (timer) { 2040 clearTimeout(timer); 2041 timer = null; 2042 } 2043 } 2044 2045 function stopPolling() { 2046 if (poll) { 2047 clearInterval(poll); 2048 poll = null; 2049 } 2050 } 2051 2052 function staticValue(prop, fallback) { 2053 var raw = prop && prop.k; 2054 if (typeof raw === 'undefined') return fallback; 2055 if (Array.isArray(raw) && raw.length && typeof raw[0] === 'object') { 2056 return raw[0].s || fallback; 2057 } 2058 return raw; 2059 } 2060 2061 function rootLayer(data) { 2062 for (var i = 0; i < data.layers.length; i++) { 2063 var parent = data.layers[i].parent; 2064 if (parent === undefined || parent === null) return data.layers[i]; 2065 } 2066 return null; 2067 } 2068 2069 function collectVertices(shapes, out) { 2070 shapes.forEach(function (shape) { 2071 if (shape.ty === 'gr') { 2072 var items = shape.it || []; 2073 var transform = null; 2074 var nested = []; 2075 2076 items.forEach(function (item) { 2077 if (item.ty === 'tr') transform = item; 2078 }); 2079 2080 collectVertices( 2081 items.filter(function (item) { 2082 return item.ty !== 'tr'; 2083 }), 2084 nested 2085 ); 2086 2087 if (transform) { 2088 var p = staticValue(transform.p, [0, 0]); 2089 var a = staticValue(transform.a, [0, 0]); 2090 var s = staticValue(transform.s, [100, 100]); 2091 nested = nested.map(function (point) { 2092 return [ 2093 p[0] + (s[0] / 100) * (point[0] - a[0]), 2094 p[1] + (s[1] / 100) * (point[1] - a[1]), 2095 ]; 2096 }); 2097 } 2098 2099 out.push.apply(out, nested); 2100 } else if (shape.ty === 'sh') { 2101 var path = staticValue(shape.ks, null); 2102 if (Array.isArray(path)) path = path[0]; 2103 if (path && path.v) { 2104 path.v.forEach(function (point) { 2105 out.push([point[0], point[1]]); 2106 }); 2107 } 2108 } 2109 }); 2110 } 2111 2112 // O logo "jim" e o unico desenho comum as tres composicoes, entao a caixa 2113 // dele em coordenadas da composicao serve de referencia de alinhamento. As 2114 // letras sao as camadas numeradas; as marcadas com td sao apenas matte. 2115 function measureWordmark(anim) { 2116 var data = anim && anim.animationData; 2117 if (!data || !data.layers) return null; 2118 2119 var root = rootLayer(data); 2120 if (!root || !root.ks) return null; 2121 2122 var rootP = staticValue(root.ks.p, [0, 0]); 2123 var rootA = staticValue(root.ks.a, [0, 0]); 2124 var rootS = staticValue(root.ks.s, [100, 100]); 2125 var rootK = rootS[0] / 100; 2126 if (!rootK) return null; 2127 2128 var minX = Infinity; 2129 var minY = Infinity; 2130 var maxX = -Infinity; 2131 var maxY = -Infinity; 2132
2133 data.layers.forEach(function (layer) { 2134 if (layer.ty !== 4 || layer.td || layer.hd) return; 2135 if (layer.parent !== root.ind) return; 2136 if (!/^[0-9]+$/.test(String(layer.nm || ''))) return; 2137 2138 var p = staticValue(layer.ks.p, [0, 0]); 2139 var a = staticValue(layer.ks.a, [0, 0]); 2140 var s = staticValue(layer.ks.s, [100, 100]); 2141 var k = s[0] / 100; 2142 var points = []; 2143 collectVertices(layer.shapes || [], points); 2144 2145 points.forEach(function (point) { 2146 var x = rootP[0] + rootK * (p[0] + k * (point[0] - a[0]) - rootA[0]); 2147 var y = rootP[1] + rootK * (p[1] + k * (point[1] - a[1]) - rootA[1]); 2148 if (x < minX) minX = x; 2149 if (x > maxX) maxX = x; 2150 if (y < minY) minY = y; 2151 if (y > maxY) maxY = y; 2152 }); 2153 }); 2154 2155 if (!isFinite(minX) || maxX <= minX) return null; 2156 2157 return { 2158 w: data.w, 2159 h: data.h, 2160 width: maxX - minX, 2161 cx: (minX + maxX) / 2, 2162 cy: (minY + maxY) / 2, 2163 }; 2164 } 2165 2166 function frameOf(slot) { 2167 if (!slot.anim) return null; 2168 if (!slot.frame) slot.frame = measureWordmark(slot.anim); 2169 return slot.frame; 2170 } 2171 2172 // Cada arquivo entrega o logo com escala e posicao proprias. Reescrever o 2173 // viewBox a partir da caixa do logo deixa as tres do mesmo tamanho e no 2174 // mesmo lugar, sem mexer nos JSONs. 2175 function normalizeFraming() { 2176 var reference = frameOf(slots[0]); 2177 if (!reference) return; 2178 2179 slots.forEach(function (slot) { 2180 var frame = frameOf(slot); 2181 if (!frame) return; 2182 2183 var svg = slot.el.querySelector('svg'); 2184 if (!svg) return; 2185 2186 var ratio = frame.width / reference.width; 2187 var minX = frame.cx - ratio * reference.cx; 2188 var minY = frame.cy - ratio * reference.cy; 2189 2190 svg.setAttribute( 2191 'viewBox', 2192 minX + ' ' + minY + ' ' + reference.w * ratio + ' ' + reference.h * ratio 2193 ); 2194 }); 2195 } 2196 2197 function onFinish(index) { 2198 return function () { 2199 if (!visible || index !== current) return; 2200 advance(); 2201 }; 2202 } 2203 2204 function attach(slot, index) { 2205 var anim = findLottieInstance(slot.el); 2206 if (!anim) return false; 2207 slot.anim = anim; 2208 anim.loop = false; 2209 if (typeof anim.setLoop === 'function') anim.setLoop(false); 2210 anim.setDirection(1); 2211 anim.addEventListener('complete', onFinish(index)); 2212 anim.addEventListener('loopComplete', onFinish(index)); 2213 if (index !== current) anim.goToAndStop(0, true); 2214 return true; 2215 } 2216 2217 // O Webflow instancia as Lotties com lazy loading, so quando entram na 2218 // viewport, entao a busca pelas instancias precisa continuar enquanto 2219 // o stack estiver visivel. 2220 function startPolling() { 2221 if (poll) return; 2222 poll = setInterval(function () { 2223 var pending = false; 2224 slots.forEach(function (slot, i) { 2225 if (slot.anim) return; 2226 if (!attach(slot, i)) pending = true; 2227 }); 2228 normalizeFraming(); 2229 if (waiting && visible && slots[current].anim) { 2230 waiting = false; 2231 play(current); 2232 } 2233 if (!pending) stopPolling(); 2234 }, POLL_DELAY); 2235 } 2236 2237 function play(index) { 2238 stopTimer(); 2239 token += 1; 2240 var myToken = token; 2241 current = index; 2242 paint(); 2243 2244 var anim = slots[index].anim; 2245 2246 if (!anim) { 2247 waiting = true; 2248 startPolling(); 2249 timer = setTimeout(function () { 2250 if (myToken !== token || !visible) return; 2251 waiting = false; 2252 advance(); 2253 }, SKIP_DELAY); 2254 return; 2255 } 2256 2257 anim.loop = false; 2258 if (typeof anim.setLoop === 'function') anim.setLoop(false); 2259 anim.goToAndPlay(0, true); 2260 2261 var seconds = typeof anim.getDuration === 'function' ? anim.getDuration(false) : 0; 2262 var wait = seconds > 0 && isFinite(seconds) ? seconds * 1000 : FALLBACK_DURATION; 2263 timer = setTimeout(function () { 2264 if (myToken === token && visible) advance(); 2265 }, wait + 200); 2266 } 2267 2268 function advance() { 2269 play((current + 1) % slots.length); 2270 } 2271
2272 paint(); 2273 2274 new IntersectionObserver( 2275 function (entries) { 2276 entries.forEach(function (entry) { 2277 visible = entry.isIntersecting; 2278 if (visible) { 2279 startPolling(); 2280 play(current); 2281 return; 2282 } 2283 stopTimer(); 2284 stopPolling(); 2285 waiting = false; 2286 var anim = slots[current].anim; 2287 if (anim) anim.pause(); 2288 }); 2289 }, 2290 { threshold: 0 } 2291 ).observe(wrapper); 2292 2293 var resizeTimer = null; 2294 window.addEventListener('resize', function () { 2295 clearTimeout(resizeTimer); 2296 resizeTimer = setTimeout(normalizeFraming, 120); 2297 }); 2298 2299 return { slots: slots, normalize: normalizeFraming }; 2300 } 2301 2302 var registry = []; 2303 2304 document.querySelectorAll('[lottie-stack="wrapper"]').forEach(function (wrapper) { 2305 var slots = []; 2306 for (var i = 1; i <= TOTAL_LOTTIES; i++) { 2307 var el = wrapper.querySelector('[lottie-stack="' + i + '"]'); 2308 if (el) slots.push({ el: el, anim: null, frame: null }); 2309 } 2310 if (!slots.length) return; 2311 2312 if (slots.length === 1) { 2313 setupSingle(slots[0].el); 2314 return; 2315 } 2316 2317 registry.push(setupSequence(wrapper, slots)); 2318 }); 2319 2320 window.lottieStackDebug = function () { 2321 return registry.map(function (stack) { 2322 return stack.slots.map(function (slot, i) { 2323 var svg = slot.el.querySelector('svg'); 2324 return { 2325 slot: i + 1, 2326 loaded: !!slot.anim, 2327 seconds: slot.anim ? slot.anim.getDuration(false) : null, 2328 logoWidth: slot.frame ? Math.round(slot.frame.width) : null,
2329 viewBox: svg ? svg.getAttribute('viewBox') : null, 2330 opacity: slot.el.style.opacity, 2331 }; 2332 }); 2333 }); 2334 }; 2335}); 2336</script>
2336 2337</div><div class="css w-embed"><style> 2338[lottie-stack="wrapper"] { 2339 position: relative; 2340} 2341 2342[lottie-stack="1"], 2343[lottie-stack="2"], 2344[lottie-stack="3"] { 2345 position: absolute; 2346 inset: 0; 2347 opacity: 0; 2348 pointer-events: none; 2349} 2350</style></div></div><div data-nav-theme="" nav="component" class="nav_component"><div class="js w-embed w-script">
2350<script> 2351document.addEventListener('DOMContentLoaded', function () { 2352 const MOBILE_BREAKPOINT = 767; 2353 const SCROLL_THRESHOLD = 80; 2354 const LOAD_GRACE_PERIOD = 500; 2355 // fracao da viewport onde o meio da secao gatilho revela o botao sticky 2356 const REVEAL_ANCHOR = 0.5; 2357 const nav = document.querySelector("[nav='component']"); 2358 const spacer = document.querySelector("[button-sticky='spacer']"); 2359 const stickyButton = document.querySelector("[mobile-button-sticky]"); 2360 const revealTrigger = document.querySelector("[button-sticky='trigger']"); 2361 const hideTrigger = document.querySelector("[button-sticky='end']"); 2362 2363 let lastScrollY = window.scrollY; 2364 let justLoaded = true; 2365 2366 if (spacer && window.innerWidth <= MOBILE_BREAKPOINT) { 2367 spacer.classList.add('is-collapsed'); 2368 spacer.classList.add('is-scrolled'); 2369 } 2370 2371 function isButtonRevealed(scrollY) { 2372 // no fim da pagina o botao sai antes de encostar no elemento de saida 2373 if (hideTrigger && hideTrigger.getBoundingClientRect().top <= window.innerHeight) { 2374 return false; 2375 } 2376 // sem secao gatilho na pagina, mantem o comportamento antigo 2377 if (!revealTrigger) return scrollY > SCROLL_THRESHOLD; 2378 const rect = revealTrigger.getBoundingClientRect(); 2379 return rect.top + rect.height / 2 <= window.innerHeight * REVEAL_ANCHOR; 2380 } 2381 2382 function applyState(scrollY) { 2383 if (nav) nav.classList.toggle('is-scrolled', scrollY > SCROLL_THRESHOLD); 2384 if (stickyButton) stickyButton.classList.toggle('is-visible', isButtonRevealed(scrollY)); 2385 } 2386 2387 applyState(window.scrollY); 2388 2389 setTimeout(function () { 2390 justLoaded = false; 2391 }, LOAD_GRACE_PERIOD); 2392 2393 window.addEventListener('scroll', function () { 2394 const currentScrollY = window.scrollY; 2395 2396 if (justLoaded) { 2397 lastScrollY = currentScrollY; 2398 return; 2399 } 2400 2401 applyState(currentScrollY); 2402 2403 if (spacer && window.innerWidth <= MOBILE_BREAKPOINT) { 2404 if (currentScrollY > lastScrollY) { 2405 spacer.classList.add('is-scrolled'); 2406 } else if (currentScrollY < lastScrollY) { 2407 spacer.classList.remove('is-scrolled'); 2408 } 2409 } 2410 2411 lastScrollY = currentScrollY; 2412 }); 2413 2414 window.addEventListener('resize', function () { 2415 applyState(window.scrollY); 2416 }); 2417}); 2418</script>
2418</div><div class="u-embed-js w-embed w-script">
2418<script> 2419function centerDropdowns() { 2420 const dropdowns = document.querySelectorAll('.nav_dropdown_main_content.is-desktop'); 2421 2422 const updates = []; 2423 2424 dropdowns.forEach(function(el) { 2425 const component = el.closest('.nav_dropdown_component'); 2426 const link = component ? component.querySelector('.nav_links_link') : null; 2427 if (!link) return; 2428 2429 const offsetParent = el.offsetParent || component; 2430 const linkRect = link.getBoundingClientRect(); 2431 const parentRect = offsetParent.getBoundingClientRect(); 2432 const centerX = linkRect.left + linkRect.width / 2 - parentRect.left; 2433 2434 updates.push({ el: el, centerX: centerX }); 2435 }); 2436 2437 updates.forEach(function(update) { 2438 update.el.style.left = update.centerX + 'px'; 2439 update.el.style.transform = 'translateX(-50%)'; 2440 }); 2441} 2442 2443document.addEventListener('DOMContentLoaded', centerDropdowns); 2444 2445let resizeTimer; 2446window.addEventListener('resize', function() { 2447 clearTimeout(resizeTimer); 2448 resizeTimer = setTimeout(centerDropdowns, 100); 2449}); 2450</script>
2450</div><div class="u-embed-css w-embed"><style> 2451:root { 2452 --nav--menu-open-duration: 300ms; 2453 --nav--menu-close-duration: 300ms; 2454 --nav--dropdown-open-duration: 300ms; 2455 --nav--dropdown-close-duration: 300ms; 2456} 2457body:has(.nav_component .w-nav-button.w--open):not(:has(.nav_desktop_wrap:not(.w-condition-invisible))) { overflow: hidden; } 2458/* on smaller screens */ 2459@media (width < 65em) { 2460 /* disable scroll when mobile menu is open */ 2461 body:has(.nav_component .w-nav-button.w--open) { overflow: hidden; } 2462 .nav_bar_bg { display: none; } 2463} 2464/* on larger screens */ 2465@container (min-width: 65em) { 2466 /* show desktop nav & dropdown backdrop */ 2467 .nav_desktop_wrap, .nav_dropdown_backdrop { display: block; } 2468 /* hide mobile nav & mobile menu backdrop */ 2469 .nav_desktop_wrap:not(.w-condition-invisible) ~ .nav_mobile_wrap, .nav_desktop_wrap:not(.w-condition-invisible) ~ .nav_menu_backdrop { display: none; } 2470} 2471/* dropdown list: initial state */ 2472html:not(.wf-design-mode) .nav_dropdown_component > .w-dropdown-list { 2473 display: grid !important; 2474 grid-template-columns: minmax(0, 1fr); 2475 grid-template-rows: 0fr; 2476 transition: grid-template-rows var(--nav--dropdown-close-duration); 2477 visibility: hidden; 2478 opacity: 0; 2479} 2480html:not(.wf-design-mode) .nav_dropdown_component > .w-dropdown-list.w--open { 2481 visibility: visible; 2482 opacity: 1; 2483} 2484.nav_dropdown_component > .w-dropdown-list > * { 2485 overflow: hidden; 2486} 2487.nav_dropdown_component:has(> .w-dropdown-toggle[aria-expanded="true"]) > .w-dropdown-list { 2488 --nav--dropdown-close-duration: var(--nav--dropdown-open-duration); 2489 grid-template-rows: 1fr; 2490} 2491.nav_desktop_wrap:has(.nav_dropdown_component > .w-dropdown-toggle.w--open[aria-expanded="false"]) .nav_dropdown_component:has(> .w--open[aria-expanded="true"]) > .w-dropdown-list { 2492 transition-delay: var(--nav--dropdown-close-duration); 2493} 2494.nav_dropdown_backdrop { 2495 transition: opacity var(--nav--dropdown-close-duration); 2496} 2497.nav_component:has(.nav_dropdown_component > [aria-expanded="true"]) .nav_dropdown_backdrop { 2498 opacity: 1; 2499} 2500.nav_menu_backdrop { 2501 transition: opacity var(--nav--menu-close-duration); 2502} 2503.nav_component:has(.w-nav-button.w--open) .nav_menu_backdrop { 2504 opacity: 1; 2505} 2506@keyframes menuOpen { 2507 from { clip-path: polygon(0 0, 100% 0, 100% 0, 0 0); } 2508 to { clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); } 2509} 2510@keyframes menuClose { 2511 from { clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); } 2512 to { clip-path: polygon(0 0, 100% 0, 100% 0, 0 0); } 2513} 2514.nav_component:has(.w-nav-button.w--open) .w-nav-menu { 2515 animation: menuOpen var(--nav--menu-open-duration) ease-in-out forwards; 2516} 2517.nav_component:has(.w-nav-button:not(.w--open)) .w-nav-menu { 2518 animation: menuClose var(--nav--menu-close-duration) ease-in-out forwards; 2519} 2520.nav_component .w-nav-overlay { 2521 top: 0; 2522 min-height: 100vh; 2523} 2524.nav_mobile_wrap [data-open-on-mobile] > .w-dropdown-toggle { 2525 display: none; 2526} 2527.nav_mobile_wrap [data-open-on-mobile] > .w-dropdown-list { 2528 visibility: visible !important; 2529 opacity: 1 !important; 2530 display: block !important; 2531 grid-template-rows: 1fr !important; 2532} 2533html:has(.nav_banner_wrap:not(.w-condition-invisible)):not(.hide-nav-banner) { 2534 --nav--height-total: calc(var(--nav--banner-height) + var(--nav--height) + var(--nav--spacing-outer-vertical)); 2535} 2536.hide-nav-banner .nav_banner_wrap { 2537 display: none; 2538} 2539.wf-design-mode .nav_mobile_menu_wrap { 2540 width: 100%; 2541} 2542.nav_component { 2543 transition: background-color 0.3s ease, transform 0.8s ease; 2544} 2545.nav_component.is-scrolled, 2546.nav_component:has(.w-nav-button.w--open) { 2547 color: var(--base-color-brand--jim-maroon); 2548 background-color: white; 2549} 2550.nav_links_link.is-desktop { 2551 transition: color 0.3s ease, background-color 0.3s ease !important; 2552} 2553.nav_button_wrap { --nav--button-open: 0; } 2554.nav_button_wrap.w--open { --nav--button-open: 1; } 2555.nav_button_line.is-1 { 2556 transform: translateY(calc((1px * 0.5 + 0.5625rem * 0.5) * var(--nav--button-open, 0))) rotate(calc(-45deg * var(--nav--button-open, 0))); 2557} 2558.nav_button_line.is-2 { 2559 transform: translateY(calc((1px * -0.5 + 0.5625rem * -0.5) * var(--nav--button-open, 0))) rotate(calc(45deg * var(--nav--button-open, 0))); 2560} 2561.nav_button_line.is-center { opacity: calc(1 - var(--nav--button-open, 0)); } 2562.nav_mobile_layout { transition: color var(--nav--menu-close-duration); } 2563.nav_component:has(.w-nav-button.w--open) .nav_mobile_layout { 2564 --nav--menu-close-duration: var(--nav--menu-open-duration); 2565 color: var(--base-color-brand--jim-maroon); 2566} 2567.nav_dropdown_list .nav_dropdown_item:last-child { border-bottom: none; } 2568.nav_links_svg { transition: transform 0.3s ease; } 2569.nav_dropdown_component:has(>
2569 .w-dropdown-toggle[aria-expanded="true"]) .nav_links_svg { transform: rotate(180deg); } 2570[mobile-button-sticky] { opacity: 0; pointer-events: none; transition: opacity 0.35s ease; } 2571[mobile-button-sticky].is-visible { opacity: 1; pointer-events: none; } 2572[mobile-button-sticky]:not(.is-visible) .mobile_sticky_inner { pointer-events: none; } 2573[data-theme="dark"] { 2574 background-color: var(--_rb_jim---color--background--background-secondary, #1a0000); 2575 color: var(--_rb_jim---color--text--text-secondary, #ffffff); 2576} 2577[data-theme="maroon"] { 2578 background-color: var(--_rb_jim---color--neutral--color-maroon-50, #f5f3f3); 2579 color: var(--_rb_jim---color--text--text-primary, #1a0000); 2580} 2581[data-theme="dark"] .marquee_text_inner { 2582 border-right-color: rgba(255, 255, 255, 0.12); 2583 background-color: var(--_rb_jim---color--background--background-secondary, #1a0000); 2584} 2585[data-theme="dark"] [marquee="gradient"] { 2586 background-image: linear-gradient(90deg, #1a0000 0%, rgba(26, 0, 0, 0) 100%); 2587} 2588</style> 2589 2590<style> 2591 /* Prop Theme = light â páginas com fundo claro. 2592 Estado inicial = mesmo visual do scrolled (fill branco + texto maroon). 2593 Scroll e menu aberto continuam usando as regras .is-scrolled / :has(.w--open). */ 2594 .nav_component[data-nav-theme='light'] { 2595 color: var(--base-color-brand--jim-maroon); 2596 background-color: white; 2597 } 2598</style></div><a href="#main" class="nav_skip_wrap w-inline-block"><div class="nav_skip_text u-text-style-small">Skip to main content</div></a><header class="nav_desktop_wrap"><div class="nav_desktop_contain"><div class="nav_desktop_layout"><a href="/" aria-label="Home Page" aria-current="page" class="nav_desktop_logo w-inline-block w--current"><div class="u-icon w-embed"><svg width="92" height="40" viewBox="0 0 92 40" fill="none" xmlns="http://www.w3.org/2000/svg"> 2599<path d="M87.3957 18.9077C85.5881 19.3147 83.6397 19.9332 81.6823 20.7427C82.6141 17.9475 83.9838 15.1747 85.9679 13.144C86.7679 12.3255 86.4997 10.9537 85.4563 10.4927L83.709 9.72137C82.5269 9.19965 81.1729 9.25138 80.0289 9.85405C74.3289 12.8584 69.411 16.8006 65.3265 21.4781C65.9208 18.4422 66.8749 15.3883 68.1753 13.0946C68.6535 12.249 68.3094 11.1741 67.4223 10.7828L65.2751 9.83606C63.9478 9.25138 62.415 9.38405 61.2129 10.1981C56.8335 13.162 52.7981 16.8725 49.2298 21.5905C49.518 18.4624 50.2017 15.3119 51.3413 13.0856C51.7703 12.2468 51.4128 11.2213 50.557 10.8413L48.7092 10.0205C47.2858 9.38855 45.6257 9.84281 44.7006 11.1021C41.8026 15.0465 38.3817 18.6199 34.5519 21.8964C35.4725 18.7728 35.9686 15.3951 36.2188 12.5683C36.2702 11.9927 35.9484 11.4507 35.4234 11.2191L32.5119 9.92826C31.1891 9.34133 29.6496 9.62243 28.6084 10.6299C26.3584 12.8045 23.8201 14.5968 21.2103 16.2024C21.7376 15.0308 22.2426 13.8727 22.7252 12.7348C22.9889 12.1118 22.7073 11.39 22.0906 11.1179L19.568 9.99798C18.1961 9.38855 16.6029 9.65841 15.4924 10.6704C12.4492 13.4454 7.15584 16.5442 1.24805 18.7098C0.77436 18.883 0.756485 19.5486 1.21901 19.7443L3.39979 20.6708C3.85338 20.8642 4.35835 20.9001 4.83652 20.7697C7.48876 20.0456 10.6817 18.811 13.6379 17.3088C12.8022 18.8717 11.9174 20.4504 10.9901 22.0245C5.33032 25.409 0.781063 29.1802 0.016895 35.8029C-0.11717 36.961 0.557622 38.0584 1.65025 38.4407L5.71017 39.862C6.738 40.2218 7.88202 39.862 8.51436 38.9715C11.2046 35.171 13.7518 30.9478 16.0734 26.6346C20.2986 22.8431 25.259 19.4924 29.1044 15.7347C28.2889 18.8043 27.0421 21.8199 25.297 24.2171C24.6714 25.0761 25.0378 26.295 26.0366 26.6436L30.7445 28.2919C31.1735 28.4426 31.6472 28.3999 32.0382 28.1705C35.8032 25.9487 39.3514 23.0612 42.7343 19.6655C42.245 21.4871 41.892 23.2299 41.7691 24.6466C41.7065 25.3662 42.1355 26.0341 42.8148 26.2725L47.9763 28.0783C48.689 28.3279 49.4778 28.0288 49.8487 27.3654C51.7301 24.0035 54.8337 21.0598 58.5987 18.296C57.9864 20.5583 57.5909 22.8139 57.3854 24.7186C57.3072 25.4427 57.7406 26.1241 58.4221 26.3647L63.5188 28.1682C64.1467 28.3909 64.8483 28.193 65.2594 27.6668C67.6882 24.5477 71.0756 21.7884 75.0864 19.1191C74.2395 21.0935 73.5737 23.0275 73.1603 24.6354C72.9547 25.4337 73.3949 26.2545 74.1703 26.5199L79.0189 28.1817C79.5976 28.3796 80.2389 28.2245 80.6568 27.7769C83.0342 25.2156 87.6706 22.4203 91.5115 20.9406C92.0746 20.7247 92.0858 19.9264 91.5294 19.6903L90.2692 19.1551C89.362 18.7705 88.3565 18.6873 87.3957 18.9032V18.9077Z" fill="currentColor"/> 2600<path d="M25.4065 0.555289L20.969 0.00658332C20.4886 -0.0518854 20.0484 0.285434 19.9769 0.766676C19.6909 2.71863 19.2619 4.48843 18.6966 6.0491C18.5312 6.50335 18.7457 7.00933 19.1904 7.19373L23.3196 8.91856C23.7866 9.1142 24.3228 8.88258 24.4993 8.40583C25.2568 6.36393 25.8199 4.07465 26.1796 1.57849C26.2511 1.07926 25.9025 0.613758 25.4043 0.553041L25.4065 0.555289Z" fill="currentColor"/> 2601<path d="M38.5068 0.555289L34.0693 0.00658332C33.5889 -0.0518854 33.1487 0.285434 33.0772 0.766676C32.7912 2.71863 32.3622 4.48843 31.7969 6.0491C31.6316 6.50335 31.8461 7.00933 32.2907 7.19373L36.4199 8.91856C36.8869 9.1142 37.4232 8.88258 37.5997 8.40583C38.3571 6.36393 38.9202 4.07465 39.2799 1.57849C39.3514 1.07926 39.0029 0.613758 38.5046 0.553041L38.5068 0.555289Z" fill="currentColor"/> 2602</svg> 2603</div></a><nav aria-label="Main" class="nav_links_component desktop">
2603<ul role="list" class="nav_links_wrap is-desktop w-list-unstyled"><li class="nav_links_item is-desktop"><div data-delay="400" data-hover="true" class="nav_dropdown_component is-desktop w-dropdown"><div data-state="expanded" class="nav_links_link is-desktop w-dropdown-toggle"><div class="text-size-secondary">Payments</div><div class="nav_links_svg is-desktop"><div class="u-icon w-embed"><svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> 2604<path d="M6 7.7L3 4.7L3.7 4L6 6.3L8.3 4L9 4.7L6 7.7Z" fill="currentColor"/> 2605</svg> 2606</div></div></div><nav class="nav_dropdown_main_wrap is-desktop w-dropdown-list"><div class="nav_dropdown_main_content is-desktop"><div data-lenis-prevent="" class="nav_dropdown_main_scroll is-desktop"><ul role="list" class="nav_dropdown_list is-desktop"><li class="nav_dropdown_item is-desktop"><a href="/tap" class="nav_dropdown_link is-desktop w-inline-block"><div>Tap to Pay</div></a></li><li class="nav_dropdown_item is-desktop"><a href="/payment-link" class="nav_dropdown_link is-desktop w-inline-block"><div>Payment Links</div></a></li></ul></div></div></nav></div></li><li class="nav_links_item is-desktop"><div data-delay="400" data-hover="true" class="nav_dropdown_component is-desktop w-dropdown"><div data-state="expanded" class="nav_links_link is-desktop w-dropdown-toggle"><div class="text-size-secondary">Solutions</div><div class="nav_links_svg is-desktop"><div class="u-icon w-embed"><svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> 2607<path d="M6 7.7L3 4.7L3.7 4L6 6.3L8.3 4L9 4.7L6 7.7Z" fill="currentColor"/> 2608</svg> 2609</div></div></div><nav class="nav_dropdown_main_wrap is-desktop w-dropdown-list"><div class="nav_dropdown_main_content is-desktop"><div data-lenis-prevent="" class="nav_dropdown_main_scroll is-desktop"><ul role="list" class="nav_dropdown_list is-desktop"><li class="nav_dropdown_item is-desktop"><a href="/booking" class="nav_dropdown_link is-desktop w-inline-block"><div>Booking</div></a></li><li class="nav_dropdown_item is-desktop"><a href="/website-builder" class="nav_dropdown_link is-desktop w-inline-block"><div>Website Builder</div></a></li><li class="nav_dropdown_item is-desktop"><a href="/jim-card" class="nav_dropdown_link is-desktop w-inline-block"><div>Jim Card</div></a></li><li class="nav_dropdown_item is-desktop"><a href="/calculator" class="nav_dropdown_link is-desktop w-inline-block"><div>Calculator</div></a></li><li class="nav_dropdown_item is-desktop"><a href="/materials" class="nav_dropdown_link is-desktop w-inline-block"><div>Materials</div></a></li></ul></div></div></nav></div></li><li class="nav_links_item is-desktop"><a href="/chat" class="nav_links_link is-desktop w-inline-block"><div class="text-size-secondary">Ask Jim</div></a></li><li class="nav_links_item is-desktop"><a href="/pricing" class="nav_links_link is-desktop w-inline-block"><div class="text-size-secondary">Pricing</div></a></li><li class="nav_links_item is-desktop"><a href="/blog" class="nav_links_link is-desktop w-inline-block"><div class="text-size-secondary">Blog</div></a></li></ul><ul role="list" class="nav_actions_wrap desktop-77 w-list-unstyled"><li class="nav_buttons_item desktop-110"><a data-button="trigger" href="https://onboarding.jim.com/login" class="rb_button small w-inline-block"><div class="cta_button small-2">Get Jim</div><div data-button="bg" class="button_bg small-3"><img loading="lazy" src="https://cdn.prod.website-files.com/65fc1fa2c1e7707c3f051403/6a69042703b2d33049b13366_button-bg-main.svg" alt="This is a plain white button background with no text or meaningful visual content. Screen readers should skip it; the buttonâs label carries the meaning." class="rb_image small-4"/></div></a></li></ul></nav></div></div></header><div data-animation="default" data-collapse="all" data-duration="400" data-easing="ease" data-easing2="ease" role="banner" class="nav_mobile_wrap w-nav"><div class="nav_mobile_contain"><div class="nav_mobile_layout"><a href="/" aria-label="Home Page" aria-current="page" class="nav_mobile_logo
2609w-inline-block w--current"><div class="u-icon w-embed"><svg width="74" height="32" viewBox="0 0 74 32" fill="none" xmlns="http://www.w3.org/2000/svg"> 2610<path d="M69.9166 15.1262C68.4705 15.4518 66.9117 15.9465 65.3459 16.5942C66.0913 14.358 67.187 12.1398 68.7744 10.5152C69.4143 9.86038 69.1998 8.76297 68.365 8.39417L66.9672 7.7771C66.0216 7.35972 64.9383 7.4011 64.0231 7.88324C59.4631 10.2868 55.5288 13.4405 52.2612 17.1825C52.7366 14.7538 53.4999 12.3107 54.5403 10.4757C54.9228 9.79922 54.6475 8.93928 53.9379 8.62625L52.2201 7.86885C51.1583 7.4011 49.932 7.50724 48.9703 8.15849C45.4668 10.5296 42.2385 13.498 39.3838 17.2724C39.6144 14.77 40.1614 12.2495 41.073 10.4685C41.4162 9.79742 41.1302 8.97706 40.4456 8.67302L38.9673 8.01637C37.8287 7.51084 36.5005 7.87425 35.7605 8.88171C33.4421 12.0372 30.7054 14.8959 27.6415 17.5171C28.378 15.0182 28.7748 12.3161 28.975 10.0547C29.0162 9.59413 28.7587 9.16056 28.3387 8.97526L26.0095 7.94261C24.9513 7.47306 23.7197 7.69794 22.8867 8.50391C21.0867 10.2436 19.0561 11.6774 16.9682 12.9619C17.3901 12.0246 17.7941 11.0981 18.1802 10.1878C18.3911 9.68948 18.1659 9.11198 17.6725 8.8943L15.6544 7.99838C14.5568 7.51084 13.2823 7.72673 12.3939 8.53629C9.95932 10.7563 5.72467 13.2354 0.998444 14.9678C0.619488 15.1064 0.605188 15.6389 0.975206 15.7954L2.71983 16.5366C3.0827 16.6913 3.48668 16.7201 3.86921 16.6158C5.99101 16.0365 8.54539 15.0488 10.9103 13.847C10.2418 15.0974 9.53389 16.3603 8.79207 17.6196C4.26426 20.3272 0.624851 23.3442 0.013516 28.6423C-0.0937357 29.5688 0.446098 30.4468 1.3202 30.7526L4.56814 31.8896C5.3904 32.1774 6.30561 31.8896 6.81148 31.1772C8.96367 28.1368 11.0015 24.7582 12.8587 21.3076C16.2389 18.2745 20.2072 15.5939 23.2836 12.5877C22.6311 15.0434 21.6337 17.4559 20.2376 19.3737C19.7371 20.0609 20.0303 21.036 20.8293 21.3148L24.5956 22.6335C24.9388 22.7541 25.3178 22.7199 25.6306 22.5364C28.6426 20.7589 31.4812 18.449 34.1875 15.7324C33.796 17.1897 33.5136 18.5839 33.4153 19.7173C33.3652 20.293 33.7084 20.8273 34.2518 21.018L38.381 22.4626C38.9512 22.6623 39.5822 22.4231 39.879 21.8923C41.3841 19.2028 43.8669 16.8478 46.8789 14.6368C46.3891 16.4467 46.0727 18.2511 45.9083 19.7749C45.8457 20.3542 46.1925 20.8993 46.7377 21.0918L50.8151 22.5346C51.3174 22.7127 51.8786 22.5544 52.2075 22.1334C54.1506 19.6381 56.8605 17.4307 60.0691 15.2953C59.3916 16.8748 58.8589 18.422 58.5282 19.7083C58.3638 20.347 58.7159 21.0036 59.3362 21.2159L63.2151 22.5454C63.6781 22.7037 64.1911 22.5796 64.5254 22.2216C66.4273 20.1725 70.1364 17.9363 73.2092 16.7525C73.6597 16.5798 73.6686 15.9411 73.2235 15.7522L72.2153 15.3241C71.4896 15.0164 70.6852 14.9499 69.9166 15.1226V15.1262Z" fill="currentColor"/> 2611<path d="M20.3252 0.444231L16.7752 0.00526665C16.3908 -0.0415083 16.0387 0.228347 15.9815 0.613341C15.7527 2.1749 15.4095 3.59075 14.9573 4.83928C14.825 5.20268 14.9966 5.60746 15.3523 5.75499L18.6556 7.13485C19.0292 7.29136 19.4582 7.10606 19.5995 6.72467C20.2054 5.09114 20.6559 3.25972 20.9437 1.26279C21.0009 0.863407 20.722 0.491006 20.3234 0.442432L20.3252 0.444231Z" fill="currentColor"/> 2612<path d="M30.8055 0.444231L27.2554 0.00526665C26.8711 -0.0415083 26.519 0.228347 26.4618 0.613341C26.233 2.1749 25.8898 3.59075 25.4375 4.83928C25.3053 5.20268 25.4769 5.60746 25.8326 5.75499L29.1359 7.13485C29.5095 7.29136 29.9385 7.10606 30.0797 6.72467C30.6857 5.09114 31.1362 3.25972 31.424 1.26279C31.4812 0.863407 31.2023 0.491006 30.8037 0.442432L30.8055 0.444231Z" fill="currentColor"/> 2613</svg> 2614</div></a><nav role="navigation" class="nav_mobile_menu_wrap w-nav-menu"><div data-lenis-prevent="" class="nav_mobile_menu_scroll"><nav aria-label="Main" class="nav_links_component desktop-111"><ul role="list" class="nav_links_wrap desktop-112 w-list-unstyled"><li class="nav_links_item desktop-146"><div data-delay="400" data-hover="false" class="nav_dropdown_component desktop-150 w-dropdown"><div data-state="expanded" class="nav_links_link desktop-151 w-dropdown-toggle"><div class="rb_heading-style-h6 desktop-152">Payments</div><div class="nav_links_svg desktop-153"><div class="u-icon w-embed"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> 2615<path d="M12 15.4L6 9.4L7.4 8L12 12.6L16.6 8L18 9.4L12 15.4Z" fill="#1A0000"/> 2616</svg> 2617</div></div></div><nav class="nav_dropdown_main_wrap desktop-154 w-dropdown-list"><div class="nav_dropdown_main_content desktop-155"><div data-lenis-prevent="" class="nav_dropdown_main_scroll desktop-156"><ul role="list" class="nav_dropdown_list desktop-157 w-list-unstyled"><li class="nav_dropdown_item desktop-161"><a href="/tap" class="nav_dropdown_link desktop-162 w-inline-block"><div class="text-size-primary desktop-163">Tap to Pay</div></a></li><li class="nav_dropdown_item desktop-161"><a href="/payment-link" class="nav_dropdown_link desktop-162 w-inline-block"><div class="text-size-primary desktop-163">Payment Links</div></a></li></ul></div></div></nav></div></li><li class="nav_links_item desktop-146"><div data-delay="400" data-hover="false" class="nav_dropdown_component desktop-150 w-dropdown"><div data-state="expanded" class="nav_links_link desktop-151 w-dropdown-toggle">
2617<div class="rb_heading-style-h6 desktop-152">Solutions</div><div class="nav_links_svg desktop-153"><div class="u-icon w-embed"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> 2618<path d="M12 15.4L6 9.4L7.4 8L12 12.6L16.6 8L18 9.4L12 15.4Z" fill="#1A0000"/> 2619</svg> 2620</div></div></div><nav class="nav_dropdown_main_wrap desktop-154 w-dropdown-list"><div class="nav_dropdown_main_content desktop-155"><div data-lenis-prevent="" class="nav_dropdown_main_scroll desktop-156"><ul role="list" class="nav_dropdown_list desktop-157 w-list-unstyled"><li class="nav_dropdown_item desktop-161"><a href="/booking" class="nav_dropdown_link desktop-162 w-inline-block"><div class="text-size-primary desktop-163">Booking</div></a></li><li class="nav_dropdown_item desktop-161"><a href="/website-builder" class="nav_dropdown_link desktop-162 w-inline-block"><div class="text-size-primary desktop-163">Website Builder</div></a></li><li class="nav_dropdown_item desktop-161"><a href="/jim-card" class="nav_dropdown_link desktop-162 w-inline-block"><div class="text-size-primary desktop-163">Jim Card</div></a></li><li class="nav_dropdown_item desktop-161"><a href="/calculator" class="nav_dropdown_link desktop-162 w-inline-block"><div class="text-size-primary desktop-163">Calculator</div></a></li><li class="nav_dropdown_item desktop-161"><a href="/materials" class="nav_dropdown_link desktop-162 w-inline-block"><div class="text-size-primary desktop-163">Materials</div></a></li></ul></div></div></nav></div></li><li class="nav_links_item desktop-146"><a href="/chat" class="nav_links_link desktop-151 w-inline-block"><div class="rb_heading-style-h6 desktop-152">Ask Jim</div></a></li><li class="nav_links_item desktop-146"><a href="/pricing" class="nav_links_link desktop-151 w-inline-block"><div class="rb_heading-style-h6 desktop-152">Pricing</div></a></li><li class="nav_links_item desktop-146 is-last desktop-149"><a href="/blog" class="nav_links_link desktop-151 w-inline-block"><div class="rb_heading-style-h6 desktop-152">Blog</div></a></li></ul><ul role="list" class="nav_actions_wrap desktop-164 w-list-unstyled"><li class="nav_buttons_item desktop-165"><a data-button="trigger" href="https://onboarding.jim.com/login" class="rb_button navbar w-inline-block u-text-button-center"><div class="cta_button navbar-2">Get Jim</div><div data-button="bg" class="button_bg navbar-3"><img loading="lazy" src="https://cdn.prod.website-files.com/65fc1fa2c1e7707c3f051403/6a69042703b2d33049b13366_button-bg-main.svg" alt="This is a plain white button background with no text or meaningful visual content. Screen readers should skip it; the buttonâs label carries the meaning." class="rb_image navbar-4"/></div></a></li></ul></nav></div></nav><div data-state="open" class="nav_button_wrap w-nav-button"><div class="nav_button_layout"><div class="nav_button_line is-1"></div><div class="nav_button_line is-center"></div><div class="nav_button_line is-2"></div></div></div></div></div></div><div nav="backdrop" class="nav_dropdown_backdrop"></div><div class="nav_bar_bg"></div></div><main class="main"><div class="rb_section is-grid"><div class="rb_padding-global"><div class="rb_container-large"><div class="split_heading is-grid"><div class="split_heading_inner"><h1 class="rb_heading-style-h2">Sell anywhere. Get paid instantly.</h1></div><div class="text-opacity-60"><div class="text-size-medium">One app, two ways to get paid: accept contactless card payments using just your phone or send payment links to sell online.</div></div><a data-button="trigger" href="https://onboarding.jim.com/login" class="rb_button w-inline-block u-hide-mobile"><div class="cta_button">Start selling now</div><div data-button="bg" class="button_bg"><img loading="lazy" src="https://cdn.prod.website-files.com/65fc1fa2c1e7707c3f051403/6a69042703b2d33049b13366_button-bg-main.svg" alt="This is a plain white button background with no text or meaningful visual content. Screen readers should skip it; the buttonâs label carries the meaning." class="rb_image"/></div></a></div></div></div><div class="split_image_wrapper is-full"><div class="hero_split-img is-custom-split"><video src="https://cdn.prod.website-files.com/65fc1fa2c1e7707c3f051403%2F6a8f51194ea682d1e912412f_video-tap-new_mp4.mp4" autoplay=" " loop="" muted="" playsinline=" " STYLE="" class="u-video de
2620sktop object-cover"></video><video src="https://cdn.prod.website-files.com/65fc1fa2c1e7707c3f051403%2F6a8f51194ea682d1e912412f_video-tap-new_mp4.mp4" autoplay=" " loop="" muted="" playsinline=" " STYLE="" class="u-video mobile object-cover"></video></div></div><div class="hero_bottom_wrapper left u-theme-light-tablet"><p class="text-size-secondary">No monthly fees · No extra hardware · No hidden costs</p></div></div><div data-nav-theme="light" nav="component" class="nav_component"><div class="js w-embed w-script">
2620<script> 2621document.addEventListener('DOMContentLoaded', function () { 2622 const MOBILE_BREAKPOINT = 767; 2623 const SCROLL_THRESHOLD = 80; 2624 const LOAD_GRACE_PERIOD = 500; 2625 // fracao da viewport onde o meio da secao gatilho revela o botao sticky 2626 const REVEAL_ANCHOR = 0.5; 2627 const nav = document.querySelector("[nav='component']"); 2628 const spacer = document.querySelector("[button-sticky='spacer']"); 2629 const stickyButton = document.querySelector("[mobile-button-sticky]"); 2630 const revealTrigger = document.querySelector("[button-sticky='trigger']"); 2631 const hideTrigger = document.querySelector("[button-sticky='end']"); 2632 2633 let lastScrollY = window.scrollY; 2634 let justLoaded = true; 2635 2636 if (spacer && window.innerWidth <= MOBILE_BREAKPOINT) { 2637 spacer.classList.add('is-collapsed'); 2638 spacer.classList.add('is-scrolled'); 2639 } 2640 2641 function isButtonRevealed(scrollY) { 2642 // no fim da pagina o botao sai antes de encostar no elemento de saida 2643 if (hideTrigger && hideTrigger.getBoundingClientRect().top <= window.innerHeight) { 2644 return false; 2645 } 2646 // sem secao gatilho na pagina, mantem o comportamento antigo 2647 if (!revealTrigger) return scrollY > SCROLL_THRESHOLD; 2648 const rect = revealTrigger.getBoundingClientRect(); 2649 return rect.top + rect.height / 2 <= window.innerHeight * REVEAL_ANCHOR; 2650 } 2651 2652 function applyState(scrollY) { 2653 if (nav) nav.classList.toggle('is-scrolled', scrollY > SCROLL_THRESHOLD); 2654 if (stickyButton) stickyButton.classList.toggle('is-visible', isButtonRevealed(scrollY)); 2655 } 2656 2657 applyState(window.scrollY); 2658 2659 setTimeout(function () { 2660 justLoaded = false; 2661 }, LOAD_GRACE_PERIOD); 2662 2663 window.addEventListener('scroll', function () { 2664 const currentScrollY = window.scrollY; 2665 2666 if (justLoaded) { 2667 lastScrollY = currentScrollY; 2668 return; 2669 } 2670 2671 applyState(currentScrollY); 2672 2673 if (spacer && window.innerWidth <= MOBILE_BREAKPOINT) { 2674 if (currentScrollY > lastScrollY) { 2675 spacer.classList.add('is-scrolled'); 2676 } else if (currentScrollY < lastScrollY) { 2677 spacer.classList.remove('is-scrolled'); 2678 } 2679 } 2680 2681 lastScrollY = currentScrollY; 2682 }); 2683 2684 window.addEventListener('resize', function () { 2685 applyState(window.scrollY); 2686 }); 2687}); 2688</script>
2688</div><div class="u-embed-js w-embed w-script">
2688<script> 2689function centerDropdowns() { 2690 const dropdowns = document.querySelectorAll('.nav_dropdown_main_content.is-desktop'); 2691 2692 const updates = []; 2693 2694 dropdowns.forEach(function(el) { 2695 const component = el.closest('.nav_dropdown_component'); 2696 const link = component ? component.querySelector('.nav_links_link') : null; 2697 if (!link) return; 2698 2699 const offsetParent = el.offsetParent || component; 2700 const linkRect = link.getBoundingClientRect(); 2701 const parentRect = offsetParent.getBoundingClientRect(); 2702 const centerX = linkRect.left + linkRect.width / 2 - parentRect.left; 2703 2704 updates.push({ el: el, centerX: centerX }); 2705 }); 2706 2707 updates.forEach(function(update) { 2708 update.el.style.left = update.centerX + 'px'; 2709 update.el.style.transform = 'translateX(-50%)'; 2710 }); 2711} 2712 2713document.addEventListener('DOMContentLoaded', centerDropdowns); 2714 2715let resizeTimer; 2716window.addEventListener('resize', function() { 2717 clearTimeout(resizeTimer); 2718 resizeTimer = setTimeout(centerDropdowns, 100); 2719}); 2720</script>
2720</div><div class="u-embed-css w-embed"><style> 2721:root { 2722 --nav--menu-open-duration: 300ms; 2723 --nav--menu-close-duration: 300ms; 2724 --nav--dropdown-open-duration: 300ms; 2725 --nav--dropdown-close-duration: 300ms; 2726} 2727body:has(.nav_component .w-nav-button.w--open):not(:has(.nav_desktop_wrap:not(.w-condition-invisible))) { overflow: hidden; } 2728/* on smaller screens */ 2729@media (width < 65em) { 2730 /* disable scroll when mobile menu is open */ 2731 body:has(.nav_component .w-nav-button.w--open) { overflow: hidden; } 2732 .nav_bar_bg { display: none; } 2733} 2734/* on larger screens */ 2735@container (min-width: 65em) { 2736 /* show desktop nav & dropdown backdrop */ 2737 .nav_desktop_wrap, .nav_dropdown_backdrop { display: block; } 2738 /* hide mobile nav & mobile menu backdrop */ 2739 .nav_desktop_wrap:not(.w-condition-invisible) ~ .nav_mobile_wrap, .nav_desktop_wrap:not(.w-condition-invisible) ~ .nav_menu_backdrop { display: none; } 2740} 2741/* dropdown list: initial state */ 2742html:not(.wf-design-mode) .nav_dropdown_component > .w-dropdown-list { 2743 display: grid !important; 2744 grid-template-columns: minmax(0, 1fr); 2745 grid-template-rows: 0fr; 2746 transition: grid-template-rows var(--nav--dropdown-close-duration); 2747 visibility: hidden; 2748 opacity: 0; 2749} 2750html:not(.wf-design-mode) .nav_dropdown_component > .w-dropdown-list.w--open { 2751 visibility: visible; 2752 opacity: 1; 2753} 2754.nav_dropdown_component > .w-dropdown-list > * { 2755 overflow: hidden; 2756} 2757.nav_dropdown_component:has(> .w-dropdown-toggle[aria-expanded="true"]) > .w-dropdown-list { 2758 --nav--dropdown-close-duration: var(--nav--dropdown-open-duration); 2759 grid-template-rows: 1fr; 2760} 2761.nav_desktop_wrap:has(.nav_dropdown_component > .w-dropdown-toggle.w--open[aria-expanded="false"]) .nav_dropdown_component:has(> .w--open[aria-expanded="true"]) > .w-dropdown-list { 2762 transition-delay: var(--nav--dropdown-close-duration); 2763} 2764.nav_dropdown_backdrop { 2765 transition: opacity var(--nav--dropdown-close-duration); 2766} 2767.nav_component:has(.nav_dropdown_component > [aria-expanded="true"]) .nav_dropdown_backdrop { 2768 opacity: 1; 2769} 2770.nav_menu_backdrop { 2771 transition: opacity var(--nav--menu-close-duration); 2772} 2773.nav_component:has(.w-nav-button.w--open) .nav_menu_backdrop { 2774 opacity: 1; 2775} 2776@keyframes menuOpen { 2777 from { clip-path: polygon(0 0, 100% 0, 100% 0, 0 0); } 2778 to { clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); } 2779} 2780@keyframes menuClose { 2781 from { clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); } 2782 to { clip-path: polygon(0 0, 100% 0, 100% 0, 0 0); } 2783} 2784.nav_component:has(.w-nav-button.w--open) .w-nav-menu { 2785 animation: menuOpen var(--nav--menu-open-duration) ease-in-out forwards; 2786} 2787.nav_component:has(.w-nav-button:not(.w--open)) .w-nav-menu { 2788 animation: menuClose var(--nav--menu-close-duration) ease-in-out forwards; 2789} 2790.nav_component .w-nav-overlay { 2791 top: 0; 2792 min-height: 100vh; 2793} 2794.nav_mobile_wrap [data-open-on-mobile] > .w-dropdown-toggle { 2795 display: none; 2796} 2797.nav_mobile_wrap [data-open-on-mobile] > .w-dropdown-list { 2798 visibility: visible !important; 2799 opacity: 1 !important; 2800 display: block !important; 2801 grid-template-rows: 1fr !important; 2802} 2803html:has(.nav_banner_wrap:not(.w-condition-invisible)):not(.hide-nav-banner) { 2804 --nav--height-total: calc(var(--nav--banner-height) + var(--nav--height) + var(--nav--spacing-outer-vertical)); 2805} 2806.hide-nav-banner .nav_banner_wrap { 2807 display: none; 2808} 2809.wf-design-mode .nav_mobile_menu_wrap { 2810 width: 100%; 2811} 2812.nav_component { 2813 transition: background-color 0.3s ease, transform 0.8s ease; 2814} 2815.nav_component.is-scrolled, 2816.nav_component:has(.w-nav-button.w--open) { 2817 color: var(--base-color-brand--jim-maroon); 2818 background-color: white; 2819} 2820.nav_links_link.is-desktop { 2821 transition: color 0.3s ease, background-color 0.3s ease !important; 2822} 2823.nav_button_wrap { --nav--button-open: 0; } 2824.nav_button_wrap.w--open { --nav--button-open: 1; } 2825.nav_button_line.is-1 { 2826 transform: translateY(calc((1px * 0.5 + 0.5625rem * 0.5) * var(--nav--button-open, 0))) rotate(calc(-45deg * var(--nav--button-open, 0))); 2827} 2828.nav_button_line.is-2 { 2829 transform: translateY(calc((1px * -0.5 + 0.5625rem * -0.5) * var(--nav--button-open, 0))) rotate(calc(45deg * var(--nav--button-open, 0))); 2830} 2831.nav_button_line.is-center { opacity: calc(1 - var(--nav--button-open, 0)); } 2832.nav_mobile_layout { transition: color var(--nav--menu-close-duration); } 2833.nav_component:has(.w-nav-button.w--open) .nav_mobile_layout { 2834 --nav--menu-close-duration: var(--nav--menu-open-duration); 2835 color: var(--base-color-brand--jim-maroon); 2836} 2837.nav_dropdown_list .nav_dropdown_item:last-child { border-bottom: none; } 2838.nav_links_svg { transition: transform 0.3s ease; } 2839.nav_dropdown_component:has(>
2839 .w-dropdown-toggle[aria-expanded="true"]) .nav_links_svg { transform: rotate(180deg); } 2840[mobile-button-sticky] { opacity: 0; pointer-events: none; transition: opacity 0.35s ease; } 2841[mobile-button-sticky].is-visible { opacity: 1; pointer-events: none; } 2842[mobile-button-sticky]:not(.is-visible) .mobile_sticky_inner { pointer-events: none; } 2843[data-theme="dark"] { 2844 background-color: var(--_rb_jim---color--background--background-secondary, #1a0000); 2845 color: var(--_rb_jim---color--text--text-secondary, #ffffff); 2846} 2847[data-theme="maroon"] { 2848 background-color: var(--_rb_jim---color--neutral--color-maroon-50, #f5f3f3); 2849 color: var(--_rb_jim---color--text--text-primary, #1a0000); 2850} 2851[data-theme="dark"] .marquee_text_inner { 2852 border-right-color: rgba(255, 255, 255, 0.12); 2853 background-color: var(--_rb_jim---color--background--background-secondary, #1a0000); 2854} 2855[data-theme="dark"] [marquee="gradient"] { 2856 background-image: linear-gradient(90deg, #1a0000 0%, rgba(26, 0, 0, 0) 100%); 2857} 2858</style> 2859 2860<style> 2861 /* Prop Theme = light â páginas com fundo claro. 2862 Estado inicial = mesmo visual do scrolled (fill branco + texto maroon). 2863 Scroll e menu aberto continuam usando as regras .is-scrolled / :has(.w--open). */ 2864 .nav_component[data-nav-theme='light'] { 2865 color: var(--base-color-brand--jim-maroon); 2866 background-color: white; 2867 } 2868</style></div><a href="#main" class="nav_skip_wrap w-inline-block"><div class="nav_skip_text u-text-style-small">Skip to main content</div></a><header class="nav_desktop_wrap"><div class="nav_desktop_contain"><div class="nav_desktop_layout"><a href="/" aria-label="Home Page" aria-current="page" class="nav_desktop_logo w-inline-block w--current"><div class="u-icon w-embed"><svg width="92" height="40" viewBox="0 0 92 40" fill="none" xmlns="http://www.w3.org/2000/svg"> 2869<path d="M87.3957 18.9077C85.5881 19.3147 83.6397 19.9332 81.6823 20.7427C82.6141 17.9475 83.9838 15.1747 85.9679 13.144C86.7679 12.3255 86.4997 10.9537 85.4563 10.4927L83.709 9.72137C82.5269 9.19965 81.1729 9.25138 80.0289 9.85405C74.3289 12.8584 69.411 16.8006 65.3265 21.4781C65.9208 18.4422 66.8749 15.3883 68.1753 13.0946C68.6535 12.249 68.3094 11.1741 67.4223 10.7828L65.2751 9.83606C63.9478 9.25138 62.415 9.38405 61.2129 10.1981C56.8335 13.162 52.7981 16.8725 49.2298 21.5905C49.518 18.4624 50.2017 15.3119 51.3413 13.0856C51.7703 12.2468 51.4128 11.2213 50.557 10.8413L48.7092 10.0205C47.2858 9.38855 45.6257 9.84281 44.7006 11.1021C41.8026 15.0465 38.3817 18.6199 34.5519 21.8964C35.4725 18.7728 35.9686 15.3951 36.2188 12.5683C36.2702 11.9927 35.9484 11.4507 35.4234 11.2191L32.5119 9.92826C31.1891 9.34133 29.6496 9.62243 28.6084 10.6299C26.3584 12.8045 23.8201 14.5968 21.2103 16.2024C21.7376 15.0308 22.2426 13.8727 22.7252 12.7348C22.9889 12.1118 22.7073 11.39 22.0906 11.1179L19.568 9.99798C18.1961 9.38855 16.6029 9.65841 15.4924 10.6704C12.4492 13.4454 7.15584 16.5442 1.24805 18.7098C0.77436 18.883 0.756485 19.5486 1.21901 19.7443L3.39979 20.6708C3.85338 20.8642 4.35835 20.9001 4.83652 20.7697C7.48876 20.0456 10.6817 18.811 13.6379 17.3088C12.8022 18.8717 11.9174 20.4504 10.9901 22.0245C5.33032 25.409 0.781063 29.1802 0.016895 35.8029C-0.11717 36.961 0.557622 38.0584 1.65025 38.4407L5.71017 39.862C6.738 40.2218 7.88202 39.862 8.51436 38.9715C11.2046 35.171 13.7518 30.9478 16.0734 26.6346C20.2986 22.8431 25.259 19.4924 29.1044 15.7347C28.2889 18.8043 27.0421 21.8199 25.297 24.2171C24.6714 25.0761 25.0378 26.295 26.0366 26.6436L30.7445 28.2919C31.1735 28.4426 31.6472 28.3999 32.0382 28.1705C35.8032 25.9487 39.3514 23.0612 42.7343 19.6655C42.245 21.4871 41.892 23.2299 41.7691 24.6466C41.7065 25.3662 42.1355 26.0341 42.8148 26.2725L47.9763 28.0783C48.689 28.3279 49.4778 28.0288 49.8487 27.3654C51.7301 24.0035 54.8337 21.0598 58.5987 18.296C57.9864 20.5583 57.5909 22.8139 57.3854 24.7186C57.3072 25.4427 57.7406 26.1241 58.4221 26.3647L63.5188 28.1682C64.1467 28.3909 64.8483 28.193 65.2594 27.6668C67.6882 24.5477 71.0756 21.7884 75.0864 19.1191C74.2395 21.0935 73.5737 23.0275 73.1603 24.6354C72.9547 25.4337 73.3949 26.2545 74.1703 26.5199L79.0189 28.1817C79.5976 28.3796 80.2389 28.2245 80.6568 27.7769C83.0342 25.2156 87.6706 22.4203 91.5115 20.9406C92.0746 20.7247 92.0858 19.9264 91.5294 19.6903L90.2692 19.1551C89.362 18.7705 88.3565 18.6873 87.3957 18.9032V18.9077Z" fill="currentColor"/> 2870<path d="M25.4065 0.555289L20.969 0.00658332C20.4886 -0.0518854 20.0484 0.285434 19.9769 0.766676C19.6909 2.71863 19.2619 4.48843 18.6966 6.0491C18.5312 6.50335 18.7457 7.00933 19.1904 7.19373L23.3196 8.91856C23.7866 9.1142 24.3228 8.88258 24.4993 8.40583C25.2568 6.36393 25.8199 4.07465 26.1796 1.57849C26.2511 1.07926 25.9025 0.613758 25.4043 0.553041L25.4065 0.555289Z" fill="currentColor"/> 2871<path d="M38.5068 0.555289L34.0693 0.00658332C33.5889 -0.0518854 33.1487 0.285434 33.0772 0.766676C32.7912 2.71863 32.3622 4.48843 31.7969 6.0491C31.6316 6.50335 31.8461 7.00933 32.2907 7.19373L36.4199 8.91856C36.8869 9.1142 37.4232 8.88258 37.5997 8.40583C38.3571 6.36393 38.9202 4.07465 39.2799 1.57849C39.3514 1.07926 39.0029 0.613758 38.5046 0.553041L38.5068 0.555289Z" fill="currentColor"/> 2872</svg> 2873</div></a><nav aria-label="Main" class="nav_links_component desktop">
2873<ul role="list" class="nav_links_wrap is-desktop w-list-unstyled"><li class="nav_links_item is-desktop"><div data-delay="400" data-hover="true" class="nav_dropdown_component is-desktop w-dropdown"><div data-state="expanded" class="nav_links_link is-desktop w-dropdown-toggle"><div class="text-size-secondary">Payments</div><div class="nav_links_svg is-desktop"><div class="u-icon w-embed"><svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> 2874<path d="M6 7.7L3 4.7L3.7 4L6 6.3L8.3 4L9 4.7L6 7.7Z" fill="currentColor"/> 2875</svg> 2876</div></div></div><nav class="nav_dropdown_main_wrap is-desktop w-dropdown-list"><div class="nav_dropdown_main_content is-desktop"><div data-lenis-prevent="" class="nav_dropdown_main_scroll is-desktop"><ul role="list" class="nav_dropdown_list is-desktop"><li class="nav_dropdown_item is-desktop"><a href="/tap" class="nav_dropdown_link is-desktop w-inline-block"><div>Tap to Pay</div></a></li><li class="nav_dropdown_item is-desktop"><a href="/payment-link" class="nav_dropdown_link is-desktop w-inline-block"><div>Payment Links</div></a></li></ul></div></div></nav></div></li><li class="nav_links_item is-desktop"><div data-delay="400" data-hover="true" class="nav_dropdown_component is-desktop w-dropdown"><div data-state="expanded" class="nav_links_link is-desktop w-dropdown-toggle"><div class="text-size-secondary">Solutions</div><div class="nav_links_svg is-desktop"><div class="u-icon w-embed"><svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> 2877<path d="M6 7.7L3 4.7L3.7 4L6 6.3L8.3 4L9 4.7L6 7.7Z" fill="currentColor"/> 2878</svg> 2879</div></div></div><nav class="nav_dropdown_main_wrap is-desktop w-dropdown-list"><div class="nav_dropdown_main_content is-desktop"><div data-lenis-prevent="" class="nav_dropdown_main_scroll is-desktop"><ul role="list" class="nav_dropdown_list is-desktop"><li class="nav_dropdown_item is-desktop"><a href="/booking" class="nav_dropdown_link is-desktop w-inline-block"><div>Booking</div></a></li><li class="nav_dropdown_item is-desktop"><a href="/website-builder" class="nav_dropdown_link is-desktop w-inline-block"><div>Website Builder</div></a></li><li class="nav_dropdown_item is-desktop"><a href="/jim-card" class="nav_dropdown_link is-desktop w-inline-block"><div>Jim Card</div></a></li><li class="nav_dropdown_item is-desktop"><a href="/calculator" class="nav_dropdown_link is-desktop w-inline-block"><div>Calculator</div></a></li><li class="nav_dropdown_item is-desktop"><a href="/materials" class="nav_dropdown_link is-desktop w-inline-block"><div>Materials</div></a></li></ul></div></div></nav></div></li><li class="nav_links_item is-desktop"><a href="/chat" class="nav_links_link is-desktop w-inline-block"><div class="text-size-secondary">Ask Jim</div></a></li><li class="nav_links_item is-desktop"><a href="/pricing" class="nav_links_link is-desktop w-inline-block"><div class="text-size-secondary">Pricing</div></a></li><li class="nav_links_item is-desktop"><a href="/blog" class="nav_links_link is-desktop w-inline-block"><div class="text-size-secondary">Blog</div></a></li></ul><ul role="list" class="nav_actions_wrap desktop-77 w-list-unstyled"><li class="nav_buttons_item desktop-110"><a data-button="trigger" href="https://onboarding.jim.com/login" class="rb_button small w-inline-block"><div class="cta_button small-2">Get Jim</div><div data-button="bg" class="button_bg small-3"><img loading="lazy" src="https://cdn.prod.website-files.com/65fc1fa2c1e7707c3f051403/6a69042703b2d33049b13366_button-bg-main.svg" alt="This is a plain white button background with no text or meaningful visual content. Screen readers should skip it; the buttonâs label carries the meaning." class="rb_image small-4"/></div></a></li></ul></nav></div></div></header><div data-animation="default" data-collapse="all" data-duration="400" data-easing="ease" data-easing2="ease" role="banner" class="nav_mobile_wrap w-nav"><div class="nav_mobile_contain"><div class="nav_mobile_layout"><a href="/" aria-label="Home Page" aria-current="page" class="nav_mobile_logo
2879w-inline-block w--current"><div class="u-icon w-embed"><svg width="74" height="32" viewBox="0 0 74 32" fill="none" xmlns="http://www.w3.org/2000/svg"> 2880<path d="M69.9166 15.1262C68.4705 15.4518 66.9117 15.9465 65.3459 16.5942C66.0913 14.358 67.187 12.1398 68.7744 10.5152C69.4143 9.86038 69.1998 8.76297 68.365 8.39417L66.9672 7.7771C66.0216 7.35972 64.9383 7.4011 64.0231 7.88324C59.4631 10.2868 55.5288 13.4405 52.2612 17.1825C52.7366 14.7538 53.4999 12.3107 54.5403 10.4757C54.9228 9.79922 54.6475 8.93928 53.9379 8.62625L52.2201 7.86885C51.1583 7.4011 49.932 7.50724 48.9703 8.15849C45.4668 10.5296 42.2385 13.498 39.3838 17.2724C39.6144 14.77 40.1614 12.2495 41.073 10.4685C41.4162 9.79742 41.1302 8.97706 40.4456 8.67302L38.9673 8.01637C37.8287 7.51084 36.5005 7.87425 35.7605 8.88171C33.4421 12.0372 30.7054 14.8959 27.6415 17.5171C28.378 15.0182 28.7748 12.3161 28.975 10.0547C29.0162 9.59413 28.7587 9.16056 28.3387 8.97526L26.0095 7.94261C24.9513 7.47306 23.7197 7.69794 22.8867 8.50391C21.0867 10.2436 19.0561 11.6774 16.9682 12.9619C17.3901 12.0246 17.7941 11.0981 18.1802 10.1878C18.3911 9.68948 18.1659 9.11198 17.6725 8.8943L15.6544 7.99838C14.5568 7.51084 13.2823 7.72673 12.3939 8.53629C9.95932 10.7563 5.72467 13.2354 0.998444 14.9678C0.619488 15.1064 0.605188 15.6389 0.975206 15.7954L2.71983 16.5366C3.0827 16.6913 3.48668 16.7201 3.86921 16.6158C5.99101 16.0365 8.54539 15.0488 10.9103 13.847C10.2418 15.0974 9.53389 16.3603 8.79207 17.6196C4.26426 20.3272 0.624851 23.3442 0.013516 28.6423C-0.0937357 29.5688 0.446098 30.4468 1.3202 30.7526L4.56814 31.8896C5.3904 32.1774 6.30561 31.8896 6.81148 31.1772C8.96367 28.1368 11.0015 24.7582 12.8587 21.3076C16.2389 18.2745 20.2072 15.5939 23.2836 12.5877C22.6311 15.0434 21.6337 17.4559 20.2376 19.3737C19.7371 20.0609 20.0303 21.036 20.8293 21.3148L24.5956 22.6335C24.9388 22.7541 25.3178 22.7199 25.6306 22.5364C28.6426 20.7589 31.4812 18.449 34.1875 15.7324C33.796 17.1897 33.5136 18.5839 33.4153 19.7173C33.3652 20.293 33.7084 20.8273 34.2518 21.018L38.381 22.4626C38.9512 22.6623 39.5822 22.4231 39.879 21.8923C41.3841 19.2028 43.8669 16.8478 46.8789 14.6368C46.3891 16.4467 46.0727 18.2511 45.9083 19.7749C45.8457 20.3542 46.1925 20.8993 46.7377 21.0918L50.8151 22.5346C51.3174 22.7127 51.8786 22.5544 52.2075 22.1334C54.1506 19.6381 56.8605 17.4307 60.0691 15.2953C59.3916 16.8748 58.8589 18.422 58.5282 19.7083C58.3638 20.347 58.7159 21.0036 59.3362 21.2159L63.2151 22.5454C63.6781 22.7037 64.1911 22.5796 64.5254 22.2216C66.4273 20.1725 70.1364 17.9363 73.2092 16.7525C73.6597 16.5798 73.6686 15.9411 73.2235 15.7522L72.2153 15.3241C71.4896 15.0164 70.6852 14.9499 69.9166 15.1226V15.1262Z" fill="currentColor"/> 2881<path d="M20.3252 0.444231L16.7752 0.00526665C16.3908 -0.0415083 16.0387 0.228347 15.9815 0.613341C15.7527 2.1749 15.4095 3.59075 14.9573 4.83928C14.825 5.20268 14.9966 5.60746 15.3523 5.75499L18.6556 7.13485C19.0292 7.29136 19.4582 7.10606 19.5995 6.72467C20.2054 5.09114 20.6559 3.25972 20.9437 1.26279C21.0009 0.863407 20.722 0.491006 20.3234 0.442432L20.3252 0.444231Z" fill="currentColor"/> 2882<path d="M30.8055 0.444231L27.2554 0.00526665C26.8711 -0.0415083 26.519 0.228347 26.4618 0.613341C26.233 2.1749 25.8898 3.59075 25.4375 4.83928C25.3053 5.20268 25.4769 5.60746 25.8326 5.75499L29.1359 7.13485C29.5095 7.29136 29.9385 7.10606 30.0797 6.72467C30.6857 5.09114 31.1362 3.25972 31.424 1.26279C31.4812 0.863407 31.2023 0.491006 30.8037 0.442432L30.8055 0.444231Z" fill="currentColor"/> 2883</svg> 2884</div></a><nav role="navigation" class="nav_mobile_menu_wrap w-nav-menu"><div data-lenis-prevent="" class="nav_mobile_menu_scroll"><nav aria-label="Main" class="nav_links_component desktop-111"><ul role="list" class="nav_links_wrap desktop-112 w-list-unstyled"><li class="nav_links_item desktop-146"><div data-delay="400" data-hover="false" class="nav_dropdown_component desktop-150 w-dropdown"><div data-state="expanded" class="nav_links_link desktop-151 w-dropdown-toggle"><div class="rb_heading-style-h6 desktop-152">Payments</div><div class="nav_links_svg desktop-153"><div class="u-icon w-embed"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> 2885<path d="M12 15.4L6 9.4L7.4 8L12 12.6L16.6 8L18 9.4L12 15.4Z" fill="#1A0000"/> 2886</svg> 2887</div></div></div><nav class="nav_dropdown_main_wrap desktop-154 w-dropdown-list"><div class="nav_dropdown_main_content desktop-155"><div data-lenis-prevent="" class="nav_dropdown_main_scroll desktop-156"><ul role="list" class="nav_dropdown_list desktop-157 w-list-unstyled"><li class="nav_dropdown_item desktop-161"><a href="/tap" class="nav_dropdown_link desktop-162 w-inline-block"><div class="text-size-primary desktop-163">Tap to Pay</div></a></li><li class="nav_dropdown_item desktop-161"><a href="/payment-link" class="nav_dropdown_link desktop-162 w-inline-block"><div class="text-size-primary desktop-163">Payment Links</div></a></li></ul></div></div></nav></div></li><li class="nav_links_item desktop-146"><div data-delay="400" data-hover="false" class="nav_dropdown_component desktop-150 w-dropdown"><div data-state="expanded" class="nav_links_link desktop-151 w-dropdown-toggle">
2887<div class="rb_heading-style-h6 desktop-152">Solutions</div><div class="nav_links_svg desktop-153"><div class="u-icon w-embed"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> 2888<path d="M12 15.4L6 9.4L7.4 8L12 12.6L16.6 8L18 9.4L12 15.4Z" fill="#1A0000"/> 2889</svg> 2890</div></div></div><nav class="nav_dropdown_main_wrap desktop-154 w-dropdown-list"><div class="nav_dropdown_main_content desktop-155"><div data-lenis-prevent="" class="nav_dropdown_main_scroll desktop-156"><ul role="list" class="nav_dropdown_list desktop-157 w-list-unstyled"><li class="nav_dropdown_item desktop-161"><a href="/booking" class="nav_dropdown_link desktop-162 w-inline-block"><div class="text-size-primary desktop-163">Booking</div></a></li><li class="nav_dropdown_item desktop-161"><a href="/website-builder" class="nav_dropdown_link desktop-162 w-inline-block"><div class="text-size-primary desktop-163">Website Builder</div></a></li><li class="nav_dropdown_item desktop-161"><a href="/jim-card" class="nav_dropdown_link desktop-162 w-inline-block"><div class="text-size-primary desktop-163">Jim Card</div></a></li><li class="nav_dropdown_item desktop-161"><a href="/calculator" class="nav_dropdown_link desktop-162 w-inline-block"><div class="text-size-primary desktop-163">Calculator</div></a></li><li class="nav_dropdown_item desktop-161"><a href="/materials" class="nav_dropdown_link desktop-162 w-inline-block"><div class="text-size-primary desktop-163">Materials</div></a></li></ul></div></div></nav></div></li><li class="nav_links_item desktop-146"><a href="/chat" class="nav_links_link desktop-151 w-inline-block"><div class="rb_heading-style-h6 desktop-152">Ask Jim</div></a></li><li class="nav_links_item desktop-146"><a href="/pricing" class="nav_links_link desktop-151 w-inline-block"><div class="rb_heading-style-h6 desktop-152">Pricing</div></a></li><li class="nav_links_item desktop-146 is-last desktop-149"><a href="/blog" class="nav_links_link desktop-151 w-inline-block"><div class="rb_heading-style-h6 desktop-152">Blog</div></a></li></ul><ul role="list" class="nav_actions_wrap desktop-164 w-list-unstyled"><li class="nav_buttons_item desktop-165"><a data-button="trigger" href="https://onboarding.jim.com/login" class="rb_button navbar w-inline-block u-text-button-center"><div class="cta_button navbar-2">Get Jim</div><div data-button="bg" class="button_bg navbar-3"><img loading="lazy" src="https://cdn.prod.website-files.com/65fc1fa2c1e7707c3f051403/6a69042703b2d33049b13366_button-bg-main.svg" alt="This is a plain white button background with no text or meaningful visual content. Screen readers should skip it; the buttonâs label carries the meaning." class="rb_image navbar-4"/></div></a></li></ul></nav></div></nav><div data-state="open" class="nav_button_wrap w-nav-button"><div class="nav_button_layout"><div class="nav_button_line is-1"></div><div class="nav_button_line is-center"></div><div class="nav_button_line is-2"></div></div></div></div></div></div><div nav="backdrop" class="nav_dropdown_backdrop"></div><div class="nav_bar_bg"></div></div><section data-theme="" class="marquee_section"><div class="marquee_content padding-section-medium is-margin-none"><div class="marquee_text_inner"><div class="marquee_text"><p>Accept payments from all major cards and digital wallets</p></div></div><div class="marquee_collection_wrapper"><div data-css-marquee-speed="50" data-css-marquee="" class="maquee_wrapper w-dyn-list"><div data-css-marquee-list="" role="list" class="marquee_list u-op-40 w-dyn-items"><div role="listitem" class="marquee_logo_item w-dyn-item"><img loading="lazy" src="https://cdn.prod.website-files.com/65fc1fa2c1e7707c3f051466/6a919c6c8be6c1e9d6e06815_jbc.svg" alt="" class="marquee_logo"/></div><div role="listitem" class="marquee_logo_item w-dyn-item"><img loading="lazy" src="https://cdn.prod.website-files.com/65fc1fa2c1e7707c3f051466/6a919c65f6137d6274dcc48b_gpay.svg" alt="" class="marquee_logo"/></div><div role="listitem" class="marquee_logo_item w-dyn-item"><img loading="lazy" src="https://cdn.prod.website-files.com/65fc1fa2c1e7707c3f051466/6a919c5d8d020ca687e68d16_samsung.
2890svg" alt="" class="marquee_logo"/></div><div role="listitem" class="marquee_logo_item w-dyn-item"><img loading="lazy" src="https://cdn.prod.website-files.com/65fc1fa2c1e7707c3f051466/6a919c53157465cad586ca25_apple.svg" alt="" class="marquee_logo"/></div><div role="listitem" class="marquee_logo_item w-dyn-item"><img loading="lazy" src="https://cdn.prod.website-files.com/65fc1fa2c1e7707c3f051466/6a919c4c8cfbc30fffc025e9_amex.svg" alt="" class="marquee_logo"/></div><div role="listitem" class="marquee_logo_item w-dyn-item"><img loading="lazy" src="https://cdn.prod.website-files.com/65fc1fa2c1e7707c3f051466/6a919c46bc46aebf9e91a50a_mastercard.svg" alt="" class="marquee_logo"/></div><div role="listitem" class="marquee_logo_item w-dyn-item"><img loading="lazy" src="https://cdn.prod.website-files.com/65fc1fa2c1e7707c3f051466/6a919c404b5e273bc9399554_visa.svg" alt="" class="marquee_logo"/></div></div></div><div marquee="gradient" class="marquee_gradient"></div></div></div></section><section button-sticky="trigger" class="split_section"><div class="rb_padding-global padding-section-medium"><div class="rb_container-large"><div class="split_content align-center"><div class="split_heading"><h2 class="rb_heading-style-h4">Jim is the AI partner helping you get paid and grow your business.</h2><a data-button="trigger" href="https://onboarding.jim.com/login" class="rb_button w-inline-block u-hide-mobile"><div class="cta_button">Start selling now</div><div data-button="bg" class="button_bg"><img loading="lazy" src="https://cdn.prod.website-files.com/65fc1fa2c1e7707c3f051403/6a69042703b2d33049b13366_button-bg-main.svg" alt="This is a plain white button background with no text or meaningful visual content. Screen readers should skip it; the buttonâs label carries the meaning." class="rb_image"/></div></a></div><div class="split_image_wrapper"><div class="split_image"><div class="u-image-wrapper"><img class="u-image" src="https://cdn.prod.website-files.com/65fc1fa2c1e7707c3f051403/6a9ac3f5a03daa41ac59e3cd_jim-b_split.webp" classes=" " alt="" sizes="(max-width: 990px) 100vw, 990px" loading="lazy" srcset="https://cdn.prod.website-files.com/65fc1fa2c1e7707c3f051403/6a9ac3f5a03daa41ac59e3cd_jim-b_split-p-500.webp 500w, https://cdn.prod.website-files.com/65fc1fa2c1e7707c3f051403/6a9ac3f5a03daa41ac59e3cd_jim-b_split-p-800.webp 800w, https://cdn.prod.website-files.com/65fc1fa2c1e7707c3f051403/6a9ac3f5a03daa41ac59e3cd_jim-b_split.webp 990w"/></div><div class="u-embed-animation w-embed w-script"><style> 2891 /* o embed é um overlay: fica em cima da imagem, sem fundo próprio. 2892 o pai do embed no Webflow precisa estar em Position: Relative 2893 (se estiver static, o script põe relative sozinho no publicado). */ 2894 .jim-ask-wrap { 2895 position: absolute; 2896 inset: 0; 2897 z-index: 3; 2898 /* o site põe padding em todo div, e o container query mede o content box: 2899 sem zerar aqui a base de escala encolhe e o quadro inteiro vem junto */ 2900 margin: 0; 2901 padding: 0; 2902 pointer-events: none; 2903 } 2904 2905 @supports (container-type: inline-size) { 2906 .jim-ask-wrap { 2907 container-type: inline-size; 2908 } 2909 } 2910 2911 .jim-ask { 2912 /* 1em = 10px do Figma, medido no frame de 660 de largura */ 2913 font-size: 1.515152vw; 2914 position: absolute; 2915 inset: 0; 2916 margin: 0; 2917 padding: 0; 2918 font-family: "GT Standard", "Gt Standard L Standard", "Helvetica Now Dis
2918play", 2919 -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; 2920 2921 --ease-out: cubic-bezier(0.16, 1, 0.3, 1); 2922 --ease-in: cubic-bezier(0.4, 0, 1, 1); 2923 } 2924 2925 @supports (container-type: inline-size) { 2926 .jim-ask { 2927 font-size: 1.515152cqw; 2928 } 2929 } 2930 2931 /* o CSS global do site alcança div, p e span; a classe repetida e o !important 2932 são de propósito, para regra do projeto não vazar para dentro do embed. */ 2933 .jim-ask.jim-ask, 2934 .jim-ask.jim-ask * { 2935 box-sizing: border-box; 2936 color: #ffffff !important; 2937 font-weight: 400 !important; 2938 /* espaçamento herdado do site mudaria a largura das frases, e as caixas têm 2939 largura fixa ou quebra de linha prevista */ 2940 letter-spacing: normal !important; 2941 word-spacing: normal !important; 2942 text-transform: none !important; 2943 font-style: normal !important; 2944 font-variant: normal !important; 2945 text-decoration: none !important; 2946 text-shadow: none !important; 2947 text-align: left !important; 2948 } 2949 2950 /* só nos filhos: no próprio .jim-ask isso apagaria a pilha de fontes dele */ 2951 .jim-ask.jim-ask * { 2952 margin: 0; 2953 padding: 0; 2954 font-family: inherit !important; 2955 } 2956 2957 /* ------------------------------------------------------------------ 2958 Caixa de prompt 2959 ------------------------------------------------------------------ */ 2960 2961 .jim-ask.jim-ask .jim-ask__box { 2962 position: absolute; 2963 left: 3.888em; 2964 bottom: 3.304em; 2965 display: flex; 2966 flex-direction: column; 2967 gap: 7.29018em; 2968 width: 58.03em; 2969 padding: 3.24097em 3.24097em 2em; 2970 /* o stroke do Figma é interno, e como sombra ele não entra na conta da 2971 altura: borda de verdade o Chrome arredonda para 1px e a caixa encolhe. 2972 a opacidade veio do render, não do valor declarado no arquivo, que 2973 sozinho não desenha contorno nenhum. */ 2974 box-shadow: inset 0 0 0 0.1em rgba(255, 255, 255, 0.32); 2975 border-radius: 5.6em; 2976 background-color: rgba(26, 0, 0, 0.2); 2977 -webkit-backdrop-filter: blur(2em); 2978 backdrop-filter: blur(2em); 2979 pointer-events: auto; 2980 opacity: 0; 2981 transform: translateY(2.4em) scale(0.97); 2982 filter: blur(0.5em); 2983 transform-origin: center bottom; 2984 transition: 2985 transform 1s var(--ease-out), 2986 opacity 0.6s ease, 2987 filter 0.7s ease; 2988 will-change: transform, opacity, filter; 2989 } 2990 2991 .jim-ask.is-in .jim-ask__box { 2992 opacity: 1; 2993 transform: translateY(0) scale(1); 2994 filter: blur(0); 2995 } 2996 2997 /* a frase que estava no rodÃzio virou mensagem: a caixa sai por baixo, 2998 mais rápido do que entrou, para o balão do usuário assumir a cena. */ 2999 .jim-ask.is-sent .jim-ask__box { 3000 opacity: 0; 3001 transform: translateY(1.4em) scale(0.98); 3002 filter: blur(0.2em); 3003 transition: 3004 transform 0.52s var(--ease-in), 3005 opacity 0.34s ease, 3006 filter 0.4s ease; 3007 } 3008 3009 /* ------------------------------------------------------------------ 3010 RodÃzio de frases 3011 ------------------------------------------------------------------ */ 3012 3013 /* a janela tem a altura de uma linha só e recorta a pilha inteira: 3014 é o que faz a troca ler como rolo em vez de troca de texto. 3015 o recorte vale para os dois eixos, então a largura precisa acompanhar 3016 a caixa: presa em 38.5em as frases mais longas perdiam o fim. */ 3017 .jim-ask.jim-ask .jim-ask__ph { 3018 width: 100%; 3019 height: 2.8em; 3020 overflow: hidden; 3021 } 3022 3023 .jim-ask.jim-ask .jim-ask__roll { 3024 display: flex; 3025 flex-direction: column; 3026 gap: 0.945em; 3027 transition: transform 0.62s var(--ease-out); 3028 will-change: transform; 3029 } 3030 3031 .jim-ask.jim-ask .jim-ask__line { 3032 display: flex; 3033 flex: 0 0 auto; 3034 align-items: center; 3035 gap: 0.5276em; 3036 height: 2.8em; 3037 white-space: nowrap; 3038 } 3039 3040 .jim-ask.jim-ask .jim-ask__line span { 3041 font-size: 2.52em; 3042 line-height: 1; 3043 } 3044 3045 .jim-ask.jim-ask .jim-ask__logo { 3046 display: block; 3047 flex: 0 0 auto; 3048 width: 6.306em !important; 3049 height: 2.716em !important; 3050 max-width: none !important; 3051 } 3052 3053 /* ------------------------------------------------------------------ 3054 Botões 3055 ------------------------------------------------------------------ */ 3056 3057 .jim-ask.jim-ask .jim-ask__actions { 3058 display: flex; 3059 align-items: center; 3060 justify-content: space-between; 3061 } 3062 3063 .jim-ask.jim-ask .jim-ask__group { 3064 display: flex; 3065 align-items: center; 3066 gap: 0.729018em; 3067 } 3068 3069 .jim-ask.jim-ask .jim-ask__btn { 3070 display: flex; 3071 flex: 0 0 auto; 3072 align-items: center; 3073 justify-content: center; 3074 width: 7.655em; 3075 height: 6.415em; 3076 padding: 0; 3077 border: 0.0117em solid rgba(0, 0, 0, 0.04); 3078 border-radius: 999em; 3079 box-shadow: inset 0 0 0 0.11em rgba(255, 255, 255, 0.32); 3080 background-color: rgba(26, 0, 0, 0.2); 3081 cursor: pointer; 3082 -webkit-tap-highlight-color: transparent; 3083 -webkit-appearance: none; 3084 appearance: none; 3085 /* desfoque próprio por cima do da caixa: é o que faz o miolo da pill 3086 variar menos que o fundo em volta e o botão se destacar */ 3087 -webkit-backdrop-filter: blur(1em); 3088 backdrop-filter: blur(1em); 3089 transition: background-color 0.18s ease, transform 0.18s var(--ease-out); 3090 } 3091 3092 /* só o fundo muda: escalar o botão arrasta o Ãcone junto e ele treme, 3093 porque o SVG é pequeno demais pra reamostrar limpo em escala. */ 3094 @media (hover: hover) and (pointer: fine) { 3095 .jim-ask.is-in .jim-ask__btn:hover { 3096 background-color: rgba(255, 255, 255, 0.12); 3097 } 3098 } 3099 3100 .jim-ask.is-in .jim-ask__btn:active { 3101 transform: scale(0.96); 3102 } 3103 3104 .jim-ask.is-in .jim-ask__btn:focus-visible { 3105 outline: 0.12em solid rgba(255, 255, 255, 0.55); 3106 outline-offset: 0.15em; 3107 } 3108 3109 .jim-ask.jim-ask .jim-ask__ico { 3110 display: block; 3111 max-width: none !important; 3112 } 3113 3114 /* o site força height auto em img, e isso deformaria os glifos */ 3115 .jim-ask.jim-ask .jim-ask__ico.is-clip { 3116 width: 1.416em !important; 3117 height: 2.309em !important; 3118 } 3119 3120 .jim-ask.jim-ask .jim-ask__ico.is-image { 3121 width: 2.248em !important; 3122 height: 2.248em !important; 3123 } 3124 3125 .jim-ask.jim-ask .jim-ask__ico.is-arrow { 3126 width: 1.823em !important; 3127 height: 1.823em !important; 3128 } 3129 3130 /* ------------------------------------------------------------------ 3131 Conversa 3132 ------------------------------------------------------------------ */ 3133 3134 /* altura travada: quando a conversa passa disso a pilha rola para cima 3135 em vez de crescer e invadir a caixa */ 3136 .jim-ask.jim-ask .jim-ask__thread { 3137 position: absolute; 3138 left: 5em; 3139 bottom: 11.6em; 3140 width: 56em; 3141 height: 19.4em; 3142 overflow: hidden; 3143 } 3144 3145 .jim-ask.jim-ask .jim-ask__feed { 3146 display: flex; 3147 flex-direction: column; 3148 align-items: flex-start; 3149 gap: 1.2em; 3150 transition: transform 0.62s var(--ease-out); 3151 will-change: transform; 3152 } 3153 3154 .jim-ask.jim-ask .jim-ask__msg { 3155 max-width: 44em; 3156 padding: 1.45em 2.4em; 3157 border-radius: 2.8em; 3158 opacity: 0; 3159 transform: translateY(1.5em) scale(0.98); 3160 transform-origin: left bottom; 3161 transition: 3162 transform 0.66s var(--ease-out), 3163 opacity 0.4s ease; 3164 will-change: transform, opacity; 3165 } 3166 3167 .jim-ask.jim-ask .jim-ask__msg.is-in { 3168 opacity: 1; 3169 transform: translateY(0) scale(1); 3170 } 3171 3172 /* quem sobe além do topo da janela sai por opacidade, e não por recorte na 3173 borda invisÃvel. tem que ser aqui no balão: máscara no contêiner faria 3174 dele um backdrop root e o vidro dos balões de dentro morreria junto. 3175 o fade é mais curto que a rolagem de propósito, para o balão já estar 3176 invisÃvel quando chegar na linha de corte. */ 3177 .jim-ask.jim-ask .jim-ask__msg.is-gone { 3178 opacity: 0; 3179 transition: opacity 0.38s ease; 3180 } 3181 3182 .jim-ask.jim-ask .jim-ask__msg.is-me {
3183 align-self: flex-end; 3184 transform-origin: right bottom; 3185 background-color: #ffffff; 3186 } 3187 3188 /* o texto mora num span filho, que a blindagem já pinta de branco: 3189 sem repetir aqui o balão do usuário sai branco no branco */ 3190 .jim-ask.jim-ask .jim-ask__msg.is-me .jim-ask__txt { 3191 color: #1a0000 !important; 3192 } 3193 3194 .jim-ask.jim-ask .jim-ask__msg.is-jim { 3195 /* o balão do Jim é 3px mais alto que o do usuário: é o stroke, que no 3196 Figma é interno e por isso entra como sombra e não como borda */ 3197 padding: 1.61em 2.4em; 3198 box-shadow: inset 0 0 0 0.162em rgba(255, 255, 255, 0.2); 3199 background-color: rgba(26, 0, 0, 0.2); 3200 -webkit-backdrop-filter: blur(2em); 3201 backdrop-filter: blur(2em); 3202 } 3203 3204 /* entre dois balões do Jim o vão é um pouco maior que depois do balão 3205 do usuário, e a diferença é pequena demais para virar outro gap */ 3206 .jim-ask.jim-ask .jim-ask__msg.is-jim + .jim-ask__msg.is-jim { 3207 margin-top: 0.2em; 3208 } 3209 3210 .jim-ask.jim-ask .jim-ask__txt { 3211 display: block; 3212 font-size: 2.7em; 3213 line-height: 1.4; 3214 } 3215 3216 /* preview fora do Webflow: o script marca quando o embed está sozinho na página */ 3217 .jim-ask-wrap.is-standalone { 3218 position: relative; 3219 inset: auto; 3220 width: 100%; 3221 max-width: 660px; 3222 margin: 5vh auto; 3223 aspect-ratio: 660 / 714; 3224 background: 3225 radial-gradient( 3226 120% 90% at 20% 0%, 3227 rgba(198, 255, 26, 0.16) 0%, 3228 rgba(198, 255, 26, 0) 55% 3229 ), 3230 linear-gradient(160deg, #3a3f4a 0%, #1b1d22 60%, #101114 100%); 3231 } 3232 3233 /* sem movimento o rolo não pode depender de deslocamento, então a frase 3234 atual é a única desenhada e a troca vira um corte. */ 3235 @media (prefers-reduced-motion: reduce) { 3236 .jim-ask.jim-ask .jim-ask__box, 3237 .jim-ask.jim-ask .jim-ask__msg, 3238 .jim-ask.jim-ask .jim-ask__roll { 3239 transform: none !important; 3240 filter: none !important; 3241 } 3242 3243 /* o deslocamento da pilha não é enfeite, é o que mantém a última 3244 resposta dentro da janela: aqui ele só perde a transição */ 3245 .jim-ask.jim-ask .jim-ask__feed, 3246 .jim-ask.jim-ask .jim-ask__roll, 3247 .jim-ask.jim-ask .jim-ask__msg { 3248 transition: opacity 0.2s ease !important; 3249 } 3250 3251 .jim-ask.jim-ask .jim-ask__line:not(.is-current) { 3252 display: none; 3253 } 3254 } 3255</style> 3256 3257<div class="jim-ask-wrap" data-jim-ask-wrap> 3258 <div class="jim-ask" data-jim-ask> 3259 <div class="jim-ask__thread" data-jim-thread> 3260 <div class="jim-ask__feed" data-jim-feed></div> 3261 </div> 3262 3263 <div class="jim-ask__box"> 3264 <div class="jim-ask__ph"> 3265 <div class="jim-ask__roll" data-jim-roll> 3266 <div class="jim-ask__line is-current"> 3267 <span>Ask</span> 3268 <img 3269 class="jim-ask__logo" 3270 src="https://cdn.prod.website-files.com/65fc1fa2c1e7707c3f051403/6a6d10c759f46eb962ada96a_logo-jim-white.svg" 3271 alt="JIM" 3272 /> 3273 <span>what you need</span> 3274 </div> 3275 <div class="jim-ask__line"> 3276 <span>Am I on track for $10K this month?</span> 3277 </div> 3278 <div class="jim-ask__line"> 3279 <span>Any markets near me this Saturday?</span> 3280 </div> 3281 <div class="jim-ask__line"> 3282 <span>How did yesterday close?</span> 3283 </div> 3284 </div> 3285 </div> 3286 3287 <div class="jim-ask__actions"> 3288 <div class="jim-ask__group"> 3289 <button type="button" class="jim-ask__btn" aria-label="Attach file"> 3290 <img 3291 class="jim-ask__ico is-clip" 3292 src="https://cdn.prod.website-files.com/65fc1fa2c1e7707c3f051403/6a6d10ae9b9c689742a1fadd_clip.svg" 3293 alt="" 3294 aria-hidden="true" 3295 /> 3296 </button> 3297 <button type="button" class="jim-ask__btn" aria-label="Add image"> 3298 <img 3299 class="jim-ask__ico is-image" 3300 src="https://cdn.prod.website-files.com/65fc1fa2c1e7707c3f051403/6a6d10aed3f50df8451c0d91_image.svg" 3301 alt="" 3302 aria-hidden="true" 3303 /> 3304 </button> 3305 </div> 3306 <button type="button" class="jim-ask__btn" aria-label="Send message"> 3307 <img 3308 class="jim-ask__ico is-arrow" 3309 src="https://cdn.prod.website-files.com/65fc1fa2c1e7707c3f051403/6a6d12f082c23264d19e6d17_Vector.svg" 3310 alt="" 3311 aria-hidden="true" 3312 /> 3313 </button> 3314 </div> 3315 </div> 3316 </div> 3317</div> 3318
3319<script> 3320 (function () { 3321 "use strict"; 3322 3323 /* a última frase do rodÃzio é a que vira mensagem, então ela aparece 3324 duas vezes de propósito: no rolo e no balão do usuário. */ 3325 var SENT = "How did yesterday close?"; 3326 3327 var REPLIES = [ 3328 "Strong day. $487 across 11 sales. Your best hour was 6\u20137 PM.", 3329 "+22% vs your Monday avg" 3330 ]; 3331 3332 var FIRST = 900; // respiro depois da caixa entrar, antes do rodÃzio andar (ms) 3333 var HOLD = 1400; // tempo de leitura de cada frase (ms) 3334 var LAST_HOLD = 1500; // a última frase segura um pouco mais antes de virar mensagem 3335 var THINK = 700; // intervalo entre a pergunta e a primeira resposta (ms) 3336 var BETWEEN = 1300; // intervalo entre as duas respostas (ms) 3337 var READ = 2800; // tempo com a conversa parada, antes de recomeçar (ms) 3338 var CLEAR = 800; // tempo da conversa sair de cena antes do ciclo reiniciar (ms) 3339 3340 var REDUCED = 3341 window.matchMedia && 3342 window.matchMedia("(prefers-reduced-motion: reduce)").matches; 3343 3344 // sobe pelos wrappers do Webflow até achar o elemento que segura a imagem 3345 function hostOf(wrap) { 3346 var el = wrap.parentElement; 3347 3348 while (el && el !== document.body) { 3349 var cls = typeof el.className === "string" ? el.className : ""; 3350 3351 if (/\bw-embed\b|\bw-script\b/.test(cls)) { 3352 el = el.parentElement; 3353 continue; 3354 } 3355 3356 return el; 3357 } 3358 3359 return el; 3360 } 3361 3362 function makeMsg(text, from) { 3363 var msg = document.createElement("div"); 3364 msg.className = "jim-ask__msg " + (from === "me" ? "is-me" : "is-jim"); 3365 3366 var span = document.createElement("span"); 3367 span.className = "jim-ask__txt"; 3368 span.textContent = text; 3369 3370 msg.appendChild(span); 3371 return msg; 3372 } 3373 3374 function initStage(wrap) { 3375 var stage = wrap.querySelector("[data-jim-ask]"); 3376 var box = stage.querySelector(".jim-ask__box"); 3377 var roll = stage.querySelector("[data-jim-roll]"); 3378 var thread = stage.querySelector("[data-jim-thread]"); 3379 var feed = stage.querySelector("[data-jim-feed]"); 3380 var lines = Array.prototype.slice.call( 3381 roll.querySelectorAll(".jim-ask__line") 3382 ); 3383 var host = hostOf(wrap); 3384 3385 if (!host || host === document.body) { 3386 // sem container próprio: modo preview, o embed desenha o frame inteiro 3387 wrap.classList.add("is-standalone"); 3388 } else if (getComputedStyle(host).position === "static") { 3389 host.style.position = "relative"; 3390 } 3391 3392 var timer = null; 3393 var running = false; 3394 3395 function later(fn, ms) { 3396 timer = setTimeout(function () { 3397 timer = null; 3398 if (running) fn(); 3399 }, ms); 3400 } 3401 3402 function stop() { 3403 running = false; 3404 3405 if (timer) { 3406 clearTimeout(timer); 3407 timer = null; 3408 } 3409 } 3410 3411 function rollTo(i) { 3412 lines.forEach(function (line, k) { 3413 line.classList.toggle("is-current", k === i); 3414 }); 3415 3416 /* o passo é a linha mais o vão da pilha, medido do próprio layout: 3417 assim a conta continua certa se a fonte mudar a altura da linha. 3418 tem que ser o rect e não offsetTop, que é inteiro e acumula erro 3419 ao longo do rodÃzio. */ 3420 var step = lines[1] 3421 ? lines[1].getBoundingClientRect().top - 3422 lines[0].getBoundingClientRect().top 3423 : 0; 3424 3425 // sem movimento as outras linhas saem do fluxo e não há passo a medir 3426 if (step > 0) { 3427 roll.style.transform = "translateY(" + -step * i + "px)"; 3428 } 3429 } 3430 3431 /* a pilha cresce para baixo a partir do topo da janela e, quando passa 3432 da altura dela, sobe o excedente â é o que tira o balão do usuário de 3433 cena sem precisar removê-lo. */ 3434 function reflow() { 3435 var over = 3436 feed.getBoundingClientRect().height - 3437 thread.getBoundingClientRect().height; 3438 3439 if (over <= 0.5) over = 0; 3440 3441 feed.style.transform = over ? "translateY(" + -over + "px)" : ""; 3442 3443 /* offsetTop é a posição de layout dentro da janela e não sente o 3444 transform da pilha, então dá para saber onde cada balão vai parar 3445 antes de a rolagem acontecer */
3446 Array.prototype.slice.call(feed.children).forEach(function (msg) { 3447 var base = msg.offsetTop + msg.offsetHeight - over; 3448 msg.classList.toggle("is-gone", base <= 1); 3449 }); 3450 } 3451 3452 function push(text, from) { 3453 var msg = makeMsg(text, from); 3454 feed.appendChild(msg); 3455 3456 // sem o frame extra o browser não tem estado anterior e o balão 3457 // aparece pronto, sem subir 3458 requestAnimationFrame(function () { 3459 requestAnimationFrame(function () { 3460 msg.classList.add("is-in"); 3461 reflow(); 3462 }); 3463 }); 3464 } 3465 3466 function reset() { 3467 stage.classList.remove("is-sent"); 3468 feed.textContent = ""; 3469 feed.style.transform = ""; 3470 3471 /* corta a transição do rolo na volta ao inÃcio: sem isso ele desfaz 3472 as frases de trás para frente antes do ciclo recomeçar */ 3473 roll.style.transition = "none"; 3474 rollTo(0); 3475 void roll.offsetHeight; 3476 roll.style.transition = ""; 3477 } 3478 3479 function cycle() { 3480 if (!running) return; 3481 3482 reset(); 3483 3484 // a primeira frase já está na janela enquanto a caixa entra, então o 3485 // tempo dela é a entrada mais a leitura 3486 var abertura = (REDUCED ? 0 : FIRST) + HOLD; 3487 var i = 1; 3488 3489 function nextPhrase() { 3490 rollTo(i); 3491 i += 1; 3492 3493 if (i < lines.length) { 3494 later(nextPhrase, HOLD); 3495 } else { 3496 later(send, LAST_HOLD); 3497 } 3498 } 3499 3500 function send() { 3501 stage.classList.add("is-sent"); 3502 push(SENT, "me"); 3503 later(reply1, THINK); 3504 } 3505 3506 function reply1() { 3507 push(REPLIES[0], "jim"); 3508 later(reply2, BETWEEN); 3509 } 3510 3511 function reply2() { 3512 push(REPLIES[1], "jim"); 3513 later(fade, READ); 3514 } 3515 3516 function fade() { 3517 Array.prototype.slice 3518 .call(feed.children) 3519 .forEach(function (msg) { 3520 msg.classList.remove("is-in"); 3521 }); 3522 3523 later(cycle, CLEAR); 3524 } 3525 3526 later(nextPhrase, abertura); 3527 } 3528 3529 function play() { 3530 if (running) return; 3531 running = true; 3532 3533 stage.classList.add("is-in"); 3534 cycle(); 3535 } 3536 3537 if (!("IntersectionObserver" in window)) { 3538 play(); 3539 return; 3540 } 3541 3542 var naTela = false; 3543 3544 var observer = new IntersectionObserver( 3545 function (entries) { 3546 entries.forEach(function (entry) { 3547 naTela = entry.isIntersecting; 3548 3549 if (naTela) { 3550 play(); 3551 } else { 3552 // fora da tela o ciclo para, para não rodar à toa 3553 stop(); 3554 } 3555 }); 3556 }, 3557 { threshold: 0.45 } 3558 ); 3559 3560 observer.observe(box); 3561 3562 document.addEventListener("visibilitychange", function () { 3563 if (document.hidden) { 3564 stop(); 3565 } else if (naTela) { 3566 play(); 3567 } 3568 }); 3569 } 3570 3571 function init() { 3572 Array.prototype.slice 3573 .call(document.querySelectorAll("[data-jim-ask-wrap]")) 3574 .forEach(initStage); 3575 } 3576 3577 if (document.readyState === "loading") { 3578 document.addEventListener("DOMContentLoaded", init); 3579 } else { 3580 init(); 3581 } 3582 })(); 3583</script>
3583 3584</div></div></div></div></div></div></section><section class="features_section"><div class="rb_padding-global padding-section-medium"><div class="rb_container-large"><div class="features_content"><div class="features_heading"><div class="u-heading-wrapper"><h2 class="rb_heading-style-display display-inline">Take payments</h2><img src="https://cdn.prod.website-files.com/65fc1fa2c1e7707c3f051403/6a69042703b2d33049b13345_every.webp" loading="lazy" sizes="(max-width: 1324px) 100vw, 1324px" srcset="https://cdn.prod.website-files.com/65fc1fa2c1e7707c3f051403/6a69042703b2d33049b13345_every-p-500.webp 500w, https://cdn.prod.website-files.com/65fc1fa2c1e7707c3f051403/6a69042703b2d33049b13345_every-p-800.webp 800w, https://cdn.prod.website-files.com/65fc1fa2c1e7707c3f051403/6a69042703b2d33049b13345_every-p-1080.webp 1080w, https://cdn.prod.website-files.com/65fc1fa2c1e7707c3f051403/6a69042703b2d33049b13345_every.webp 1324w" alt="Handwritten word 'EVERY' in bold red letters on a black background." class="rb_features-title-image"/><div class="rb_heading-style-display display-inline">way</div></div></div><div class="features_list"><div data-wf--rb-inner-feature-card--variant="portrait" class="feature_card"><div class="css w-embed"><style> 3585/* ===== Feature card: hover disparado pelo card, não pelo link_wrapper ===== */ 3586 3587/* o cursor fica sobre o .link-full, que é irmão do [link='hover']. 3588 quem envolve os dois é o card, então é ele que dispara. */ 3589[data-card="img"] { 3590 transition: transform 0.8s ease; 3591} 3592 3593@media (hover: hover) and (pointer: fine) { 3594 :has(> .link-full):hover [data-card="img"] { 3595 transform: scale(1.05); 3596 } 3597 3598 :has(> .link-full):hover [link="hover"] [link="icon"], 3599 :has(> .link-full):hover [link="hover"] .u-icon { 3600 transform: translateX(0.25rem); 3601 } 3602} 3603</style></div><div class="feature_image_wrapper"><div class="feature_image"><div class="u-image-wrapper"><img classes=" " data-card="img" alt="Hands holding phone showing $42.00 payment while another hand inserts a credit card, with coffee and cake nearby." src="https://cdn.prod.website-files.com/65fc1fa2c1e7707c3f051403/6a6cb8af8c5f15d4f2d9287e_1d739851686bc5265322079b28bfa839_card-0.webp" loading="lazy" sizes="(max-width: 880px) 100vw, 880px" srcset="https://cdn.prod.website-files.com/65fc1fa2c1e7707c3f051403/6a6cb8af8c5f15d4f2d9287e_1d739851686bc5265322079b28bfa839_card-0-p-500.webp 500w, https://cdn.prod.website-files.com/65fc1fa2c1e7707c3f051403/6a6cb8af8c5f15d4f2d9287e_1d739851686bc5265322079b28bfa839_card-0-p-800.webp 800w, https://cdn.prod.website-files.com/65fc1fa2c1e7707c3f051403/6a6cb8af8c5f15d4f2d9287e_1d739851686bc5265322079b28bfa839_card-0.webp 990w" class="u-image"/></div><div class="u-embed-animation w-embed"></div></div><div class="feature_image_bg"><div feature="overlay" class="feature_overlay"></div><div class="feature_pill"><div class="text-size-primary">In Person</div></div></div></div><div class="feature_text_wrapper"><div class="feature_card_title"><div link="hover" class="feature_card_link"><h3 class="rb_heading-style-h6">Sell with Tap to Pay</h3><div link="icon" class="u-icon w-embed"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> 3604<path d="M16.175 13H4V11H16.175L10.575 5.4L12 4L20 12L12 20L10.575 18.6L16.175 13Z" fill="#1A0000"/> 3605</svg> 3606</div></div></div><div class="feature_card-desc-width"><p class="text-size-primary u-op-70">Turn your phone into a card reader with no extra hardware.</p></div><div class="features_card_info"><div class="stat_pill small"><div class="text-size-small">1.99%</div></div><p class="text-size-secondary u-maroon-300">service fee per tap transaction</p></div></div><a aria-label="Learn more" href="/tap" class="link-full w-inline-block"></a></div><div data-wf--rb-inner-feature-card--variant="portrait" class="feature_card"><div class="css w-embed"><style> 3607/* ===== Feature card: hover disparado pelo card, não pelo link_wrapper ===== */ 3608 3609/* o cursor fica sobre o .link-full, que é irmão do [link='hover']. 3610 quem envolve os dois é o card, então é ele que dispara. */ 3611[data-card="img"] { 3612 transition: transform 0.8s ease; 3613} 3614 3615@media (hover: hover) and (pointer: fine) { 3616 :has(> .link-full):hover [data-card="img"] { 3617 transform: scale(1.05); 3618 } 3619 3620 :has(> .link-full):hover [link="hover"] [link="icon"], 3621 :has(> .link-full):hover [link="hover"] .u-icon { 3622 transform: translateX(0.25rem); 3623 } 3624} 3625</style></div><div class="feature_image_wrapper"><div class="feature_image"><div class="u-image-wrapper"><img classes=" " data-card="img" alt="Close-up of vibrant red hair styled in a neat braid tied with a small hairband." src="https://cdn.prod.website-files.com/65fc1fa2c1e7707c3f051403/6a6d02b9c277f3bc0c404d8c_96d3cbea0c0a3b3293b820e5edbda175_sell-img.webp" loading="lazy" sizes="(max-width: 880px) 100v
3625w, 880px" srcset="https://cdn.prod.website-files.com/65fc1fa2c1e7707c3f051403/6a6d02b9c277f3bc0c404d8c_96d3cbea0c0a3b3293b820e5edbda175_sell-img-p-500.webp 500w, https://cdn.prod.website-files.com/65fc1fa2c1e7707c3f051403/6a6d02b9c277f3bc0c404d8c_96d3cbea0c0a3b3293b820e5edbda175_sell-img.webp 654w" class="u-image"/></div><div class="u-embed-animation w-embed w-script"><style> 3626 /* overlay: fica em cima da imagem do "Media ALT", sem fundo próprio. 3627 o pai do embed no Webflow precisa estar em Position: Relative 3628 (se estiver static, o script põe relative sozinho no publicado). */ 3629 .jim-sell-wrap { 3630 position: absolute; 3631 inset: 0; 3632 z-index: 3; 3633 pointer-events: none; 3634 container-type: inline-size; 3635 } 3636 3637 .jim-sell { 3638 /* escala pelo container (Media ALT), não pelo viewport â evita estourar no mobile */ 3639 font-size: 2.3006cqw; 3640 position: absolute; 3641 left: 18.637%; 3642 top: 18.945%; 3643 width: 62.801%; 3644 color: #ffffff; 3645 font-family: "GT Standard", "Gt Standard L Standard", "Helvetica Now Dis
3645play", 3646 -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; 3647 font-weight: 400; 3648 3649 --ease-out: cubic-bezier(0.23, 1, 0.32, 1); 3650 --ease-spring: cubic-bezier(0.34, 1.5, 0.5, 1); 3651 } 3652 3653 /* fallback raro: sem container queries, o JS define --sell-scale no wrap */ 3654 @supports not (container-type: inline-size) { 3655 .jim-sell { 3656 font-size: calc(10px * var(--sell-scale, 1)); 3657 } 3658 } 3659 3660 /* blindagem: o CSS global do site alcança label e button, e foi de lá que veio 3661 a caixa alta. a classe repetida e o !important são de propósito, para regra 3662 mais especÃfica do projeto não vazar para dentro do embed. */ 3663 .jim-sell.jim-sell, 3664 .jim-sell.jim-sell * { 3665 box-sizing: border-box; 3666 text-transform: none !important; 3667 font-style: normal !important; 3668 font-variant: normal !important; 3669 font-variant-caps: normal !important; 3670 font-feature-settings: normal !important; 3671 text-decoration: none !important; 3672 text-shadow: none !important; 3673 text-align: left !important; 3674 } 3675 3676 /* label e button são os que o site estiliza direto, então recebem reforço */ 3677 .jim-sell.jim-sell .jim-sell__opt, 3678 .jim-sell.jim-sell .jim-sell__btn { 3679 margin: 0; 3680 min-height: 0; 3681 background-image: none; 3682 /* label e button pegam font-size do site; sem isso todo em da caixa escala errado */ 3683 font-size: inherit !important; 3684 line-height: normal; 3685 font-weight: 400; 3686 letter-spacing: normal; 3687 justify-content: flex-start; 3688 } 3689 3690 /* no Figma só o botão é centralizado; as opções ficam à esquerda */ 3691 .jim-sell.jim-sell .jim-sell__btn { 3692 justify-content: center; 3693 text-align: center !important; 3694 } 3695 3696 .jim-sell__card { 3697 position: relative; 3698 display: flex; 3699 flex-direction: column; 3700 gap: 1.1258em; 3701 width: 100%; 3702 /* padding do Figma menos a borda, porque lá o stroke é interno */ 3703 padding: 1.9304584em; 3704 box-sizing: border-box; 3705 overflow: hidden; 3706 border: 0.1559866em solid rgba(0, 0, 0, 0.1); 3707 border-radius: 3.400133em; 3708 background-color: rgba(0, 0, 0, 0.2); 3709 -webkit-backdrop-filter: blur(2em); 3710 backdrop-filter: blur(2em); 3711 pointer-events: auto; 3712 transform-origin: center bottom; 3713 opacity: 0; 3714 transform: translateY(1.8em) scale(0.97); 3715 filter: blur(0.5em); 3716 transition: 3717 transform 0.7s var(--ease-out), 3718 opacity 0.45s ease, 3719 filter 0.55s ease; 3720 will-change: transform, opacity, filter; 3721 } 3722 3723 .jim-sell.is-in .jim-sell__card { 3724 opacity: 1; 3725 transform: translateY(0) scale(1); 3726 filter: blur(0); 3727 } 3728 3729 /* luz que segue o cursor, interpolada no script para não parecer travada */ 3730 .jim-sell__glow { 3731 position: absolute; 3732 top: 0; 3733 left: 0; 3734 width: 26em; 3735 height: 26em; 3736 margin: -13em 0 0 -13em; 3737 border-radius: 50%; 3738 pointer-events: none; 3739 background: radial-gradient( 3740 50% 50% at 50% 50%, 3741 rgba(255, 255, 255, 0.1) 0%, 3742 rgba(255, 255, 255, 0) 100% 3743 ); 3744 opacity: 0; 3745 transition: opacity 0.3s ease; 3746 will-change: transform, opacity; 3747 } 3748 3749 .jim-sell__card.is-lit .jim-sell__glow { 3750 opacity: 1; 3751 } 3752 3753 .jim-sell__body { 3754 display: flex; 3755 flex-direction: column; 3756 padding-top: 1.5663319em; 3757 } 3758 3759 .jim-sell__head { 3760 display: flex; 3761 flex-direction: column; 3762 align-items: flex-start; 3763 padding-bottom: 3.4774086em; 3764 } 3765 3766 /* line-height do Figma com a sobra cortada: a caixa do texto fica na cap height */ 3767 .jim-sell__title { 3768 display: flex; 3769 align-items: center; 3770 justify-content: flex-start; 3771 gap: 0.1666667em; 3772 min-width: 0; 3773 flex-wrap: nowrap; 3774 font-size: 2.7123789em; 3775 font-weight: 600; 3776 line-height: 0.85; 3777 letter-spacing: -0.01em; 3778 } 3779 3780 .jim-sell__words { 3781 margin: -0.075em 0; 3782 line-height: 0.85; 3783 white-space: nowrap; 3784 } 3785 3786 .jim-sell__method { 3787 display: flex; 3788 flex-direction: column; 3789 gap: 1.5663319em; 3790 } 3791 3792 .jim-sell__label { 3793 align-self: flex-start; 3794 margin: -0.075em 0; 3795 font-size: 1.1747486em; 3796 line-height: 0.85; 3797 letter-spacing: normal; 3798 opacity: 0; 3799 transform: translateY(0.5em); 3800 transition: 3801 transform 0.5s var(--ease-out) 0.34s, 3802 opacity 0.35s ease 0.34s; 3803 } 3804 3805 .jim-sell.is-in .jim-sell__label { 3806 opacity: 1; 3807 transform: translateY(0); 3808 } 3809 3810 .jim-sell__opts { 3811 display: flex; 3812 flex-direction: column; 3813 gap: 0.5873743em; 3814 } 3815 3816 .jim-sell__opt { 3817 position: relative; 3818 display: flex; 3819 align-items: center; 3820 gap: 0.7831659em; 3821 height: 3.72em; 3822 margin: 0; 3823 padding: 0 0.8920218em; 3824 box-sizing: border-box; 3825 border: 0.0869352em solid transparent; 3826 border-radius: 0.9300093em; 3827 background-color: rgba(255, 255, 255, 0); 3828 /* label no Webflow vem com font-weight bold e margin-bottom */ 3829 font-weight: 400; 3830 letter-spacing: normal; 3831 cursor: pointer; 3832 user-select: none; 3833 -webkit-tap-highlight-color: transparent; 3834 opacity: 0; 3835 transform: translateY(0.6em); 3836 transition: 3837 transform 0.5s var(--ease-out) var(--d, 0s), 3838 opacity 0.4s ease var(--d, 0s), 3839 height 0.26s var(--ease-out), 3840 background-color 0.18s ease, 3841 border-color 0.18s ease; 3842 } 3843 3844 .jim-sell__opts .jim-sell__opt:nth-child(1) { 3845 --d: 0.42s; 3846 } 3847 3848 .jim-sell__opts .jim-sell__opt:nth-child(2) { 3849 --d: 0.48s; 3850 } 3851 3852 .jim-sell.is-in .jim-sell__opt { 3853 opacity: 1; 3854 transform: translateY(0); 3855 } 3856 3857 .jim-sell__opt:has(input:checked) { 3858 height: 5.216em; 3859 border-color: rgba(255, 255, 255, 0.12); 3860 background-color: rgba(255, 255, 255, 0.2); 3861 } 3862 3863 /* anel de foco só no teclado: clicar em radio marca :focus-visible no Chrome */ 3864 .jim-sell.is-kb .jim-sell__opt:has(input:focus-visible) { 3865 outline: 0.15em solid rgba(198, 255, 26, 0.9); 3866 outline-offset: 0.15em; 3867 } 3868 3869 .jim-sell__input { 3870 position: absolute; 3871 width: 0.1em; 3872 height: 0.1em; 3873 margin: 0; 3874 padding: 0; 3875 border: 0; 3876 background: none; 3877 -webkit-appearance: none; 3878 appearance: none; 3879 opacity: 0; 3880 pointer-events: none; 3881 } 3882 3883 /* o radio é SVG porque em div com borda o arredondamento para pixel inteiro 3884 desloca o miolo e deixa o anel irregular nesse tamanho */ 3885 .jim-sell__radio { 3886 flex: 0 0 auto; 3887 width: 2.086em; 3888 height: 2.086em; 3889 } 3890 3891 .jim-sell__radio svg { 3892 display: block; 3893 width: 100%; 3894 height: 100%; 3895 overflow: visible; 3896 } 3897 3898 .jim-sell__ring { 3899 fill: none; 3900 stroke: rgba(255, 255, 255, 0.4); 3901 stroke-width: 0.96; 3902 transition: 3903 stroke 0.18s ease, 3904 stroke-width 0.22s var(--ease-out); 3905 } 3906 3907 .jim-sell__opt:has(input:checked) .jim-sell__ring { 3908 stroke: #ffffff; 3909 stroke-width: 1.82; 3910 } 3911 3912 /* O miolo cresce por transform, e não por r: no Safari do iPhone r vale só 3913 como atributo do SVG, então a versão em CSS ficava presa no raio inicial e o 3914 ponto nunca aumentava â era daà que vinha o dot minúsculo no celular. 3915 O r do markup já é o tamanho final e a escala parte de um raio visÃvel, 3916 nunca do zero. transform-origin em unidades do viewBox (20x20) é o centro. */ 3917 .jim-sell__dot { 3918 fill: #ffffff; 3919 transform: scale(0.37); 3920 transform-origin: 10px 10px; 3921 opacity: 0; 3922 transition: 3923 transform 0.24s var(--ease-spring), 3924 opacity 0.14s ease; 3925 } 3926 3927 .jim-sell__opt:has(input:checked) .jim-sell__dot { 3928 transform: scale(1); 3929 opacity: 1; 3930 } 3931 3932 /* anel que pulsa uma vez quando o radio é marcado, na entrada e no clique */ 3933 .jim-sell__pulse { 3934 fill: none; 3935 stroke: #ffffff; 3936 stroke-width: 1.6; 3937 transform-origin: 10px 10px; 3938 stroke-opacity: 0; 3939 } 3940 3941 .jim-sell.is-in .jim-sell__opt:has(input:checked) .jim-sell__pulse { 3942 animation: jim-sell-ring 0.75s var(--ease-out) 1 both; 3943 } 3944 3945 .jim-sell.is-entering .jim-sell__opt:has(input:checked) .jim-sell__pulse { 3946 animation-delay: 0.66s; 3947 } 3948 3949 /* O stroke afina na mesma proporção da escala: escalando, o traço engrossaria 3950 junto e o pulso sairia como um anel gordo em vez de um fio se abrindo. */ 3951 @keyframes jim-sell-ring { 3952 0% { 3953 transform: scale(1); 3954 stroke-width: 1.6; 3955 stroke-opacity: 0.55; 3956 } 3957 100% { 3958 transform: scale(1.85); 3959 stroke-width: 0.86; 3960 stroke-opacity: 0; 3961 } 3962 } 3963 3964 .jim-sell__opt-text { 3965 flex: 1; 3966 min-width: 0; 3967 font-size: 1.2170929em; 3968 line-height: 0.85; 3969 letter-spacing: normal; 3970 white-space: nowrap; 3971 color: rgba(255, 255, 255, 0.6); 3972 transition: color 0.18s ease; 3973 } 3974 3975 .jim-sell__opt:has(input:checked) .jim-sell__opt-text { 3976 color: #ffffff; 3977 } 3978 3979 /* rodapé com o fio de 1px em cima, desenhado da esquerda para a direita */ 3980 .jim-sell__foot { 3981 position: relative; 3982 padding: 1.5663319em 0; 3983 } 3984 3985 .jim-sell__foot::before { 3986 content: ""; 3987 position: absolute; 3988 top: 0; 3989 left: 0; 3990 right: 0; 3991 height: 0.0978957em; 3992 background-color: rgba(255, 255, 255, 0.08); 3993 transform: scaleX(0); 3994 transform-origin: left center; 3995 transition: transform 0.5s var(--ease-out) 0.56s; 3996 } 3997 3998 .jim-sell.is-in .jim-sell__foot::before { 3999 transform: scaleX(1); 4000 } 4001 4002 .jim-sell__btn-wrap { 4003 opacity: 0; 4004 transform: translateY(0.7em); 4005 transition: 4006 transform 0.55s var(--ease-out) 0.66s, 4007 opacity 0.4s ease 0.66s; 4008 } 4009 4010 .jim-sell.is-in .jim-sell__btn-wrap { 4011 opacity: 1; 4012 transform: translateY(0); 4013 } 4014 4015 .jim-sell__btn { 4016 display: flex; 4017 align-items: center; 4018 justify-content: center; 4019 width: 100%; 4020 height: 5.216em; 4021 min-height: 0; 4022 margin: 0; 4023 padding: 1.1747486em 0.9789573em; 4024 box-sizing: border-box; 4025 border: 0; 4026 border-radius: 0.9300093em; 4027 background-color: #ffffff; 4028 background-image: none; 4029 box-shadow: none; 4030 color: #1a0000; 4031 /* button não herda tipografia do UA stylesheet, então os em da caixa quebram sem isso */ 4032 font-family: inherit; 4033 font-size: inherit; 4034 -webkit-appearance: none; 4035 appearance: none; 4036 cursor: pointer; 4037 -webkit-tap-highlight-color: transparent; 4038 opacity: 0; 4039 transform: scale(0.94) translateY(0.35em); 4040 transition: 4041 opacity 0.55s var(--ease-out) 0.66s, 4042 transform 0.7s var(--ease-out) 0.66s, 4043 box-shadow 0.18s ease; 4044 will-change: transform, opacity; 4045 } 4046 4047 .jim-sell.is-in .jim-sell__btn { 4048 opacity: 1; 4049 transform: scale(1) translateY(0); 4050 } 4051 4052 .jim-sell__btn-inner { 4053 display: inline-flex; 4054 align-items: baseline; 4055 justify-content: center; 4056 gap: 0.3542em; 4057 font-size: 1.2273207em; 4058 font-weight: 600; 4059 letter-spacing: -0.02em; 4060 line-height: 0.85; 4061 opacity: 0; 4062 transform: translateY(0.2em); 4063 transition: 4064 opacity 0.45s ease 0.82s, 4065 transform 0.5s var(--ease-out) 0.82s; 4066 } 4067 4068 .jim-sell.is-in .jim-sell__btn-inner { 4069 opacity: 1; 4070 transform: translateY(0); 4071 } 4072 4073 .jim-sell.is-kb .jim-sell__btn:focus-visible { 4074 outline: 0.16em solid rgba(198, 255, 26, 0.9); 4075 outline-offset: 0.16em; 4076 } 4077 4078 .jim-sell__btn:active { 4079 transform: scale(0.975); 4080 transition-duration: 0.55s, 0.7s, 0.1s; 4081 } 4082 4083 @media (hover: hover) and (pointer: fine) { 4084 .jim-sell__opt:hover { 4085 background-color: rgba(255, 255, 255, 0.07); 4086 } 4087 4088 .jim-sell__opt:hover .jim-sell__opt-text { 4089 color: rgba(255, 255, 255, 0.85); 4090 } 4091 4092 .jim-sell__opt:hover .jim-sell__ring { 4093 stroke: rgba(255, 255, 255, 0.7); 4094 } 4095 4096 .jim-sell__opt:has(input:checked):hover { 4097 background-color: rgba(255, 255, 255, 0.26); 4098 border-color: rgba(255, 255, 255, 0.2); 4099 } 4100 4101 .jim-sell__opt:has(input:checked):hover .jim-sell__opt-text { 4102 color: #ffffff; 4103 } 4104 4105 .jim-sell__opt:has(input:checked):hover .jim-sell__ring { 4106 stroke: #ffffff; 4107 } 4108 4109 .jim-sell.is-in .jim-sell__btn:hover { 4110 transform: translateY(-0.13em); 4111 box-shadow: 0 0.5em 1.4em rgba(0, 0, 0, 0.35); 4112 } 4113 4114 .jim-sell.is-in .jim-sell__btn:active { 4115 transform: translateY(0) scale(0.975); 4116 } 4117 } 4118 4119 /* palavras do tÃtulo subindo por dentro de uma máscara */ 4120 .jim-sell__word { 4121 display: inline-block; 4122 overflow: hidden; 4123 vertical-align: bottom; 4124 } 4125 4126 .jim-sell__word > span { 4127 display: inline-block; 4128 transform: translateY(115%); 4129 transition: transform 0.6s var(--ease-out); 4130 transition-delay: var(--d, 0s); 4131 will-change: transform; 4132 } 4133 4134 .jim-sell.is-in .jim-sell__word > span { 4135 transform: translateY(0); 4136 } 4137 4138 /* odômetro: cada dÃgito rola dentro de uma janela da altura da linha */ 4139 .jim-odo { 4140 --cell: 0.85em; 4141 display: inline-flex; 4142 align-items: center; 4143 height: var(--cell); 4144 margin: -0.075em 0; 4145 } 4146
4147 /* sem largura fixa: com tabular-nums a janela já assume a largura do dÃgito */ 4148 .jim-odo__digit { 4149 display: inline-block; 4150 flex: 0 0 auto; 4151 height: var(--cell); 4152 overflow: hidden; 4153 } 4154 4155 .jim-odo__track { 4156 display: block; 4157 transform: translateY(calc(var(--i, 0) * -1 * var(--cell))); 4158 transition: transform 1.05s cubic-bezier(0.22, 1, 0.36, 1); 4159 transition-delay: var(--d, 0s); 4160 } 4161 4162 .jim-odo__num, 4163 .jim-odo__sep { 4164 display: block; 4165 height: var(--cell); 4166 line-height: var(--cell); 4167 text-align: center; 4168 } 4169 4170 .jim-odo__sep { 4171 display: inline-block; 4172 flex: 0 0 auto; 4173 width: auto; 4174 text-align: left; 4175 } 4176 4177 /* No telefone o cartão encolhe junto com a imagem e chega perto do ilegÃvel. 4178 Ele cresce por transform, e não mexendo em font-size e width: escalando a 4179 partir do próprio centro as margens sobre a imagem continuam simétricas e o 4180 enquadramento fica onde estava â recalculando as duas medidas o cartão 4181 escorregaria de lugar. */ 4182 @media (max-width: 767px) { 4183 .jim-sell { 4184 transform: scale(1.06); 4185 } 4186 } 4187 4188 @media (max-width: 479px) { 4189 .jim-sell { 4190 transform: scale(1.1); 4191 } 4192 } 4193 4194 /* preview fora do Webflow: o script marca quando o embed está sozinho na página */ 4195 .jim-sell-wrap.is-standalone { 4196 position: relative; 4197 inset: auto; 4198 width: 100%; 4199 max-width: 434.67px; 4200 margin: 5vh auto; 4201 aspect-ratio: 434.67 / 523.21; 4202 background: 4203 radial-gradient( 4204 120% 90% at 80% 0%, 4205 rgba(198, 255, 26, 0.14) 0%, 4206 rgba(198, 255, 26, 0) 55% 4207 ), 4208 linear-gradient(160deg, #2f2a24 0%, #1a1512 60%, #100c0a 100%); 4209 } 4210 4211 @media (prefers-reduced-motion: reduce) { 4212 .jim-sell__card, 4213 .jim-sell__label, 4214 .jim-sell__opt, 4215 .jim-sell__btn-wrap, 4216 .jim-sell__btn-inner, 4217 .jim-sell__word > span { 4218 opacity: 1 !important; 4219 transform: none !important; 4220 filter: none !important; 4221 transition: none !important; 4222 } 4223 4224 .jim-sell__opt:has(input:checked) { 4225 height: 5.216em; 4226 } 4227 4228 .jim-sell__btn { 4229 opacity: 1 !important; 4230 transform: none !important; 4231 transition: box-shadow 0.18s ease !important; 4232 } 4233 4234 .jim-sell__foot::before { 4235 transform: none !important; 4236 transition: none !important; 4237 } 4238 4239 .jim-sell__pulse { 4240 animation: none !important; 4241 stroke-opacity: 0 !important; 4242 } 4243 4244 .jim-sell__ring, 4245 .jim-sell__dot { 4246 transition: none !important; 4247 } 4248 4249 .jim-sell__glow { 4250 display: none; 4251 } 4252 4253 .jim-odo__track { 4254 transition: none !important; 4255 } 4256 } 4257</style> 4258 4259<div class="jim-sell-wrap" data-jim-sell-wrap> 4260 <div class="jim-sell" data-jim-sell> 4261 <div class="jim-sell__card" data-jim-card> 4262 <span class="jim-sell__glow" data-jim-glow aria-hidden="true"></span> 4263 4264 <div class="jim-sell__body"> 4265 <div class="jim-sell__head"> 4266 <div class="jim-sell__title"> 4267 <span class="jim-sell__words" data-jim-split>Full Color</span> 4268 <span class="jim-odo" data-jim-odo="$150.00"></span> 4269 </div> 4270 </div> 4271 4272 <div class="jim-sell__method"> 4273 <span class="jim-sell__label">Payment Method</span> 4274 4275 <div class="jim-sell__opts"> 4276 <label class="jim-sell__opt"> 4277 <input 4278 class="jim-sell__input" 4279 type="radio" 4280 name="jim-sell-pm" 4281 value="tap-to-pay" 4282 /> 4283 <span class="jim-sell__radio" aria-hidden="true"> 4284 <svg viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"> 4285 <circle class="jim-sell__pulse" cx="10" cy="10" r="9.2" /> 4286 <circle class="jim-sell__ring" cx="10" cy="10" r="9.2" /> 4287 <circle class="jim-sell__dot" cx="10" cy="10" r="4.6" /> 4288 </svg> 4289 </span> 4290 <span class="jim-sell__opt-text">Tap to Pay</span> 4291 </label> 4292 4293 <label class="jim-sell__opt"> 4294 <input 4295 class="jim-sell__input" 4296 type="radio" 4297 name="jim-sell-pm" 4298 value="payment-link" 4299 checked 4300 />
4301 <span class="jim-sell__radio" aria-hidden="true"> 4302 <svg viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"> 4303 <circle class="jim-sell__pulse" cx="10" cy="10" r="9.2" /> 4304 <circle class="jim-sell__ring" cx="10" cy="10" r="9.2" /> 4305 <circle class="jim-sell__dot" cx="10" cy="10" r="4.6" /> 4306 </svg> 4307 </span> 4308 <span class="jim-sell__opt-text">Payment Link</span> 4309 </label> 4310 </div> 4311 </div> 4312 </div> 4313 4314 <div class="jim-sell__foot"> 4315 <div class="jim-sell__btn-wrap"> 4316 <button class="jim-sell__btn" type="button"> 4317 <span class="jim-sell__btn-inner"> 4318 <span>Charge</span> 4319 <span>$85.00</span> 4320 </span> 4321 </button> 4322 </div> 4323 </div> 4324 </div> 4325 </div> 4326</div> 4327
4328<script> 4329 (function () { 4330 "use strict"; 4331 4332 var REPLAY = false; // true = repete a entrada toda vez que volta à viewport 4333 var WORD_START = 0.16; // atraso da primeira palavra do tÃtulo (s) 4334 var WORD_STEP = 0.06; // intervalo entre palavras (s) 4335 var DIGIT_STEP = 0.055; // intervalo entre dÃgitos do odômetro (s) 4336 var LOOPS = 1; // voltas completas antes de parar no dÃgito certo 4337 var TITLE_ROLL = 340; // quando o valor do tÃtulo começa a rolar (ms) 4338 var ENTER_END = 2500; // fim da entrada, libera o pulso do radio no clique (ms) 4339 4340 var REDUCED = 4341 window.matchMedia && 4342 window.matchMedia("(prefers-reduced-motion: reduce)").matches; 4343 4344 function splitWords(el) { 4345 var words = (el.textContent || "").trim().split(/\s+/); 4346 4347 el.textContent = ""; 4348 4349 words.forEach(function (word, i) { 4350 var mask = document.createElement("span"); 4351 mask.className = "jim-sell__word"; 4352 4353 var inner = document.createElement("span"); 4354 inner.textContent = word; 4355 inner.style.setProperty("--d", WORD_START + i * WORD_STEP + "s"); 4356 4357 mask.appendChild(inner); 4358 el.appendChild(mask); 4359 4360 if (i < words.length - 1) { 4361 el.appendChild(document.createTextNode(" ")); 4362 } 4363 }); 4364 } 4365 4366 function buildOdometer(el) { 4367 var value = el.getAttribute("data-jim-odo") || ""; 4368 var digits = []; 4369 4370 el.textContent = ""; 4371 4372 value.split("").forEach(function (ch) { 4373 if (/\d/.test(ch)) { 4374 var window_ = document.createElement("span"); 4375 window_.className = "jim-odo__digit"; 4376 4377 var track = document.createElement("span"); 4378 track.className = "jim-odo__track"; 4379 4380 for (var loop = 0; loop <= LOOPS; loop++) { 4381 for (var n = 0; n <= 9; n++) { 4382 var num = document.createElement("span"); 4383 num.className = "jim-odo__num"; 4384 num.textContent = String(n); 4385 track.appendChild(num); 4386 } 4387 } 4388 4389 window_.appendChild(track); 4390 el.appendChild(window_); 4391 digits.push({ 4392 track: track, 4393 box: window_, 4394 target: parseInt(ch, 10) 4395 }); 4396 } else { 4397 var sep = document.createElement("span"); 4398 sep.className = "jim-odo__sep"; 4399 sep.textContent = ch === " " ? "\u00a0" : ch; 4400 el.appendChild(sep); 4401 } 4402 }); 4403 4404 el._digits = digits; 4405 4406 fitDigits(el); 4407 4408 // a fonte pode chegar depois e mudar a largura dos glifos 4409 if (document.fonts && document.fonts.ready) { 4410 document.fonts.ready.then(function () { 4411 fitDigits(el); 4412 }); 4413 } 4414 } 4415 4416 /* cada janela recebe a largura natural do seu dÃgito final: sem isso o "1" 4417 fica numa caixa larga como a do "0" e abre um vão no meio do número */ 4418 function fitDigits(el) { 4419 var digits = el._digits || []; 4420 if (!digits.length) return; 4421 4422 var base = parseFloat(getComputedStyle(el).fontSize); 4423 if (!base) return; 4424 4425 var probe = document.createElement("span"); 4426 probe.style.cssText = 4427 "position:absolute;visibility:hidden;white-space:pre;pointer-events:none"; 4428 el.appendChild(probe); 4429 4430 digits.forEach(function (d) { 4431 probe.textContent = String(d.target); 4432 4433 var w = probe.getBoundingClientRect().width; 4434 if (w) d.box.style.width = w / base + "em"; 4435 }); 4436 4437 el.removeChild(probe); 4438 } 4439 4440 function rollOdometer(el) { 4441 (el._digits || []).forEach(function (d, i) { 4442 // os dÃgitos da direita assentam por último 4443 d.track.style.setProperty("--d", i * DIGIT_STEP + "s"); 4444 d.track.style.setProperty("--i", LOOPS * 10 + d.target); 4445 }); 4446 } 4447 4448 // sobe pelos wrappers do Webflow até achar o elemento que segura a imagem 4449 function hostOf(wrap) { 4450 var el = wrap.parentElement; 4451 4452 while (el && el !== document.body) { 4453 var cls = typeof el.className === "string" ? el.className : ""; 4454 4455 if (/\bw-embed\b|\bw-script\b/.test(cls)) { 4456 el = el.parentElement; 4457 continue; 4458 } 4459 4460 return el; 4461 } 4462 4463 return el; 4464 } 4465 4466 function trackGlow(card, glow) { 4467 var tx = 0; 4468 var ty = 0; 4469 var x = 0; 4470 var y = 0; 4471 var raf = null; 4472 4473 function frame() { 4474 // interpola em vez de colar no cursor, para a luz ter inércia 4475 x += (tx - x) * 0.12; 4476 y += (ty - y) * 0.12; 4477 4478 glow.style.transform = "translate(" + x + "px," + y + "px)"; 4479 4480 if (Math.abs(tx - x) > 0.4 || Math.abs(ty - y) > 0.4) { 4481 raf = requestAnimationFrame(frame); 4482 } else { 4483 raf = null; 4484 } 4485 } 4486 4487 function onMove(e) { 4488 var r = card.getBoundingClientRect(); 4489 4490 tx = e.clientX - r.left; 4491 ty = e.clientY - r.top; 4492 4493 if (!raf) raf = requestAnimationFrame(frame); 4494 } 4495 4496 card.addEventListener("mouseenter", function (e) { 4497 var r = card.getBoundingClientRect(); 4498 4499 x = tx = e.clientX - r.left; 4500 y = ty = e.clientY - r.top; 4501 glow.style.transform = "translate(" + x + "px," + y + "px)"; 4502 card.classList.add("is-lit"); 4503 }); 4504 4505 card.addEventListener("mousemove", onMove); 4506 4507 card.addEventListener("mouseleave", function () { 4508 card.classList.remove("is-lit"); 4509 }); 4510 } 4511 4512 /* o Chrome marca :focus-visible em radio clicado com mouse, então o anel de 4513 foco só aparece quando a última interação da página veio do teclado */ 4514 var stages = []; 4515 var kbBound = false;
4516 4517 function watchKeyboard(stage) { 4518 stages.push(stage); 4519 4520 if (kbBound) return; 4521 kbBound = true; 4522 4523 function set(on) { 4524 stages.forEach(function (s) { 4525 s.classList.toggle("is-kb", on); 4526 }); 4527 } 4528 4529 document.addEventListener( 4530 "keydown", 4531 function (e) { 4532 if (e.metaKey || e.ctrlKey || e.altKey) return; 4533 set(true); 4534 }, 4535 true 4536 ); 4537 4538 document.addEventListener( 4539 "pointerdown", 4540 function () { 4541 set(false); 4542 }, 4543 true 4544 ); 4545 } 4546 4547 var DESIGN_W = 434.67; 4548 4549 function bindScale(wrap) { 4550 if ( 4551 typeof CSS !== "undefined" && 4552 CSS.supports && 4553 CSS.supports("container-type", "inline-size") 4554 ) { 4555 return; 4556 } 4557 4558 function update() { 4559 wrap.style.setProperty("--sell-scale", String(wrap.clientWidth / DESIGN_W)); 4560 } 4561 4562 update(); 4563 4564 if ("ResizeObserver" in window) { 4565 new ResizeObserver(update).observe(wrap); 4566 } else { 4567 window.addEventListener("resize", update); 4568 } 4569 } 4570 4571 function initStage(wrap) { 4572 var stage = wrap.querySelector("[data-jim-sell]"); 4573 var card = stage.querySelector("[data-jim-card]"); 4574 var glow = stage.querySelector("[data-jim-glow]"); 4575 var host = hostOf(wrap); 4576 4577 if (!host || host === document.body) { 4578 // sem container próprio: modo preview, o embed desenha o frame inteiro 4579 wrap.classList.add("is-standalone"); 4580 } else if (getComputedStyle(host).position === "static") { 4581 host.style.position = "relative"; 4582 } 4583 4584 bindScale(wrap); 4585 4586 Array.prototype.slice 4587 .call(stage.querySelectorAll("[data-jim-split]")) 4588 .forEach(splitWords); 4589 4590 watchKeyboard(stage); 4591 4592 var odos = Array.prototype.slice.call( 4593 stage.querySelectorAll("[data-jim-odo]") 4594 ); 4595 4596 odos.forEach(buildOdometer); 4597 4598 if ( 4599 glow && 4600 window.matchMedia && 4601 window.matchMedia("(hover: hover) and (pointer: fine)").matches && 4602 !REDUCED 4603 ) { 4604 trackGlow(card, glow); 4605 } 4606 4607 function play() { 4608 stage.classList.add("is-in"); 4609 4610 if (REDUCED) { 4611 odos.forEach(rollOdometer); 4612 return; 4613 } 4614 4615 stage.classList.add("is-entering"); 4616 4617 setTimeout(function () { 4618 if (odos[0]) rollOdometer(odos[0]); 4619 }, TITLE_ROLL); 4620 4621 setTimeout(function () { 4622 stage.classList.remove("is-entering"); 4623 }, ENTER_END); 4624 } 4625 4626 function reset() { 4627 stage.classList.remove("is-in"); 4628 stage.classList.remove("is-entering"); 4629 4630 odos.forEach(function (el) { 4631 (el._digits || []).forEach(function (d) { 4632 d.track.style.setProperty("--i", 0); 4633 }); 4634 }); 4635 } 4636 4637 if (!("IntersectionObserver" in window)) { 4638 play(); 4639 return; 4640 } 4641 4642 var started = false; 4643 4644 var observer = new IntersectionObserver( 4645 function (entries) { 4646 entries.forEach(function (entry) { 4647 if (entry.isIntersecting) { 4648 if (started && !REPLAY) return; 4649 4650 play(); 4651 started = true; 4652 } else if (REPLAY) { 4653 reset(); 4654 started = false; 4655 } 4656 }); 4657 }, 4658 { threshold: 0.3 } 4659 ); 4660 4661 observer.observe(stage); 4662 } 4663 4664 function init() { 4665 Array.prototype.slice 4666 .call(document.querySelectorAll("[data-jim-sell-wrap]")) 4667 .forEach(initStage); 4668 } 4669 4670 if (document.readyState === "loading") { 4671 document.addEventListener("DOMContentLoaded", init); 4672 } else { 4673 init(); 4674 } 4675 })(); 4676</script>
4676 4677</div></div><div class="feature_image_bg"><div feature="overlay" class="feature_overlay"></div><div class="feature_pill"><div class="text-size-primary">Remote</div></div></div></div><div class="feature_text_wrapper"><div class="feature_card_title"><div link="hover" class="feature_card_link"><h3 class="rb_heading-style-h6">Sell with Payment Links</h3><div link="icon" class="u-icon w-embed"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> 4678<path d="M16.175 13H4V11H16.175L10.575 5.4L12 4L20 12L12 20L10.575 18.6L16.175 13Z" fill="#1A0000"/> 4679</svg> 4680</div></div></div><div class="feature_card-desc-width"><p class="text-size-primary u-op-70">Easily send encrypted payments links to customers and vendors by text, DM, or email.</p></div><div class="features_card_info"><div class="stat_pill small"><div class="text-size-small">4.99%</div></div><p class="text-size-secondary u-maroon-300">+ $0.30 service fee per sale by link</p></div></div><a aria-label="Learn more" href="/payment-link" class="link-full w-inline-block"></a></div><div data-wf--rb-inner-feature-card--variant="portrait" class="feature_card"><div class="css w-embed"><style> 4681/* ===== Feature card: hover disparado pelo card, não pelo link_wrapper ===== */ 4682 4683/* o cursor fica sobre o .link-full, que é irmão do [link='hover']. 4684 quem envolve os dois é o card, então é ele que dispara. */ 4685[data-card="img"] { 4686 transition: transform 0.8s ease; 4687} 4688 4689@media (hover: hover) and (pointer: fine) { 4690 :has(> .link-full):hover [data-card="img"] { 4691 transform: scale(1.05); 4692 } 4693 4694 :has(> .link-full):hover [link="hover"] [link="icon"], 4695 :has(> .link-full):hover [link="hover"] .u-icon { 4696 transform: translateX(0.25rem); 4697 } 4698} 4699</style></div><div class="feature_image_wrapper"><div class="feature_image"><div class="u-image-wrapper"><img classes=" " data-card="img" alt="blurred product image" src="https://cdn.prod.website-files.com/65fc1fa2c1e7707c3f051403/6a6d02c9da4c617f3e66462c_4405c4f9af73b75f7b7c44fce9d388e5_product-img.webp" loading="lazy" sizes="(max-width: 880px) 100vw, 880px" srcset="https://cdn.prod.website-files.com/65fc1fa2c1e7707c3f051403/6a6d02c9da4c617f3e66462c_4405c4f9af73b75f7b7c44fce9d388e5_product-img-p-500.webp 500w, https://cdn.prod.website-files.com/65fc1fa2c1e7707c3f051403/6a6d02c9da4c617f3e66462c_4405c4f9af73b75f7b7c44fce9d388e5_product-img.webp 654w" class="u-image"/></div><div class="u-embed-animation w-embed w-script"><style> 4700 /* overlay: fica em cima da imagem do "Media ALT", sem fundo próprio */ 4701 .jim-product-wrap { 4702 position: absolute; 4703 inset: 0; 4704 z-index: 3; 4705 pointer-events: none; 4706 } 4707 4708 @supports (container-type: inline-size) { 4709 .jim-product-wrap { 4710 container-type: inline-size; 4711 } 4712 } 4713 4714 .jim-product { 4715 /* 1em = 10px do Figma, medido no frame de 434.67 de largura */ 4716 font-size: 2.3006vw; 4717 position: absolute; 4718 left: 6.5em; 4719 top: 7.9em; 4720 width: 30.203em; 4721 color: #1a0000; 4722 font-family: "GT Standard", "Gt Standard L Standard", "Helvetica Now Dis
4722play", 4723 -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; 4724 font-weight: 400; 4725 4726 --ease-out: cubic-bezier(0.23, 1, 0.32, 1); 4727 --ease-spring: cubic-bezier(0.34, 1.5, 0.5, 1); 4728 } 4729 4730 @supports (container-type: inline-size) { 4731 .jim-product { 4732 font-size: 2.3006cqw; 4733 } 4734 } 4735 4736 .jim-product.jim-product, 4737 .jim-product.jim-product * { 4738 box-sizing: border-box; 4739 text-transform: none !important; 4740 font-style: normal !important; 4741 font-variant: normal !important; 4742 font-variant-caps: normal !important; 4743 font-feature-settings: normal !important; 4744 text-decoration: none !important; 4745 text-shadow: none !important; 4746 } 4747 4748 .jim-product.jim-product .jim-product__btn { 4749 margin: 0; 4750 min-height: 0; 4751 background-image: none; 4752 /* button pega font-size do site; sem isso todo em da caixa escala errado */ 4753 font-size: inherit !important; 4754 line-height: normal; 4755 font-weight: 400; 4756 letter-spacing: normal; 4757 text-align: left; 4758 } 4759 4760 .jim-product__stack { 4761 display: flex; 4762 flex-direction: column; 4763 align-items: flex-start; 4764 gap: 1.1291319em; 4765 width: 100%; 4766 padding: 0.5720315em; 4767 box-sizing: border-box; 4768 } 4769 4770 .jim-product__card { 4771 position: relative; 4772 width: 100%; 4773 height: 29.137em; 4774 box-sizing: border-box; 4775 overflow: hidden; 4776 border: 0.1234635em solid rgba(255, 255, 255, 0.2); 4777 border-radius: 2.5741417em; 4778 background-color: #ffffff; 4779 pointer-events: auto; 4780 transform-origin: center bottom; 4781 opacity: 0; 4782 transform: translateY(1.6em) scale(0.96); 4783 filter: blur(0.45em); 4784 transition: 4785 transform 0.75s var(--ease-out), 4786 opacity 0.5s ease, 4787 filter 0.6s ease; 4788 will-change: transform, opacity, filter; 4789 } 4790 4791 .jim-product.is-in .jim-product__card { 4792 opacity: 1; 4793 transform: translateY(0) scale(1); 4794 filter: blur(0); 4795 } 4796 4797 /* brilho que atravessa o card branco uma vez na entrada */ 4798 .jim-product__card::after { 4799 content: ""; 4800 position: absolute; 4801 top: 0; 4802 bottom: 0; 4803 left: -40%; 4804 width: 35%; 4805 pointer-events: none; 4806 background: linear-gradient( 4807 100deg, 4808 rgba(255, 255, 255, 0) 0%, 4809 rgba(255, 255, 255, 0.65) 50%, 4810 rgba(255, 255, 255, 0) 100% 4811 ); 4812 opacity: 0; 4813 transform: skewX(-12deg); 4814 z-index: 4; 4815 } 4816 4817 .jim-product.is-in .jim-product__card::after { 4818 animation: jim-product-sheen 1s var(--ease-out) 0.42s 1 both; 4819 } 4820 4821 @keyframes jim-product-sheen { 4822 0% { 4823 left: -40%; 4824 opacity: 0; 4825 } 4826 35% { 4827 opacity: 1; 4828 } 4829 100% { 4830 left: 115%; 4831 opacity: 0; 4832 } 4833 } 4834 4835 .jim-product__vendor { 4836 position: relative; 4837 z-index: 2; 4838 padding: 2.2881259em 1.7160944em 0; 4839 margin: -0.07em 0 0; 4840 font-size: 1.2584691em; 4841 line-height: 0.85; 4842 letter-spacing: -0.02em; 4843 color: rgba(0, 0, 0, 0.6); 4844 opacity: 0; 4845 transform: translateY(0.5em); 4846 transition: 4847 transform 0.5s var(--ease-out) 0.2s, 4848 opacity 0.35s ease 0.2s; 4849 } 4850 4851 .jim-product.is-in .jim-product__vendor { 4852 opacity: 1; 4853 transform: translateY(0); 4854 } 4855 4856 .jim-product__media { 4857 position: absolute; 4858 left: 4.634em; 4859 top: 4.388em; 4860 width: 20.308em; 4861 height: 20.308em; 4862 display: flex; 4863 align-items: center; 4864 justify-content: center; 4865 pointer-events: none; 4866 } 4867 4868 .jim-product__media img { 4869 width: 100%; 4870 height: 100%; 4871 object-fit: contain; 4872 opacity: 0; 4873 transform: scale(0.72) rotate(-8deg) translateY(0.6em); 4874 transition: 4875 transform 0.85s var(--ease-spring) 0.28s, 4876 opacity 0.45s ease 0.28s; 4877 will-change: transform, opacity; 4878 } 4879 4880 .jim-product.is-in .jim-product__media img { 4881 opacity: 1; 4882 transform: scale(1) rotate(0deg) translateY(0); 4883 } 4884 4885 .jim-product.is-in.is-loop .jim-product__media img { 4886 animation: jim-product-float 4.8s ease-in-out 1.4s infinite; 4887 } 4888 4889 @keyframes jim-product-float { 4890 0%, 4891 100% { 4892 transform: translateY(0) rotate(0deg); 4893 } 4894 50% { 4895 transform: translateY(-0.35em) rotate(1.2deg); 4896 } 4897 } 4898 4899 .jim-product__foot { 4900 position: absolute; 4901 left: 0; 4902 right: 0; 4903 bottom: 0; 4904 z-index: 2; 4905 display: flex; 4906 align-items: center; 4907 justify-content: space-between; 4908 gap: 0.5em; 4909 padding: 2.2881259em 1.7160944em; 4910 box-sizing: border-box; 4911 } 4912 4913 .jim-product__name, 4914 .jim-product__price { 4915 font-size: 1.8305008em; 4916 line-height: 0.85; 4917 margin: -0.075em 0; 4918 white-space: nowrap; 4919 opacity: 0; 4920 transform: translateY(0.55em); 4921 transition: 4922 transform 0.55s var(--ease-out), 4923 opacity 0.4s ease; 4924 } 4925 4926 .jim-product__name { 4927 transition-delay: 0.46s; 4928 } 4929 4930 .jim-product__price { 4931 transition-delay: 0.54s; 4932 } 4933 4934 .jim-product.is-in .jim-product__name, 4935 .jim-product.is-in .jim-product__price { 4936 opacity: 1; 4937 transform: translateY(0); 4938 } 4939 4940 .jim-product__btn { 4941 display: inline-flex; 4942 align-items: center; 4943 justify-content: flex-start; 4944 flex: 0 0 auto; 4945 width: 14.974em; 4946 height: 5.27em; 4947 padding: 0 2.442em 0 2.442em; 4948 box-sizing: border-box; 4949 border: 0.1144063em solid rgba(255, 255, 255, 0.2); 4950 border-radius: 2.6158197em; 4951 background-color: rgba(255, 255, 255, 0.2); 4952 -webkit-backdrop-filter: blur(2em); 4953 backdrop-filter: blur(2em); 4954 color: #ffffff; 4955 font-family: inherit; 4956 font-size: inherit; 4957 -webkit-appearance: none; 4958 appearance: none; 4959 cursor: pointer; 4960 pointer-events: auto; 4961 -webkit-tap-highlight-color: transparent; 4962 opacity: 0; 4963 transform: scale(0.94) translateY(0.35em); 4964 transition: 4965 opacity 0.55s var(--ease-out) 0.62s, 4966 transform 0.7s var(--ease-out) 0.62s, 4967 background-color 0.18s ease, 4968 border-color 0.18s ease, 4969 box-shadow 0.18s ease; 4970 will-change: transform, opacity; 4971 } 4972 4973 .jim-product.is-in .jim-product__btn { 4974 opacity: 1; 4975 transform: scale(1) translateY(0); 4976 } 4977 4978 .jim-product__btn-label { 4979 display: inline-block; 4980 font-size: 1.8494835em; 4981 line-height: 0.85; 4982 margin: -0.075em 0; 4983 white-space: nowrap; 4984 opacity: 0; 4985 transform: translateY(0.15em); 4986 transition: 4987 opacity 0.4s ease 0.78s, 4988 transform 0.45s var(--ease-out) 0.78s; 4989 } 4990 4991 .jim-product.is-in .jim-product__btn-label { 4992 opacity: 1; 4993 transform: translateY(0); 4994 } 4995 4996 .jim-product.is-kb .jim-product__btn:focus-visible { 4997 outline: 0.15em solid rgba(198, 255, 26, 0.9); 4998 outline-offset: 0.15em; 4999 } 5000 5001 .jim-product__btn:active { 5002 transform: scale(0.97); 5003 transition-duration: 0.55s, 0.7s, 0.1s, 0.1s, 0.1s; 5004 } 5005 5006 @media (hover: hover) and (pointer: fine) { 5007 .jim-product.is-in .jim-product__btn:hover { 5008 background-color: rgba(255, 255, 255, 0.28); 5009 border-color: rgba(255, 255, 255, 0.32); 5010 transform: translateY(-0.1em); 5011 box-shadow: 0 0.45em 1.2em rgba(0, 0, 0, 0.28); 5012 } 5013 5014 .jim-product.is-in .jim-product__btn:active { 5015 transform: translateY(0) scale(0.97); 5016 } 5017 } 5018 5019 .jim-product-wrap.is-standalone { 5020 position: relative; 5021 inset: auto; 5022 width: 100%; 5023 max-width: 434.67px; 5024 margin: 5vh auto; 5025 aspect-ratio: 434.67 / 523.21; 5026 background: 5027 radial-gradient( 5028 120% 90% at 80% 0%, 5029 rgba(198, 255, 26, 0.14) 0%, 5030 rgba(198, 255, 26, 0) 55% 5031 ), 5032 linear-gradient(160deg, #2f2a24 0%, #1a1512 60%, #100c0a 100%); 5033 } 5034 5035 @media (prefers-reduced-motion: reduce) { 5036 .jim-product__card, 5037 .jim-product__vendor, 5038 .jim-product__media img, 5039 .jim-product__name, 5040 .jim-product__price, 5041 .jim-product__btn, 5042 .jim-product__btn-label { 5043 opacity: 1 !important; 5044 transform: none !important; 5045 filter: none !important; 5046 transition: none !important; 5047 animation: none !important; 5048 } 5049 5050 .jim-product__card::after { 5051 animation: none !important; 5052 opacity: 0 !important; 5053 } 5054 } 5055</style> 5056 5057<div class="jim-product-wrap" data-jim-product-wrap> 5058 <div class="jim-product" data-jim-product> 5059 <div class="jim-product__stack"> 5060 <div class="jim-product__card" data-jim-card> 5061 <div class="jim-product__vendor">Sam's Skateshop</div> 5062 5063 <div class="jim-product__media"> 5064 <img 5065 src="https://cdn.prod.website-files.com/65fc1fa2c1e7707c3f051403/6a6d0ad3eec344a63b701b97_skate.png" 5066 alt="" 5067 /> 5068 </div> 5069 5070 <div class="jim-product__foot">
5071 <span class="jim-product__name">Cult Skateboard</span> 5072 <span class="jim-product__price">$65</span> 5073 </div> 5074 </div> 5075 5076 <button class="jim-product__btn" type="button"> 5077 <span class="jim-product__btn-label">Add to cart</span> 5078 </button> 5079 </div> 5080 </div> 5081</div> 5082
5083<script> 5084 (function () { 5085 "use strict"; 5086 5087 var REPLAY = false; 5088 var LOOP_DELAY = 1400; 5089 5090 var REDUCED = 5091 window.matchMedia && 5092 window.matchMedia("(prefers-reduced-motion: reduce)").matches; 5093 5094 function hostOf(wrap) { 5095 var el = wrap.parentElement; 5096 5097 while (el && el !== document.body) { 5098 var cls = typeof el.className === "string" ? el.className : ""; 5099 5100 if (/\bw-embed\b|\bw-script\b/.test(cls)) { 5101 el = el.parentElement; 5102 continue; 5103 } 5104 5105 return el; 5106 } 5107 5108 return null; 5109 } 5110 5111 var stages = []; 5112 var kbBound = false; 5113 5114 function watchKeyboard(stage) { 5115 stages.push(stage); 5116 5117 if (kbBound) return; 5118 kbBound = true; 5119 5120 function set(on) { 5121 stages.forEach(function (s) { 5122 s.classList.toggle("is-kb", on); 5123 }); 5124 } 5125 5126 document.addEventListener( 5127 "keydown", 5128 function (e) { 5129 if (e.metaKey || e.ctrlKey || e.altKey) return; 5130 set(true); 5131 }, 5132 true 5133 ); 5134 5135 document.addEventListener( 5136 "pointerdown", 5137 function () { 5138 set(false); 5139 }, 5140 true 5141 ); 5142 } 5143 5144 function initStage(wrap) { 5145 var stage = wrap.querySelector("[data-jim-product]"); 5146 var host = hostOf(wrap); 5147 5148 if (!host || host === document.body) { 5149 wrap.classList.add("is-standalone"); 5150 } else if (getComputedStyle(host).position === "static") { 5151 host.style.position = "relative"; 5152 } 5153 5154 watchKeyboard(stage); 5155 5156 var loopTimer = null; 5157 5158 function play() { 5159 stage.classList.add("is-in"); 5160 5161 if (!REDUCED) { 5162 clearTimeout(loopTimer); 5163 loopTimer = setTimeout(function () { 5164 stage.classList.add("is-loop"); 5165 }, LOOP_DELAY); 5166 } 5167 } 5168 5169 function reset() { 5170 stage.classList.remove("is-in"); 5171 stage.classList.remove("is-loop"); 5172 clearTimeout(loopTimer); 5173 loopTimer = null; 5174 } 5175 5176 if (!("IntersectionObserver" in window)) { 5177 play(); 5178 return; 5179 } 5180 5181 var started = false; 5182 5183 var observer = new IntersectionObserver( 5184 function (entries) { 5185 entries.forEach(function (entry) { 5186 if (entry.isIntersecting) { 5187 if (started && !REPLAY) return; 5188 5189 play(); 5190 started = true; 5191 5192 if (!REPLAY) observer.disconnect(); 5193 } else if (REPLAY) { 5194 reset(); 5195 } 5196 }); 5197 }, 5198 { threshold: 0.35 } 5199 ); 5200 5201 observer.observe(stage); 5202 } 5203 5204 function init() { 5205 Array.prototype.slice 5206 .call(document.querySelectorAll("[data-jim-product-wrap]")) 5207 .forEach(initStage); 5208 } 5209 5210 if (document.readyState === "loading") { 5211 document.addEventListener("DOMContentLoaded", init); 5212 } else { 5213 init(); 5214 } 5215 })(); 5216</script>
5216 5217</div></div><div class="feature_image_bg"><div feature="overlay" class="feature_overlay"></div><div class="feature_pill"><div class="text-size-primary">Online</div></div></div></div><div class="feature_text_wrapper"><div class="feature_card_title"><div link="hover" class="feature_card_link"><h3 class="rb_heading-style-h6">Sell with a Website</h3><div link="icon" class="u-icon w-embed"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> 5218<path d="M16.175 13H4V11H16.175L10.575 5.4L12 4L20 12L12 20L10.575 18.6L16.175 13Z" fill="#1A0000"/> 5219</svg> 5220</div></div></div><div class="feature_card-desc-width"><p class="text-size-primary u-op-70">Generate a custom website your customers can discover and buy from online.</p></div><div class="features_card_info"><div class="stat_pill small"><div class="text-size-small">4.99%</div></div><p class="text-size-secondary u-maroon-300">+ $0.30 service fee per online sale</p></div></div><a aria-label="Learn more" href="/website-builder" class="link-full w-inline-block"></a></div></div></div></div></div></section><section class="marquee_section margin-top margin-large"><div class="marquee_content padding-section-medium is-first"><div class="marquee_text_inner"><div class="marquee_text"><p>Jim gets things done</p></div></div><div data-css-marquee-speed="60" data-css-marquee="" class="maquee_wrapper"><div data-css-marquee-list="" class="marquee_list"><div class="marquee_stat"><p class="rb_heading-style-h5">Website Builder</p><div class="stat_pill"><div class="text-size-primary">Free</div></div></div><div class="marquee_stat"><p class="rb_heading-style-h5">Tap to Pay</p><div class="stat_pill"><div class="text-size-primary">1.99% per tap</div></div></div><div class="marquee_stat"><p class="rb_heading-style-h5">Payment Links</p><div class="stat_pill"><div class="text-size-primary">4.99% + $0.30 per sale</div></div></div><div class="marquee_stat"><p class="rb_heading-style-h5">Booking</p><div class="stat_pill"><div class="text-size-primary">Free</div></div></div><div class="marquee_stat"><p class="rb_heading-style-h5">Product Catalog</p><div class="stat_pill"><div class="text-size-primary">Free</div></div></div><div class="marquee_stat"><p class="rb_heading-style-h5">Jim Card</p><div class="stat_pill"><div class="text-size-primary">Free</div></div></div></div><div marquee="gradient" class="marquee_gradient"></div></div></div></section><section class="growing_section u-theme-dark"><div class="js w-embed w-script">
5220<script> 5221function initStackingCards() { 5222 gsap.registerPlugin(ScrollTrigger); 5223 const MIN_SCALE = 0.8; 5224 const ORDER = ['first', 'second', 'third']; 5225 const END_OFFSET = '-=30%'; 5226 const BASE_Z_INDEX = 30; 5227 const wraps = document.querySelectorAll('[growing-card="wrap"]'); 5228 5229 wraps.forEach(function (wrap) { 5230 const cards = ORDER 5231 .map(function (key) { 5232 return wrap.querySelector('[growing-card="' + key + '"]'); 5233 }) 5234 .filter(Boolean); 5235 const header = wrap.querySelector('[growing="header"]'); 5236 const total = cards.length; 5237 if (total === 0) return; 5238 5239 cards.forEach(function (card, i) { 5240 card.style.zIndex = BASE_Z_INDEX + i; 5241 gsap.set(card, { scale: 1 }); 5242 }); 5243 5244 const step = total > 0 ? (1 - MIN_SCALE) / total : 0; 5245 const phaseProgress = new Array(total).fill(0); 5246 5247 function recomputeScales() { 5248 cards.forEach(function (card, i) { 5249 const isLast = i === total - 1; 5250 if (isLast) return; 5251 5252 let accumulated = 0; 5253 for (let k = i; k < total; k++) { 5254 accumulated += phaseProgress[k]; 5255 } 5256 5257 const targetScale = 1 - accumulated * step; 5258 gsap.set(card, { scale: targetScale }); 5259 }); 5260 } 5261 5262 cards.forEach(function (card, k) { 5263 ScrollTrigger.create({ 5264 trigger: card, 5265 start: 'top center', 5266 end: 'bottom center' + END_OFFSET, 5267 scrub: true, 5268 onUpdate: function (self) { 5269 phaseProgress[k] = self.progress; 5270 recomputeScales(); 5271 }, 5272 onRefresh: function (self) { 5273 phaseProgress[k] = self.progress; 5274 recomputeScales(); 5275 }, 5276 }); 5277 }); 5278 5279 if (header) { 5280 const firstCard = cards[0]; 5281 const originalHeaderZIndex = header.style.zIndex || 'auto'; 5282 const belowFirstCardZIndex = BASE_Z_INDEX - 1; 5283 ScrollTrigger.create({ 5284 trigger: firstCard, 5285 start: 'bottom center' + END_OFFSET, 5286 onEnter: () => { 5287 header.style.zIndex = belowFirstCardZIndex; 5288 }, 5289 onLeaveBack: () => { 5290 header.style.zIndex = originalHeaderZIndex; 5291 }, 5292 }); 5293 } 5294 }); 5295} 5296 5297document.addEventListener('DOMContentLoaded', function () { 5298 initStackingCards(); 5299}); 5300</script>
5300</div><div class="css w-embed"><style> 5301 [growing-card] { 5302 will-change: transform; 5303 transform-origin: center top; 5304 } 5305 [growing='image-1'] { 5306 transform: translateY(100%); 5307 } 5308 5309 html.wf-design-mode [growing='image-1'] { 5310 transform: translateY(0%); 5311 } 5312 5313 /* Reveal em loop das mensagens desativado: os wrappers ficam no estado final. 5314 Para reativar, volte este bloco e as chamadas de initGrowingMessagesReveal 5315 no embed de JS da seção. 5316 5317 [growing-2='message-1'], 5318 [growing-2='message-2'] { 5319 transform: translateY(4rem); 5320 } 5321 5322 [growing-2='message-2'] { 5323 opacity: 0; 5324 } 5325 5326 html.wf-design-mode [growing-2='message-1'], 5327 html.wf-design-mode [growing-2='message-2'] { 5328 transform: translateY(0); 5329 } 5330 5331 html.wf-design-mode [growing-2='message-2'] { 5332 opacity: 1; 5333 } 5334 5335 [growing-3='message-1'], 5336 [growing-3='message-2'] { 5337 transform: translateY(4rem); 5338 } 5339 5340 [growing-3='message-2'] { 5341 opacity: 0; 5342 } 5343 5344 html.wf-design-mode [growing-3='message-1'], 5345 html.wf-design-mode [growing-3='message-2'] { 5346 transform: translateY(0); 5347 } 5348 5349 html.wf-design-mode [growing-3='message-2'] { 5350 opacity: 1; 5351 } 5352 */ 5353</style></div><div class="js w-embed w-script">
5353<script> 5354function initGrowingImageReveal() { 5355 const HOLD_DURATION = 2; 5356 const REPEAT_DELAY = 1; 5357 const EXIT_DISTANCE = 40; 5358 const EXIT_DURATION = 0.6; 5359 const ENTER_DURATION = 1; 5360 5361 const el = document.querySelector('[growing="image-1"]'); 5362 const trigger = document.querySelector('[growing="trigger-1"]'); 5363 if (!el || !trigger) return; 5364 5365 const startY = el.offsetHeight; 5366 let tl = null; 5367 5368 function resetState() { 5369 if (tl) { 5370 tl.kill(); 5371 tl = null; 5372 } 5373 gsap.set(el, { y: startY, opacity: 0 }); 5374 } 5375 5376 function playLoop() { 5377 resetState(); 5378 tl = gsap.timeline({ repeat: -1 }); 5379 tl.to(el, { y: 0, opacity: 1, duration: ENTER_DURATION, ease: 'power2.out' }) 5380 .to(el, {}, '+=' + HOLD_DURATION) 5381 .to(el, { y: -EXIT_DISTANCE, opacity: 0, duration: EXIT_DURATION, ease: 'power2.in' }) 5382 .set(el, { y: startY, opacity: 0 }) 5383 .to(el, {}, '+=' + REPEAT_DELAY); 5384 } 5385 5386 resetState(); 5387 5388 ScrollTrigger.create({ 5389 trigger: trigger, 5390 start: 'top 70%', 5391 end: 'bottom top', 5392 onEnter: playLoop, 5393 onEnterBack: playLoop, 5394 onLeave: resetState, 5395 onLeaveBack: resetState, 5396 }); 5397} 5398 5399function initGrowingMessagesReveal(triggerKey, messageGroup) { 5400 const HOLD_DURATION = 2; 5401 const REPEAT_DELAY = 1; 5402 const EXIT_DISTANCE = 40; 5403 const EXIT_DURATION = 0.6; 5404 const ENTER_DURATION = 0.6; 5405 const STAGGER_GAP = 0.1; 5406 5407 const trigger = document.querySelector('[growing="' + triggerKey + '"]'); 5408 const message1 = document.querySelector('[' + messageGroup + '="message-1"]'); 5409 const message2 = document.querySelector('[' + messageGroup + '="message-2"]'); 5410 if (!trigger) return; 5411 5412 const rootFontSize = parseFloat(getComputedStyle(document.documentElement).fontSize); 5413 const startY = 4 * rootFontSize; 5414 let tl = null; 5415 5416 function resetState() { 5417 if (tl) { 5418 tl.kill(); 5419 tl = null; 5420 } 5421 if (message1) gsap.set(message1, { y: startY, opacity: 0 }); 5422 if (message2) gsap.set(message2, { y: startY, opacity: 0 }); 5423 } 5424 5425 function playLoop() { 5426 resetState(); 5427 tl = gsap.timeline({ repeat: -1 }); 5428 5429 if (message1) { 5430 tl.to(message1, { y: 0, opacity: 1, duration: ENTER_DURATION, ease: 'power2.out' }); 5431 } 5432 if (message2) { 5433 tl.to(message2, { y: 0, opacity: 1, duration: ENTER_DURATION, ease: 'power2.out' }, '+=' + STAGGER_GAP); 5434 } 5435 5436 tl.to({}, {}, '+=' + HOLD_DURATION); 5437 5438 if (message1) { 5439 tl.to(message1, { y: -EXIT_DISTANCE, opacity: 0, duration: EXIT_DURATION, ease: 'power2.in' }, '<'); 5440 } 5441 if (message2) { 5442 tl.to(message2, { y: -EXIT_DISTANCE, opacity: 0, duration: EXIT_DURATION, ease: 'power2.in' }, '<'); 5443 } 5444 5445 if (message1) tl.set(message1, { y: startY, opacity: 0 }); 5446 if (message2) tl.set(message2, { y: startY, opacity: 0 }); 5447 5448 tl.to({}, {}, '+=' + REPEAT_DELAY); 5449 } 5450 5451 resetState(); 5452 5453 ScrollTrigger.create({ 5454 trigger: trigger, 5455 start: 'top 80%', 5456 end: 'bottom top', 5457 onEnter: playLoop, 5458 onEnterBack: playLoop, 5459 onLeave: resetState, 5460 onLeaveBack: resetState, 5461 }); 5462} 5463 5464// Reveal em loop dos assets internos dos cards desativado. 5465// Para reativar, descomente as chamadas abaixo e volte o bloco comentado 5466// no embed de CSS da seção (estado inicial dos wrappers). 5467document.addEventListener('DOMContentLoaded', function () { 5468 gsap.registerPlugin(ScrollTrigger); 5469 // initGrowingImageReveal(); 5470 // initGrowingMessagesReveal('trigger-2', 'growing-2'); 5471 // initGrowingMessagesReveal('trigger-3', 'growing-3'); 5472}); 5473</script>
5473</div><div class="rb_padding-global"><div class="rb_container-large rb_padding-section-medium padding-top"><div class="growing_content"><div growing-card="wrap" class="growing_cards"><div class="growing_cards_inner"><div growing="header" class="growing_heading"><div class="u-heading-wrapper"><h2 class="rb_heading-style-h1 display-inline">Start</h2><img src="https://cdn.prod.website-files.com/65fc1fa2c1e7707c3f051403/6a69042703b2d33049b1333e_growing.webp" loading="lazy" sizes="(max-width: 1095px) 100vw, 1095px" srcset="https://cdn.prod.website-files.com/65fc1fa2c1e7707c3f051403/6a69042703b2d33049b1333e_growing-p-500.webp 500w, https://cdn.prod.website-files.com/65fc1fa2c1e7707c3f051403/6a69042703b2d33049b1333e_growing-p-800.webp 800w, https://cdn.prod.website-files.com/65fc1fa2c1e7707c3f051403/6a69042703b2d33049b1333e_growing-p-1080.webp 1080w, https://cdn.prod.website-files.com/65fc1fa2c1e7707c3f051403/6a69042703b2d33049b1333e_growing.webp 1095w" alt="The word GROWING in large, bold, white stylized capital letters on a transparent background." class="rb_growing-title-image"/><div class="rb_heading-style-h1 display-inline">faster</div></div></div><div growing-card="first" class="growing_card"><div class="growing_card_left"><div class="growing_card_text"><div link="hover" class="link_wrapper"><div class="link_text_wrapper"><div class="rb_heading-style-h6">Generate a Website</div></div><div><div class="u-icon w-embed"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> 5474<path d="M16.175 13H4V11H16.175L10.575 5.4L12 4L20 12L12 20L10.575 18.6L16.175 13Z" fill="white"/> 5475</svg> 5476</div></div><a aria-label="Learn more" href="/website-builder" class="link-full w-inline-block"></a></div><div class="growing_card_paragraph"><p class="text-size-primary u-op-60">Get a custom site you can launch with a tap.</p></div></div><div class="growing_pills"><div class="growing_pill"><div class="text-size-tertiary u-op-70">Create a catalog</div></div><div class="growing_pill"><div class="text-size-tertiary u-op-70">Sell instantly</div></div><div class="growing_pill"><div class="text-size-tertiary u-op-70">Customize design</div></div></div></div><div class="growing_card_right is-first"><div growing="trigger-1" class="growing_image_first"><div class="u-image-wrapper"><img src="https://cdn.prod.website-files.com/65fc1fa2c1e7707c3f051403/6a6cb8d08b09419096c3079a_741b579996a5236cf7b45a1836fd7073_jim-website.webp" loading="lazy" sizes="(max-width: 666px) 100vw, 666px" srcset="https://cdn.prod.website-files.com/65fc1fa2c1e7707c3f051403/6a6cb8d08b09419096c3079a_741b579996a5236cf7b45a1836fd7073_jim-website-p-500.webp 500w, https://cdn.prod.website-files.com/65fc1fa2c1e7707c3f051403/6a6cb8d08b09419096c3079a_741b579996a5236cf7b45a1836fd7073_jim-website.webp 666w" alt="Hand with blue nail polish holding phone displaying a bakery app with sweets categories and photos." class="u-image"/></div></div></div></div></div><div growing-card="second" class="growing_card is-second"><div class="growing_card_left"><div class="growing_card_text"><div link="hover" class="link_wrapper"><div class="link_text_wrapper"><div class="rb_heading-style-h6">Spot opportunities</div></div><div><div class="u-icon w-embed"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> 5477<path d="M16.175 13H4V11H16.175L10.575 5.4L12 4L20 12L12 20L10.575 18.6L16.175 13Z" fill="white"/> 5478</svg> 5479</div></div><a aria-label="Sign up for Jim" href="https://onboarding.jim.com/v2/login" class="link-full w-inline-block"></a></div><div class="growing_card_paragraph"><p class="text-size-primary u-op-60">Catch sales opportunities, like nearby events.</p></div></div></div><div class="growing_card_right"><div growing="trigger-2" class="growing_image_second"><div growing-2="message-1" class="growing_message_wrapper"><div>Thereâs an artists market near you.</div><div class="growing_message_bg"><img sizes="(max-width: 1139px) 100vw, 1139px" srcset="https://cdn.prod.website-files.com/65fc1fa2c1e7707c3f051403/6a69042703b2d33049b1335d_eacd0018f5c360577ed1afc950d23a9a_card-1-wrapper-p-500.webp 500w, https://cdn.prod.website-files.com/65fc1fa2c1e7707c3f051403/6a69042703b2d33049b1335d_eacd0018f5c360577ed1afc950d23a9a_card-1-wrapper-p-800.webp 800w, https://cdn.prod.website-files.com/65fc1fa2c1e7707c3f051403/6a69042703b2d33049b1335d_card-1-wrapper.webp 1139w" alt="Solid dark charcoal rounded rectangle with smooth corners, serving as a background container for a card-style UI element." src="https://cdn.prod.website-files.com/65fc1fa2c1e7707c3f051403/6a69042703b2d33049b1335d_card-1-wrapper.webp" loading="lazy" class="rb_image"/></div></div><div growing-2="message-2" class="growing_message_wrapper is-second"><img sizes="(max-width: 1139px) 100vw, 1139px" srcset="https://cdn.prod.website-files.com/65fc1fa2c1e7707c3f051403/6a69042703b2d33049b13356_47011333e90afaa3c56e7226e2bc3475_card-2-message-p-500.webp 500w, https://cdn.prod.website-files.com/65fc1fa2c1e7707c3f051403/6a69042703b2d33049b13356_47011333e90afaa3c56e7226e2bc3475_card-2-message-p-800.webp 800w, https://cdn.prod.website-files.com/65fc1fa2c1e7707c3f051403/6a69042703b2d33049b13356_card-2-message.webp 1139w" alt="Map with orange location marker; text says Fort Greene Park, May 11th, Brooklyn, with Apply button." src="https://cdn.prod.website-files.com/65fc1fa2c1e7707c3f051403/6a69042703b2d33049b13356_card-2-message.webp" loading="lazy"/></div></div></div></div><div class="growig_third"><div class="growing_third_spacer"></div>
5479<div growing-card="third" class="growing_card is-third"><div class="growing_card_left"><div class="growing_card_text"><div link="hover" class="link_wrapper"><div class="link_text_wrapper"><div class="rb_heading-style-h6">Ask Jim anything</div></div><div><div class="u-icon w-embed"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> 5480<path d="M16.175 13H4V11H16.175L10.575 5.4L12 4L20 12L12 20L10.575 18.6L16.175 13Z" fill="white"/> 5481</svg> 5482</div></div><a aria-label="Learn more" href="/chat" class="link-full w-inline-block"></a></div><div class="growing_card_paragraph"><p class="text-size-primary u-op-60">Learn about day-to-day business, or long-term plans.</p></div></div></div><div class="growing_card_right"><div growing="trigger-3" class="growing_image_second is-third"><div growing-3="message-1" class="growing_message_wrapper is-third"><div>How much did i make in Q1?</div></div><div growing-3="message-2" class="growing_message_wrapper is-large"><div class="growing_message_bg"><img sizes="(max-width: 1054px) 100vw, 1054px" srcset="https://cdn.prod.website-files.com/65fc1fa2c1e7707c3f051403/6a69042703b2d33049b13363_card-3-wrapper-p-500.webp 500w, https://cdn.prod.website-files.com/65fc1fa2c1e7707c3f051403/6a69042703b2d33049b13363_card-3-wrapper-p-800.webp 800w, https://cdn.prod.website-files.com/65fc1fa2c1e7707c3f051403/6a69042703b2d33049b13363_card-3-wrapper.webp 1054w" alt="Dark rounded horizontal bar with a glossy finish, used as a UI card or message wrapper." src="https://cdn.prod.website-files.com/65fc1fa2c1e7707c3f051403/6a69042703b2d33049b13363_card-3-wrapper.webp" loading="lazy" class="rb_image is-contain"/></div><div class="growing_message_title"><div>Your Q1 Overview:</div></div><div class="growing_message_list"><div>ð¥ <strong>Quantity:</strong> 1,372</div><div>ð <strong>Total Gross:</strong> $36,480.00</div><div>ð° <strong>Total Net:</strong> $30,215.00</div><div>ð½ï¸ <strong>Average Ticket:</strong> $26.20</div></div><div class="growing_message_time"><div class="text-size-tertiary u-op-40">10:41</div></div></div></div></div></div></div><div class="growing_spacer"></div></div></div><div class="growing_bottom"><div class="growing_button"><a data-button="trigger" href="https://onboarding.jim.com/v2/login" class="rb_button w-inline-block u-hide-mobile"><div class="cta_button">Start selling now</div><div data-button="bg" class="button_bg"><img loading="lazy" src="https://cdn.prod.website-files.com/65fc1fa2c1e7707c3f051403/6a69042703b2d33049b13366_button-bg-main.svg" alt="This is a plain white button background with no text or meaningful visual content. Screen readers should skip it; the buttonâs label carries the meaning." class="rb_image"/></div></a></div></div></div></div></section><div data-theme="dark" class="marquee_section"><div class="u-full-inner"><div class="u-full"><section class="marquee_section"><div class="marquee_content padding-section-medium is-margin-medium"><div class="marquee_text_inner"><div class="marquee_text"><p>Jim is for:</p></div></div><div data-css-marquee-speed="60" data-css-marquee="" class="maquee_wrapper"><div data-css-marquee-list="" class="marquee_list"><div class="marquee_growing-item"><p class="rb_heading-style-h4">Nail Techs</p><div class="u-icon w-embed"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> 5483<path fill-rule="evenodd" clip-rule="evenodd" d="M11.972 1.0875C12.1357 1.00222 12.3435 0.992769 12.5254 1.00317C12.8457 1.02148 13.1552 1.14848 13.3687 1.39288C14.163 2.30227 14.5803 7.9838 14.4845 9.34843C15.6549 9.1935 17.1725 9.23924 18.3635 9.20603C19.5706 9.17239 23.6847 8.82774 23.9971 10.4314C23.9971 10.5887 24.0178 10.547 23.9487 10.6707C23.8632 10.6885 23.8298 10.6926 23.7424 10.6997L23.737 10.7526C23.8693 10.8691 23.8877 10.8437 23.9039 10.9874C23.8492 11.0417 23.8481 11.0354 23.7714 11.0528C23.7454 11.2035 23.7459 11.2278 23.7652 11.3798C23.7044 11.5231 23.6127 11.6189 23.5139 11.74C23.0077 11.9288 23.2739 12.048 22.9661 12.32C22.8858 12.322 22.8208 12.3223 22.7406 12.3191C22.6669 12.4615 22.68 12.491 22.5556 12.5682C22.4123 12.5683 22.3949 12.5647 22.2635 12.5074C22.1879 12.4731 22.1803 12.461 22.0974 12.4712C21.9847 12.9446 20.9248 12.7457 20.4756 12.7693L16.7683 12.9355C16.0442 12.962 15.341 12.9621 14.6157 13.0096C14.6793 14.3093 14.8316 15.6512 14.9191 16.9522C14.9749 17.7825 15.0698 18.6445 14.9498 19.4707C14.8778 19.9669 14.801 20.3207 14.4514 20.6936C14.3621 20.7891 14.195 20.9859 14.1398 21.0974C13.9843 21.4116 14.0356 21.9251 13.7167 22.1311C13.4469 22.3053 13.1672 22.2281 12.8706 22.2277C12.7636 22.3072 12.6732 22.3743 12.5995 22.4292C12.5712 22.6186 12.5724 22.908 12.3246 22.8803C12.1834 22.8023 12.1022 22.6312 12.0165 22.4894C11.9407 22.7067 11.9455 22.9035 11.8291 23.1006C11.7386 23.1633 11.7664 23.1744 11.6398 23.1451L11.5228 22.9953C11.3408 22.9304 10.9616 22.9201 10.7707 22.8969C10.6083 22.6926 10.5202 22.0355 10.3533 21.7424L10.3029 21.7421C10.2055 21.9314 10.2138 21.9951 10.002 22.0145C9.49348 21.8494 9.43569 20.3719 9.45358 19.9018C9.5359 17.7356 9.60747 15.4637 9.84188 13.3153C9.29012 13.4129 8.66421 13.4233 8.11766 13.5027C6.26927 13.773 4.41174 14.0525 2.53767 13.9499C1.89431 13.916 1.17741 13.9267 0.601744 13.5939C0.0363522 13.2671 -0.0797591 13.1098 0.0990741 12.4853C0.0778423 12.4138 0.0635555 12.402 0.0185281 12.3448L0.00398077 12.3266C-0.00877245 12.2125 0.00
5483706453 12.1373 0.0815693 12.0462C0.385744 11.6742 7.18096 10.1994 8.08183 10.0227C8.87064 9.86123 9.66587 9.73235 10.4653 9.63631C10.5053 9.28035 10.619 8.84363 10.6964 8.4888C11.0128 7.03881 11.2109 5.58089 11.4069 4.11179C11.5058 3.37016 11.4795 1.63712 11.972 1.0875ZM23.648 10.7981C23.526 10.8391 23.4959 10.9276 23.419 11.0473L23.4267 11.0981L23.4415 11.2093L23.4821 11.2243C23.6118 11.1655 23.7001 10.9267 23.648 10.7981ZM23.373 10.5333C23.3673 10.5364 23.3617 10.5399 23.356 10.5437C23.3675 10.536 23.3789 10.5298 23.3905 10.525L23.373 10.5333ZM23.7224 10.5255L23.6969 10.5266C23.7136 10.5263 23.7308 10.5253 23.7487 10.5233L23.7224 10.5255ZM23.4628 10.5099C23.5245 10.5072 23.5918 10.5244 23.6723 10.5265L23.6485 10.5254C23.5784 10.5212 23.5183 10.5075 23.4628 10.5099ZM23.8335 10.5061C23.8235 10.509 23.8138 10.5116 23.8041 10.5138C23.8233 10.5094 23.8432 10.5037 23.8639 10.4964L23.8335 10.5061Z" fill="#FF5C19"/> 5484</svg> 5485</div></div><div class="marquee_growing-item"><p class="rb_heading-style-h4">Handymen</p><div class="u-icon w-embed"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> 5486<path fill-rule="evenodd" clip-rule="evenodd" d="M11.972 1.0875C12.1357 1.00222 12.3435 0.992769 12.5254 1.00317C12.8457 1.02148 13.1552 1.14848 13.3687 1.39288C14.163 2.30227 14.5803 7.9838 14.4845 9.34843C15.6549 9.1935 17.1725 9.23924 18.3635 9.20603C19.5706 9.17239 23.6847 8.82774 23.9971 10.4314C23.9971 10.5887 24.0178 10.547 23.9487 10.6707C23.8632 10.6885 23.8298 10.6926 23.7424 10.6997L23.737 10.7526C23.8693 10.8691 23.8877 10.8437 23.9039 10.9874C23.8492 11.0417 23.8481 11.0354 23.7714 11.0528C23.7454 11.2035 23.7459 11.2278 23.7652 11.3798C23.7044 11.5231 23.6127 11.6189 23.5139 11.74C23.0077 11.9288 23.2739 12.048 22.9661 12.32C22.8858 12.322 22.8208 12.3223 22.7406 12.3191C22.6669 12.4615 22.68 12.491 22.5556 12.5682C22.4123 12.5683 22.3949 12.5647 22.2635 12.5074C22.1879 12.4731 22.1803 12.461 22.0974 12.4712C21.9847 12.9446 20.9248 12.7457 20.4756 12.7693L16.7683 12.9355C16.0442 12.962 15.341 12.9621 14.6157 13.0096C14.6793 14.3093 14.8316 15.6512 14.9191 16.9522C14.9749 17.7825 15.0698 18.6445 14.9498 19.4707C14.8778 19.9669 14.801 20.3207 14.4514 20.6936C14.3621 20.7891 14.195 20.9859 14.1398 21.0974C13.9843 21.4116 14.0356 21.9251 13.7167 22.1311C13.4469 22.3053 13.1672 22.2281 12.8706 22.2277C12.7636 22.3072 12.6732 22.3743 12.5995 22.4292C12.5712 22.6186 12.5724 22.908 12.3246 22.8803C12.1834 22.8023 12.1022 22.6312 12.0165 22.4894C11.9407 22.7067 11.9455 22.9035 11.8291 23.1006C11.7386 23.1633 11.7664 23.1744 11.6398 23.1451L11.5228 22.9953C11.3408 22.9304 10.9616 22.9201 10.7707 22.8969C10.6083 22.6926 10.5202 22.0355 10.3533 21.7424L10.3029 21.7421C10.2055 21.9314 10.2138 21.9951 10.002 22.0145C9.49348 21.8494 9.43569 20.3719 9.45358 19.9018C9.5359 17.7356 9.60747 15.4637 9.84188 13.3153C9.29012 13.4129 8.66421 13.4233 8.11766 13.5027C6.26927 13.773 4.41174 14.0525 2.53767 13.9499C1.89431 13.916 1.17741 13.9267 0.601744 13.5939C0.0363522 13.2671 -0.0797591 13.1098 0.0990741 12.4853C0.0778423 12.4138 0.0635555 12.402 0.0185281 12.3448L0.00398077 12.3266C-0.00877245 12.2125 0.00706453 12.1373 0.0815693 12.0462C0.385744 11.6742 7.18096 10.1994 8.08183 10.0227C8.87064 9.86123 9.66587 9.73235 10.4653 9.63631C10.5053 9.28035 10.619 8.84363 10.6964 8.4888C11.0128 7.03881 11.2109 5.58089 11.4069 4.11179C11.5058 3.37016 11.4795 1.63712 11.972 1.0875ZM23.648 10.7981C23.526 10.8391 23.4959 10.9276 23.419 11.0473L23.4267 11.0981L23.4415 11.2093L23.4821 11.2243C23.6118 11.1655 23.7001 10.9267 23.648 10.7981ZM23.373 10.5333C23.3673 10.5364 23.3617 10.5399 23.356 10.5437C23.3675 10.536 23.3789 10.5298 23.3905 10.525L23.373 10.5333ZM23.7224 10.5255L23.6969 10.5266C23.7136 10.5263 23.7308 10.5253 23.7487 10.5233L23.7224 10.5255ZM23.4628 10.5099C23.5245 10.5072 23.5918 10.5244 23.6723 10.5265L23.6485 10.5254C23.5784 10.5212 23.5183 10.5075 23.4628 10.5099ZM23.8335 10.5061C23.8235 10.509 23.8138 10.5116 23.8041 10.5138C23.8233 10.5094 23.8432 10.5037 23.8639 10.4964L23.8335 10.5061Z" fill="#FF5C19"/> 5487</svg> 5488</div></div><div class="marquee_growing-item"><p class="rb_heading-style-h4">Dog Walkers</p><div class="u-icon w-embed"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> 5489<path fill-rule="evenodd" clip-rule="evenodd" d="M11.972 1.0875C12.1357 1.00222 12.3435 0.992769 12.5254 1.00317C12.8457 1.02148 13.1552 1.14848 13.3687 1.39288C14.163 2.30227 14.5803 7.9838 14.4845 9.34843C15.6549 9.1935 17.1725 9.23924 18.3635 9.20603C19.5706 9.17239 23.6847 8.82774 23.9971 10.4314C23.9971 10.5887 24.0178 10.547 23.9487 10.6707C23.8632 10.6885 23.8298 10.6926 23.7424 10.6997L23.737 10.7526C23.8693 10.8691 23.8877 10.8437 23.9039 10.9874C23.8492 11.0417 23.8481 11.0354 23.7714 11.0528C23.7454 11.2035 23.7459 11.2278 23.7652 11.3798C23.7044 11.5231 23.6127 11.6189 23.5139 11.74C23.0077 11.9288 23.2739 12.048 22.9661 12.32C22.8858 12.322 22.8208 12.3223 22.7406 12.3191C22.6669 12.4615 22.68 12.491 22.5556 12.5682C22.4123 12.5683 22.3949 12.5647 22.2635 12.5074C22.1879 12.4731 22.1803 12.461 22.0974 12.4712C21.9847 12.9446 20.9248 12.7457 20.4756 12.7693L16.7683 12.9355C16.0442 12.962 15.341 12.9621 14.6157 13.0096C14.6793 14.3093 14.8316 15.6512 14.9191 16.9522C14.9749 17.7825 15.0698 18.6445 14.9498 19.4707C14.8778 19.9669 14.801 20.3207 14.4514 20.6936C14.3621 20.7891 14.195 20.9859 14.1398 21.0974C13.9843 21.4116 14.0356 21.9251 13.7167 22.1311C13.4469 22.3053 13.1672 22.2281 12.8706 22.2277C12.7636 22.3072 12.6732 22.3743 12.5995 22.4292C12.5712 22.6186 12.5724 22.908 12.3246 22.8803C12.1834 22.8023 12.1022 22.6312 12.0165 22.4894C11.9407 22.7067 11.9455 22.9035 11.8291 23.1006C11.7386 23.1633 11.7664 23.1744 11.6398 23.1451L11.5228 22.9953C11.3408 22.9304 10.9616 22.9201 10.7707 22.8969C10.6083 22.6926 10.5202 22.0355 10.3533 21.7424L10.3029 21.7421C10.2055 21.9314 10.2138 21.9951 10.002 22.0145C9.49348 21.8494 9.43569 20.3719 9.45358 19.9018C9.5359 17.7356 9.60747 15.4637 9.84188 13.3153C9.29012 13.4129 8.66421 13.4233 8.11766 13.5027C6.26927 13.773 4.41174 14.0525 2.53767 13.9499C1.89431 13.916 1.17741 13.9267 0.601744 13.5939C0.0363522 13.2671 -0.0797591 13.1098 0.0990741 12.4853C0.0778423 12.4138 0.0635555 12.402 0.0185281 12.3448L0.00398077 12.3266C-0.00877245 12.2125 0.00
5489706453 12.1373 0.0815693 12.0462C0.385744 11.6742 7.18096 10.1994 8.08183 10.0227C8.87064 9.86123 9.66587 9.73235 10.4653 9.63631C10.5053 9.28035 10.619 8.84363 10.6964 8.4888C11.0128 7.03881 11.2109 5.58089 11.4069 4.11179C11.5058 3.37016 11.4795 1.63712 11.972 1.0875ZM23.648 10.7981C23.526 10.8391 23.4959 10.9276 23.419 11.0473L23.4267 11.0981L23.4415 11.2093L23.4821 11.2243C23.6118 11.1655 23.7001 10.9267 23.648 10.7981ZM23.373 10.5333C23.3673 10.5364 23.3617 10.5399 23.356 10.5437C23.3675 10.536 23.3789 10.5298 23.3905 10.525L23.373 10.5333ZM23.7224 10.5255L23.6969 10.5266C23.7136 10.5263 23.7308 10.5253 23.7487 10.5233L23.7224 10.5255ZM23.4628 10.5099C23.5245 10.5072 23.5918 10.5244 23.6723 10.5265L23.6485 10.5254C23.5784 10.5212 23.5183 10.5075 23.4628 10.5099ZM23.8335 10.5061C23.8235 10.509 23.8138 10.5116 23.8041 10.5138C23.8233 10.5094 23.8432 10.5037 23.8639 10.4964L23.8335 10.5061Z" fill="#FF5C19"/> 5490</svg> 5491</div></div><div class="marquee_growing-item"><p class="rb_heading-style-h4">Bodega Owners</p><div class="u-icon w-embed"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> 5492<path fill-rule="evenodd" clip-rule="evenodd" d="M11.972 1.0875C12.1357 1.00222 12.3435 0.992769 12.5254 1.00317C12.8457 1.02148 13.1552 1.14848 13.3687 1.39288C14.163 2.30227 14.5803 7.9838 14.4845 9.34843C15.6549 9.1935 17.1725 9.23924 18.3635 9.20603C19.5706 9.17239 23.6847 8.82774 23.9971 10.4314C23.9971 10.5887 24.0178 10.547 23.9487 10.6707C23.8632 10.6885 23.8298 10.6926 23.7424 10.6997L23.737 10.7526C23.8693 10.8691 23.8877 10.8437 23.9039 10.9874C23.8492 11.0417 23.8481 11.0354 23.7714 11.0528C23.7454 11.2035 23.7459 11.2278 23.7652 11.3798C23.7044 11.5231 23.6127 11.6189 23.5139 11.74C23.0077 11.9288 23.2739 12.048 22.9661 12.32C22.8858 12.322 22.8208 12.3223 22.7406 12.3191C22.6669 12.4615 22.68 12.491 22.5556 12.5682C22.4123 12.5683 22.3949 12.5647 22.2635 12.5074C22.1879 12.4731 22.1803 12.461 22.0974 12.4712C21.9847 12.9446 20.9248 12.7457 20.4756 12.7693L16.7683 12.9355C16.0442 12.962 15.341 12.9621 14.6157 13.0096C14.6793 14.3093 14.8316 15.6512 14.9191 16.9522C14.9749 17.7825 15.0698 18.6445 14.9498 19.4707C14.8778 19.9669 14.801 20.3207 14.4514 20.6936C14.3621 20.7891 14.195 20.9859 14.1398 21.0974C13.9843 21.4116 14.0356 21.9251 13.7167 22.1311C13.4469 22.3053 13.1672 22.2281 12.8706 22.2277C12.7636 22.3072 12.6732 22.3743 12.5995 22.4292C12.5712 22.6186 12.5724 22.908 12.3246 22.8803C12.1834 22.8023 12.1022 22.6312 12.0165 22.4894C11.9407 22.7067 11.9455 22.9035 11.8291 23.1006C11.7386 23.1633 11.7664 23.1744 11.6398 23.1451L11.5228 22.9953C11.3408 22.9304 10.9616 22.9201 10.7707 22.8969C10.6083 22.6926 10.5202 22.0355 10.3533 21.7424L10.3029 21.7421C10.2055 21.9314 10.2138 21.9951 10.002 22.0145C9.49348 21.8494 9.43569 20.3719 9.45358 19.9018C9.5359 17.7356 9.60747 15.4637 9.84188 13.3153C9.29012 13.4129 8.66421 13.4233 8.11766 13.5027C6.26927 13.773 4.41174 14.0525 2.53767 13.9499C1.89431 13.916 1.17741 13.9267 0.601744 13.5939C0.0363522 13.2671 -0.0797591 13.1098 0.0990741 12.4853C0.0778423 12.4138 0.0635555 12.402 0.0185281 12.3448L0.00398077 12.3266C-0.00877245 12.2125 0.00706453 12.1373 0.0815693 12.0462C0.385744 11.6742 7.18096 10.1994 8.08183 10.0227C8.87064 9.86123 9.66587 9.73235 10.4653 9.63631C10.5053 9.28035 10.619 8.84363 10.6964 8.4888C11.0128 7.03881 11.2109 5.58089 11.4069 4.11179C11.5058 3.37016 11.4795 1.63712 11.972 1.0875ZM23.648 10.7981C23.526 10.8391 23.4959 10.9276 23.419 11.0473L23.4267 11.0981L23.4415 11.2093L23.4821 11.2243C23.6118 11.1655 23.7001 10.9267 23.648 10.7981ZM23.373 10.5333C23.3673 10.5364 23.3617 10.5399 23.356 10.5437C23.3675 10.536 23.3789 10.5298 23.3905 10.525L23.373 10.5333ZM23.7224 10.5255L23.6969 10.5266C23.7136 10.5263 23.7308 10.5253 23.7487 10.5233L23.7224 10.5255ZM23.4628 10.5099C23.5245 10.5072 23.5918 10.5244 23.6723 10.5265L23.6485 10.5254C23.5784 10.5212 23.5183 10.5075 23.4628 10.5099ZM23.8335 10.5061C23.8235 10.509 23.8138 10.5116 23.8041 10.5138C23.8233 10.5094 23.8432 10.5037 23.8639 10.4964L23.8335 10.5061Z" fill="#FF5C19"/> 5493</svg> 5494</div></div><div class="marquee_growing-item"><p class="rb_heading-style-h4">Clothing Sellers</p><div class="u-icon w-embed"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> 5495<path fill-rule="evenodd" clip-rule="evenodd" d="M11.972 1.0875C12.1357 1.00222 12.3435 0.992769 12.5254 1.00317C12.8457 1.02148 13.1552 1.14848 13.3687 1.39288C14.163 2.30227 14.5803 7.9838 14.4845 9.34843C15.6549 9.1935 17.1725 9.23924 18.3635 9.20603C19.5706 9.17239 23.6847 8.82774 23.9971 10.4314C23.9971 10.5887 24.0178 10.547 23.9487 10.6707C23.8632 10.6885 23.8298 10.6926 23.7424 10.6997L23.737 10.7526C23.8693 10.8691 23.8877 10.8437 23.9039 10.9874C23.8492 11.0417 23.8481 11.0354 23.7714 11.0528C23.7454 11.2035 23.7459 11.2278 23.7652 11.3798C23.7044 11.5231 23.6127 11.6189 23.5139 11.74C23.0077 11.9288 23.2739 12.048 22.9661 12.32C22.8858 12.322 22.8208 12.3223 22.7406 12.3191C22.6669 12.4615 22.68 12.491 22.5556 12.5682C22.4123 12.5683 22.3949 12.5647 22.2635 12.5074C22.1879 12.4731 22.1803 12.461 22.0974 12.4712C21.9847 12.9446 20.9248 12.7457 20.4756 12.7693L16.7683 12.9355C16.0442 12.962 15.341 12.9621 14.6157 13.0096C14.6793 14.3093 14.8316 15.6512 14.9191 16.9522C14.9749 17.7825 15.0698 18.6445 14.9498 19.4707C14.8778 19.9669 14.801 20.3207 14.4514 20.6936C14.3621 20.7891 14.195 20.9859 14.1398 21.0974C13.9843 21.4116 14.0356 21.9251 13.7167 22.1311C13.4469 22.3053 13.1672 22.2281 12.8706 22.2277C12.7636 22.3072 12.6732 22.3743 12.5995 22.4292C12.5712 22.6186 12.5724 22.908 12.3246 22.8803C12.1834 22.8023 12.1022 22.6312 12.0165 22.4894C11.9407 22.7067 11.9455 22.9035 11.8291 23.1006C11.7386 23.1633 11.7664 23.1744 11.6398 23.1451L11.5228 22.9953C11.3408 22.9304 10.9616 22.9201 10.7707 22.8969C10.6083 22.6926 10.5202 22.0355 10.3533 21.7424L10.3029 21.7421C10.2055 21.9314 10.2138 21.9951 10.002 22.0145C9.49348 21.8494 9.43569 20.3719 9.45358 19.9018C9.5359 17.7356 9.60747 15.4637 9.84188 13.3153C9.29012 13.4129 8.66421 13.4233 8.11766 13.5027C6.26927 13.773 4.41174 14.0525 2.53767 13.9499C1.89431 13.916 1.17741 13.9267 0.601744 13.5939C0.0363522 13.2671 -0.0797591 13.1098 0.0990741 12.4853C0.0778423 12.4138 0.0635555 12.402 0.0185281 12.3448L0.00398077 12.3266C-0.00877245 12.2125 0.00
5495706453 12.1373 0.0815693 12.0462C0.385744 11.6742 7.18096 10.1994 8.08183 10.0227C8.87064 9.86123 9.66587 9.73235 10.4653 9.63631C10.5053 9.28035 10.619 8.84363 10.6964 8.4888C11.0128 7.03881 11.2109 5.58089 11.4069 4.11179C11.5058 3.37016 11.4795 1.63712 11.972 1.0875ZM23.648 10.7981C23.526 10.8391 23.4959 10.9276 23.419 11.0473L23.4267 11.0981L23.4415 11.2093L23.4821 11.2243C23.6118 11.1655 23.7001 10.9267 23.648 10.7981ZM23.373 10.5333C23.3673 10.5364 23.3617 10.5399 23.356 10.5437C23.3675 10.536 23.3789 10.5298 23.3905 10.525L23.373 10.5333ZM23.7224 10.5255L23.6969 10.5266C23.7136 10.5263 23.7308 10.5253 23.7487 10.5233L23.7224 10.5255ZM23.4628 10.5099C23.5245 10.5072 23.5918 10.5244 23.6723 10.5265L23.6485 10.5254C23.5784 10.5212 23.5183 10.5075 23.4628 10.5099ZM23.8335 10.5061C23.8235 10.509 23.8138 10.5116 23.8041 10.5138C23.8233 10.5094 23.8432 10.5037 23.8639 10.4964L23.8335 10.5061Z" fill="#FF5C19"/> 5496</svg> 5497</div></div></div><div marquee="gradient" class="marquee_gradient"></div></div></div></section></div></div></div><section class="ai_section"><div class="js w-embed w-script">
5497<script> 5498function initHeaderFadeIn() { 5499 gsap.registerPlugin(ScrollTrigger); 5500 const OFFSET = 40; 5501 const EXIT_OFFSET = 80; 5502 const MOBILE_BREAKPOINT = 767; 5503 const DESKTOP_EXIT_MULTIPLIER = 1.5; 5504 const DESKTOP_EXIT_X_MULTIPLIER = 2.5; 5505 const ENTER_START = 'top center'; 5506 const SECOND_END = '65% top'; 5507 const EXIT_OPACITY_PILLS = 0.4; 5508 const ENTER_EXIT_GAP = 0.4; 5509 const SECOND_ENTER_GAP = 0; 5510 const LOTTIE_POLL_DELAY = 150; 5511 const LOTTIE_POLL_LIMIT = 40; 5512 const isDesktop = window.innerWidth > MOBILE_BREAKPOINT; 5513 const extraExit = isDesktop ? EXIT_OFFSET * DESKTOP_EXIT_MULTIPLIER : EXIT_OFFSET; 5514 const extraExitX = isDesktop ? EXIT_OFFSET * DESKTOP_EXIT_X_MULTIPLIER : EXIT_OFFSET; 5515 const PILL_OFFSETS = { 5516 'top-left': { x: -OFFSET, y: -OFFSET }, 5517 'top-right': { x: OFFSET, y: -OFFSET }, 5518 'bottom-left': { x: -OFFSET * 2, y: OFFSET }, 5519 'bottom-right': { x: OFFSET * 2, y: OFFSET }, 5520 }; 5521 const PILL_EXIT_OFFSETS = { 5522 'top-left': { x: -extraExitX, y: -extraExit }, 5523 'top-right': { x: EXIT_OFFSET, y: -EXIT_OFFSET }, 5524 'bottom-left': { x: -extraExitX * 2, y: extraExit }, 5525 'bottom-right': { x: extraExitX * 2, y: extraExit * 0.5 }, 5526 }; 5527 const trigger = document.querySelector('[ai-trigger="first"]'); 5528 const secondTrigger = document.querySelector('[ai-trigger="second"]'); 5529 const heading = document.querySelector('[ai="heading"]'); 5530 const pills = Object.keys(PILL_OFFSETS) 5531 .map(function(key) { 5532 const el = document.querySelector('[ai-pill="' + key + '"]'); 5533 return el ? { el: el, from: PILL_OFFSETS[key], exitTo: PILL_EXIT_OFFSETS[key] } : null; 5534 }) 5535 .filter(Boolean); 5536 const secondBlock = document.querySelector('[ai="second-block"]'); 5537 const video = document.querySelector('[ai="video"]'); 5538 if (!trigger) return; 5539 const lottieEl = video ? video.querySelector('[lottie-stack="1"]') : null; 5540 let lottieAnim = null; 5541 let lottiePoll = null; 5542 let lottieArmed = false; 5543 let videoStartProgress = null; 5544 function findLottieInstance(el) { 5545 let lib; 5546 try { 5547 lib = window.Webflow && window.Webflow.require('lottie').lottie; 5548 } catch (err) { 5549 return null; 5550 } 5551 if (!lib || !lib.getRegisteredAnimations) return null; 5552 const instances = lib.getRegisteredAnimations(); 5553 for (let i = 0; i < instances.length; i++) { 5554 if (el.contains(instances[i].wrapper)) return instances[i]; 5555 } 5556 return null; 5557 } 5558 function stopLottiePoll() { 5559 if (!lottiePoll) return; 5560 clearInterval(lottiePoll); 5561 lottiePoll = null; 5562 } 5563 function resolveLottie() { 5564 if (!lottieAnim && lottieEl) lottieAnim = findLottieInstance(lottieEl); 5565 return lottieAnim; 5566 } 5567 // O Webflow so instancia a Lottie quando ela entra na viewport, entao na 5568 // primeira passagem a instancia pode ainda nao existir. 5569 function restartLottie() { 5570 if (!lottieEl) return; 5571 const anim = resolveLottie(); 5572 if (anim) { 5573 stopLottiePoll(); 5574 anim.goToAndPlay(0, true); 5575 return; 5576 } 5577 if (lottiePoll) return; 5578 let tries = 0; 5579 lottiePoll = setInterval(function() { 5580 tries += 1; 5581 const found = resolveLottie(); 5582 if (found) { 5583 stopLottiePoll(); 5584 found.goToAndPlay(0, true); 5585 } else if (tries >= LOTTIE_POLL_LIMIT) { 5586 stopLottiePoll(); 5587 } 5588 }, LOTTIE_POLL_DELAY); 5589 } 5590 function rewindLottie() { 5591 stopLottiePoll(); 5592 const anim = resolveLottie(); 5593 if (anim) anim.goToAndStop(0, true); 5594 } 5595 if (heading) gsap.set(heading, { opacity: 0, y: OFFSET }); 5596 pills.forEach(function(p) { 5597 gsap.set(p.el, { opacity: 0, x: p.from.x, y: p.from.y }); 5598 }); 5599 if (secondBlock) gsap.set(secondBlock, { opacity: 0, y: OFFSET }); 5600 if (video) gsap.set(video, { opacity: 0 }); 5601 const masterTl = gsap.timeline({ 5602 scrollTrigger: { 5603 trigger: trigger, 5604 start: ENTER_START, 5605 endTrigger: secondTrigger || trigger, 5606 end: SECOND_END, 5607 scrub: true, 5608 invalidateOnRefresh: true, 5609 onUpdate: function(self) { 5610 if (videoStartProgress === null) return; 5611 const revealed = self.progress >= videoStartProgress; 5612 if (revealed === lottieArmed) return; 5613 lottieArmed = revealed; 5614 if (revealed) { 5615 restartLottie(); 5616 } else { 5617 rewindLottie(); 5618 } 5619 }, 5620 }, 5621 }); 5622 if (heading) { 5623 masterTl.fromTo(heading, { opacity: 0, y: OFFSET }, { opacity: 1, y: 0, ease: 'none' }, 0); 5624 }
5625 pills.forEach(function(p) { 5626 masterTl.fromTo(p.el, { opacity: 0, x: p.from.x, y: p.from.y }, { opacity: 1, x: 0, y: 0, ease: 'none' }, 0); 5627 }); 5628 if (heading) { 5629 masterTl.to(heading, { opacity: 0, ease: 'none' }, '+=' + ENTER_EXIT_GAP); 5630 } 5631 pills.forEach(function(p) { 5632 masterTl.to(p.el, { opacity: EXIT_OPACITY_PILLS, x: p.exitTo.x, y: p.exitTo.y, ease: 'none' }, '<'); 5633 }); 5634 if (secondBlock) { 5635 masterTl.fromTo(secondBlock, { opacity: 0, y: OFFSET }, { opacity: 1, y: 0, ease: 'none' }, '+=' + SECOND_ENTER_GAP); 5636 } 5637 if (video) { 5638 masterTl.fromTo(video, { opacity: 0 }, { opacity: 1, ease: 'none' }, '<'); 5639 const videoTween = masterTl.getTweensOf(video)[0]; 5640 const total = masterTl.duration(); 5641 if (videoTween && total) videoStartProgress = videoTween.startTime() / total; 5642 } 5643} 5644document.addEventListener('DOMContentLoaded', function() { 5645 initHeaderFadeIn(); 5646}); 5647</script>
5647 5648</div><div class="css w-embed"><style> 5649[ai="heading"] { 5650 opacity: 0; 5651 transform: translateY(40px); 5652} 5653[ai-pill="top-left"] { 5654 opacity: 0; 5655 transform: translate(-40px, -40px); 5656} 5657[ai-pill="top-right"] { 5658 opacity: 0; 5659 transform: translate(40px, -40px); 5660} 5661[ai-pill="bottom-left"] { 5662 opacity: 0; 5663 transform: translate(-40px, 40px); 5664} 5665[ai-pill="bottom-right"] { 5666 opacity: 0; 5667 transform: translate(40px, 40px); 5668} 5669[ai="second-block"] { 5670 opacity: 0; 5671 transform: translateY(40px); 5672} 5673[ai="video"] { 5674 opacity: 0; 5675} 5676 5677@media (max-width: 767px) { 5678 [ai="heading"] { 5679 transform: translateY(16px); 5680 } 5681 [ai-pill="top-left"] { 5682 transform: translate(-16px, -16px); 5683 } 5684 [ai-pill="top-right"] { 5685 transform: translate(16px, -16px); 5686 } 5687 [ai-pill="bottom-left"] { 5688 transform: translate(-16px, 16px); 5689 } 5690 [ai-pill="bottom-right"] { 5691 transform: translate(16px, 16px); 5692 } 5693 [ai="second-block"] { 5694 transform: translateY(16px); 5695 } 5696 5697 /* Pills: so tamanho interno, sem mexer em posicao ou no heading */ 5698 .ai_pill { 5699 max-width: min(80vw, 19rem); 5700 padding: 0.55rem 0.7rem; 5701 grid-column-gap: 0.6rem; 5702 grid-row-gap: 0.6rem; 5703 border-radius: 1.25rem; 5704 flex-wrap: nowrap; 5705 } 5706 .ai_pill_icon { 5707 width: 2.4rem; 5708 height: 2.4rem; 5709 flex-shrink: 0; 5710 } 5711 .ai_pill .ai-number-text { 5712 font-size: 1.1rem; 5713 white-space: nowrap; 5714 } 5715 .ai_pill .rb_heading-style-h6 { 5716 font-size: 0.95rem; 5717 line-height: 1.2; 5718 } 5719 .ai_pill .text-size-secondary { 5720 font-size: 0.75rem; 5721 line-height: 1.3; 5722 } 5723 5724 /* O badge fica montado na borda de cima do pill, encostando no inicio do 5725 conteudo em vez de entrar em cima do valor. Ancorado por bottom, e nao 5726 por top, pra folga se manter se o badge mudar de fonte ou de padding 5727 (crescendo ele sobe, em vez de descer sobre o numero). */ 5728 .ai_pill_info { 5729 top: auto; 5730 bottom: calc(100% - 0.55rem); 5731 right: 0.7rem; 5732 padding: 0.2rem 0.5rem; 5733 font-size: 0.7rem; 5734 z-index: 2; 5735 } 5736} 5737 5738html.wf-design-mode [ai="heading"], 5739html.wf-design-mode [ai-pill="top-left"], 5740html.wf-design-mode [ai-pill="top-right"], 5741html.wf-design-mode [ai-pill="bottom-left"], 5742html.wf-design-mode [ai-pill="bottom-right"], 5743html.wf-design-mode [ai="second-block"], 5744html.wf-design-mode [ai="video"] { 5745 opacity: 1 !important; 5746} 5747 5748</style></div><div class="ai_content"><div class="ai_block u-overflow-hidden"><div data-odometer-group="" class="ai_heading_wrapper"><div ai="heading" class="ai_heading"><h2 class="u-text-ai">Personalized AI<br/>powered by your sales</h2></div><div ai-pill="bottom-left" class="ai_pill"><div class="ai_pill_title"><div class="ai_pill_icon"><img sizes="(max-width: 767px) 38px, (max-width: 2160px) 100vw, 2160px" srcset="https://cdn.prod.website-files.com/65fc1fa2c1e7707c3f051403/6a69042703b2d33049b13335_ray-p-500.webp 500w, https://cdn.prod.website-files.com/65fc1fa2c1e7707c3f051403/6a69042703b2d33049b13335_ray-p-800.webp 800w, https://cdn.prod.website-files.com/65fc1fa2c1e7707c3f051403/6a69042703b2d33049b13335_ray-p-1080.webp 1080w, https://cdn.prod.website-files.com/65fc1fa2c1e7707c3f051403/6a69042703b2d33049b13335_ray-p-1600.webp 1600w, https://cdn.prod.website-files.com/65fc1fa2c1e7707c3f051403/6a69042703b2d33049b13335_ray-p-2000.webp 2000w, https://cdn.prod.website-files.com/65fc1fa2c1e7707c3f051403/6a69042703b2d33049b13335_ray.webp 2160w" alt="Woman walking with a suitcase while talking on a phone beside a laptop and a cup on a white floor." src="https://cdn.prod.website-files.com/65fc1fa2c1e7707c3f051403/6a69042703b2d33049b13335_ray.webp" loading="lazy" class="ai_pill_icon_image"/></div><div class="ai_pill_text_block"><div class="rb_heading-style-h6">Weekly Sales</div></div></div><div class="ai_pill_number"><div data-odometer-duration="2" data-odometer-element="" data-odometer-start="+$" class="ai-number-text u-primary-font is-absolute">+$2,750.10</div><div data-odometer-duration="2" data-odometer-element="none" data-odometer-start="+$" class="ai-number-text u-primary-font is-positional">+$2,750.10</div></div><div class="ai_pill_info"><div class="u-icon w-embed">
5748<svg width="20" height="11" viewBox="0 0 20 11" fill="none" xmlns="http://www.w3.org/2000/svg"> 5749<path d="M1.36502 10.8335L0 9.56958L7.2151 2.84379L11.1152 6.45495L16.1852 1.80558H13.6502V0H19.5003V5.41674H17.5502V3.06949L11.1152 9.0279L7.2151 5.41674L1.36502 10.8335Z" fill="#1F1F1F"/> 5750</svg> 5751</div><div>20%</div></div></div><div ai-pill="top-left" class="ai_pill is-top-left"><div class="ai_pill_title"><div class="u-icon w-embed"><svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"> 5752<path d="M23.6392 4.43115C34.2481 4.43116 42.8472 13.0303 42.8472 23.6392C42.8469 34.2479 34.2479 42.8462 23.6392 42.8462C13.0304 42.8462 4.43139 34.2479 4.43115 23.6392C4.43115 13.0303 13.0303 4.43115 23.6392 4.43115ZM23.6392 7.38623C14.6623 7.38623 7.38623 14.6623 7.38623 23.6392C7.38647 32.6159 14.6624 39.8911 23.6392 39.8911C32.6159 39.8911 39.8919 32.6159 39.8921 23.6392C39.8921 14.6623 32.6161 7.38624 23.6392 7.38623ZM30.479 18.6538C31.0559 18.0772 31.9909 18.0773 32.5679 18.6538C33.1449 19.2308 33.1449 20.1667 32.5679 20.7437L22.7183 30.5933C22.1413 31.1703 21.2054 31.1703 20.6284 30.5933L14.7192 24.6841C14.1422 24.1071 14.1422 23.1712 14.7192 22.5942C15.2962 22.0175 16.2312 22.0174 16.8081 22.5942L21.6733 27.4595L30.479 18.6538Z" fill="#1A0000"/> 5753</svg> 5754</div><div class="ai_pill_text_block"><div class="rb_heading-style-h6">Receipt sent</div></div></div><div class="ai_pill_number"></div></div><div ai-pill="top-right" class="ai_pill is-top-right"><div class="ai_pill_title"><div class="ai_pill_icon"><img loading="lazy" src="https://cdn.prod.website-files.com/65fc1fa2c1e7707c3f051403/6a69042703b2d33049b13367_dolar.webp" alt="Black dollar sign symbol on white background." class="ai_pill_icon_image"/></div><div class="ai_pill_text_block"><div class="rb_heading-style-h6">Dog Walk</div><div class="text-size-secondary u-op-70">3 min ago</div></div></div><div class="ai_pill_number"><div data-odometer-duration="2" data-odometer-element="" data-odometer-start="+$" class="ai-number-text u-primary-font is-absolute">+$50.00</div><div data-odometer-duration="2" data-odometer-element="none" data-odometer-start="+$" class="ai-number-text u-primary-font is-positional">+$50.00</div></div></div><div ai-pill="bottom-right" class="ai_pill is-bottom-right"><div class="ai_pill_title"><div class="ai_pill_icon"><img loading="lazy" src="https://cdn.prod.website-files.com/65fc1fa2c1e7707c3f051403/6a69042703b2d33049b1332f_money.webp" alt="Green line art of a hand holding a dollar bill with a dollar sign in the center." class="ai_pill_icon_image"/></div><div class="ai_pill_text_block"><div class="rb_heading-style-h6">Cash Out</div><div class="text-size-secondary u-op-70">Arrives in 2 min</div></div></div><div class="ai_pill_number"><div data-odometer-duration="2" data-odometer-element="" data-odometer-start="+$" class="ai-number-text u-primary-font is-absolute">$1,500.00</div><div data-odometer-duration="2" data-odometer-element="none" data-odometer-start="+$" class="ai-number-text u-primary-font is-positional">$1,500.00</div></div></div></div></div><div class="ai_block is-second"><div class="ai_block_inner"><div class="ai_block_wrapper"><div ai="video" class="ai_block_video"><div lottie-stack="wrapper" class="lotties_stack"><div lottie-stack="1" class="lottie_item" data-w-id="30bca9cc-7b01-2f52-8118-223124b65260" data-animation-type="lottie" data-src="https://cdn.prod.website-files.com/6a4cad18edad9e1058b02d0c/6a5a47a3b1a73a84a5c48add_Jim_Logo-LookAround_Maroon.json" data-loop="0" data-direction="1" data-autoplay="1" data-is-ix2-target="0" data-renderer="svg" data-default-duration="0" data-duration="2.6666666666666665" data-loading="lazy"></div></div></div><div ai="second-block" class="ai_block_text"><p class="rb_heading-style-h6 u-op-70">Jim AI learns from your transactions to offer custom insights and real actions (not just chat).</p><div link="hover" class="link_wrapper"><div class="link_text_wrapper"><div class="rb_heading-style-h6">Ask Jim</div></div><div><div class="u-icon w-embed"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> 5755<path d="M16.175 13H4V11H16.175L10.575 5.4L12 4L20 12L12 20L10.575 18.6L16.175 13Z" fill="#1A0000"/> 5756</svg> 5757</div></div><a aria-label="Learn more" href="/chat" class="link-full w-inline-block"></a></div></div></div></div></div><div ai-trigger="first" class="ai_trigger"></div><div ai-trigger="second" class="ai_trigger is-second"></div></div></section><section class="benfits_section"><div class="rb_padding-global padding-section-xmedium"><div class="rb_container-large"><div class="benefits_content"><div class="benefits_heading"><h2 class="rb_heading-style-h4">Never miss a sale. Never wait for funds.</h2></div><div class="benefits_list"><div data-wf--rb-inner-benefit-card--variant="first" class="benefits_card w-variant-1c6b8198-f87a-2a48-71e4-5eb039088aaf"><div class="benefit_icon"><div class="u-icon w-embed"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"> 5758<path d="M15.8478 28.9682C14.5111 28.8675 11.5065 28.2151 10.2553 27.7247C9.8256 27.5563 9.42117 27.3873 9.02618 27.1526C8.58143 26.8884 8.1597 26.6293 7.75298 26.3067L7.22289 25.813L7.2612 25.752L6.63204 25.0894L6.59687 25.0454C6.58986 25.0366 6.55398 25.0516 6.55712 25.0625L6.57657 25.13C6.587 25.1344 6.52925 25.1101 6.51138 25.1025C6.49065 25.0937 6.52968 25.0416 6.54855 25.0243L6.41002 24.8749C6.38057 24.8432 6.2968 24.804 6.26163 24.7893L6.22417 24.6805C6.21588 24.6565 6.14626 24.6652 6.10623 24.6654L6.09108 24.4824C5.94097 24.4263 5.87935 24.303 5.78128 24.194L5.52439 23.9085C5.4439 23.8191 5.37714 23.7504 5.31981 23.6462C5.27735 23.6115 5.19915 23.5523 5.16256 23.4972L4.73768 22.8601L4.57514 22.5936L4.11767 21.7659L4.181 21.7145C4.19115 21.7063 4.12053 21.6844 4.11452 21.6728L4.0013 21.4579L3.83532 20.9586L3.48979
575819.9624L3.42703 19.9606C3.41559 19.9603 3.41316 19.922 3.42417 19.919L3.48822 19.901C3.35412 19.8351 3.34883 19.7251 3.37599 19.6073C3.31052 19.52 3.26978 19.4226 3.27907 19.3065C3.02603 18.2275 2.87235 17.1303 2.95698 16.0138C3.00973 15.3183 3.11452 14.6632 3.24619 13.9819C3.43161 13.0218 3.71181 12.0991 4.14526 11.2208C4.61359 10.2718 5.19358 9.40704 5.82775 8.56758C5.96499 8.38588 6.09136 8.22748 6.2399 8.06236L6.75584 7.48881C6.89608 7.33284 7.04419 7.18931 7.20173 7.04792L7.78943 6.52012L8.0998 6.23191C8.58586 5.85378 9.07507 5.50024 9.6156 5.20832L10.3994 4.78502C11.0448 4.43663 11.717 4.1783 12.4012 3.9041C12.8064 3.74156 13.2053 3.62891 13.6233 3.49452C14.0848 3.34628 14.545 3.21976 15.0226 3.19288C15.3009 3.17716 15.5683 3.21018 15.8498 3.23005C15.8372 3.14856 15.8486 2.97086 15.927 2.94427C16.0828 2.90039 16.2429 2.97587 16.3977 2.9966L16.936 3.06851L17.5034 3.22519L17.5794 3.23219C17.5946 3.23362 17.5803 3.18759 17.5707 3.153L17.8392 3.16057L18.4681 3.28723C18.6927 3.33241 18.9182 3.4229 19.1378 3.49438L19.7831 3.70453C20.221 3.84706 20.6433 3.97701 21.0649 4.16L21.7677 4.46493C22.1986 4.65192 22.5963 4.86951 22.9929 5.11883L23.4513 5.40703L24.0137 5.81676L24.4652 6.16643L24.7982 6.43691L25.4874 7.02948L25.8237 7.32426L26.2305 7.71926L26.5241 8.02576L26.926 8.50882L27.1623 8.79074C27.5334 9.23377 28.216 10.2428 28.3295 10.7391L28.3983 10.9L28.5085 11.192L28.7483 11.9534L28.8861 12.5247C28.9854 12.9364 29.0398 13.3539 29.0508 13.779L29.0669 14.4009L29.0658 15.215C29.0646 16.0409 29.0037 16.8263 28.8601 17.6432C28.403 20.2418 27.9358 21.9877 26.6396 24.3127C26.2669 24.981 25.8316 25.577 25.311 26.1294L25.1154 26.3369L24.7107 26.7308L24.3446 27.0534L23.7048 27.5313C23.2182 27.8948 22.6672 28.1664 22.0915 28.3663L21.6006 28.5367C20.4422 28.9389 18.1521 29.1414 16.8811 29.0458L15.8481 28.968L15.8478 28.9682ZM16.0149 3.22104L15.9202 3.17844C15.9118 3.17458 15.8981 3.19545 15.8709 3.22819L16.015 3.22104H16.0149ZM13.1344 27.1753C14.4718 27.4219 15.7934 27.4847 17.1363 27.3847C18.0656 27.3157 18.9568 27.1258 19.8393 26.8635C20.7294 26.599 21.9407 25.8874 22.5954 25.2414L22.9508 24.8905L23.5799 24.1429L23.8379 23.7694L24.2363 23.1383L24.6974 22.2538C25.004 21.6657 25.2659 21.086 25.4644 20.4484C25.6709 19.7846 25.8688 19.1447 26.0197 18.4634C26.1793 17.743 26.2726 17.0351 26.342 16.3002C26.3957 15.7293 26.3919 15.1859 26.3323 14.6261L26.2649 13.9949L26.1927 13.5529C26.0508 12.6838 25.7843 11.8505 25.4133 11.0542L25.164 10.6435L24.9268 10.2559L24.4293 9.54242L24.3088 9.3327C24.2249 9.24749 24.1803 9.18431 24.1174 9.08037C24.0629 8.99045 23.9464 8.90153 23.8645 8.82776L23.6827 8.66365L22.959 8.0149L22.119 7.2828L21.9132 7.06193L21.6009 6.82762L21.0416 6.44878L20.4139 6.04135C19.8473 5.67365 19.2469 5.39074 18.608 5.15757C18.1007 4.95543 17.6115 4.78902 17.0819 4.64249C16.6209 4.69624 16.2013 4.80003 15.7687 4.94799L14.557 5.40074L13.6643 5.79031L13.0791 6.06622L12.5794 6.33127C12.2046 6.49724 11.8711 6.68938 11.5348 6.91897L11.2306 7.12683L10.5564 7.62934C10.0778 7.98602 9.63733 8.35314 9.22074 8.78059C8.99301 9.01433 8.80259 9.24992 8.59029 9.49581L8.32539 9.80275C8.04919 10.1863 7.78186 10.5471 7.52896 10.9537C6.69694 12.2914 6.07335 13.7447 5.8033 15.3065C5.6652 16.105 5.75984 16.9043 5.86835 17.6944L6.00044 18.4056L6.14383 18.9226L6.35312 19.6811L6.47893 20.0649L6.8582 21.008L7.03389 21.4019L7.38557 22.1053L7.7068 22.6385C7.80945 22.8088 7.90595 22.9702 8.03232 23.1246L8.38629 23.5573L8.83204 24.1176L9.38858 24.7855L9.32539 24.8536L9.63904 25.186C9.60859 25.002 9.4156 24.979 9.38843 24.8039L10.0631 25.4837C10.4596 25.8283 10.8539 26.1469 11.3098 26.4125C11.8808 26.7451 12.4593 27.0501 13.1345 27.1746L13.1344 27.1753ZM21.5947 6.71597L21.4742 6.66036L21.5781 6.75142L21.5946 6.71597H21.5947ZM21.6146 6.74227L21.6067 6.76944L21.7508 6.86165L21.7731 6.83934C21.741 6.79331 21.6771 6.75714 21.6146 6.74227ZM21.788 6.85721L21.7669 6.88252L21.9058 6.98388C21.8779 6.92998 21.8332 6.88867 21.788 6.85721Z" fill="#1A0000"/> 5759<path d="M11.8966 21.6426L11.9201 21.4265L11.8478 21.6015L11.6649 21.6036L11.6279 21.5157L11.5072 21.7045L11.4912 21.6273C11.4888 21.6159 11.4688 21.5903 11.4626 21.5997L11.424 21.6598L11.409 21.5493C11.4067 21.5321 11.362 21.5164 11.349 21.5277L11.2733 21.5936L11.1137 21.6212L10.9467 21.583L10.8699 21.7317L10.7694 21.6125C10.7438 21.5822 10.6656 21.6176 10.6272 21.6546L10.6844 21.3145L10.5591 21.4143L10.5404 21.2133L10.4289 21.4206L10.4663 21.0948L10.3508 21.4027C10.2492 21.2263 10.2746 21.0381 10.3039 20.8423L10.4603 19.798L10.7282 18.2349C10.8346 17.6145 10.8545 17.0047 10.8366 16.3764C10.8147 15.6116 10.6938 14.8911 10.4222 14.1737C10.2892 13.8228 10.0954 13.515 9.93225 13.175C9.8935 13.0942 9.87964 13.023 9.8133 12.952C9.78371 12.9203 9.76227 12.8641 9.74854 12.81L9.87006 12.8665L9.76112 12.7167L9.68478 12.6017L9.39129 12.3224C9.39758 12.2312 9.39286 12.1613 9.37828 12.1078C9.40501 12.0927 9.49622 12.0096 9.46291 11.9859C9.43803 11.9681 9.38943 11.9361 9.39343 11.9384C9.39629 11.94 9.4143 11.8958 9.41845 11.8835C9.42259 11.8712 9.45648 11.8917 9.48364 11.9052C9.48879 11.908 9.51552 11.8636 9.50522 11.8566L9.44032 11.812L9.27349 11.6318C9.22531 11.5797 9.17399 11.439 9.25919 11.399C9.43946 11.3142 9.63803 11.41 9.76684 11.5433C9.82788 11.6063 9.90794 11.6213 9.98929 11.597L10.1687 11.6701C10.2159 11.6892 10.2911 11.6819 10.3364 11.6604L10.2435 11.5606C10.5005 11.6063 10.5961 11.4761 10.8961 11.6995L10.747 11.4851L11.0049 11.6383C10.9889 11.6345 11.0483 11.5278 11.0761 11.5421L11.3205 11.6682C11.3901 11.6852 11.4628 11.7041 11.525 11.7571C11.7102 11.9154 11.9137 12.0571 12.0711 12.2395C12.2468 12.4431 12.3614 12.6882 12.5171 12.8912L12.5391 12.8759L12.3251 12.4433C12.2924 12.3771 12.2785 12.3308 12.2113 12.2786L12.1946 12.2142C12.19 12.1967 12.1284 12.1773 12.1025 12.1663C12.0719 12.1533 12.1069 12.0738 12.1448 12.0338L12.3853 12.3318L12.5588 12.5922C12.6955 12.7973 12.8023 13.0077 12.9052 13.2379L13.1616 13.811C13.3105 14.1441 13.3804 14.5087 13.4408 14.8785C13.629 16.0332 13.6159 17.298 13.3984 18.4535C13.2236 19.3829 13.0299 20.2894 12.7351 21.1844C12.649 21.4458 12.4997 21.6769 12.2905 21.817L12.1984 21.7323C12.2122 21.6472 12.2094 21.547 12.184 21.4704L12.0895 21.6809L12.023 21.4749L11.9929 21.5776L11.8968 21.6432L11.8966 21.6426Z" fill="#1A0000"/> 5760<path d="M11.8032 11.8542L11.6896 11.7366C11.7125 11.7346 11.7624 11.7379 11.7789 11.7463C11.7953 11.7547 11.8012 11.7825 11.8032 11.8541V11.8542Z" fill="#1A0000"/> 5761<path d="M14.2562 23.7062C14.2541 23.6256 14.2682 23.5633 14.2969 23.4997C14.3009 23.5792 14.2864 23.6435 14.2562 23.7062Z" fill="#1A0000"/> 5762<path d="M18.5711 23.484L18.3691 23.9298L18.4402 23.3668L18.6136 22.6834C19.0378 21.4232 19.4506 20.1825 19.7824 18.8889C20.1411 17.4909 20.3461 15.4839 20.0869 14.0954L19.97 13.4688L19.9245 13.2047L19.8235 12.8869L19.7277 12.5906C19.6767 12.4327 19.5757 12.3212 19.6359 12.1591C19.5727 12.1083 19.6429 11.9828 19.5983 11.9738L19.5227 11.9585L19.4115 11.6758L19.347 11.461C19.3456 11.4089 19.333 11.3762 19.3084 11.3346L19.1338 11.0391L18.9674 10.694L18.7574 10.3493L18.6002 10.1154L18.3819 9.75819L18.2223 9.51673C18.183 9.45712 18.0448 9.3895 18.0512 9.30029C18.0594 9.18736 18.0465 9.13032 17.9468 9.0677L17.9546 9.18464L17.8329 9.02653C17.8795 8.98621 17.8777 8.9226 17.8491 8.90902L17.7074 8.84225C17.7072 8.84325 17.7203 8.7895 17.7257 8.76777C17.7307 8.74761 17.7004 8.71559 17.6802 8.69286L17.3967 8.37249C17.3863 8.36077 17.366 8.31888 17.3766 8.30916L17.4455 8.24511L17.3161 8.26255L17.3245 8.19222C17.3261 8.17949 17.2618 8.17163 17.2523 8.16005L16.9687 7.81037L16.6602 7.39565L16.6025 7.32646C16.5909 7.31245 16.6383 7.27299 16.6419 7.26941L16.5496 7.095L16.7091 7.19222C16.7581 6.89543 16.5506 6.85683 16.5689 6.78464L16.6103 6.62152C16.5436 6.57192 16.5102 6.53403 16.5293 6.46941C16.5483 6.4048 16.6097 6.37006 16.6718 6.40751L16.9085 6.55047L17.1032 6.7093L17.0219 6.54561L17.2728 6.74704L17.3047 6.64783C17.3105 6.62967 17.3494 6.66055 17.3936 6.68643L17.349 6.58178C17.3401 6.59036 17.3771 6.55462 17.3902 6.54204L17.5424 6.68199C17.5637 6.6148 17.5733 6.57806 17.5902 6.55948C17.607 6.54089 17.6635 6.53446 17.6902 6.5296L17.7284 6.46598C17.739 6.44826 17.7957 6.48585 17.8213 6.50101C17.8671 6.53303 17.8812 6.51673 17.8549 6.46412C1
57627.8775 6.4504 17.8924 6.44797 17.8952 6.43582L17.9155 6.34976L17.9856 6.39779C18.0016 6.4088 18.0411 6.3682 18.0731 6.33689L18.4097 6.50558L18.4714 6.36663C18.4496 6.49114 18.5842 6.53246 18.6535 6.57592L18.7328 6.62553C18.7476 6.63468 18.78 6.5955 18.7857 6.5905C18.8429 6.63482 18.9081 6.66012 18.9913 6.67156L19.3438 7.0038L19.7696 7.48771L19.9244 7.67699L20.4566 8.28986L20.8336 8.80337L21.1884 9.33389L21.629 10.1518C21.6705 10.2287 21.7001 10.2843 21.7304 10.3628L22.0283 11.1323L22.0725 11.1337C22.0778 11.1339 22.0558 11.1977 22.0606 11.2089L22.3183 11.8157L22.4373 12.2464L22.5962 12.8911L22.758 13.7816L22.8483 14.5818L22.8626 15.0421L22.8316 16.0127C22.7601 17.0711 22.5824 18.0909 22.3275 19.122C21.931 20.7267 21.4025 22.2741 20.6851 23.7578L20.5844 23.9486C20.5699 23.9491 20.5198 23.9426 20.5135 23.9603L20.4714 24.0773L20.4228 24.0222C20.4099 24.0077 20.3877 24.0556 20.3797 24.0746L20.2944 24.2787L20.2239 24.1975L20.3468 23.8288L20.1773 24.082C20.1543 24.0843 20.1168 24.0826 20.1062 24.0956L20.0688 24.1419C19.989 24.0987 19.8868 24.1542 19.8388 24.2524L19.8156 24.1558L19.7518 24.2623L19.7051 24.0345L19.5854 24.2251C19.5117 24.1408 19.51 24.1072 19.5294 24.0147L19.3647 24.1829L19.2269 24.2614C19.2302 24.2741 19.194 24.2241 19.2017 24.2058L19.2493 24.0932L19.0296 24.2047C19.0147 24.1924 18.9524 24.1646 18.9341 24.1849L18.8169 24.315L18.8811 23.9215L18.7764 23.868L18.8193 23.6972L18.5807 24.0424L18.6699 23.7586C18.7088 23.7175 18.6658 23.6914 18.6106 23.7276L18.6256 23.5779L18.5436 23.6829L18.572 23.4839L18.5711 23.484ZM21.0908 9.33989L20.946 9.14247C20.9464 9.24125 21.0066 9.31816 21.0908 9.33989Z" fill="#1A0000"/> 5763<path d="M16.0403 9.89923L16.1275 10.0373L16.1481 9.94112L16.3894 10.4143L16.4775 10.6057L16.8781 11.6102L16.9561 11.6029C16.9942 11.5993 16.9757 11.6219 16.9084 11.6493C16.9631 11.6734 17.0115 11.7042 17.0257 11.7373L17.1228 11.9636L17.2927 12.4591L17.4815 13.0418L17.6724 13.8256L17.761 14.3886L17.7922 14.5576L17.8233 14.7601L17.8432 14.958L17.8914 15.5188L17.9477 16.6543L17.926 17.2412L17.8964 17.8097C17.8549 18.6052 17.4438 20.7478 17.2002 21.5107L16.6824 23.1324L16.4545 23.7636C16.419 23.8616 16.3711 23.9496 16.3097 24.0556L16.1037 23.9183L16.1937 23.5042L16.044 23.7859C16.0339 23.6957 16.0002 23.6929 15.9883 23.7601C15.9849 23.7899 15.9727 23.7926 15.9648 23.761C15.9613 23.6951 15.941 23.6985 15.9301 23.7557C15.8892 23.7703 15.8605 23.7687 15.8526 23.789L15.803 23.9151L15.7886 23.7195L15.7121 23.8316L15.6969 23.6942L15.6395 23.786C15.6323 23.7975 15.5934 23.7353 15.597 23.7438C15.5015 23.7737 15.3886 23.7967 15.2977 23.8086C15.2748 23.8728 15.244 23.9434 15.2039 24.0066L15.195 23.6779L15.0543 23.8805L15.035 23.7464L14.9561 23.9556L14.786 23.8794L14.789 23.7014L14.6922 23.7607C14.6796 23.7684 14.6543 23.7417 14.6568 23.727L14.6724 23.6319L14.5417 23.7313L14.5578 23.5527L14.4492 23.774L14.5154 23.2598L14.3641 23.4373L14.2352 23.4739C14.2568 23.1168 14.3294 22.788 14.4185 22.4419L14.9111 20.5283C15.0729 19.8995 15.2099 19.2898 15.2826 18.6448L15.3517 18.0335L15.4127 17.4136L15.4202 15.9992C15.3706 16.0585 15.348 16.0855 15.3914 16.0328L15.4072 15.8338L15.3563 15.5591L15.3354 15.3148L15.2874 14.7894L15.2704 14.6937C15.2686 14.6839 15.2396 14.7162 15.2326 14.7233L15.2006 14.7546L15.1567 14.5154L15.1438 14.4972L15.1185 14.3185C15.1471 14.3731 15.1648 14.4213 15.1801 14.4749L15.178 14.4914L15.2483 14.7065C15.2392 14.5051 15.2039 14.3375 15.1527 14.1155L15.0845 14.2786L14.9055 13.5124C15.0133 13.5634 14.9809 13.6722 15.0046 13.7438L15.1347 14.1354C15.1085 13.8392 15.0153 13.5922 14.9401 13.3324C14.8974 13.3358 14.8389 13.3383 14.8375 13.3131L14.83 13.1927L14.7454 12.9194C14.6521 12.618 14.564 12.3081 14.4378 12.0232C14.3115 11.7383 14.1358 11.4919 14.1049 11.1714C14.3132 11.5224 14.4479 11.8888 14.585 12.2714L14.6556 12.4688L14.6828 12.4476C14.4941 11.7333 14.1265 11.0955 13.7584 10.4452L13.6566 10.2652C13.615 10.1797 13.579 10.1087 13.4989 10.0409L13.4139 9.89452L13.5177 9.91353L13.2262 9.51553L13.2669 9.45963L13.1161 9.21288L13.2449 9.23933L13.0189 8.91739L13.2355 9.01017L13.0092 8.70595L13.314 8.83075L13.4199 8.94255C13.4582 8.90252 13.5384 8.89723 13.5703 8.93154L13.8498 9.23261L13.7944 9.0705C13.8536 9.1304 13.9117 9.17043 13.9829 9.172L14.1014 9.24591L14.0957 9.11167C14.0879 9.11096 14.0499 9.11167 14.0518 9.09666L14.0621 9.00988C14.0641 8.99316 14.0405 8.95013 14.0343 8.93454C14.0282 8.91896 14.0781 8.89809 14.0935 8.90509L14.1731 8.94126C14.1727 8.94741 14.177 8.88565 14.1787 8.86192C14.1804 8.83819 14.121 8.79802 14.0955 8.77429L14.3295 8.7923L14.5075 8.93369L14.4259 8.774L14.5271 8.80474V8.69066L14.8528 9.00159C14.8455 9.01789 14.8652 8.97414 14.8695 8.96442C14.8422 8.93297 14.8123 8.85749 14.8395 8.84848L14.9384 8.81546C14.9491 8.81188 14.9707 8.77586 14.9781 8.78472L15.021 8.83633L15.5604 9.41231C15.5158 9.29351 15.4328 9.18615 15.3541 9.05849C15.3631 9.0462 15.4372 9.02647 15.4495 9.04562L15.4911 9.11038L15.7616 9.49995L16.0409 9.89923H16.0403ZM16.3699 10.5617L16.23 10.3201C16.2405 10.4016 16.3015 10.5172 16.3427 10.5773L16.37 10.5616L16.3699 10.5617ZM16.3786 10.5794L16.3591 10.5969C16.4006 10.70
576357 16.4267 10.8466 16.5637 10.9318L16.3786 10.5796V10.5794ZM14.7024 12.4622L14.6581 12.4935L14.7321 12.6786L14.7024 12.4621V12.4622ZM14.3085 23.4006L14.3813 23.3072C14.3942 23.2908 14.366 23.2635 14.3421 23.2402L14.3085 23.4005V23.4006Z" fill="#1A0000"/> 5764<path d="M16.1481 9.94101L16.0403 9.89912L16.0212 9.79362L16.0016 9.77689L15.9001 9.57904C15.9813 9.62149 16.0145 9.69183 16.025 9.76188L16.0396 9.78046L16.1483 9.94101H16.1481Z" fill="#1A0000"/> 5765<path d="M14.0852 11.1476L13.9667 11.0615C13.9486 11.0484 13.9987 10.9877 14.0218 10.9836L14.0852 11.1476Z" fill="#1A0000"/> 5766<path d="M14.928 13.5014L14.8499 13.3852L14.9238 13.3781C14.9453 13.3761 14.9401 13.4381 14.928 13.5014Z" fill="#1A0000"/> 5767<path d="M13.3407 9.75726L13.2902 9.79736L13.3668 9.89386L13.4173 9.85375L13.3407 9.75726Z" fill="#1A0000"/> 5768</svg> 5769</div></div><div class="benefits_text_wrapper"><h3 class="rb_heading-style-h6">No extra hardware</h3><p class="text-size-primary u-maroon-300">If you have a smartphone, you now have a POS.</p></div></div><div data-wf--rb-inner-benefit-card--variant="base" class="benefits_card"><div class="benefit_icon"><div class="u-icon w-embed"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"> 5770<path d="M15.5077 22.2478L15.3533 22.2553L15.3381 22.2317L15.4924 22.2242L15.5077 22.2478ZM14.1176 5.79685C14.1412 5.82281 14.1746 5.85627 14.1845 5.8453L14.2343 5.78921L14.1176 5.79685ZM13.5252 5.80795L13.2975 5.7645C13.1878 5.74353 13.0794 5.76727 12.9903 5.83419L13.2068 5.84391C13.3189 5.84891 13.4197 5.85877 13.5253 5.80795H13.5252ZM13.8996 5.84488L14.033 5.8074C13.9585 5.76991 13.9085 5.79629 13.8996 5.84488ZM13.5331 5.80532L13.6804 5.83725C13.6318 5.76922 13.572 5.77894 13.5331 5.80532ZM25.7857 23.8691C25.8326 23.8445 25.8433 23.8019 25.8007 23.789L25.4672 23.7674C25.4512 23.7665 25.4103 23.7302 25.4233 23.7238L25.4786 23.6969C25.513 23.6801 25.6026 23.6586 25.6407 23.6589L25.8908 23.6608C25.9542 23.6614 26.0646 23.7322 26.107 23.6296C26.2275 23.6154 26.3517 23.5702 26.4804 23.5102C26.533 23.4884 26.5752 23.4552 26.5848 23.422L26.6049 23.3525C26.5998 23.3701 26.5153 23.2041 26.3291 23.2245L26.4172 23.0563C26.3246 22.9701 26.1847 22.931 26.05 22.9154L26.0009 22.9097C25.9923 22.9088 25.9635 22.8778 25.972 22.8764L26.0295 22.8672L26.0925 22.8572L25.9677 22.746L26.074 22.7126L26.0799 22.6632L25.8534 22.5503L25.9483 22.4879L25.8997 22.4357L25.8657 22.398L26.0099 22.3795C25.9002 22.31 25.8172 22.2693 25.711 22.2648L25.2008 22.2432L24.5622 22.236L24.2248 22.2612L23.7746 22.2721L23.1547 22.2653L22.6296 22.2873L22.1305 22.2719C22.0808 22.2822 22.0718 22.3016 22.1474 22.3354L21.8518 22.3334L22.0458 22.284L21.8034 22.2865L21.4996 22.2896L20.9496 22.3048L20.6416 22.3251L20.1661 22.3562L19.903 22.4027C19.7445 22.3804 19.6019 22.3741 19.4617 22.4326C19.4484 22.4192 19.4193 22.3887 19.4071 22.3951L19.3481 22.4258C19.2983 22.4114 19.2168 22.4219 19.1696 22.4219C18.9159 22.4008 18.667 22.3794 18.4099 22.4034C18.2838 22.4152 18.1407 22.4266 18.0223 22.3962C17.9305 22.3726 17.8571 22.3704 17.7602 22.3691L17.5105 22.3661L17.252 22.3522L17.0738 22.3312L16.4047 22.3172L16.6264 22.3878L16.5036 22.3853L16.0822 22.3881L15.6556 22.379C15.6453 22.3787 15.5992 22.376 15.6081 22.3765C15.617 22.3769 15.5955 22.4144 15.5863 22.4137L15.3222 22.392C15.3103 22.391 15.276 22.4302 15.2699 22.4406C15.2638 22.451 15.2256 22.3887 15.2135 22.389L14.8447 22.398C14.7769 22.3996 14.7355 22.3955 14.6822 22.3856L14.6109 22.4142C14.5982 22.4192 14.5599 22.3851 14.5466 22.3855L13.7579 22.413C13.0981 22.3973 12.4756 22.4494 11.8257 22.4671L10.9818 22.4903L10.5255 22.4932L10.7159 22.4144L10.3807 22.384C10.2677 22.3737 10.2089 22.3577 10.0957 22.401C9.99715 22.4388 9.81375 22.4262 9.70518 22.4112C9.34283 22.3612 8.95895 22.4324 8.56383 22.4085L7.75791 22.4306L7.42373 22.4427L6.53701 22.4407L6.19256 22.3774C6.17368 22.3445 6.14994 22.264 6.1516 22.2276L6.19159 21.2879C6.21561 20.7245 6.15355 20.1826 6.12148 19.6178L6.08052 18.8961L6.05275 18.0074L6.04845 17.6027L6.02152 16.5748L5.99847 16.0189L5.99167 15.4519L5.99667 14.801L5.98542 14.418L5.9067 13.4696L5.87324 13.0639L5.83673 12.651L5.76565 11.4792V11.204L5.74968 10.2376L5.7122 9.86008C5.70859 9.82371 5.64528 9.74207 5.61404 9.76012C5.57545 9.78247 5.5567 9.81302 5.49215 9.89257L5.4337 9.61018L5.41384 9.47621C5.40107 9.47468 5.34651 9.51911 5.34665 9.54326L5.34748 9.67238L5.27862 9.46663C5.2521 9.46538 5.22309 9.4676 5.21712 9.44983L5.18866 9.3
57706361L5.16297 9.63101L5.10244 9.43928L5.10008 9.87313C5.0998 9.9177 5.09008 9.9606 5.04705 9.98323L4.99957 9.3439L4.96805 9.17189C4.91988 9.21534 4.88975 9.29225 4.89683 9.36486L4.92501 9.651C4.93529 9.7554 4.93334 9.8598 4.90918 9.95824L4.85323 9.2706C4.73023 9.26546 4.67095 9.28017 4.58723 9.3339C4.5142 9.38083 4.3626 9.42415 4.34316 9.52883C4.29915 9.76679 4.13908 9.63003 4.13894 9.84495L4.09812 9.77095C4.0959 9.92894 4.09993 10.0435 4.06772 10.1533L4.0226 10.032C4.01676 10.0164 4.01079 10.02 3.96498 9.97281L3.93916 10.1582L3.85711 9.97517C3.76603 10.0742 3.782 10.1859 3.78186 10.3628L3.70883 10.1619L3.6533 10.4396C3.64108 10.4926 3.62803 10.4809 3.62956 10.4361C3.59207 10.3929 3.59735 10.3946 3.59582 10.4043L3.58263 10.4891L3.55348 10.3511L3.50253 10.5426L3.41478 10.3813L3.3916 10.5118L3.34981 10.4603C3.33745 10.5919 3.35036 10.6053 3.25957 10.7177L3.21625 10.351L2.95774 10.4952L2.97426 10.8439L2.97898 11.2286L2.94941 11.8422C2.93609 12.1178 2.92651 12.3805 2.93956 12.6558L2.97329 13.3709L3.03188 14.116L3.07728 14.7576L3.13295 15.8953L3.14295 16.573L3.16502 17.1873L3.18918 17.7925L3.15655 19.031L3.17071 19.893L3.21792 21.0966L3.24929 21.905L3.26665 23.1428L3.27026 23.9664C3.27109 24.1551 3.36772 24.2826 3.4917 24.4101L3.87696 24.8063C3.97095 24.903 4.07535 25.0253 4.18503 25.1018L4.51309 25.1623C4.66914 25.191 4.85782 25.1424 4.99845 25.193C5.11563 25.235 5.21379 25.2611 5.34554 25.2606L5.62015 25.2592L6.4823 25.2246L6.89908 25.2042L7.29198 25.1866C7.51064 25.1767 7.7225 25.1985 7.94297 25.1583C8.32185 25.0893 8.53273 25.2237 8.65185 25.0623L9.03448 25.0311L9.48388 24.994C9.57898 24.9863 9.6988 25.0623 9.94148 25.0198C10.0016 25.0086 10.0301 24.9892 9.93967 24.9514C10.0499 24.915 10.165 24.9003 10.3079 24.9428L10.0935 24.9893L10.0959 25.0269L10.3156 24.9951C10.4003 25.0032 10.4715 25.009 10.5497 24.9936L10.3269 24.9392C10.3938 24.9156 10.465 24.8916 10.509 24.8899L10.9 24.8912C10.9591 24.9547 11.086 25.0196 11.1454 24.9406C11.2137 24.8498 11.2848 24.8866 11.3792 24.9117C11.495 24.9425 11.6511 24.9145 11.7763 24.9121L13.2925 24.8839L13.6601 24.8775L14.2878 24.8864L15.1713 24.9063L15.8248 24.9427L16.0539 24.9436L16.4941 24.9835L16.7865 24.9876L17.2193 24.9886L18.09 24.9652L18.6056 24.9324L19.6155 24.8928L20.2257 24.8716L21.3408 24.8495L22.0877 24.8321L22.448 24.8163L23.4209 24.7602L24.3068 24.7538L24.3876 24.5541L24.5837 24.5567L24.6318 24.4862C24.9015 24.5691 24.8388 24.2685 25.0617 24.2088C25.
57700432 24.1991 24.9992 24.1741 25.0113 24.1688C25.0193 24.1652 25.0603 24.1365 25.069 24.136L25.382 24.1237L25.3749 24.0439C25.3738 24.0307 25.4299 24.0351 25.4429 24.029L25.7861 23.8684L25.7857 23.8691ZM9.83263 22.5139L9.8168 22.5637L9.56149 22.551L9.87942 22.4878L10.1082 22.4724L10.5243 22.4884L10.1247 22.5156L9.90524 22.5149C9.87484 22.5149 9.83596 22.5035 9.83249 22.514L9.83263 22.5139ZM17.3246 22.5052L17.3095 22.481L17.4916 22.4741L17.5068 22.4982L17.3246 22.5052ZM19.6114 22.5307C19.7192 22.4759 19.8234 22.4598 19.9736 22.4938L19.6114 22.5307ZM20.1013 22.5059L20.0871 22.4813L20.2671 22.4734L20.3141 22.4964L20.1013 22.5059ZM18.9493 22.559H17.908V22.5313H18.9493V22.559ZM12.4645 24.8376L12.4531 24.8047L12.9619 24.8076L13.0121 24.832L12.4646 24.8374L12.4645 24.8376ZM10.0917 24.8637H9.82791V24.8359H10.0917V24.8637ZM9.91121 24.9192V24.947H9.67519V24.9192H9.91121ZM13.1757 22.2822C13.1928 22.3304 13.1925 22.3361 13.2054 22.3311L13.2593 22.3102L13.3995 22.3119L13.488 22.3052C13.5028 22.3041 13.4991 22.2591 13.4939 22.2287L12.7011 22.2468L12.4942 22.275L12.0556 22.3459L11.8105 22.3852C12.0319 22.4052 12.2476 22.3598 12.482 22.3563L12.7627 22.3522L12.9973 22.3157L13.1755 22.2823L13.1757 22.2822ZM11.734 22.3816L11.1002 22.3965L11.0635 22.4362C11.0571 22.4431 11.1211 22.4563 11.1327 22.4549L11.7341 22.3816H11.734ZM10.8393 22.408L11.0116 22.451C10.9597 22.398 10.8922 22.3829 10.8393 22.408ZM27.9582 20.654C27.9532 20.6215 28.0378 20.6705 28.1893 20.5861L28.4089 20.4639L28.62 20.3855L28.8921 20.3073C28.96 20.2877 29.0602 20.2172 29.0665 20.1307C29.071 20.0689 29.0036 19.9613 28.9747 19.8993L28.831 19.5902C28.7607 19.439 28.588 19.4837 28.6983 19.4462L28.7523 19.4279L28.6654 19.2427L28.7058 18.4684C28.7402 17.8073 28.6734 17.1692 28.6123 16.5058C28.5608 15.9457 28.58 15.4006 28.6159 14.8423L28.6752 13.9218L28.7099 13.2136L28.7918 12.2684L28.8596 10.7313L28.8788 9.84189L28.9136 8.86951C28.9272 8.48799 28.9682 8.11745 28.9258 7.73899C28.8817 7.34456 28.7569 6.97332 28.6279 6.60291C28.6197 6.43992 28.5113 6.32275 28.3559 6.29498C28.2408 6.18336 28.1045 6.12269 27.9445 6.08687C27.5194 6.01509 27.1017 6.0076 26.6687 5.99788L26.1968 5.98719L25.6975 5.98622L24.8988 5.99232C24.8332 5.99288 24.7501 6.00621 24.6928 5.9976L24.4947 5.96803L23.9649 5.96136L23.6704 5.9454L23.1981 5.95595L22.1989 5.92499L21.9815 5.9286L20.7927 5.94554L20.5937 5.96872L20.3387 5.94956C20.2578 5.94345 20.0903 6.01718 20.0191 5.9808C19.9205 5.9304 19.8645 5.97677 19.7792 5.97455L18.6856 5.94623C19.0291 5.89681 19.3713 5.90194 19.7259 5.89792L20.1718 5.89292C20.2907 5.89153 20.4034 5.91458 20.5174 5.8621L19.6155 5.84363L18.7017 5.86238L18.1864 5.89708L18.3226 5.95165L18.0859 5.9808C18.0521 5.98497 17.9615 5.95637 17.9448 5.94776L18.161 5.90083C17.7527 5.86501 17.3943 5.86848 17.0055 5.86835L15.8375 5.86793C15.7632 5.86793 15.682 5.89792 15.6149 5.93568L14.0357 5.90639L12.6353 5.87071C12.7025 5.82642 12.7774 5.83461 12.8686 5.84488L12.9919 5.78796C12.8582 5.75089 12.7197 5.74923 12.5633 5.74825L11.8743 5.74395L11.0796 5.76672C11.1607 5.80809 11.2436 5.79129 11.3417 5.79574L11.6354 5.80934C11.5425 5.87293 11.4646 5.85988 11.3722 5.85877L10.9341 5.85335C10.4164 5.84697 9.9126 5.86807 9.39531 5.91694L8.65991 5.98635C8.63686 5.98858 8.57633 6.02092 8.56619 6.00288L8.52135 5.92332L8.49928 6.05633L8.45152 5.97025C8.44694 5.96206 8.43458 5.96483 8.43541 5.96678C8.41875 6.03217 8.41001 6.0666 8.42139 6.02134L8.2391 5.81378L8.28547 5.77075C8.28783 5.76852 8.20287 5.72257 8.20509 5.74603L8.21286 5.83058C8.20231 5.86585 8.17579 5.88875 8.17927 5.82822C8.16733 5.7838 8.16372 5.76519 8.15275 5.772L8.09819 5.80601L7.94686 5.92194C7.88369 5.97039 7.78109 5.95317 7.74013 5.90139L7.66808 6.05605C7.64684 6.10145 7.63712 6.19391 7.61741 6.2736L7.55451 6.17295L7.44942 6.35218C7.45928 6.36565 7.45511 6.36218 7.39597 6.31039C7.41027 6.49282 7.35307 6.6236 7.20049 6.69607C7.1873 6.73883 7.16328 6.79672 7.13218 6.79436L6.99779 6.78409L6.96989 6.89655L6.84702 6.91348L6.79551 6.83851C6.76913 6.89321 6.7465 6.96499 6.7136 6.97957C6.6807 6.99415 6.59962 6.98748 6.56297 6.99553L6.40498 7.0301L6.32848 7.26348L6.30154 7.62445L6.26711 8.20324L6.25337 8.63127L6.26364 9.42595C6.27003 9.92658 6.26156 10.4128 6.29891 10.913L6.36249 11.7624L6.39484 12.3116L6.47758 13.2351L6.60406 14.2474L6.73887 15.257L6.79482 16.0627L6.85827 16.9627L6.91505 18.3808L7.00515 19.1472L7.11025 19.902C7.15023 20.1896 7.33932 20.3681 7.52508 20.5751L7.84023 20.9263C8.04904 21.159 8.27506 21.3335 8.6077 21.352L8.94937 21.4363C9.25231 21.511 9.53095 21.5358 9.85554 21.5129L9.75919 21.4491C9.82291 21.4356 9.89969 21.4409 9.99104 21.466C9.99312 21.4883 9.98882 21.442 9.98771 21.43C9.98701 21.4221 10.0264 21.4235 10.0299 21.4295C10.0417 21.45 10.0599 21.4968 10.0789 21.4965L10.1665 21.495L10.3574 21.5097L10.3598 21.4478C10.3602 21.4366 10.4124 21.4473 10.4116 21.4585C10.411 21.466 10.4099 21.5021 10.4168 21.5021H10.5786L10.47 21.4504L10.7102 21.4528L10.6867 21.4715L10.5743 21.501L10.9472 21.5157L11.2634 21.5101L11.6636 21.5175C12.4363 21.637 13.1964 21.6502 13.9783 21.5983L15.5537 21.4938L15.9359 21.4611L16.6491 21.4417L18.405 21.3206L20.3934 21.2193L21.0183 21.1803L22.4162 21.132L22.8645 21.1124L24.0667 21.1045L24.6982 21.1239L25.9562 21.2437L26.5386 21.2993L26.5376 21.1325L26.7734 21.1347L27.1979 21.0424L27.2239 20.949C27.2284 20.9325 27.2626 20.9316 27.2841 20.9262C27.3169 20.8375 27.3864 20.7945 27.4815 20.7868L27.7301 20.767C27.8099 20.7041 27.8753 20.6984 27.9684 20.7227L27.9577 20.6541L27.9582 20.654ZM12.3308 5.87779L12.3899 5.79643C12.4026 5.77908 12.4673 5.80407 12.492 5.82198C12.5277 5.79976 12.5937 5.77311 12.6261 5.87834L12.3308 5.87793V5.87779ZM12.0327 5.8528L12.2823 5.82572C12.2278 5.8907 12.1178 5.88403 12.0327 5.8528ZM18.5214 5.90583L18.6697 5.93526C18.618 5.96803 18.5559 5.97219 18.5214 5.90583ZM17.5609 5.98233H17.2416V5.95456H1
57707.5609V5.98233ZM13.7726 18.8513C13.6551 18.8547 13.5282 18.8872 13.4542 18.8015L13.0025 18.8L12.7559 18.7801L12.3098 18.7674C12.2896 18.7535 12.234 18.7233 12.2168 18.7347L12.1255 18.7954C12.106 18.735 12.0831 18.6356 12.0878 18.5631C12.145 17.7056 11.6458 17.1309 11.0322 16.5922C10.7847 16.3751 10.5636 16.124 10.2669 15.9743L9.8629 15.7704C9.7435 15.7101 9.69616 15.6771 9.68949 15.5331L9.66867 15.0881L9.6216 14.5875L9.5315 13.8946C9.44792 13.2515 9.35546 12.6302 9.31548 11.9817L9.2623 11.1201L9.23926 10.6693C9.28604 10.4436 9.65562 10.3994 9.76127 10.3092L10.2973 9.85106C10.6487 9.55076 10.9684 9.21964 11.1296 8.77302C11.2053 8.56338 11.2328 8.34999 11.2909 8.11536L12.2869 8.10689L14.1162 8.08079L15.0346 8.07121L16.0054 8.04428L17.2445 7.97847L17.3273 7.9682C17.3481 7.96556 17.3528 7.91891 17.3634 7.88546L17.6459 7.88684C17.7389 7.96487 17.8441 7.94974 17.9576 7.9496L18.3888 7.94876L18.6716 7.93877L19.7334 7.91128L20.4134 7.90087L20.4045 7.8202C20.3952 7.73482 20.6532 7.87074 20.865 7.85575L21.1459 7.83575L21.353 7.8177C21.4224 7.83867 21.4998 7.85325 21.5907 7.85602L22.7908 7.89101L23.1118 7.87921C23.1455 8.39456 23.3289 8.86187 23.5041 9.33793C23.8094 10.1673 23.8681 10.4583 24.6382 11.0377L24.8323 11.1836L25.1118 11.3916L25.1707 11.3847L25.1291 11.2045C25.1203 11.1661 25.0658 11.1058 25.0331 11.0589L25.1571 11.1325L25.3757 11.2159C25.4426 11.2415 25.5926 11.2044 25.6599 11.2027L25.8325 11.3048L25.7985 11.897C25.7694 12.4035 25.7234 12.8871 25.7568 13.3963L25.741 14.0762L25.7295 15.7002L25.7724 16.3367L25.55 16.4162L24.7225 16.9471L24.4242 17.183C24.0097 17.5234 23.6893 17.9675 23.5002 18.4734C23.4991 18.4995 23.4948 18.5755 23.4723 18.5769L23.35 18.5842L22.5745 18.582L21.6572 18.6013L20.9771 18.637L19.9296 18.6559L19.0655 18.7093L17.8157 18.7611L17.2255 18.7736L16.6524 18.7933L16.3148 18.8243L16.0047 18.8454L15.5873 18.8487L15.3997 18.8507L15.0672 18.8634L14.7793 18.8475C14.6911 18.8426 14.5281 18.9416 14.4355 18.8859C14.3282 18.8214 14.2596 18.8197 14.1242 18.872C14.0316 18.9079 13.8689 18.8487 13.7726 18.8515V18.8513ZM13.7014 8.00929H13.4376V7.98153H13.7014V8.00929ZM11.7968 8.00735C11.8078 8.00499 11.8232 8.04789 11.8131 8.05164L11.7687 8.06816C11.753 8.07399 11.7135 8.0247 11.7302 8.02123L11.7968 8.00721V8.00735ZM12.3686 8.00929V8.06483H12.2297V8.00929H12.3686ZM25.7567 11.1525C25.7632 11.1464 25.8244 11.1528 25.8258 11.1758L25.8315 11.2692L25.7565 11.1523L25.7567 11.1525ZM8.98755 21.2898L9.25633 21.2832C9.17553 21.3585 9.10264 21.3415 8.98755 21.2898ZM9.3556 21.3667L9.34047 21.3426L9.52262 21.3356L9.53775 21.3598L9.3556 21.3667ZM21.6182 13.9307C21.6153 13.5926 21.5647 13.2414 21.4498 12.9191L21.0924 11.917C20.9715 11.5779 20.7806 11.2649 20.519 11.0253L20.2991 10.8239L19.8774 10.4186L19.6036 10.2828C19.6472 10.2595 19.6955 10.2337 19.7233 10.2288L19.7866 10.218C19.7977 10.2161 19.7827 10.1819 19.7714 10.182L19.7337 10.1825L19.55 10.0958L19.6559 10.0821C19.6037 10.0588 19.5721 10.0518 19.5693 10.0343L19.5617 9.98517L19.4647 9.88493L18.8499 9.79886C18.5099 9.75124 18.178 9.79844 17.854 9.91367L16.2807 10.4739L15.0081 10.9303C14.2456 11.2039 13.6569 11.7932 13.433 12.5611C13.2765 13.0978 13.3791 13.6294 13.5729 14.1391L13.8781 14.9417C14.1627 15.6905 14.4502 16.1141 15.1198 16.5589C15.2643 16.6549 15.4089 16.7294 15.5763 16.7738L16.1007 16.9131C16.3485 16.9789 16.602 17.0335 16.8575 17.0203C17.1397 17.0056 17.4096 16.9793 17.6762 16.8956L18.521 16.6303L19.8643 16.1662C20.4507 15.9636 21.0343 15.6283 21.3146 15.0655C21.4924 14.7086 21.6214 14.3397 21.6179 13.9305L21.6182 13.9307Z" fill="#1A0000"/> 5771</svg> 5772</div></div><div class="benefits_text_wrapper"><h3 class="rb_heading-style-h6">Flat & transparent fee rates</h3><p class="text-size-primary u-maroon-300">Download for free and pay consistently low fees on any type of sale.</p></div></div><div data-wf--rb-inner-benefit-card--variant="base" class="benefits_card"><div class="benefit_icon"><div class="u-icon w-embed"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"> 5773<path d="M14.2726 26.8053L14.0093 27.1245L13.4463 27.6688L12.9255 28.3345C12.8481 28.3113 12.8316 28.2143 12.8352 28.1386L12.6779 28.232L12.2961 28.5192L11.6933 28.9754C11.6524 29.0064 11.5837 29.018 11.5002 29.0302L11.5787 28.89L11.4049 28.7588C11.3921 28.8448 11.3981 28.8895 11.4211 28.9572L11.3753 29.0057L11.2092 28.9175C11.127 28.8738 11.
57730772 28.7328 11.0096 28.6584L10.8072 28.4356L10.5863 28.1872C10.5395 28.1348 10.5056 27.9846 10.5177 27.9052L10.7613 26.3082C10.8882 25.4756 11.0517 24.6767 11.2616 23.8635L11.5282 22.8311L11.7205 21.9926L11.9527 21.1181L12.0547 20.6241L12.0928 20.1896L11.2534 20.1705L10.6009 20.0984C10.1828 20.0521 9.59937 20.1234 9.16512 20.1999L7.8725 20.4276C7.6968 20.4586 7.48407 20.5406 7.30594 20.5291L7.19308 20.4855L7.13916 20.4864C7.12361 20.4867 7.10185 20.4429 7.11577 20.4365L7.2043 20.3965L7.06847 20.4102C7.02536 20.3479 7.04806 20.2408 7.12078 20.1835L6.92548 20.1408C6.95913 20.0778 6.94994 20.062 6.87723 20.0945L6.93102 19.9885C6.88277 19.9759 6.84722 19.9782 6.77248 20.0054C6.6999 19.9888 6.62354 19.877 6.55718 19.8072C6.51799 19.7662 6.39905 19.7056 6.4004 19.648C6.40392 19.4886 6.50244 19.4064 6.59584 19.3031C6.81776 19.058 7.00725 18.7952 7.19187 18.5186L7.8079 17.5959L8.68748 16.2905L8.98212 15.8511L10.0319 14.199L11.1932 12.4408L12.2124 10.9991L13.126 9.74825L14.4221 7.93867L15.3345 6.71363C15.7411 6.09867 16.1167 5.48277 16.5892 4.91621L17.1042 4.37991L17.369 4.10244L17.65 3.78186L17.9856 3.42478C18.081 3.44154 18.1487 3.41924 18.2367 3.32558C18.2494 3.33814 18.2484 3.40559 18.2417 3.45478C18.3762 3.57237 18.3979 3.37058 18.6028 3.33436C18.6581 3.24867 18.7435 3.1892 18.8549 3.21678L18.9222 3.05C19.0202 3.0627 19.1232 3.02269 19.2047 2.96985L19.2789 3.04243L19.2593 3.18218C19.3131 3.11892 19.3437 3.05337 19.3493 2.98796L19.4794 3.0877L19.4032 3.09906C19.379 3.10554 19.3655 3.13217 19.3754 3.15569C19.3852 3.1792 19.4135 3.18839 19.4355 3.17366L19.3878 3.24178C19.3763 3.25827 19.4173 3.30314 19.4297 3.30976L19.4888 3.16217L19.5162 3.21083C19.4689 3.28192 19.4669 3.3822 19.4979 3.43073L19.5854 3.20894L19.6172 3.33206C19.6273 3.37139 19.7403 3.33098 19.773 3.50857C19.7945 3.51074 19.8337 3.50695 19.8398 3.52317L19.8694 3.60224C19.8764 3.62116 19.8844 3.65819 19.8845 3.65738C19.8846 3.65657 19.9085 3.63508 19.9361 3.6098C19.9641 3.624 20.068 3.73739 20.0651 3.79443L19.9245 4.40857L19.7838 4.49831L19.6596 4.91134C19.5198 5.37614 19.4163 5.83309 19.3332 6.31168L19.1741 7.22735L18.9491 9.28156L18.6323 11.4154L18.4208 12.9199C18.4166 12.9499 18.4268 13.0255 18.4514 13.0398C18.476 13.0541 18.527 13.0566 18.5678 13.0566L18.9491 13.0562L19.2386 13.0867C19.3387 13.0972 19.3854 13.1095 19.4839 13.0912C19.6512 13.0601 19.8477 13.0987 20.0279 13.0913C20.3571 13.0776 20.6791 13.0028 21.0118 12.9657L21.3485 12.8944L22.0306 12.7934L22.7927 12.617C22.9274 12.5858 23.0413 12.6076 23.1558 12.4942L23.5046 12.4371C23.5172 12.4486 23.5273 12.4577 23.5239 12.4546L23.3424 12.5238L23.7037 12.492L24.2273 12.403C24.2767 12.4197 24.3304 12.433 24.3885 12.4413C24.3078 12.3958 24.3377 12.3888 24.3965 12.3967C24.4578 12.4052 24.4747 12.4069 24.5261 12.4265L24.3201 12.4801C24.2663 12.4739 24.2758 12.4927 24.3205 12.5074L24.7471 12.4546C24.8179 12.4458 24.8402 12.4332 24.9018 12.4639L24.9739 12.4196C25.0079 12.3986 25.1098 12.5113 25.11 12.5112L25.0532 12.5859C25.0479 12.5931 25.1185 12.6189 25.1259 12.6045L25.1777 12.5036L25.6952 12.8676C25.7761 12.9245 25.9024 13.0147 25.8578 13.1399C25.7857 13.3425 25.6199 13.5047 25.4876 13.6753L24.9183 14.4092L24.7946 14.6396C24.3678 15.2711 23.8834 15.8418 23.4044 16.4318L23.0878 16.8218L22.8761 17.0944L22.3004 17.7928L20.8245 19.5534L20.0671 20.449L19.3517 21.25L18.2052 22.5591L17.7995 23.0231L16.7236 24.2437L15.6469 25.4078L15.1873 25.9235L14.2729 26.8049L14.2726 26.8053ZM15.8165 22.3661C16.0506 22.0672 16.3222 21.8329 16.5758 21.554L17.4504 20.5918L18.0221 19.945L19.1555 18.702L19.8926 17.869L20.7799 16.8366C21.1775 16.3738 21.6041 15.9674 21.9811 15.4854L21.7484 15.4972C21.6522 15.5483 21.5281 15.5884 21.3989 15.5338C21.3258 15.5029 21.1971 15.5926 21.122 15.6083L20.7372 15.6884L20.4897 15.7168L20.2313 15.7444L19.8996 15.813L19.5928 15.8525L19.5899 15.8057C19.5893 15.7978 19.5631 15.7848 19.56 15.7921L19.5305 15.8595L18.9079 15.8382L18.2962 15.8429L17.9062 15.8336L17.5894 15.8516C17.3785 15.8634 17.1487 15.8255 16.9318 15.8551C16.7146 15.8845 16.6089 15.7905 16.4556 15.6707L15.7855 15.1474C15.6866 15.0701 15.6659 14.8671 15.687 14.7452L15.8019 14.0813L16.0033 12.8221L16.0887 12.2283L16.1929 11.337L16.2317 10.9145L16.3779 9.84651L16.5439 8.74067L16.5764 8.44522C16.6047 8.18978 16.6942 7.97245 16.7085 7.69079L15.8063 8.94692L14.9089 10.184L13.9403 11.5669L13.1865 12.705L12.4472 13.8568L12.1727 14.3159L11.8896 14.7895L10.7018 16.6507L10.1739 17.4773L10.7662 17.3937L11.3327 17.388L11.9805 17.4265L12.5997 17.5061C12.8392 17.5369 13.0681 17.5345 13.2896 17.4929L13.2237 17.4576C13.2161 17.4535 13.2576 17.4129 13.2661 17.4153C13.2946 17.4237 13.3356 17.4591 13.3669 17.491C13.5386 17.4771 13.6886 17.561 13.8365 17.6317C13.9159 17.6698 13.9774 17.6999 14.0584 17.7471L14.4647 17.984C14.6159 18.1038 14.5801 18.3057 14.5817 18.468C14.5864 18.9321 14.5444 19.3565 14.464 19.8043L14.412 20.0939L14.2208 21.0355L14.1485 21.5363L13.9066 22.9343L13.865 23.1589L13.7201 24.1004L13.6654 24.5132C13.6625 24.5351 13.7297 24.5625 13.7382 24.5454L13.7712 24.4789L14.4353 23.8205L15.2248 23.0431L15.5467 22.6585L15.8169 22.3663L15.8165 22.3661ZM21.0341 13.0543L20.9853 13.0303L20.5507 13.1032C20.5628 13.1112 20.5897 13.127 20.6004 13.1252L21.0341 13.0541V13.0543ZM18.7572 13.1271L18.4247 13.1436C18.5209 13.2062 18.6462 13.2343 18.7572 13.1271ZM19.0094 13.1691C18.9226 13.1289 18.8306 13.0922 18.7312 13.1571L19.0094 13.1691ZM19.8316 13.1594C19.7441 13.1079 19.6559 13.111 19.5765 13.1156L19.1933 13.1648L19.8316 13.1594ZM11.2511 17.5204L11.2364 17.4969L11.059 17.5037L11.0738 17.5272L11.2511 17.5204ZM10.7645 17.574L10.7497 17.551L10.5994 17.5583L10.6142 17.5813L10.7645 17.574ZM12.8697 17.6059C12.8294 17.5315 12.7514 17.5369 12.681 17.5691L12.8697 17.6059ZM7.67937 20.3379L7.35419 20.3722C7.46569 20.4225 7.57273 20.3995 7.67937 20.3379Z" fill="#1A0000"/> 5774</svg> 5775</div></div><div class="benefits_text_wrapper"><h3 class="rb_heading-style-h6">Fast payouts</h3><p class="text-size-primary u-maroon-300">Your sales go straight to your Jim Card for easy, instant spending.</p></div></div><div data-wf--rb-inner-benefit-card--variant="base" class="benefits_card"><div class="benefit_icon"><div class="u-icon w-embed"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"> 5776<path d="M20.7135 28.7557C20.6826 28.7901 20.6045 28.8314 20.5492 28.8301L19.8427 28.8135L19.0654 28.8309L18.5827 28.8493L17.937 28.871L17.176 28.9052C17.145 28.8993 17.1046 28.8956 17.0693 28.8977L16.4945 28.9332C16.2331 28.9493 15.9851 28.9595 15.7318 29.0253C15.6718 28.9837 15.6149 28.9845 15.5423 28.9889L15.0426 29.0193L14.6856 29.061L13.8168 29.0511L12.9828 29.0068C12.9965 28.9667 13.0068 28.9421 13.0002 28.9467C12.9902 28.9536 12.937 28.9866 12.9249 28.9866L12.4853 28.9825L12.0935 28.944L11.6486 28.9187L10.9682 28.8888L10.1051 28.8594L9.44775 28.7931L9.03398 28.6959L8.74331 28.6642C8.52851 28.6408 8.33294 28.636 8.11644 28.6532L7.84396 28.675L7.27923 28.7841C7.17811 28.7648 7.00426 28.7111 6.91661 28.6667L6.66832 28.4646L6.14938 28.1189C6.03466 28.0425 5.96716 27.9373 5.94269 27.7999C5.85819 27.3242 5.85779 26.8557 5.87859 26.3727L5.91064 25.6276L5.96245 24.8668L5.9856 24.4785L5.99554 24.1634L6.01085 23.4895L5.99044 23.1196L5.99384 22.7887L5.98913 22.4582L5.9873 21.8772L5.96075 21.089L5.93328 20.2772C5.92019 19.8901 5.89861 19.5031 5.93498 19.1153L5.98848 18.5457L6.04277 17.8515L6.12793 16.9409L6.16534 16.4956C6.18352 16.28 6.17594 16.
57760842 6.16613 15.8682C6.13015 15.0804 6.2072 14.3581 6.30453 13.5855C6.32912 13.3906 6.38289 13.1993 6.56498 13.0902L6.58369 13.3374C6.71986 13.141 6.56668 13.0315 6.72641 13.0294L6.73779 12.8351C6.75309 12.8405 6.8151 12.8782 6.80463 12.8922L6.76787 12.9416C6.75675 12.9764 6.75754 13.0261 6.8062 13.0523L6.92485 12.5566L6.9259 12.8865V12.9423C6.92616 12.9532 6.96619 12.9145 6.9675 12.9035L7.00033 12.6181L7.02859 12.6878C7.03225 12.6968 7.04219 12.7021 7.04559 12.6929L7.06378 12.6435L7.08445 12.5862C7.08824 12.5757 7.11453 12.5804 7.14475 12.5804L7.21121 12.2852C7.25934 12.2208 7.30408 12.138 7.32593 12.0532C7.48278 11.9954 7.40926 11.8752 7.51051 11.8307C7.52974 11.8222 7.56611 11.8477 7.58861 11.8654L7.64943 11.756L7.92375 11.5782L7.91538 11.5355C7.90335 11.4735 8.10912 11.48 8.30325 11.5317L8.2054 11.4074L8.38762 11.4014L8.17714 11.3079C8.14064 11.2916 8.07916 11.2608 8.06673 11.2483L8.17309 11.2553C8.18708 11.2562 8.18643 11.2196 8.18891 11.2082C8.41418 11.2757 8.61969 11.3272 8.8443 11.3368L9.63651 11.3704C9.7723 11.3761 9.9018 11.4223 10.0396 11.4315L10.2354 11.4444L10.3406 10.6857C10.4151 10.1479 10.5227 9.63879 10.6463 9.112C10.7337 8.73931 10.832 8.39566 10.9626 8.03539L11.4836 6.59695C11.6883 6.03183 11.9374 5.5121 12.3088 5.04143C12.5449 4.74213 12.7465 4.42399 13.0574 4.20186L13.2754 4.01872L13.7054 3.69234C13.8648 3.57134 14.0522 3.39958 14.2485 3.35562L14.4437 3.31206L15.0116 3.07777C15.1014 3.04075 15.2487 3.04481 15.3464 3.03146L15.5433 3.00452L15.9915 2.94081C16.5621 2.91622 17.2236 3.14148 17.7485 3.38741C18.4574 3.71955 19.1465 4.06202 19.7956 4.503L20.5479 5.06289L20.7983 5.33093C21.0769 5.62905 21.2938 5.93869 21.4868 6.29438C21.5795 6.46522 21.6622 6.62547 21.7259 6.81567C21.8541 7.19805 21.9901 7.56629 22.0603 7.96711C22.1372 8.40651 22.1892 8.83179 22.1807 9.27682L22.1716 9.75678L22.1577 10.3918C22.1476 10.8539 22.1306 11.2984 22.0324 11.7599L22.2748 11.7586C22.3093 11.7585 22.3545 11.7992 22.3725 11.8365L22.796 11.863L22.7491 11.805C22.7448 11.8163 22.7538 11.7924 22.7635 11.7665C22.8877 11.7896 23.0029 11.8035 23.1242 11.7371L23.4342 11.8155L23.3611 11.8377C23.3496 11.8411 23.326 11.8845 23.3379 11.8838L23.4137 11.8796L24.0087 11.8621C24.0569 11.8722 24.0574 11.8862 24.0094 11.8946L23.6179 11.8917L23.5994 11.9253L23.8932 11.9392L24.1481 11.9507C24.2755 11.9564 24.3857 11.9873 24.4911 12.0511L24.6709 12.1601C24.6817 12.1439 24.6864 12.048 24.659 12.0332L24.5129 11.9546C24.6571 11.8926 24.7514 11.9647 24.8586 12.0502L25.265 12.374C25.4663 12.5344 25.6104 12.7132 25.6698 12.97L25.7887 13.847L25.9231 15.1668L25.9737 15.8042L26.1011 17.1379C26.162 17.7743 26.1678 18.3906 26.1538 19.0308L26.1278 20.2258L26.1222 20.5243L26.0831 21.1555L26.0345 22.5651L26.0212 23.0637L25.9683 24.4483L25.9413 25.2344L25.9202 25.8248L25.8889 26.3849L25.9779 26.5272C25.9154 26.5594 25.8862 26.5814 25.8675 26.6077L26.0386 26.6452L26.0009 26.6741L25.9355 26.663C25.9256 26.6613 25.8675 26.6798 25.8756 26.6858C25.8878 26.6947 25.9226 26.7198 25.9388 26.7225L26.1434 26.7581L26.1597 26.8276L26.2408 26.8402C26.2525 26.842 26.2216 26.8719 26.2097 26.8736L26.1189 26.8863L26.3433 26.9254C26.3939 26.9342 26.4212 27.0863 26.3816 27.1196L26.244 27.2349L26.0992 27.2546L26.0298 27.2289C26.0127 27.2227 25.9884 27.2751 25.9797 27.2913L25.94 27.3655C25.9329 27.3786 25.8721 27.3252 25.6897 27.4314C25.6178 27.4733 25.5091 27.4771 25.4732 27.5603L25.4556 27.4996C25.4531 27.4912 25.4472 27.4917 25.4397 27.4978L25.3901 27.5373C25.3773 27.5475 25.3262 27.5517 25.3224 27.5671L25.2984 27.6628C25.296 27.6727 25.2863 27.7088 25.2854 27.7085C25.3301 27.7239 25.3709 27.7171 25.3803 27.7336C25.3785 27.7303 25.3724 27.7644 25.3661 27.7916L25.4973 27.8147C25.451 27.9459 25.3013 27.8397 25.2633 27.9062L25.1595 27.9564L24.9866 28.161L24.9509 28.1972C24.9437 28.2045 24.9621 28.2246 24.9713 28.229L25.0765 28.2675L24.8444 28.3253C24.8346 28.3278 24.8 28.3457 24.7925 28.3504C24.7849 28.3551 24.7896 28.3603 24.7983 28.364L24.8741 28.395L24.5671 28.4112C24.5138 28.4141 24.4861 28.5608 24.5187 28.6014L24.361 28.6506L24.3268 28.6047C24.2786 28.7378 24.174 28.6593 24.0866 28.7842L24.0289 28.8127C24.0303 28.8503 24.0256 28.9215 24.0023 28.9198L23.9088 28.9129C23.8775 28.9106 23.8757 28.7667 23.8552 28.7729L23.8024 28.7889C23.7492 28.7193 23.6744 28.6684 23.5816 28.6642L23.1469 28.6449C23.0229 28.6288 22.9007 28.6339 22.785 28.6754C22.6303 28.6586 22.4757 28.6583 22.3343 28.6874C22.2909 28.6797 22.2535 28.6844 22.196 28.7016L22.0333 28.6174L22.0204 28.6611L21.6873 28.685L21.8977 28.6166L21.5824 28.6115L21.5458 28.6489L21.6564 28.6828L21.3431 28.7222L21.1243 28.7158L20.8518 28.7503L20.8442 28.7835C20.8413 28.796 20.7921 28.8053 20.7817 28.7987L20.7125 28.7563L2
57760.7135 28.7557ZM13.9505 11.657C13.8644 11.6707 13.8685 11.703 13.9098 11.718L14.2761 11.7135C14.2798 11.6782 14.2855 11.6392 14.2931 11.6196L15.9384 11.6103C16.0718 11.6749 16.1888 11.6705 16.312 11.6119L16.4998 11.6842C16.6473 11.6035 16.7749 11.6215 16.9085 11.6556C17.1342 11.713 17.3947 11.6579 17.6446 11.6749C18.0323 11.7012 18.401 11.6713 18.7874 11.6723L19.3724 11.724L18.8413 11.7453L18.8956 11.7847L19.6329 11.7699L19.6924 10.7559C19.7264 10.1755 19.7124 9.60975 19.5746 9.0394L19.3878 8.41554C19.3269 8.21199 19.2417 8.01472 19.1369 7.83119C19.0578 7.6924 19.0002 7.53463 18.9058 7.40513C18.7062 7.13159 18.4744 6.88134 18.2191 6.65791C17.9358 6.41002 17.5991 6.27593 17.2614 6.11804C16.8502 5.92561 16.4471 5.73292 15.9897 5.67013L15.6374 5.65561C15.0946 5.63324 14.0994 6.09214 13.6358 6.48511L13.5982 6.38856L13.3861 6.58112C13.4218 6.60362 13.4522 6.62364 13.4532 6.62364C13.4539 6.62364 13.4335 6.64064 13.426 6.64705C13.3878 6.67884 13.3191 6.64091 13.3111 6.66694L13.2988 6.70723L13.1872 6.809C13.1263 6.8595 13.0629 6.9079 13.0148 6.97945C12.8653 7.20158 12.6785 7.40578 12.5729 7.65681C12.3831 8.10852 12.2803 8.58324 12.201 9.06346L12.1069 9.63369L12.0057 10.2951L11.9314 11.4227C11.9283 11.4702 11.9166 11.582 11.9585 11.6076C12.005 11.6361 12.0952 11.5993 12.1551 11.5733C12.2092 11.5763 12.2867 11.5956 12.366 11.6226L11.9742 11.6722L12.4187 11.685L12.3707 11.6272C12.363 11.6179 12.4009 11.5656 12.4129 11.5636C12.4553 11.5568 12.5466 11.5916 12.5951 11.5934L13.7325 11.6338C13.7351 11.6686 13.7391 11.696 13.75 11.6914C13.7574 11.6883 13.7811 11.6794 13.7814 11.6715L13.7828 11.6291L13.9504 11.6569L13.9505 11.657ZM13.6273 6.37012L13.6534 6.39916L13.9002 6.19954L13.8612 6.18737L13.6271 6.37012H13.6273ZM14.5558 11.701L14.543 11.6536L14.3965 11.6607L14.3969 11.7017L14.5558 11.7008V11.701ZM15.3517 11.635L15.2566 11.6977L15.3396 11.6996C15.3534 11.6999 15.3546 11.6613 15.3517 11.635ZM16.4652 11.8069L16.4508 11.7847L16.3053 11.7917L16.3197 11.814L16.4652 11.8069ZM19.315 14.2653L19.1347 14.2825L18.6376 14.2806L18.4253 14.2852L18.0247 14.2609C17.6891 14.2405 17.3567 14.2584 17.0194 14.2658L16.6178 14.2749L16.0866 14.2566L15.5491 14.2446L15.3373 14.2499L14.5884 14.2491L13.848 14.2637L12.7745 14.2623L12.4137 14.2547C12.2794 14.1762 12.1852 14.276 11.968 14.1822C11.9124 14.1582 11.8133 14.183 11.7582 14.1796L11.3835 14.157L11.116 14.166L11.0552 14.1163C11.0404 14.1043 10.9744 14.1709 10.9554 14.1689L10.6815 14.1399C10.3692 14.1068 10.0598 14.1406 9.73933 14.115L9.18154 14.0704C9.02077 14.0576 8.8906 14.0132 8.72512 14.0109C8.71623 14.2877 8.71204 14.5226 8.7348 14.7795C8.7628 15.097 8.72669 15.3991 8.71845 15.7158L8.70799 16.1122L8.64572 16.7377L8.6015 17.0804L8.58803 17.4648C8.53073 17.9934 8.50719 18.5012 8.50104 19.0333L8.4928 19.7381L8.49371 20.2434L8.46964 20.9104L8.46454 21.3423L8.47566 21.6528L8.49738 22.3459C8.50549 22.6045 8.48665 22.8558 8.4652 23.116L8.4028 23.8741L8.38108 24.6435L8.36708 24.9681L8.35793 25.2476L8.35021 25.7369C8.34956 25.7809 8.37363 25.8559 8.40018 25.8831C8.48286 25.9676 8.55533 25.8766 8.74383 25.8537C9.00847 25.8215 9.25545 25.8318 9.5091 25.9114C9.77164 25.9076 10.0246 25.9532 10.274 26.0347L10.3914 26.0389L10.8439 26.0604L11.2372 26.0949L11.5545 26.1089L11.9419 26.1481C11.9578 26.1497 12.0171 26.2241 12.0203 26.2083L12.0324 26.1492L12.1735 26.2118L13.2868 26.2788C13.5307 26.2338 13.7629 26.274 13.989 26.3147L13.8087 26.3491L14.2497 26.3806L15.0529 26.3896L15.2375 26.3877L15.3877 26.3827L15.9792 26.3423L16.4929 26.3369L16.9009 26.3226L17.1484 26.3166L17.5335 26.2851L18.2386 26.2786L18.3426 26.2756L19.0393 26.2517L18.8803 26.3119L19.315 26.3018C19.5201 26.297 19.7098 26.3395 19.8983 26.2587L19.4196 26.2652L19.0339 26.2582C19.2 26.2062 19.3512 26.2169 19.518 26.2094L20.0725 26.1841C20.3937 26.2247 20.6935 26.2275 21.0111 26.2256L21.4204 26.223L21.9432 26.2081L22.4914 26.1653L22.4981 26.2283C22.4993 26.2393 22.5546 26.2094 22.5487 26.2073C22.5485 26.1569 22.5741 26.1634 22.5928 26.2121C22.8226 26.063 23.0101 26.2228 23.2287 26.1587L23.25 25.6249L23.2732 25.2069L23.3332 23.8008L23.3708 23.0633L23.3874 22.6181L23.4236 21.8861L23.4414 21.5684L23.4673 20.9239L23.4847 19.533L23.4744 18.5625L23.4245 17.934L23.2707 16.132L23.191 15.0285L23.1333 14.401C23.1281 14.3434 23.0376 14.3256 22.9812 14.3275L22.6909 14.3365L22.3995 14.3428C22.2804 14.3454 22.1874 14.3455 22.0724 14.2927L21.8735 14.2785L21.518 14.2989L21.1762 14.2671L20.8778 14.26L20.4688 14.2688L19.3333 14.2607L19.3147 14.2658L19.315 14.2653ZM19.8951 14.1243C19.5235 14.0839 19.1864 14.0973 18.8319 14.1014L17.6282 14.1151L17.6128 14.1401L19.7808 14.1417C19.8216 14.1646 19.8835 14.1795 19.8953 14.1244L19.8951 14.1243ZM20.4272 14.1345C20.3335 14.1185 20.2465 14.1032 20.1853 14.1069L19.9141 14.123L20.1684 14.1626C20.2593 14.1769 20.3425 14.2142 20.4272 14.1344V14.1345ZM21.189 14.1771C21.1316 14.1216 21.0674 14.1506 21.016 14.1913L21.189 14.1771ZM19.3137 14.2306L19.3216 14.2036L19.2408 14.2047C19.2332 14.2047 19.2586 14.228 19.2663 14.2284L19.2933 14.2297L19.3137 14.2306ZM19.5549 14.2123L19.5113 14.1908L19.3591 14.1995L19.3805 14.2218L19.5549 14.2123ZM6.23951 22.6191L6.26175 22.6048L6.25469 22.4593L6.23245 22.4737L6.23951 22.6191ZM20.0492 26.3799L20.0351 26.3582L19.4461 26.3608L19.4467 26.3934L20.0492 26.3798V26.3799ZM18.6091 26.3852V26.4113H19.0408V26.3852H18.6091ZM23.1915 28.5113L23.5034 28.488L22.8458 28.4836L22.5316 28.5194C22.6196 28.5298 22.7209 28.5253 22.8186 28.5224L23.1915 28.5113ZM22.0743 28.5489L21.6135 28.5668C21.7589 28.5878 21.911 28.6086 22.0743 28.5489ZM22.3976 28.5394L22.2682 28.536C22.2867 28.5503 22.3308 28.5809 22.3478 28.5706C22.3637 28.5608 22.4106 28.5315 22.3975 28.5396L22.3976 28.5394ZM21.4873 28.6513L21.1686 28.6258L21.186 28.6103L21.5146 28.6058L2
57761.4985 28.583L20.9931 28.5708C20.975 28.5704 20.9122 28.588 20.9096 28.6045L20.9018 28.6534L20.6464 28.6763C20.9383 28.6956 21.2025 28.7027 21.4873 28.6513ZM20.2087 28.6823C20.097 28.6263 19.9793 28.6076 19.8441 28.6729L20.2087 28.6823ZM19.1812 28.6744L18.6129 28.6674L17.9533 28.6937L17.9685 28.7139L18.6892 28.7067L19.1812 28.6744ZM17.6835 28.7397L17.6816 28.703L17.3254 28.7202L17.3399 28.74H17.6835V28.7397ZM19.6079 28.7629L19.5633 28.7337L19.0527 28.7423L19.0664 28.7673L19.6079 28.7629ZM16.0424 23.1499C16.1652 23.1299 16.34 23.0675 16.4437 22.9926L16.9614 22.619L17.6314 22.059L17.9559 21.8078C18.1544 21.6543 18.3649 21.5267 18.5396 21.345C18.7904 21.0843 18.9936 20.7855 19.1288 20.4476L19.2689 19.9588C19.3224 19.7722 19.2764 19.0266 19.1711 18.7825C19.0213 18.4353 18.7908 18.153 18.5251 17.8874C18.2783 17.6407 18.0539 17.3864 17.7701 17.1799L17.3981 16.9797C17.2736 16.9126 17.1017 16.8943 16.9642 16.8698L16.6634 16.8162C16.624 16.8104 16.6049 16.8203 16.6679 16.8632L16.3892 16.9865L16.2584 16.907L15.9012 17.0398C15.8288 17.0667 15.7613 17.0854 15.6877 17.0848C15.5418 17.1663 15.4116 17.2943 15.2946 17.419L14.7629 17.9853L14.2815 18.4995L13.8278 18.9605C13.5647 19.2279 13.3458 19.5326 13.2131 19.8816C13.0976 20.1855 13.104 20.493 13.1431 20.8151C13.2025 21.3035 13.4855 21.6955 13.7959 22.0667L14.1535 22.4945C14.6018 23.0308 15.1235 23.2993 15.8445 23.1819L16.0423 23.1497L16.0424 23.1499Z" fill="#1A0000"/> 5777</svg> 5778</div></div><div class="benefits_text_wrapper"><h3 class="rb_heading-style-h6">Built-in security</h3><p class="text-size-primary u-maroon-300">All transactions are PCI certified by Visa, Mastercard, Amex, and Discover.</p></div></div></div></div></div></div></section><section class="testimonials_section"><div class="js w-embed w-script">
5778<script> 5779function initCascadingSlider() { 5780 const duration = 1; 5781 const ease = 'power3.inOut'; 5782 const AUTO_ADVANCE_DELAY = 5000; 5783 const MOBILE_BREAKPOINT = 767; 5784 const DRAG_THRESHOLD_PROGRESS = 0.18; 5785 const SNAP_BACK_DURATION = 0.42; 5786 const SNAP_BACK_EASE = 'power3.out'; 5787 const DRAG_GO_TO_MIN_DURATION = 0.32; 5788 const DRAG_RUBBER_BAND = 0.28; 5789 const AXIS_LOCK_THRESHOLD = 10; 5790 5791 const breakpoints = [ 5792 { maxWidth: MOBILE_BREAKPOINT, activeWidth: 1, siblingWidth: 1 }, 5793 { maxWidth: 991, activeWidth: 0.6, siblingWidth: 0.2 }, 5794 { maxWidth: Infinity, activeWidth: 0.6567, siblingWidth: 0.1552 }, 5795 ]; 5796 5797 const wrappers = document.querySelectorAll('[data-cascading-slider-wrap]'); 5798 wrappers.forEach(setupInstance); 5799 5800 function setupInstance(wrapper) { 5801 const viewport = wrapper.querySelector('[data-cascading-viewport]'); 5802 const prevButton = wrapper.querySelector('[data-cascading-slider-prev]'); 5803 const nextButton = wrapper.querySelector('[data-cascading-slider-next]'); 5804 const slides = Array.from(viewport.querySelectorAll('[data-cascading-slide]')); 5805 const originalSlideCount = slides.length; 5806 let totalSlides = slides.length; 5807 5808 if (totalSlides === 0) return; 5809 5810 if (totalSlides < 7) { 5811 const originalSlides = slides.slice(); 5812 while (slides.length < 7) { 5813 originalSlides.forEach(function (original) { 5814 const clone = original.cloneNode(true); 5815 clone.setAttribute('data-clone', ''); 5816 viewport.appendChild(clone); 5817 slides.push(clone); 5818 }); 5819 } 5820 totalSlides = slides.length; 5821 } 5822 5823 const metaWrap = wrapper.querySelector('[cascading-meta="wrap"]'); 5824 const metaLeft = metaWrap ? metaWrap.querySelector('[cascading-meta="slot-left"]') : null; 5825 const metaActive = metaWrap ? metaWrap.querySelector('[cascading-meta="slot-active"]') : null; 5826 const metaRight = metaWrap ? metaWrap.querySelector('[cascading-meta="slot-right"]') : null; 5827 const metaNameEl = metaWrap ? metaWrap.querySelector('[cascading-meta="name"]') : null; 5828 const metaRoleEl = metaWrap ? metaWrap.querySelector('[cascading-meta="role"]') : null; 5829 5830 const dotsWrap = wrapper.querySelector('[cascading-dots="wrap"]'); 5831 const dotTemplate = dotsWrap ? dotsWrap.querySelector('[cascading-dots="item"]') : null; 5832 let dots = []; 5833 5834 if (dotsWrap && dotTemplate) { 5835 dotTemplate.style.display = ''; 5836 const parent = dotTemplate.parentNode; 5837 dots = []; 5838 for (let i = 0; i < originalSlideCount; i++) { 5839 const dot = i === 0 ? dotTemplate : dotTemplate.cloneNode(true); 5840 if (i > 0) parent.appendChild(dot); 5841 dot.addEventListener('click', (function (idx) { 5842 return function () { 5843 goToSteps(idx); 5844 }; 5845 })(i)); 5846 dots.push(dot); 5847 } 5848 } 5849 5850 function getDotIndex(index) { 5851 return index % originalSlideCount; 5852 } 5853 5854 function getFillEl(dotIndex) { 5855 if (!dots[dotIndex]) return null; 5856 return dots[dotIndex].querySelector('[cascading-dots="fill"]'); 5857 } 5858 5859 function updateDots() { 5860 if (!dots.length) return; 5861 const dotIndex = getDotIndex(activeIndex); 5862 dots.forEach(function (dot, i) { 5863 dot.classList.toggle('is-active', i === dotIndex); 5864 }); 5865 } 5866 5867 let activeIndex = 0; 5868 let isAnimating = false; 5869 let isStepping = false; 5870 let slideWidth = 0; 5871 let slotCenters = {}; 5872 let slotWidths = {}; 5873 let isInView = false; 5874 let activeFillTween = null; 5875 5876 function startAutoplay() { 5877 if (activeFillTween) activeFillTween.kill(); 5878 5879 const dotIndex = getDotIndex(activeIndex); 5880 5881 dots.forEach(function (dot, i) { 5882 const fillEl = getFillEl(i); 5883 if (!fillEl) return; 5884 if (i < dotIndex) { 5885 gsap.set(fillEl, { width: '100%' }); 5886 } else if (i > dotIndex) { 5887 gsap.set(fillEl, { width: '0%' }); 5888 } 5889 }); 5890 5891 const fillEl = getFillEl(dotIndex); 5892 if (!fillEl) return; 5893 gsap.set(fillEl, { width: '0%' }); 5894 activeFillTween = gsap.to(fillEl, { 5895 width: '100%', 5896 duration: AUTO_ADVANCE_DELAY / 1000, 5897 ease: 'none', 5898 onComplete: function () { 5899 goTo(activeIndex + 1); 5900 }, 5901 }); 5902 } 5903 5904 function stopAutoplay() { 5905 if (activeFillTween) activeFillTween.pause(); 5906 } 5907 5908 function resetAutoplay() { 5909 if (isInView) startAutoplay(); 5910 } 5911 5912 const observer = new IntersectionObserver( 5913 function (entries) {
5914 entries.forEach(function (entry) { 5915 isInView = entry.isIntersecting; 5916 if (isInView) { 5917 startAutoplay(); 5918 } else { 5919 stopAutoplay(); 5920 } 5921 }); 5922 }, 5923 { threshold: 0.5 }, 5924 ); 5925 observer.observe(wrapper); 5926 5927 function readGap() { 5928 const raw = getComputedStyle(viewport).getPropertyValue('--gap').trim(); 5929 if (!raw) return 0; 5930 const temp = document.createElement('div'); 5931 temp.style.width = raw; 5932 temp.style.position = 'absolute'; 5933 temp.style.visibility = 'hidden'; 5934 viewport.appendChild(temp); 5935 const px = temp.offsetWidth; 5936 viewport.removeChild(temp); 5937 return px; 5938 } 5939 5940 function getSettings() { 5941 const windowWidth = window.innerWidth; 5942 for (let i = 0; i < breakpoints.length; i++) { 5943 if (windowWidth <= breakpoints[i].maxWidth) return breakpoints[i]; 5944 } 5945 return breakpoints[breakpoints.length - 1]; 5946 } 5947 5948 function getOffset(slideIndex, fromIndex) { 5949 if (fromIndex === undefined) fromIndex = activeIndex; 5950 let distance = slideIndex - fromIndex; 5951 const half = totalSlides / 2; 5952 if (distance > half) distance -= totalSlides; 5953 if (distance < -half) distance += totalSlides; 5954 return distance; 5955 } 5956 5957 function measure() { 5958 const settings = getSettings(); 5959 const viewportWidth = viewport.offsetWidth; 5960 const gap = readGap(); 5961 5962 const activeSlideWidth = viewportWidth * settings.activeWidth; 5963 const siblingSlideWidth = viewportWidth * settings.siblingWidth; 5964 5965 slideWidth = activeSlideWidth; 5966 5967 const totalRowWidth = activeSlideWidth + 2 * siblingSlideWidth + 2 * gap; 5968 const startX = (viewportWidth - totalRowWidth) / 2; 5969 5970 const visibleSlots = [ 5971 { slot: -1, width: siblingSlideWidth }, 5972 { slot: 0, width: activeSlideWidth }, 5973 { slot: 1, width: siblingSlideWidth }, 5974 ]; 5975 5976 let x = startX; 5977 visibleSlots.forEach(function (def, i) { 5978 slotCenters[String(def.slot)] = x + def.width / 2; 5979 slotWidths[String(def.slot)] = def.width; 5980 if (i < visibleSlots.length - 1) x += def.width + gap; 5981 }); 5982 5983 slotWidths['-2'] = slideWidth; 5984 slotWidths['2'] = slideWidth; 5985 slotCenters['-2'] = -gap - slideWidth / 2; 5986 slotCenters['2'] = viewportWidth + gap + slideWidth / 2; 5987 5988 slides.forEach(function (slide) { 5989 slide.style.width = slideWidth + 'px'; 5990 }); 5991 5992 if (window.innerWidth <= MOBILE_BREAKPOINT) { 5993 if (metaLeft) metaLeft.style.width = ''; 5994 if (metaActive) metaActive.style.width = ''; 5995 if (metaRight) metaRight.style.width = ''; 5996 if (metaWrap) { 5997 metaWrap.style.gap = ''; 5998 metaWrap.style.width = ''; 5999 metaWrap.style.marginLeft = ''; 6000 metaWrap.style.marginRight = ''; 6001 } 6002 return; 6003 } 6004 6005 if (metaLeft) metaLeft.style.width = siblingSlideWidth + 'px'; 6006 if (metaActive) metaActive.style.width = activeSlideWidth + 'px'; 6007 if (metaRight) metaRight.style.width = siblingSlideWidth + 'px'; 6008 if (metaWrap) { 6009 metaWrap.style.gap = gap + 'px'; 6010 metaWrap.style.width = totalRowWidth + 'px'; 6011 metaWrap.style.marginLeft = startX + 'px'; 6012 metaWrap.style.marginRight = 'auto'; 6013 } 6014 } 6015 6016 function getSlideProps(offset) { 6017 const clamped = Math.max(-2, Math.min(2, offset)); 6018 const slotWidth = slotWidths[String(clamped)]; 6019 const clipAmount = Math.max(0, (slideWidth - slotWidth) / 2); 6020 const translateX = slotCenters[String(clamped)] - slideWidth / 2; 6021 6022 return { 6023 x: translateX, 6024 '--clip': clipAmount, 6025 zIndex: 10 - Math.abs(clamped), 6026 }; 6027 } 6028 6029 function getStepSize() { 6030 return ( 6031 (Math.abs(slotCenters['0'] - slotCenters['-1']) + 6032 Math.abs(slotCenters['1'] - slotCenters['0'])) / 6033 2 6034 ); 6035 } 6036 6037 function getSlidePropsInterpolated(offset) { 6038 const clamped = Math.max(-2, Math.min(2, offset)); 6039 const lower = Math.floor(clamped);
6040 const upper = Math.ceil(clamped); 6041 if (lower === upper) return getSlideProps(clamped); 6042 6043 const t = clamped - lower; 6044 const from = getSlideProps(lower); 6045 const to = getSlideProps(upper); 6046 6047 return { 6048 x: from.x + (to.x - from.x) * t, 6049 '--clip': from['--clip'] + (to['--clip'] - from['--clip']) * t, 6050 zIndex: t < 0.5 ? from.zIndex : to.zIndex, 6051 }; 6052 } 6053 6054 function getDragProgress(deltaX) { 6055 const stepSize = getStepSize(); 6056 if (!stepSize) return 0; 6057 6058 let progress = -deltaX / stepSize; 6059 const absProgress = Math.abs(progress); 6060 6061 if (absProgress > 1) { 6062 const sign = progress < 0 ? -1 : 1; 6063 progress = sign * (1 + (absProgress - 1) * DRAG_RUBBER_BAND); 6064 } 6065 6066 return progress; 6067 } 6068 6069 let frameCache = []; 6070 6071 function resetFrameCache() { 6072 frameCache = []; 6073 } 6074 6075 function getFrameCache(index) { 6076 let entry = frameCache[index]; 6077 if (!entry) { 6078 entry = { parkSlot: null, zIndex: null, status: null, overlayOpacity: null }; 6079 frameCache[index] = entry; 6080 } 6081 return entry; 6082 } 6083 6084 function applyDragWithProgress(progress) { 6085 slides.forEach(function (slide, index) { 6086 const offset = getOffset(index); 6087 const effectiveOffset = offset - progress; 6088 const cache = getFrameCache(index); 6089 6090 if (effectiveOffset < -2.05 || effectiveOffset > 2.05) { 6091 const parkSlot = effectiveOffset < 0 ? -2 : 2; 6092 if (cache.parkSlot !== parkSlot) { 6093 const parkProps = getSlideProps(parkSlot); 6094 cache.parkSlot = parkSlot; 6095 cache.zIndex = parkProps.zIndex; 6096 gsap.set(slide, parkProps); 6097 } 6098 return; 6099 } 6100 6101 cache.parkSlot = null; 6102 6103 const props = getSlidePropsInterpolated(effectiveOffset); 6104 const activeAmount = 1 - Math.min(1, Math.abs(effectiveOffset)); 6105 const overlay = slide.querySelector('[cascading-slide-overlay]'); 6106 6107 if (cache.zIndex !== props.zIndex) { 6108 cache.zIndex = props.zIndex; 6109 gsap.set(slide, { zIndex: props.zIndex }); 6110 } 6111 6112 gsap.set(slide, { x: props.x, '--clip': props['--clip'] }); 6113 6114 const status = activeAmount > 0.5 ? 'active' : 'inactive'; 6115 if (cache.status !== status) { 6116 cache.status = status; 6117 slide.setAttribute('data-status', status); 6118 } 6119 6120 if (overlay) { 6121 const overlayOpacity = Math.round((1 - activeAmount) * 100) / 100; 6122 if (cache.overlayOpacity !== overlayOpacity) { 6123 cache.overlayOpacity = overlayOpacity; 6124 gsap.set(overlay, { opacity: overlayOpacity }); 6125 } 6126 } 6127 }); 6128 } 6129 6130 function setMetaContent(slide) { 6131 if (!metaNameEl && !metaRoleEl) return; 6132 const els = [metaNameEl, metaRoleEl].filter(Boolean); 6133 gsap.to(els, { 6134 opacity: 0, 6135 duration: duration * 0.35, 6136 ease: 'power1.out', 6137 onComplete: function () { 6138 if (metaNameEl) metaNameEl.textContent = slide.getAttribute('cascading-meta-name') || ''; 6139 if (metaRoleEl) metaRoleEl.textContent = slide.getAttribute('cascading-meta-role') || ''; 6140 gsap.to(els, { 6141 opacity: 1, 6142 duration: duration * 0.35, 6143 ease: 'power1.in', 6144 }); 6145 }, 6146 }); 6147 } 6148 6149 function updateOverlay(slide, isActive) { 6150 const overlay = slide.querySelector('[cascading-slide-overlay]'); 6151 if (!overlay) return; 6152 gsap.to(overlay, { 6153 opacity: isActive ? 0 : 1, 6154 duration: duration, 6155 ease: ease, 6156 overwrite: true, 6157 }); 6158 } 6159 6160 function layout(animate, previousIndex, animDuration, animEase) { 6161 const animDur = animDuration !== undefined ? animDuration : duration; 6162 const animEaseValue = animEase || ease; 6163 6164 resetFrameCache(); 6165 6166 slides.forEach(function (slide, index) { 6167 const offset = getOffset(index); 6168 6169 if (offset < -2 || offset > 2) { 6170 if (animate && previousIndex !== undefined) { 6171 const previousOffset = getOffset(index, previousIndex); 6172 if (previousOffset >= -1 && previousOffset <= 1) { 6173 const exitSlot = previousOffset < 0 ? -2 : 2; 6174 gsap.to( 6175 slide, 6176 Object.assign({}, getSlideProps(exitSlot), { 6177 duration: animDur, 6178 ease: animEaseValue, 6179 overwrite: true, 6180 }), 6181 ); 6182 return; 6183 } 6184 } 6185 6186 const parkSlot = offset < 0 ? -2 : 2; 6187 gsap.set(slide, getSlideProps(parkSlot)); 6188 return; 6189 } 6190 6191 const props = getSlideProps(offset); 6192 const isActive = offset === 0; 6193 slide.setAttribute('data-status', isActive ? 'active' : 'inactive'); 6194 updateOverlay(slide, isActive); 6195 6196 if (animate) { 6197 gsap.to( 6198 slide, 6199 Object.assign({}, props, { 6200 duration: animDur, 6201 ease: animEaseValue, 6202 overwrite: true, 6203 }), 6204 ); 6205 } else { 6206 gsap.set(slide, props); 6207 } 6208 }); 6209 } 6210 6211 function goTo(targetIndex, onComplete, options) { 6212 options = options || {}; 6213 const animDuration = options.animDuration !== undefined ? options.animDuration : duration; 6214 const animEaseValue = options.animEase || ease; 6215 const normalizedTarget = ((targetIndex % totalSlides) + totalSlides) % totalSlides; 6216 if (isAnimating || normalizedTarget === activeIndex) { 6217 if (onComplete) onComplete(); 6218 return; 6219 } 6220 isAnimating = true; 6221 6222 const previousIndex = activeIndex; 6223 const travelDirection = getOffset(normalizedTarget, previousIndex) > 0 ? 1 : -1; 6224
6225 slides.forEach(function (slide, index) { 6226 const currentOffset = getOffset(index, previousIndex); 6227 const nextOffset = getOffset(index, normalizedTarget); 6228 const wasInRange = currentOffset >= -2 && currentOffset <= 2; 6229 const willBeVisible = nextOffset >= -1 && nextOffset <= 1; 6230 6231 if (!wasInRange && willBeVisible) { 6232 const entrySlot = travelDirection > 0 ? 2 : -2; 6233 gsap.set(slide, getSlideProps(entrySlot)); 6234 } 6235 6236 const wasInvisible = Math.abs(currentOffset) >= 2; 6237 const willBeStaging = Math.abs(nextOffset) === 2; 6238 const crossesSides = currentOffset * nextOffset < 0; 6239 if (wasInvisible && willBeStaging && crossesSides) { 6240 gsap.set(slide, getSlideProps(nextOffset > 0 ? 2 : -2)); 6241 } 6242 }); 6243 6244 activeIndex = normalizedTarget; 6245 layout(true, previousIndex, animDuration, animEaseValue); 6246 setMetaContent(slides[normalizedTarget % originalSlideCount]); 6247 updateDots(); 6248 resetAutoplay(); 6249 gsap.delayedCall(animDuration + 0.05, function () { 6250 isAnimating = false; 6251 if (onComplete) onComplete(); 6252 }); 6253 } 6254 6255 function goToSteps(targetLogicalIndex) { 6256 if (isAnimating || isStepping) return; 6257 6258 let bestOffset = null; 6259 let candidate = targetLogicalIndex; 6260 while (candidate < totalSlides) { 6261 const off = getOffset(candidate, activeIndex); 6262 if (bestOffset === null || Math.abs(off) < Math.abs(bestOffset)) { 6263 bestOffset = off; 6264 } 6265 candidate += originalSlideCount; 6266 } 6267 6268 if (bestOffset === null || bestOffset === 0) return; 6269 6270 const direction = bestOffset > 0 ? 1 : -1; 6271 let remaining = Math.abs(bestOffset); 6272 isStepping = true; 6273 6274 function stepOnce() { 6275 if (remaining <= 0) { 6276 isStepping = false; 6277 return; 6278 } 6279 remaining--; 6280 goTo(activeIndex + direction, stepOnce); 6281 } 6282 6283 stepOnce(); 6284 } 6285 6286 if (prevButton) 6287 prevButton.addEventListener('click', function (e) { 6288 e.preventDefault(); 6289 goTo(activeIndex - 1); 6290 }); 6291 if (nextButton) 6292 nextButton.addEventListener('click', function (e) { 6293 e.preventDefault(); 6294 goTo(activeIndex + 1); 6295 }); 6296 6297 slides.forEach(function (slide, index) { 6298 slide.addEventListener('click', function () { 6299 if (hasDragged) return; 6300 if (index !== activeIndex) goTo(index); 6301 }); 6302 }); 6303 6304 document.addEventListener('keydown', function (event) { 6305 if (event.key === 'ArrowLeft') goTo(activeIndex - 1); 6306 if (event.key === 'ArrowRight') goTo(activeIndex + 1); 6307 }); 6308 6309 let isDragging = false; 6310 let hasDragged = false; 6311 let dragAllowed = false; 6312 let dragPointerId = null; 6313 let pointerCaptured = false; 6314 let dragStartX = 0; 6315 let dragStartY = 0; 6316 let dragDeltaX = 0; 6317 let dragRafId = null; 6318 let axisLock = null; 6319 let dragPointerType = 'mouse'; 6320 let snapBackTween = null; 6321 6322 function startedOnActiveSlide(target) { 6323 if (!target || !target.closest) return false; 6324 const slide = target.closest('[data-cascading-slide]'); 6325 if (!slide) return false; 6326 const index = slides.indexOf(slide); 6327 if (index === -1) return false; 6328 return getOffset(index) === 0; 6329 } 6330 6331 function capturePointer() { 6332 if (pointerCaptured || dragPointerId === null || !viewport.setPointerCapture) return; 6333 viewport.setPointerCapture(dragPointerId); 6334 pointerCaptured = true; 6335 } 6336 6337 function releasePointer() { 6338 if (!pointerCaptured || dragPointerId === null) return; 6339 if (viewport.hasPointerCapture && viewport.hasPointerCapture(dragPointerId)) { 6340 viewport.releasePointerCapture(dragPointerId); 6341 } 6342 pointerCaptured = false; 6343 } 6344 6345 function onDragStart(clientX, clientY, e) { 6346 if (isAnimating) return; 6347 dragPointerType = e && e.pointerType ? e.pointerType : 'mouse'; 6348 if (dragPointerType === 'mouse' && e && e.button !== 0) return; 6349 6350 dragAllowed = startedOnActiveSlide(e && e.target); 6351 6352 if (!dragAllowed && dragPointerType === 'mouse') return; 6353 6354 isDragging = true; 6355 hasDragged = false;
6356 dragStartX = clientX; 6357 dragStartY = clientY; 6358 dragDeltaX = 0; 6359 axisLock = null; 6360 dragPointerId = e && e.pointerId !== undefined ? e.pointerId : null; 6361 pointerCaptured = false; 6362 stopAutoplay(); 6363 } 6364 6365 /* Chamado so quando o eixo horizontal ganha: ate la o gesto ainda pode 6366 virar scroll da pagina, e marcar data-dragging antes disso derruba o 6367 backdrop-filter dos overlays a cada toque (o flicker). */ 6368 function beginHorizontalDrag() { 6369 if (snapBackTween) { 6370 snapBackTween.kill(); 6371 snapBackTween = null; 6372 isAnimating = false; 6373 } 6374 6375 gsap.killTweensOf(slides); 6376 slides.forEach(function (slide) { 6377 const overlay = slide.querySelector('[cascading-slide-overlay]'); 6378 if (overlay) gsap.killTweensOf(overlay); 6379 }); 6380 6381 resetFrameCache(); 6382 viewport.setAttribute('data-dragging', 'true'); 6383 capturePointer(); 6384 } 6385 6386 function applyDragFrame() { 6387 dragRafId = null; 6388 applyDragWithProgress(getDragProgress(dragDeltaX)); 6389 } 6390 6391 function snapBackFromDrag(startProgress) { 6392 const proxy = { progress: startProgress }; 6393 isAnimating = true; 6394 6395 snapBackTween = gsap.to(proxy, { 6396 progress: 0, 6397 duration: SNAP_BACK_DURATION, 6398 ease: SNAP_BACK_EASE, 6399 overwrite: true, 6400 onUpdate: function () { 6401 applyDragWithProgress(proxy.progress); 6402 }, 6403 onComplete: function () { 6404 snapBackTween = null; 6405 isAnimating = false; 6406 layout(false); 6407 resetAutoplay(); 6408 }, 6409 }); 6410 } 6411 6412 function completeDragToSlide(targetIndex, startProgress) { 6413 const remaining = Math.max(0, 1 - Math.abs(startProgress)); 6414 const animDuration = Math.max(DRAG_GO_TO_MIN_DURATION, duration * remaining * 0.65); 6415 6416 goTo(targetIndex, null, { 6417 animDuration: animDuration, 6418 animEase: 'power3.out', 6419 }); 6420 } 6421 6422 function onDragMove(clientX, clientY, e) { 6423 if (!isDragging) return; 6424 6425 const deltaX = clientX - dragStartX; 6426 const deltaY = clientY - dragStartY; 6427 6428 if (axisLock === null) { 6429 if (Math.abs(deltaX) > AXIS_LOCK_THRESHOLD || Math.abs(deltaY) > AXIS_LOCK_THRESHOLD) { 6430 axisLock = Math.abs(deltaX) > Math.abs(deltaY) ? 'x' : 'y'; 6431 if (axisLock === 'x' && dragAllowed) beginHorizontalDrag(); 6432 } 6433 } 6434 6435 /* Eixo vertical nao e tratado aqui: o touch-action: pan-y do CSS deixa o 6436 scroll com o browser, que dispara pointercancel e encerra o gesto. */ 6437 if (axisLock !== 'x' || !dragAllowed) return; 6438 6439 dragDeltaX = deltaX; 6440 if (Math.abs(dragDeltaX) > 5) hasDragged = true; 6441 6442 if (dragRafId === null) { 6443 dragRafId = requestAnimationFrame(applyDragFrame); 6444 } 6445 } 6446 6447 function onDragEnd() { 6448 if (!isDragging) return; 6449 isDragging = false; 6450 viewport.removeAttribute('data-dragging'); 6451 releasePointer(); 6452 dragPointerId = null; 6453 6454 if (dragRafId !== null) { 6455 cancelAnimationFrame(dragRafId); 6456 dragRafId = null; 6457 } 6458 6459 if (!dragAllowed || axisLock !== 'x') { 6460 axisLock = null; 6461 dragDeltaX = 0; 6462 resetAutoplay(); 6463 return; 6464 } 6465 6466 const dragProgress = getDragProgress(dragDeltaX); 6467 6468 if (dragProgress >= DRAG_THRESHOLD_PROGRESS) { 6469 completeDragToSlide(activeIndex + 1, dragProgress); 6470 } else if (dragProgress <= -DRAG_THRESHOLD_PROGRESS) { 6471 completeDragToSlide(activeIndex - 1, dragProgress); 6472 } else if (Math.abs(dragProgress) > 0.001) { 6473 snapBackFromDrag(dragProgress); 6474 } else { 6475 layout(false); 6476 resetAutoplay(); 6477 } 6478 6479 dragDeltaX = 0; 6480 axisLock = null; 6481 setTimeout(function () { 6482 hasDragged = false; 6483 }, 50); 6484 } 6485 6486 viewport.addEventListener('pointerdown', function (e) { 6487 onDragStart(e.clientX, e.clientY, e); 6488 }); 6489 viewport.addEventListener('pointermove', function (e) { 6490 onDragMove(e.clientX, e.clientY, e); 6491 }); 6492 viewport.addEventListener('pointerup', onDragEnd); 6493 viewport.addEventListener('pointercancel', onDragEnd); 6494 6495 viewport.addEventListener('dragstart', function (e) { 6496 e.preventDefault(); 6497 }); 6498 6499 viewport.addEventListener( 6500 'click', 6501 function (e) { 6502 if (!hasDragged) return; 6503 e.preventDefault(); 6504 e.stopPropagation(); 6505 }, 6506 true, 6507 ); 6508 6509 let resizeTimer; 6510 window.addEventListener('resize', function () { 6511 clearTimeout(resizeTimer); 6512 resizeTimer = setTimeout(function () { 6513 measure(); 6514 layout(false); 6515 }, 100); 6516 }); 6517 6518 measure(); 6519 layout(false); 6520 setMetaContent(slides[activeIndex]); 6521 updateDots(); 6522 } 6523} 6524 6525document.addEventListener('DOMContentLoaded', function () { 6526 initCascadingSlider(); 6527}); 6528</script>
6528</div><div class="css w-embed"><style> 6529[data-cascading-viewport] { 6530 --gap: 1.5em; 6531 /* pan-y: o scroll vertical fica com o browser, o horizontal sobra pro JS. */ 6532 touch-action: pan-y; 6533 -webkit-user-select: none; 6534 user-select: none; 6535} 6536[data-cascading-viewport] img { 6537 -webkit-user-drag: none; 6538} 6539[data-cascading-slide] { 6540 --clip: 0; 6541 --radius: 0em; 6542 touch-action: pan-y; 6543 cursor: pointer; 6544} 6545[data-cascading-slide][data-status="active"] { 6546 cursor: grab; 6547} 6548[data-cascading-slide] [data-vimeo-lightbox-control] { 6549 cursor: pointer; 6550} 6551[data-cascading-viewport][data-dragging="true"], 6552[data-cascading-viewport][data-dragging="true"] * { 6553 cursor: grabbing; 6554} 6555[cascading-meta="wrap"] { 6556 display: flex; 6557 flex-direction: row; 6558 align-items: flex-end; 6559 box-sizing: border-box; 6560} 6561[cascading-meta="slot-left"], 6562[cascading-meta="slot-right"] { 6563 flex: 0 0 auto; 6564} 6565[cascading-meta="slot-active"] { 6566 display: flex; 6567 flex: 0 0 auto; 6568 justify-content: space-between; 6569 align-items: flex-end; 6570 gap: 1rem; 6571} 6572[cascading-meta="slot-active"] .cascading-slider_slot_text { 6573 min-width: 0; 6574} 6575[data-cascading-slide] .cascading-slider__h { 6576 transition-delay: 0ms; 6577} 6578[data-cascading-slide][data-status="active"] .cascading-slider__h { 6579 transition-delay: 400ms; 6580 opacity: 1; 6581} 6582@media (max-width: 767px) { 6583 [data-cascading-slide] .cascading-slider__item { 6584 clip-path: none; 6585 will-change: transform; 6586 } 6587 [data-cascading-viewport][data-dragging="true"] [cascading-slide-overlay] { 6588 -webkit-backdrop-filter: none; 6589 backdrop-filter: none; 6590 } 6591} 6592.wf-design-mode [data-cascading-viewport] { 6593 display: flex; 6594 flex-direction: row; 6595 gap: 1em; 6596 overflow: auto; 6597} 6598.wf-design-mode [data-cascading-slide] { 6599 position: relative; 6600 width: 60%; 6601 flex: 0 0 auto; 6602} 6603.wf-design-mode .cascading-slider__h { 6604 opacity: 1; 6605 transform: translate(0px, 0em); 6606} 6607</style></div><div class="rb_padding-global padding-section-medium"><div class="rb_container-large"><div class="testimonials_content"><div aria-label="Featured content" data-cascading-slider-wrap="" aria-roledescription="carousel" class="cascading-slider"><div testimonial="wrap" class="cascading-slider__collection w-dyn-list"><div data-cascading-viewport="" role="list" class="cascading-slider__list w-dyn-items"><div cascading-meta-role="Sauce Up NYC ⢠New York, NY" data-cascading-slide="" role="listitem" aria-roledescription="slide" cascading-meta-name="David" class="cascading-slider__item w-dyn-item"><div class="cascading-slider__item-inner"><div class="cascading-slider__item-bg"><div class="u-image-wrapper test-desk"><img classes=" " loading="lazy" alt="Man in pink shirt smiling and holding a phone showing a $0.00 balance screen inside a sunlit room." src="https://cdn.prod.website-files.com/65fc1fa2c1e7707c3f051466/6a75038ac237af00c4eafbf4_David%20desktop.webp" class="u-image"/></div><div class="u-image-wrapper test-mobile"><img classes=" " loading="lazy" alt="Man in pink shirt smiling and holding a phone showing a $0.00 balance on a payment app." src="https://cdn.prod.website-files.com/65fc1fa2c1e7707c3f051466/6a75038caf166e338f9f7232_David%20mobile.webp" class="u-image"/></div></div><div class="cascading-slider__item-content"><div cascading-glass="" class="cascading-slider__h"><div class="cascading_card_top"><div class="cascading_icon_wrapper"><div class="u-icon hide-mobile-landscape w-embed is-desktop"><svg width="73" height="40" viewBox="0 0 73 40" fill="none" xmlns="http://www.w3.org/2000/svg"> 6608<path d="M42.207 2.47122L62.0826 0.0292979C64.2343 -0.230907 66.2058 1.27027 66.5261 3.41196C67.8071 12.0988 69.7286 19.975 72.2606 26.9204C73.0012 28.942 72.0404 31.1938 70.0488 32.0144L51.5543 39.6905C49.4627 40.5612 47.0608 39.5303 46.2702 37.4087C42.8775 28.3215 40.3555 18.1335 38.7443 7.0248C38.424 4.80305 39.9852 2.73142 42.217 2.46121L42.207 2.47122Z" fill="white"/> 6609<path d="M3.5058 2.47122L23.3814 0.0292979C25.5331 -0.230907 27.5047 1.27027 27.8249 3.41196C29.1059 12.0988 31.0274 19.975 33.5594 26.9204C34.3 28.942 33.3392 31.1938 31.3477 32.0144L12.8531 39.6905C10.7615 40.5612 8.35961 39.5303 7.56898 37.4087C4.17632 28.3215 1.65433 18.1335 0.0430641 7.0248C-0.277187 4.80305 1.28405 2.73142 3.51581 2.46121L3.5058 2.47122Z" fill="white"/> 6610</svg> 6611</div><div class="rb_is-mobile"><div class="u-icon w-embed"><svg width="37" height="20" viewBox="0 0 37 20" fill="none" xmlns="http://www.w3.org/2000/svg"> 6612<path d="M21.1021 1.23561L31.04 0.0146489C32.1158 -0.115453 33.1016 0.635137 33.2617 1.70598C33.9022 6.04939 34.863 9.98749 36.129 13.4602C36.4992 14.471 36.0189 15.5969 35.0231 16.0072L25.7758 19.8452C24.73 20.2806 23.5291 19.7652 23.1337 18.7043C21.4374 14.1608 20.1764 9.06676 19.3708 3.5124C19.2107 2.40152 19.9913 1.36571 21.1071 1.2306L21.1021 1.23561Z" fill="white"/> 6613<path d="M1.75217 1.23561L11.69 0.0146489C12.7658 -0.115453 13.7516 0.635137 13.9117 1.70598C14.5522 6.04939 15.513 9.98749 16.779 13.4602C17.1493 14.471 16.6689 15.5969 15.6731 16.0072L6.42584 19.8452C5.38002 20.2806 4.17907 19.7652 3.78376 18.7043C2.08743 14.1608 0.826433 9.06676 0.0207996 3.5124C-0.139326 2.40152 0.641294 1.36571 1.75717 1.2306L1.75217 1.23561Z" fill="white"/> 6614</svg> 6615</div></div></div></div><div class="rb_heading-style-h5">I like Jim because it helps us go much faster. You just snap a finger, put in what you need, tap, and that's it.</div></div></div></div><div cascading-slide-overlay="" class="cascading-slider_overlay"></div></div><div cascading-meta-role="Hairstylist ⢠Brooklyn, NY" data-cascading-slide="" role="listitem" aria-roledescription="slide" cascading-meta-name="Krystal" class="cascading-slider__item w-dyn-item"><div class="cascading-slider__item-inner"><div class="cascading-slider__item-bg"><div class="u-image-wrapper test-desk"><img classes=" " loading="lazy" alt="Woman with blonde hair holds phone showing payment app with $0.00 balance in a kitchen." src="https://cdn.prod.website-files.com/65fc1fa2c1e7707c3f051466/6a750216f7633719408802ea_Krystal%20desktop.webp" class="u-image"/></div><div class="u-image-wrapper test-mobile"><img classes=" " loading="lazy" alt="Woman with blonde hair holding phone showing digital payment app with zero balance." src="https://cdn.prod.website-files.com/65fc1fa2c1e7707c3f051466/6a75021de95c44c2a88dd64a_Krystal%20mobile.webp" class="u-image"/></div></div><div class="cascading-slider__item-content"><div cascading-glass="" class="cascading-slider__h"><div class="cascading_card_top"><div class="cascading_icon_wrapper"><div class="u-icon hide-mobile-landscape w-embed is-desktop"><svg width="73" height="40" viewBox="0 0 73 40" fill="none" xmlns="http://www.w3.org/2000/svg"> 6616<path d="M42.207 2.47122L62.0826 0.0292979C64.2343 -0.230907 66.2058 1.27027 66.5261 3.41196C67.8071 12.0988 69.7286 19.975 72.2606 26.9204C73.0012 28.942 72.0404 31.1938 70.0488 32.0144L51.5543 39.6905C49.4627 40.5612 47.0608 39.5303 46.2702 37.4087C42.8775 28.3215 40.3555 18.1335 38.7443 7.0248C38.424 4.80305 39.9852 2.73142 42.217 2.46121L42.207 2.47122Z" fill="white"/> 6617<path d="M3.5058 2.47122L23.3814 0.0292979C25.5331 -0.230907 27.5047 1.27027 27.8249 3.41196C29.1059 12.0988 31.0274 19.975 33.5594 26.9204C34.3 28.942 33.3392 31.1938 31.3477 32.0144L12.8531 39.6905C10.7615 40.5612 8.35961 39.5303 7.56898 37.4087C4.17632 28.3215 1.65433 18.1335 0.0430641 7.0248C-0.277187 4.80305 1.28405 2.73142 3.51581 2.46121L3.5058 2.47122Z" fill="white"/> 6618</svg> 6619</div><div class="rb_is-mobile"><div class="u-icon w-embed"><svg width="37" height="20" viewBox="0 0 37 20" fill="none" xmlns="http://www.w3.org/2000/svg"> 6620<path d="M21.1021 1.23561L31.04 0.0146489C32.1158 -0.115453 33.1016 0.635137 33.2617 1.70598C33.9022 6.04939 34.863 9.98749 36.129 13.4602C36.4992 14.471 36.0189 15.5969 35.0231 16.0072L25.7758 19.8452C24.73 20.2806 23.5291 19.7652 23.1337 18.7043C21.4374 14.1608 20.1764 9.06676 19.3708 3.5124C19.2107 2.40152 19.9913 1.36571 21.1071 1.2306L21.1021 1.23561Z" fill="white"/> 6621<path d="M1.75217 1.23561L11.69 0.0146489C12.7658 -0.115453 13.7516 0.635137 13.9117 1.70598C14.5522 6.04939 15.513 9.98749 16.779 13.4602C17.1493 14.471 16.6689 15.5969 15.6731 16.0072L6.42584 19.8452C5.38002 20.2806 4.17907 19.7652 3.78376 18.7043C2.08743 14.1608 0.826433 9.06676 0.0207996 3.5124C-0.139326 2.40152 0.641294 1.36571 1.75717 1.2306L1.75217 1.23561Z" fill="white"/> 6622</svg> 6623</div></div></div></div><div class="rb_heading-style-h5">Using Jim has been like a smooth process. Instant, fast. It's awesome!</div></div></div></div><div cascading-slide-overlay="" class="cascading-slider_overlay"></div></div><div cascading-meta-role="The Frigid Collective ⢠Tampa, FL" data-cascading-slide="" role="listitem" aria-roledescription="slide" cascading-meta-name="Vanna" class="cascading-slider__item w-dyn-item"><div class="cascading-slider__item-inner"><div class="cascading-slider__item-bg"><div class="u-image-wrapper test-desk"><img classes=" " loading="lazy" alt="Woman with glasses smiling and holding phone showing payment app at a market stall." src="https://cdn.prod.website-files.com/65fc1fa2c1e7707c3f051466/6a7501fca2d6f3aa051fec55_Vanna%20desktop.webp" class="u-image"/></div><div class="u-image-wrapper test-mobile"><img classes=" " loading="lazy" alt="Woman with glasses holding phone showing $0.00 balance on a payment app screen." src="https://cdn.prod.website-files.com/65fc1fa2c1e7707c3f051466/6a750200c18ffaf3a50448f3_Vanna%20mobile.webp" class="u-image"/></div></div><div class="cascading-slider__item-content"><div cascading-glass="" class="cascading-slider__h"><div class="cascading_card_top"><div class="cascading_icon_wrapper"><div class="u-icon hide-mobile-landscape w-embed is-desktop"><svg width="73" height="40" viewBox="0 0 73 40" fill="none" xmlns="http://www.w3.org/2000/svg"> 6624<path d="M42.207 2.47122L62.0826 0.0292979C64.2343 -0.230907 66.2058 1.27027 66.5261 3.41196C67.8071 12.0988 69.7286 19.975 72.2606 26.9204C73.0012 28.942 72.0404 31.1938 70.0488 32.0144L51.5543 39.6905C49.4627 40.5612 47.0608 39.5303 46.2702 37.4087C42.8775 28.3215 40.3555 18.1335 38.7443 7.0248C38.424 4.80305 39.9852 2.73142 42.217 2.46121L42.207 2.47122Z" fill="white"/> 6625<path d="M3.5058 2.47122L23.3814 0.0292979C25.5331 -0.230907 27.5047 1.27027 27.8249 3.41196C29.1059 12.0988 31.0274 19.975 33.5594 26.9204C34.3 28.942 33.3392 31.1938 31.3477 32.0144L12.8531 39.6905C10.7615 40.5612 8.35961 39.5303 7.56898 37.4087C4.17632 28.3215 1.65433 18.1335 0.0430641 7.0248C-0.277187 4.80305 1.28405 2.73142 3.51581 2.46121L3.5058 2.47122Z" fill="white"/> 6626</svg> 6627</div><div class="rb_is-mobile"><div class="u-icon w-embed"><svg width="37" height="20" viewBox="0 0 37 20" fill="none" xmlns="http://www.w3.org/2000/svg"> 6628<path d="M21.1021 1.23561L31.04 0.0146489C32.1158 -0.115453 33.1016 0.635137 33.2617 1.70598C33.9022 6.04939 34.863 9.98749 36.129 13.4602C36.4992 14.471 36.0189 15.5969 35.0231 16.0072L25.7758 19.8452C24.73 20.2806 23.5291 19.7652 23.1337 18.7043C21.4374 14.1608 20.1764 9.06676 19.3708 3.5124C19.2107 2.40152 19.9913 1.36571 21.1071 1.2306L21.1021 1.23561Z" fill="white"/> 6629<path d="M1.75217 1.23561L11.69 0.0146489C12.7658 -0.115453 13.7516 0.635137 13.9117 1.70598C14.5522 6.04939 15.513 9.98749 16.779 13.4602C17.1493 14.471 16.6689 15.5969 15.6731 16.0072L6.42584 19.8452C5.38002 20.2806 4.17907 19.7652 3.78376 18.7043C2.08743 14.1608 0.826433 9.06676 0.0207996 3.5124C-0.139326 2.40152 0.641294 1.36571 1.75717 1.2306L1.75217 1.23561Z" fill="white"/> 6630</svg> 6631</div></div></div></div><div class="rb_heading-style-h5">Jim enables you to have that money right away.</div></div></div></div><div cascading-slide-overlay="" class="cascading-slider_overlay"></div></div><div cascading-meta-role="Chartreuse by Roje ⢠San Francisco, CA" data-cascading-slide="" role="listitem" aria-roledescription="slide" cascading-meta-name="Jeff" class="cascading-slider__item w-dyn-item"><div class="cascading-slider__item-inner"><div class="cascading-slider__item-bg"><div class="u-image-wrapper test-desk"><img classes=" " loading="lazy" alt="Smiling man wearing green round glasses and a flower pin sits with hands clasped in a warmly lit room." src="https://cdn.prod.website-files.com/65fc1fa2c1e7707c3f051466/6a74c3a8b7bd8ac823415947_Jeff%20desktop.webp" class="u-image"/></div><div class="u-image-wrapper test-mobile"><img classes=" " loading="lazy" alt="Smiling person with green round glasses, floral pin, and beaded necklace, seated
6631with hands clasped." src="https://cdn.prod.website-files.com/65fc1fa2c1e7707c3f051466/6a74c3ab01e878b6fe3f3093_Jeff%20mobile.webp" class="u-image"/></div></div><div class="cascading-slider__item-content"><div cascading-glass="" class="cascading-slider__h"><div class="cascading_card_top"><div class="cascading_icon_wrapper"><div class="u-icon hide-mobile-landscape w-embed is-desktop"><svg width="73" height="40" viewBox="0 0 73 40" fill="none" xmlns="http://www.w3.org/2000/svg"> 6632<path d="M42.207 2.47122L62.0826 0.0292979C64.2343 -0.230907 66.2058 1.27027 66.5261 3.41196C67.8071 12.0988 69.7286 19.975 72.2606 26.9204C73.0012 28.942 72.0404 31.1938 70.0488 32.0144L51.5543 39.6905C49.4627 40.5612 47.0608 39.5303 46.2702 37.4087C42.8775 28.3215 40.3555 18.1335 38.7443 7.0248C38.424 4.80305 39.9852 2.73142 42.217 2.46121L42.207 2.47122Z" fill="white"/> 6633<path d="M3.5058 2.47122L23.3814 0.0292979C25.5331 -0.230907 27.5047 1.27027 27.8249 3.41196C29.1059 12.0988 31.0274 19.975 33.5594 26.9204C34.3 28.942 33.3392 31.1938 31.3477 32.0144L12.8531 39.6905C10.7615 40.5612 8.35961 39.5303 7.56898 37.4087C4.17632 28.3215 1.65433 18.1335 0.0430641 7.0248C-0.277187 4.80305 1.28405 2.73142 3.51581 2.46121L3.5058 2.47122Z" fill="white"/> 6634</svg> 6635</div><div class="rb_is-mobile"><div class="u-icon w-embed"><svg width="37" height="20" viewBox="0 0 37 20" fill="none" xmlns="http://www.w3.org/2000/svg"> 6636<path d="M21.1021 1.23561L31.04 0.0146489C32.1158 -0.115453 33.1016 0.635137 33.2617 1.70598C33.9022 6.04939 34.863 9.98749 36.129 13.4602C36.4992 14.471 36.0189 15.5969 35.0231 16.0072L25.7758 19.8452C24.73 20.2806 23.5291 19.7652 23.1337 18.7043C21.4374 14.1608 20.1764 9.06676 19.3708 3.5124C19.2107 2.40152 19.9913 1.36571 21.1071 1.2306L21.1021 1.23561Z" fill="white"/> 6637<path d="M1.75217 1.23561L11.69 0.0146489C12.7658 -0.115453 13.7516 0.635137 13.9117 1.70598C14.5522 6.04939 15.513 9.98749 16.779 13.4602C17.1493 14.471 16.6689 15.5969 15.6731 16.0072L6.42584 19.8452C5.38002 20.2806 4.17907 19.7652 3.78376 18.7043C2.08743 14.1608 0.826433 9.06676 0.0207996 3.5124C-0.139326 2.40152 0.641294 1.36571 1.75717 1.2306L1.75217 1.23561Z" fill="white"/> 6638</svg> 6639</div></div></div></div><div class="rb_heading-style-h5">I highly encourage using Jim. It made my life so much easier.</div></div></div></div><div cascading-slide-overlay="" class="cascading-slider_overlay"></div></div><div cascading-meta-role="LOUANA & CO ⢠Miami, FL" data-cascading-slide="" role="listitem" aria-roledescription="slide" cascading-meta-name="Louana" class="cascading-slider__item w-dyn-item"><div class="cascading-slider__item-inner"><div class="cascading-slider__item-bg"><div class="u-image-wrapper test-desk"><img classes=" " loading="lazy" alt="Smiling woman holding smartphone with a $0.00 payment app in a jewelry store." src="https://cdn.prod.website-files.com/65fc1fa2c1e7707c3f051466/6a74c391bf83dde5d28a419e_Louana%20desktop.webp" class="u-image"/></div><div class="u-image-wrapper test-mobile"><img classes=" " loading="lazy" alt="Smiling woman holding smartphone with mobile payment app open in a jewelry store." src="https://cdn.prod.website-files.com/65fc1fa2c1e7707c3f051466/6a74c3938449ecca495871f7_Louana%20mobile.webp" class="u-image"/></div></div><div class="cascading-slider__item-content"><div cascading-glass="" class="cascading-slider__h"><div class="cascading_card_top"><div class="cascading_icon_wrapper"><div class="u-icon hide-mobile-landscape w-embed is-desktop"><svg width="73" height="40" viewBox="0 0 73 40" fill="none" xmlns="http://www.w3.org/2000/svg"> 6640<path d="M42.207 2.47122L62.0826 0.0292979C64.2343 -0.230907 66.2058 1.27027 66.5261 3.41196C67.8071 12.0988 69.7286 19.975 72.2606 26.9204C73.0012 28.942 72.0404 31.1938 70.0488 32.0144L51.5543 39.6905C49.4627 40.5612 47.0608 39.5303 46.2702 37.4087C42.8775 28.3215 40.3555 18.1335 38.7443 7.0248C38.424 4.80305 39.9852 2.73142 42.217 2.46121L42.207 2.47122Z" fill="white"/> 6641<path d="M3.5058 2.47122L23.3814 0.0292979C25.5331 -0.230907 27.5047 1.27027 27.8249 3.41196C29.1059 12.0988 31.0274 19.975 33.5594 26.9204C34.3 28.942 33.3392 31.1938 31.3477 32.0144L12.8531 39.6905C10.7615 40.5612 8.35961 39.5303 7.56898 37.4087C4.17632 28.3215 1.65433 18.1335 0.0430641 7.0248C-0.277187 4.80305 1.28405 2.73142 3.51581 2.46121L3.5058 2.47122Z" fill="white"/> 6642</svg> 6643</div><div class="rb_is-mobile"><div class="u-icon w-embed"><svg width="37" height="20" viewBox="0 0 37 20" fill="none" xmlns="http://www.w3.org/2000/svg"> 6644<path d="M21.1021 1.23561L31.04 0.0146489C32.1158 -0.115453 33.1016 0.635137 33.2617 1.70598C33.9022 6.04939 34.863 9.98749 36.129 13.4602C36.4992 14.471 36.0189 15.5969 35.0231 16.0072L25.7758 19.8452C24.73 20.2806 23.5291 19.7652 23.1337 18.7043C21.4374 14.1608 20.1764 9.06676 19.3708 3.5124C19.2107 2.40152 19.9913 1.36571 21.1071 1.2306L21.1021 1.23561Z" fill="white"/> 6645<path d="M1.75217 1.23561L11.69 0.0146489C12.7658 -0.115453 13.7516 0.635137 13.9117 1.70598C14.5522 6.04939 15.513 9.98749 16.779 13.4602C17.1493 14.471 16.6689 15.5969 15.6731 16.0072L6.42584 19.8452C5.38002 20.2806 4.17907 19.7652 3.78376 18.7043C2.08743 14.1608 0.826433 9.06676 0.0207996 3.5124C-0.139326 2.40152 0.641294 1.36571 1.75717 1.2306L1.75217 1.23561Z" fill="white"/> 6646</svg> 6647</div></div></div></div><div class="rb_heading-style-h5">Jim saves me time. I just shared my vision with Jim and it gave me back a full website.</div></div></div></div><div cascading-slide-overlay="" class="cascading-slider_overlay"></div></div><div cascading-meta-role="Heather Frank Studio ⢠New York, NY" data-cascading-slide="" role="listitem" aria-roledescription="slide" cascading-meta-name="Heather" class="cascading-slider__item w-dyn-item"><div class="cascading-slider__item-inner"><div class="cascading-slider__item-bg"><div class="u-image-wrapper test-desk"><img classes=" " loading="lazy" alt="Smiling woman in denim jacket sits behind a table with fabric items at an indoor market." src="https://cdn.prod.website-files.com/65fc1fa2c1e7707c3f051466/6a74c374b7bd8ac8234139b9_Heather%20desktop.webp" class="u-image"/></div><div class="u-image-wrapper test-mobile"><img classes=" " loading="lazy" alt="Smiling woman in denim jacket with striped sleeves sitting indoors with plants and lanterns behind her." src="https://cdn.prod.website-files.com/65fc1fa2c1e7707c3f051466/6a74c37749180db6e99a4c78_Heather%20mobile.webp" class="u-image"/></div></div><div class="cascading-slider__item-content"><div cascading-glass="" class="cascading-slider__h"><div class="cascading_card_top"><div class="cascading_icon_wrapper"><div class="u-icon hide-mobile-landscape w-embed is-desktop"><svg width="73" height="40" viewBox="0 0 73 40" fill="none" xmlns="http://www.w3.org/2000/svg"> 6648<path d="M42.207 2.47122L62.0826 0.0292979C64.2343 -0.230907 66.2058 1.27027 66.5261 3.41196C67.8071 12.0988 69.7286 19.975 72.2606 26.9204C73.0012 28.942 72.0404 31.1938 70.0488 32.0144L51.5543 39.6905C49.4627 40.5612 47.0608 39.5303 46.2702 37.4087C42.8775 28.3215 40.3555 18.1335 38.7443 7.0248C38.424 4.80305 39.9852 2.73142 42.217 2.46121L42.207 2.47122Z" fill="white"/> 6649<path d="M3.5058 2.47122L23.3814 0.0292979C25.5331 -0.230907 27.5047 1.27027 27.8249 3.41196C29.1059 12.0988 31.0274 19.975 33.5594 26.9204C34.3 28.942 33.3392 31.1938 31.3477 32.0144L12.8531 39.6905C10.7615 40.5612 8.35961 39.5303 7.56898 37.4087C4.17632 28.3215 1.65433 18.1335 0.0430641 7.0248C-0.277187 4.80305 1.28405 2.73142 3.51581 2.46121L3.5058 2.47122Z" fill="white"/> 6650</svg> 6651</div><div class="rb_is-mobile"><div class="u-icon w-embed"><svg width="37" height="20" viewBox="0 0 37 20" fill="none" xmlns="http://www.w3.org/2000/svg"> 6652<path d="M21.1021 1.23561L31.04 0.0146489C32.1158 -0.115453 33.1016 0.635137 33.2617 1.70598C33.9022 6.04939 34.863 9.98749 36.129 13.4602C36.4992 14.471 36.0189 15.5969 35.0231 16.0072L25.7758 19.8452C24.73 20.2806 23.5291 19.7652 23.1337 18.7043C21.4374 14.1608 20.1764 9.06676 19.3708 3.5124C19.2107 2.40152 19.9913 1.36571 21.1071 1.2306L21.1021 1.23561Z" fill="white"/> 6653<path d="M1.75217 1.23561L11.69 0.0146489C12.7658 -0.115453 13.7516 0.635137 13.9117 1.70598C14.5522 6.04939 15.513 9.98749 16.779 13.4602C17.1493 14.471 16.6689 15.5969 15.6731 16.0072L6.42584 19.8452C5.38002 20.2806 4.17907 19.7652 3.78376 18.7043C2.08743 14.1608 0.826433 9.06676 0.0207996 3.5124C-0.139326 2.40152 0.641294 1.36571 1.75717 1.2306L1.75217 1.23561Z" fill="white"/> 6654</svg> 6655</div></div></div></div><div class="rb_heading-style-h5">Jim is gonna take care of your business while you take care of your product.</div></div></div></div><div cascading-slide-overlay="" class="cascading-slider_overlay"></div></div><div cascading-meta-role="Fruit Cart ⢠Philadelphia, PA" data-cascading-slide="" role="listitem" aria-roledescription="slide" cascading-meta-name="DK" class="cascading-slider__item w-dyn-item"><div class="cascading-slider__item-inner"><div class="cascading-slider__item-bg"><div class="u-image-wrapper test-desk"><img classes=" " loading="lazy" alt="Man in blue jacket and cap standing in front of a street food cart with menus and snacks." src="https://cdn.prod.website-files.com/65fc1fa2c1e7707c3f051466/6a74c1cea67d2492469c656b_dk%20desktop.webp" class="u-image"/></div><div class="u-image-wrapper test-mobile"><img classes=" " loading="lazy" alt="Man in a blue jacket and cap stands in front of a food stall in sunlight." src="https://cdn.prod.website-files.com/65fc1fa2c1e7707c3f051466/6a74c1d19e9155ddacb32c02_dk%20mobile.webp" class="u-image"/></div></div><div class="cascading-slider__item-content"><div cascading-glass="" class="cascading-slider__h"><div class="cascading_card_top"><div class="cascading_icon_wrapper"><div class="u-icon hide-mobile-landscape w-embed is-desktop"><svg width="73" height="40" viewBox="0 0 73 40" fill="none" xmlns="http://www.w3.org/2000/svg"> 6656<path d="M42.207 2.47122L62.0826 0.0292979C64.2343 -0.230907 66.2058 1.27027 66.5261 3.41196C67.8071 12.0988 69.7286 19.975 72.2606 26.9204C73.0012 28.942 72.0404 31.1938 70.0488 32.0144L51.5543 39.6905C49.4627 40.5612 47.0608 39.5303 46.2702 37.4087C42.8775 28.3215 40.3555 18.1335 38.7443 7.0248C38.424 4.80305 39.9852 2.73142 42.217 2.46121L42.207 2.47122Z" fill="white"/> 6657<path d="M3.5058 2.47122L23.3814 0.0292979C25.5331 -0.230907 27.5047 1.27027 27.8249 3.41196C29.1059 12.0988 31.0274 19.975 33.5594 26.9204C34.3 28.942 33.3392 31.1938 31.3477 32.0144L12.8531 39.6905C10.7615 40.5612 8.35961 39.5303 7.56898 37.4087C4.17632 28.3215 1.65433 18.1335 0.0430641 7.0248C-0.277187 4.80305 1.28405 2.73142 3.51581 2.46121L3.5058 2.47122Z" fill="white"/> 6658</svg> 6659</div><div class="rb_is-mobile"><div class="u-icon w-embed"><svg width="37" height="20" viewBox="0 0 37 20" fill="none" xmlns="http://www.w3.org/2000/svg"> 6660<path d="M21.1021 1.23561L31.04 0.0146489C32.1158 -0.115453 33.1016 0.635137 33.2617 1.70598C33.9022 6.04939 34.863 9.98749 36.129 13.4602C36.4992 14.471 36.0189 15.5969 35.0231 16.0072L25.7758 19.8452C24.73 20.2806 23.5291 19.7652 23.1337 18.7043C21.4374 14.1608 20.1764 9.06676 19.3708 3.5124C19.2107 2.40152 19.9913 1.36571 21.1071 1.2306L21.1021 1.23561Z" fill="white"/> 6661<path d="M1.75217 1.23561L11.69 0.0146489C12.7658 -0.115453 13.7516 0.635137 13.9117 1.70598C14.5522 6.04939 15.513 9.98749 16.779 13.4602C17.1493 14.471 16.6689 15.5969 15.6731 16.0072L6.42584 19.8452C5.38002 20.2806 4.17907 19.7652 3.78376 18.7043C2.08743 14.1608 0.826433 9.06676 0.0207996 3.5124C-0.139326 2.40152 0.641294 1.36571 1.75717 1.2306L1.75217 1.23561Z" fill="white"/> 6662</svg> 6663</div></div></div></div><div class="rb_heading-style-h5">Jim charges only 1.99%, straight out and nothing else!</div></div></div></div><div cascading-slide-overlay="" class="cascading-slider_overlay"></div></div><div cascading-meta-role="Final Kutz ⢠Brooklyn, NY" data-cascading-slide="" role="listitem" aria-roledescription="slide" cascading-meta-name="Saleem" class="cascading-slider__item w-dyn-item"><div class="cascading-slider__item-inner"><div class="cascading-slider__item-bg"><div class="u-image-wrapper test-desk"><img classes=" " loading="lazy" alt="Man with braided hair and glasses standing outside Brooklyn barbershop Final Kutz in sunlight." src="https://cdn.prod.website-files.com/65fc1fa2c1e7707c3f051466/6a74c1c22ef3714da0fd5fe2_saleem%20desktop.webp" class="u-image"/></div><div class="u-image-wrapper test-mobile"><img classes=" " loading="lazy" alt="Man with braided hair wearing glasses and a vest leans by a glass door looking at his phone." src="https://cdn.prod.website-files.com/65fc1fa2c1e7707c3f051466/6a74c1c619837b5e21d0e642_saleem%20mobile.webp" class="u-image"/></div></div><div class="cascading-slider__item-content"><div cascading-glass="" class="cascading-slider__h"><div class="cascading_card_top"><div class="cascading_icon_wrapper"><div class="u-icon hide-mobile-landscape w-embed is-desktop"><svg width="73" height="40" viewBox="0 0 73 40" fill="none" xmlns="http://www.w3.org/2000/svg"> 6664<path d="M42.207 2.47122L62.0826 0.0292979C64.2343 -0.230907 66.2058 1.27027 66.5261 3.41196C67.8071 12.0988 69.7286 19.975 72.2606 26.9204C73.0012 28.942 72.0404 31.1938 70.0488 32.0144L51.5543 39.6905C49.4627 40.5612 47.0608 39.5303 46.2702 37.4087C42.8775 28.3215 40.3555 18.1335 38.7443 7.0248C38.424 4.80305 39.9852 2.73142 42.217 2.46121L42.207 2.47122Z" fill="white"/> 6665<path d="M3.5058 2.47122L23.3814 0.0292979C25.5331 -0.230907 27.5047 1.27027 27.8249 3.41196C29.1059 12.0988 31.0274 19.975 33.5594 26.9204C34.3 28.942 33.3392 31.1938 31.3477 32.0144L12.8531 39.6905C10.7615 40.5612 8.35961 39.5303 7.56898 37.4087C4.17632 28.3215 1.65433 18.1335 0.0430641 7.0248C-0.277187 4.80305 1.28405 2.73142 3.51581 2.46121L3.5058 2.47122Z" fill="white"/> 6666</svg> 6667</div><div class="rb_is-mobile"><div class="u-icon w-embed"><svg width="37" height="20" viewBox="0 0 37 20" fill="none" xmlns="http://www.w3.org/2000/svg"> 6668<path d="M21.1021 1.23561L31.04 0.0146489C32.1158 -0.115453 33.1016 0.635137 33.2617 1.70598C33.9022 6.04939 34.863 9.98749 36.129 13.4602C36.4992 14.471 36.0189 15.5969 35.0231 16.0072L25.7758 19.8452C24.73 20.2806 23.5291 19.7652 23.1337 18.7043C21.4374 14.1608 20.1764 9.06676 19.3708 3.5124C19.2107 2.40152 19.9913 1.36571 21.1071 1.2306L21.1021 1.23561Z" fill="white"/> 6669<path d="M1.75217 1.23561L11.69 0.0146489C12.7658 -0.115453 13.7516 0.635137 13.9117 1.70598C14.5522 6.04939 15.513 9.98749 16.779 13.4602C17.1493 14.471 16.6689 15.5969 15.6731 16.0072L6.42584 19.8452C5.38002 20.2806 4.17907 19.7652 3.78376 18.7043C2.08743 14.1608 0.826433 9.06676 0.0207996 3.5124C-0.139326 2.40152 0.641294 1.36571 1.75717 1.2306L1.75217 1.23561Z" fill="white"/> 6670</svg> 6671</div></div></div></div><div class="rb_heading-style-h5">A whole cash register is just too much. JIM IS PERFECT.</div></div></div></div><div cascading-slide-overlay="" class="cascading-slider_overlay"></div></div><div cascading-meta-role="Deli ⢠Brooklyn, NY" data-cascading-slide="" role="listitem" aria-roledescription="slide" cascading-meta-name="Scooby" class="cascading-slider__item w-dyn-item"><div class="cascading-slider__item-inner"><div class="cascading-slider__item-bg"><div class="u-image-wrapper test-desk"><img classes=" " loading="lazy" alt="" src="https://cdn.prod.website-files.com/65fc1fa2c1e7707c3f051466/6aa947bc2b97757a5419b974_Clyde_img.webp" class="u-image"/></div><div class="u-image-wrapper test-mobile"><img classes=" " loading="lazy" alt="" src="https://cdn.prod.website-files.com/65fc1fa2c1e7707c3f051466/6aa9482abb73f84a823a1bfa_Clyde_img_mobile.webp" class="u-image"/></div></div><div class="cascading-slider__item-content"><div cascading-glass="" class="cascading-slider__h"><div class="cascading_card_top"><div class="cascading_icon_wrapper"><div class="u-icon hide-mobile-landscape w-embed is-desktop"><svg width="73" height="40" viewBox="0 0 73 40" fill="none" xmlns="http://www.w3.org/2000/svg"> 6672<path d="M42.207 2.47122L62.0826 0.0292979C64.2343 -0.230907 66.2058 1.27027 66.5261 3.41196C67.8071 12.0988 69.7286 19.975 72.2606 26.9204C73.0012 28.942 72.0404 31.1938 70.0488 32.0144L51.5543 39.6905C49.4627 40.5612 47.0608 39.5303 46.2702 37.4087C42.8775 28.3215 40.3555 18.1335 38.7443 7.0248C38.424 4.80305 39.9852 2.73142 42.217 2.46121L42.207 2.47122Z" fill="white"/> 6673<path d="M3.5058 2.47122L23.3814 0.0292979C25.5331 -0.230907 27.5047 1.27027 27.8249 3.41196C29.1059 12.0988 31.0274 19.975 33.5594 26.92
667304C34.3 28.942 33.3392 31.1938 31.3477 32.0144L12.8531 39.6905C10.7615 40.5612 8.35961 39.5303 7.56898 37.4087C4.17632 28.3215 1.65433 18.1335 0.0430641 7.0248C-0.277187 4.80305 1.28405 2.73142 3.51581 2.46121L3.5058 2.47122Z" fill="white"/> 6674</svg> 6675</div><div class="rb_is-mobile"><div class="u-icon w-embed"><svg width="37" height="20" viewBox="0 0 37 20" fill="none" xmlns="http://www.w3.org/2000/svg"> 6676<path d="M21.1021 1.23561L31.04 0.0146489C32.1158 -0.115453 33.1016 0.635137 33.2617 1.70598C33.9022 6.04939 34.863 9.98749 36.129 13.4602C36.4992 14.471 36.0189 15.5969 35.0231 16.0072L25.7758 19.8452C24.73 20.2806 23.5291 19.7652 23.1337 18.7043C21.4374 14.1608 20.1764 9.06676 19.3708 3.5124C19.2107 2.40152 19.9913 1.36571 21.1071 1.2306L21.1021 1.23561Z" fill="white"/> 6677<path d="M1.75217 1.23561L11.69 0.0146489C12.7658 -0.115453 13.7516 0.635137 13.9117 1.70598C14.5522 6.04939 15.513 9.98749 16.779 13.4602C17.1493 14.471 16.6689 15.5969 15.6731 16.0072L6.42584 19.8452C5.38002 20.2806 4.17907 19.7652 3.78376 18.7043C2.08743 14.1608 0.826433 9.06676 0.0207996 3.5124C-0.139326 2.40152 0.641294 1.36571 1.75717 1.2306L1.75217 1.23561Z" fill="white"/> 6678</svg> 6679</div></div></div></div><div class="rb_heading-style-h5">I recommend Jim to everybody!</div></div></div></div><div cascading-slide-overlay="" class="cascading-slider_overlay"></div></div></div></div><div class="cascading-slider_bottom"><div cascading-meta="wrap" class="cascading-slider_content"><div cascading-meta="slot-left" class="cascading-slider_slot"></div><div cascading-meta="slot-active" class="cascading-slider_slot is-second"><div class="cascading-slider_slot_text"><div cascading-meta="name" class="text-size-primary">This is some text inside of a div block.</div><div class="text-opacity-60"><div cascading-meta="role" class="text-size-primary u-op-80 mobile-smaller">This is some text inside of a div block.</div></div></div><div cascading-dots="wrap" class="cascading-slider_slot_dots"><div cascading-dots="item" class="cascading-slider_dot"><div cascading-dots="fill" class="cascading-slider_dot_inside"></div></div></div></div><div cascading-meta="slot-right" class="cascading-slider_slot"></div><div cascading-meta="mobile-nav" class="cascading_nav_mobile"><a aria-label="Previous slide" data-cascading-slider-prev="" href="#" class="cascading_navigation_button w-inline-block"><div class="u-icon w-embed"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> 6680<path d="M7.825 13L13.425 18.6L12 20L4 12L12 4L13.425 5.4L7.825 11H20V13H7.825Z" fill="currentcolor"/> 6681</svg> 6682</div></a><a aria-label="Next slide" data-cascading-slider-next="" href="#" class="cascading_navigation_button is-right w-inline-block"><div class="u-icon w-embed"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> 6683<path d="M16.175 13H4V11H16.175L10.575 5.4L12 4L20 12L12 20L10.575 18.6L16.175 13Z" fill="currentcolor"/> 6684</svg> 6685</div></a></div></div></div></div></div></div></div></section><section class="stats_section"><div class="rb_padding-global padding-section-xmedium"><div class="rb_container-large"><div class="stats_content"><div class="stats_heading"><h2 class="rb_heading-style-h4">Trusted by thousands across all 50 states</h2></div><div data-odometer-group="" class="stats_list"><div class="stats_card"><h3 class="rb_heading-style-h6">Rating</h3><div class="stats_number-column"><div class="stats_number"><div data-odometer-duration="2" data-odometer-element="" class="u-stat-title">4.8</div><img src="https://cdn.prod.website-files.com/65fc1fa2c1e7707c3f051403/6a73219f4097fdaa804d4813_star.png" loading="lazy" alt="Black silhouette of a five-point star with smooth edges." class="stats_icon"/></div></div></div><div class="stats_card"><h3 class="rb_heading-style-h6">Apple App Store and Google Play reviews</h3><div class="stats_number-column"><div class="stats_number"><div data-odometer-duration="2" data-odometer-element="" class="u-stat-title">12K</div><img src="https://cdn.prod.website-files.com/65fc1fa2c1e7707c3f051403/6a6ba58465fcdd1ce1569d68_plus-icon.svg" loading="lazy" alt="Black brushstroke plus sign with rough edges." class="stats_icon"/></div></div></div></div></div></div></div></section><section data-theme="dark" data-wf--rb-section-faq--variant="base" class="faq_section"><div class="js w-embed w-script">
6685<script> 6686 document.addEventListener('DOMContentLoaded', function () { 6687 const lists = document.querySelectorAll("[accordion='list']"); 6688 lists.forEach((list) => { 6689 const items = list.querySelectorAll("[accordion='item']"); 6690 const openFirst = list.hasAttribute('accordion-open-first'); 6691 items.forEach((item, index) => { 6692 const number = item.querySelector("[accordion='number']"); 6693 if (number) { 6694 number.textContent = String(index + 1).padStart(2, '0'); 6695 } 6696 const toggle = item.querySelector("[accordion='toggle']"); 6697 const content = item.querySelector("[accordion='content']"); 6698 if (!toggle || !content) return; 6699 if (openFirst && index === 0) { 6700 gsap.set(content, { height: 'auto', overflow: 'hidden' }); 6701 item.classList.add('is-active'); 6702 } else { 6703 gsap.set(content, { height: 0, overflow: 'hidden' }); 6704 } 6705 toggle.addEventListener('click', () => { 6706 const isOpen = item.classList.contains('is-active'); 6707 items.forEach((other) => { 6708 if (other !== item && other.classList.contains('is-active')) { 6709 other.classList.remove('is-active'); 6710 gsap.to(other.querySelector("[accordion='content']"), { 6711 height: 0, 6712 duration: 0.5, 6713 ease: 'power2.inOut', 6714 }); 6715 } 6716 }); 6717 if (isOpen) { 6718 item.classList.remove('is-active'); 6719 gsap.to(content, { height: 0, duration: 0.5, ease: 'power2.inOut' }); 6720 } else { 6721 item.classList.add('is-active'); 6722 gsap.to(content, { height: 'auto', duration: 0.5, ease: 'power2.inOut' }); 6723 } 6724 }); 6725 }); 6726 }); 6727 }); 6728</script>
6728</div><div class="css w-embed"><style> 6729 [accordion='toggle'] { 6730 cursor: pointer; 6731 } 6732 6733 [accordion='item'] [accordion-icon='vertical'] { 6734 transform-origin: center; 6735 transition: transform 0.3s ease; 6736 } 6737 6738 [accordion='item'].is-active [accordion-icon='vertical'] { 6739 transform: rotate(90deg); 6740 } 6741 6742 [accordion='list'][accordion-rotate='-90'] [accordion='item'].is-active [accordion-icon='vertical'] { 6743 transform: rotate(-90deg); 6744 } 6745</style></div><div class="rb_padding-global"><div class="rb_container-large padding-section-medium"><div class="rb_faq_content"><div id="w-node-_1c4ddf13-2fc2-f632-4195-90eb54bc08a5-54bc089f" class="rb_faq_heading"><h2 class="rb_heading-style-h4">Frequently Asked Questions</h2></div><div accordion="list" id="w-node-_1c4ddf13-2fc2-f632-4195-90eb54bc08a8-54bc089f" class="rb_faq_list"><div accordion="item" class="rb_faq_item"><div accordion="toggle" class="faq_toggle"><h3 class="rb_heading-style-h6 u-default-font">How do I receive the funds from my sales using Tap with Jim?</h3><div class="u-icon w-embed"><svg width="44" height="44" viewBox="0 0 44 44" fill="none" xmlns="http://www.w3.org/2000/svg"> 6746 <rect x="15" y="21" width="14" height="2" fill="currentColor" /> 6747 <rect x="21" y="15" width="2" height="14" fill="currentColor" accordion-icon="vertical" /> 6748</svg></div></div><div accordion="content" class="faq_item_content"><div class="text-opacity-60 w-richtext">Payments in seconds are our standard. So, whenever you get paid, your money is available in seconds in your account. No more waiting 1-2 business days.</div><div class="faq_item_spacer"></div></div></div><div accordion="item" class="rb_faq_item"><div accordion="toggle" class="faq_toggle"><h3 class="rb_heading-style-h6 u-default-font">How do I use my money with Jim?</h3><div class="u-icon w-embed"><svg width="44" height="44" viewBox="0 0 44 44" fill="none" xmlns="http://www.w3.org/2000/svg"> 6749 <rect x="15" y="21" width="14" height="2" fill="currentColor" /> 6750 <rect x="21" y="15" width="2" height="14" fill="currentColor" accordion-icon="vertical" /> 6751</svg></div></div><div accordion="content" class="faq_item_content"><div class="text-opacity-60 w-richtext">You have two easy ways to access your earningsâspend them instantly or transfer them to another account.<br/><br/>1. Spend instantly with the Jim Card (Free)<br/>Every sale funds your Jim Visa Prepaid Card in seconds. Itâs virtual, free, and ready to use immediately.<br/>In stores: Add the card to your Apple Wallet and tap to pay anywhere Apple Pay is accepted.<br/>Online: Use your card details (found in the app) to shop anywhere Visa is accepted.<br/><br/>2. Transfer to a bank account<br/>If you need to move funds to an external bank account, you can use Same Day ACH.<br/>Fee: 1.99% + $0.99 per transfer.<br/>Speed: Funds arrive the same business day if initiated during business hours.</div><div class="faq_item_spacer"></div></div></div><div accordion="item" class="rb_faq_item"><div accordion="toggle" class="faq_toggle"><h3 class="rb_heading-style-h6 u-default-font">How do I use Tap with Jim?</h3><div class="u-icon w-embed"><svg width="44" height="44" viewBox="0 0 44 44" fill="none" xmlns="http://www.w3.org/2000/svg"> 6752 <rect x="15" y="21" width="14" height="2" fill="currentColor" /> 6753 <rect x="21" y="15" width="2" height="14" fill="currentColor" accordion-icon="vertical" /> 6754</svg></div></div><div accordion="content" class="faq_item_content"><div class="text-opacity-60 w-richtext">Simply download the Jim app and enable contactless payments on your device. At the time of payment, ask the customer to hold their contactless credit or debit card, or any digital wallet-enabled device, near your phone. The payment will be securely completed using NFC technology, with the antenna located near the top of your device.</div><div class="faq_item_spacer"></div></div></div><div accordion="item" class="rb_faq_item"><div accordion="toggle" class="faq_toggle"><h3 class="rb_heading-style-h6 u-default-font">What payment methods does Tap with Jim accept?</h3><div class="u-icon w-embed"><svg width="44" height="44" viewBox="0 0 44 44" fill="none" xmlns="http://www.w3.org/2000/svg"> 6755 <rect x="15" y="21" width="14" height="2" fill="currentColor" /> 6756 <rect x="21" y="15" width="2" height="14" fill="currentColor" accordion-icon="vertical" /> 6757</svg></div></div>
6757<div accordion="content" class="faq_item_content"><div class="text-opacity-60 w-richtext">Jim accepts all contactless payment methods, including contactless credit and debit cards, as well as digital wallets, using your NFC-enabled device with the Jim app.</div><div class="faq_item_spacer"></div></div></div><div accordion="item" class="rb_faq_item"><div accordion="toggle" class="faq_toggle"><h3 class="rb_heading-style-h6 u-default-font">What are the fees for Tap with Jim?</h3><div class="u-icon w-embed"><svg width="44" height="44" viewBox="0 0 44 44" fill="none" xmlns="http://www.w3.org/2000/svg"> 6758 <rect x="15" y="21" width="14" height="2" fill="currentColor" /> 6759 <rect x="21" y="15" width="2" height="14" fill="currentColor" accordion-icon="vertical" /> 6760</svg></div></div><div accordion="content" class="faq_item_content"><div class="text-opacity-60 w-richtext">The fees are 1.99%. Theyâre always the same regardless of the merchantâs revenue.</div><div class="faq_item_spacer"></div></div></div><div accordion="item" class="rb_faq_item"><div accordion="toggle" class="faq_toggle"><h3 class="rb_heading-style-h6 u-default-font">What is the minimum payment amount I can receive using Tap with Jim?</h3><div class="u-icon w-embed"><svg width="44" height="44" viewBox="0 0 44 44" fill="none" xmlns="http://www.w3.org/2000/svg"> 6761 <rect x="15" y="21" width="14" height="2" fill="currentColor" /> 6762 <rect x="21" y="15" width="2" height="14" fill="currentColor" accordion-icon="vertical" /> 6763</svg></div></div><div accordion="content" class="faq_item_content"><div class="text-opacity-60 w-richtext">The minimum sale amount for Tap with Jim is $1.</div><div class="faq_item_spacer"></div></div></div><div accordion="item" class="rb_faq_item"><div accordion="toggle" class="faq_toggle"><h3 class="rb_heading-style-h6 u-default-font">Is it safe to sell and pay using Tap with Jim?</h3><div class="u-icon w-embed"><svg width="44" height="44" viewBox="0 0 44 44" fill="none" xmlns="http://www.w3.org/2000/svg"> 6764 <rect x="15" y="21" width="14" height="2" fill="currentColor" /> 6765 <rect x="21" y="15" width="2" height="14" fill="currentColor" accordion-icon="vertical" /> 6766</svg></div></div><div accordion="content" class="faq_item_content"><div class="text-opacity-60 w-richtext">Security is a priority for both sellers and buyers. Jim is designed to be fully fraud-resistant. When a payment is processed, card numbers or PINs are never stored on the device or servers, ensuring your transactions remain secure.</div><div class="faq_item_spacer"></div></div></div></div></div></div></div></section><section class="blogs_section u-theme-dark"><div class="css w-embed"><style> 6767 [data-swiper-group-blogs] { 6768 --swiper-pagination-color: currentColor; 6769 --swiper-pagination-bottom: auto; 6770 --swiper-pagination-bullet-size: 0.5em; 6771 --swiper-pagination-bullet-inactive-color: currentColor; 6772 --swiper-pagination-bullet-inactive-opacity: 0.15; 6773 --swiper-pagination-bullet-horizontal-gap: 0.25em; 6774 --swiper-wrapper-transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1); 6775 } 6776 [data-swiper-group-blogs] .rb_swiper-slide { 6777 --gap: 0em; 6778 padding-right: var(--gap); 6779 } 6780 [data-swiper-group-blogs] .rb_swiper-slide:last-of-type { 6781 margin-right: calc(-1 * var(--gap)); 6782 } 6783 [data-swiper-group-blogs] [data-swiper-prev], 6784 [data-swiper-group-blogs] [data-swiper-next] { 6785 transition: opacity 0.2s ease; 6786 } 6787 [data-swiper-group-blogs] .swiper-button-disabled { 6788 opacity: 1; 6789 pointer-events: none; 6790 } 6791 /* Swiper esconde as setas quando nao ha slides suficientes pra rolar. 6792 Aqui elas ficam visiveis e so perdem a interacao. */ 6793 [data-swiper-group-blogs] .swiper-button-lock { 6794 display: flex; 6795 } 6796 .blog-ratio-1 { 6797 aspect-ratio: 1 / 1; 6798 } 6799 .blog-ratio-2 { 6800 aspect-ratio: 318 / 385; 6801 } 6802 .blog-ratio-3 { 6803 aspect-ratio: 318 / 256; 6804 } 6805 [blog='item']:nth-child(3n + 1) [blog='image'] { 6806 aspect-ratio: 1 / 1; 6807 } 6808 [blog='item']:nth-child(3n + 2) [blog='image'] { 6809 aspect-ratio: 318 / 385; 6810 } 6811 [blog='item']:nth-child(3n) [blog='image'] { 6812 aspect-ratio: 318 / 256; 6813 } 6814</style></div><div class="js w-embed w-script">
6814<script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script>
vendor: 1 bytes, line 6814
6814
6815<script> 6816function initSwiperSlider() { 6817 const swiperSliderGroups = document.querySelectorAll("[data-swiper-group-blogs]"); 6818 6819 swiperSliderGroups.forEach((swiperGroup) => { 6820 const swiperSliderWrap = swiperGroup.querySelector("[data-swiper-wrap]"); 6821 if (!swiperSliderWrap) return; 6822 6823 const prevButton = swiperGroup.querySelector("[data-swiper-prev]"); 6824 const nextButton = swiperGroup.querySelector("[data-swiper-next]"); 6825 6826 const customSwiper = new Swiper(swiperSliderWrap, { 6827 slideClass: "rb_swiper-slide", 6828 slidesPerView: 1.25, 6829 spaceBetween: 20, 6830 speed: 600, 6831 grabCursor: true, 6832 breakpoints: { 6833 768: { 6834 slidesPerView: 2.5, 6835 spaceBetween: 24, 6836 }, 6837 992: { 6838 slidesPerView: 4, 6839 } 6840 }, 6841 navigation: { 6842 nextEl: nextButton, 6843 prevEl: prevButton, 6844 }, 6845 keyboard: { 6846 enabled: true, 6847 onlyInViewport: false, 6848 }, 6849 }); 6850 }); 6851} 6852 6853document.addEventListener('DOMContentLoaded', () => { 6854 initSwiperSlider(); 6855}); 6856</script>
6856</div><div class="rb_padding-global padding-section-large"><div class="rb_container-large"><div class="blogs_content"><div class="blogs_top"><div class="blogs_heading"><h2 class="rb_heading-style-h2">The latest</h2></div><div class="blogs_right"><div link="hover" class="link_wrapper"><div class="link_text_wrapper"><div class="rb_heading-style-h6">All blog posts</div></div><div><div class="u-icon w-embed"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> 6857<path d="M16.175 13H4V11H16.175L10.575 5.4L12 4L20 12L12 20L10.575 18.6L16.175 13Z" fill="white"/> 6858</svg> 6859</div></div><a aria-label="Read blog post" href="/blog" class="link-full w-inline-block"></a></div></div></div><div data-swiper-group-blogs="" class="swiper-group"><div data-swiper-wrap="" class="rb_swiper w-dyn-list"><div role="list" class="swiper-wrapper w-dyn-items"><div blog="item" role="listitem" class="rb_swiper-slide w-dyn-item"><div data-hover="scale" class="blog_card"><div class="blog_image_wrapper"><div blog="image" class="blog_image"><div class="u-image-wrapper"><img classes=" " loading="lazy" alt="" src="https://cdn.prod.website-files.com/65fc1fa2c1e7707c3f051466/6aac25bfb73e6d648ddc80dd_Blog04.webp" sizes="(max-width: 1279px) 100vw, 1264px" srcset="https://cdn.prod.website-files.com/65fc1fa2c1e7707c3f051466/6aac25bfb73e6d648ddc80dd_Blog04-p-500.webp 500w, https://cdn.prod.website-files.com/65fc1fa2c1e7707c3f051466/6aac25bfb73e6d648ddc80dd_Blog04-p-800.webp 800w, https://cdn.prod.website-files.com/65fc1fa2c1e7707c3f051466/6aac25bfb73e6d648ddc80dd_Blog04-p-1080.webp 1080w, https://cdn.prod.website-files.com/65fc1fa2c1e7707c3f051466/6aac25bfb73e6d648ddc80dd_Blog04.webp 1264w" class="u-image"/></div></div></div><div class="blog_category"><div class="text-size-tertiary">JIM</div></div><div class="blog_text_wrapper"><h3 class="text-size-primary text-weight-normal">How to Make Money on Your Phone (2026): Realistic Routes</h3></div><a aria-label="Read blog post" href="/blog/how-to-make-money-on-your-phone" class="link-full w-inline-block"></a></div></div><div blog="item" role="listitem" class="rb_swiper-slide w-dyn-item"><div data-hover="scale" class="blog_card"><div class="blog_image_wrapper"><div blog="image" class="blog_image"><div class="u-image-wrapper"><img classes=" " loading="lazy" alt="" src="https://cdn.prod.website-files.com/65fc1fa2c1e7707c3f051466/6a7f360b1e3636ef1868a7fa_6a7f35d90a601d764cd380f5_how-to-start-a-food-truck.webp" class="u-image"/></div></div></div><div class="blog_category"><div class="text-size-tertiary">JIM</div></div><div class="blog_text_wrapper"><h3 class="text-size-primary text-weight-normal">How to start a food truck business: a 9-step guide</h3></div><a aria-label="Read blog post" href="/blog/how-to-start-a-food-truck" class="link-full w-inline-block"></a></div></div><div blog="item" role="listitem" class="rb_swiper-slide w-dyn-item"><div data-hover="scale" class="blog_card"><div class="blog_image_wrapper"><div blog="image" class="blog_image"><div class="u-image-wrapper"><img classes=" " loading="lazy" alt="" src="https://cdn.prod.website-files.com/65fc1fa2c1e7707c3f051466/6aac26de10d81f31081b182e_Blog02.webp" sizes="(max-width: 1279px) 100vw, 1264px" srcset="https://cdn.prod.website-files.com/65fc1fa2c1e7707c3f051466/6aac26de10d81f31081b182e_Blog02-p-500.webp 500w, https://cdn.prod.website-files.com/65fc1fa2c1e7707c3f051466/6aac26de10d81f31081b182e_Blog02-p-800.webp 800w, https://cdn.prod.website-files.com/65fc1fa2c1e7707c3f051466/6aac26de10d81f31081b182e_Blog02-p-1080.webp 1080w, https://cdn.prod.website-files.com/65fc1fa2c1e7707c3f051466/6aac26de10d81f31081b182e_Blog02.webp 1264w" class="u-image"/></div></div></div><div class="blog_category"><div class="text-size-tertiary">Payments</div></div><div class="blog_text_wrapper"><h3 class="text-size-primary text-weight-normal">How to accept credit card payment without machine and get paid anywhere</h3></div><a aria-label="Read blog post" href="/blog/how-to-accept-credit-card-payment-without-machine" class="link-full w-inline-block"></a></div></div><div blog="item" role="listitem" class="rb_swiper-slide w-dyn-item"><div data-hover="scale" class="blog_card"><div class="blog_image_wrapper"><div blog="image" class="blog_image"><div class="u-image-wrapper"><img classes=" " loading="lazy" alt="Payment interface showing Car Detailing $85, options Tap to Pay or Payment Link, with Charge $85 button." src="https://cdn.prod.website-files.com/65fc1fa2c1e7707c3f051466/6a84ad5f573a47599c81e47d_6a7489fb221db92a09c64c2d_payment-link.webp" class="u-image"/></div></div></div><div class="blog_category"><div class="text-size-tertiary">Payments</div></div><div class="blog_text_wrapper"><h3 class="text-size-primary text-weight-normal">Is Link Payment Safe? What to Know Before You Pay</h3></div><a aria-label="Read blog post" href="/blog/is-link-payment-safe" class="link-full w-inline-block"></a></div></div></div></div><div class="blogs_navigation"><a aria-label="Previous blog posts" data-swiper-prev="" href="#" class="blog_navigation_button w-inline-block"><div class="u-icon w-embed"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> 6860<path d="M7.825 13L13.425 18.6L12 20L4 12L12 4L13.425 5.4L7.825 11H2
68600V13H7.825Z" fill="white"/> 6861</svg> 6862</div></a><a aria-label="Next blog posts" data-swiper-next="" href="#" class="blog_navigation_button is-right w-inline-block"><div class="u-icon w-embed"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> 6863<path d="M16.175 13H4V11H16.175L10.575 5.4L12 4L20 12L12 20L10.575 18.6L16.175 13Z" fill="white"/> 6864</svg> 6865</div></a></div></div></div></div></div></section><aside data-wf--rb-global-footer-corner--variant="dark" class="blog_corner_wrapper"><div class="blog_corner_inner w-variant-bf3038fe-30fc-ba66-b719-8ce95cb45cc4"></div></aside><div data-vimeo-playing="false" class="vimeo-lightbox" data-vimeo-activated="false" data-vimeo-fullscreen="false" data-vimeo-hover="false" data-vimeo-loaded="false" data-vimeo-update-size="true" data-vimeo-lightbox-init="" data-vimeo-muted="false"><div data-vimeo-lightbox-control="close" class="vimeo-lightbox__bg"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="L9" x="0px" y="0px" viewBox="0 0 100 100" enable-background="new 0 0 0 0" xml:space="preserve" width="100%" class="vimeo-lightbox__loading-svg"><path fill="currentColor" d="M73,50c0-12.7-10.3-23-23-23S27,37.3,27,50 M30.9,50c0-10.5,8.5-19.1,19.1-19.1S69.1,39.5,69.1,50"><animatetransform attributeName="transform" attributeType="XML" type="rotate" dur="1s" from="0 50 50" to="360 50 50" repeatCount="indefinite"></animatetransform></path></svg></div><div class="vimeo-lightbox__calc"><div class="vimeo-lightbox__calc-wrap"><div data-vimeo-lightbox-player="" class="vimeo-lightbox__player"><div class="vimeo-lightbox__before"></div><iframe src="" width="640" height="360" frameborder="0" allowfullscreen="true" allow="autoplay; encrypted-media" title="Video player" class="vimeo-lightbox__iframe"></iframe><img loading="lazy" src="https://cdn.prod.website-files.com/plugins/Basic/assets/placeholder.60f9b1840c.svg" alt="" class="vimeo-lightbox__placeholder"/><div class="vimeo-lightbox__dark"></div><div data-vimeo-control="play" class="vimeo-lightbox__play"><div class="vimeo-lightbox__btn"><svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 24 24" fill="none" class="vimeo-lightbox__btn-play-svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M6.38178 6.13982C6.40762 5.94017 6.48425 5.74878 6.60555 5.58089C6.72686 5.413 6.88949 5.27326 7.08049 5.17279C7.2715 5.07232 7.48559 5.01391 7.70574 5.00219C7.92587 4.99048 8.14597 5.02579 8.3485 5.10532C9.37235 5.50436 11.6669 6.45272 14.5784 7.98469C17.4908 9.51754 19.5395 10.8562 20.4294 11.4635C21.1891 11.9829 21.191 13.013 20.4304 13.5342C19.5491 14.1381 17.5256 15.4591 14.5784 17.0113C11.6283 18.5635 9.36078 19.5005 8.34657 19.8942C7.47311 20.2343 6.49554 19.7183 6.38178 18.8597C6.24873 17.856 6 15.5769 6 12.4989C6 9.42262 6.24777 7.14443 6.38178 6.13982Z" fill="currentColor"></path></svg></div></div><div data-vimeo-control="pause" class="vimeo-lightbox__pause"><div class="vimeo-lightbox__btn"><svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 24 24" fill="none" class="vimeo-lightbox__btn-pause-svg"><path d="M8 6.5C8 6.22386 8.22386 6 8.5 6H10.5C10.7761 6 11 6.22386 11 6.5V17.5C11 17.7761 10.7761 18 10.5 18H8.5C8.22386 18 8 17.7761 8 17.5V6.5Z" fill="currentColor"></path><path d="M14 6.5C14 6.22386 14.2239 6 14.5 6H16.5C16.7761 6 17 6.22386 17 6.5V17.5C17 17.7761 16.7761 18 16.5 18H14.5C14.2239 18 14 17.7761 14 17.5V6.5Z" fill="currentColor"></path></svg></div></div><div class="vimeo-lightbox__interface"><div class="vimeo-lightbox__interface-bottom"><div class="vimeo-lightbox__duration"><span data-vimeo-duration="" class="vimeo-lightbox__duration-span">0:00</span></div><div class="vimeo-lightbox__timeline"><progress min="0" max="100" value="0" class="vimeo-lightbox__timeline-progress"></progress><input type="range" min="0" max="100" step="0.01" data-vimeo-control="timeline" aria-label="Video timeline" class="vimeo-lightbox__timeline-input" value="0"/></div><div data-vimeo-control="mute" class="vimeo-lightbox__mute">
6865<svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 24 24" fill="none" class="vimeo-lightbox__volume-up-svg"><path d="M3 8.99998V15H7L12 20V3.99998L7 8.99998H3ZM16.5 12C16.5 10.23 15.48 8.70998 14 7.96998V16.02C15.48 15.29 16.5 13.77 16.5 12ZM14 3.22998V5.28998C16.89 6.14998 19 8.82998 19 12C19 15.17 16.89 17.85 14 18.71V20.77C18.01 19.86 21 16.28 21 12C21 7.71998 18.01 4.13998 14 3.22998Z" fill="currentColor"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 24 24" fill="none" class="vimeo-lightbox__volume-mute-svg"><path d="M16.5 12C16.5 10.23 15.48 8.71 14 7.97V10.18L16.45 12.63C16.48 12.43 16.5 12.22 16.5 12ZM19 12C19 12.94 18.8 13.82 18.46 14.64L19.97 16.15C20.63 14.91 21 13.5 21 12C21 7.72 18.01 4.14 14 3.23V5.29C16.89 6.15 19 8.83 19 12ZM4.27 3L3 4.27L7.73 9H3V15H7L12 20V13.27L16.25 17.52C15.58 18.04 14.83 18.45 14 18.7V20.76C15.38 20.45 16.63 19.81 17.69 18.95L19.73 21L21 19.73L12 10.73L4.27 3ZM12 4L9.91 6.09L12 8.18V4Z" fill="currentColor"></path></svg></div><div data-vimeo-control="fullscreen" class="vimeo-lightbox__fullscreen"><svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 24 24" fill="none" class="vimeo-lightbox__fullscreen-scale-svg"><rect x="3" y="14" width="2" height="7" fill="currentColor"></rect><rect x="3" y="3" width="2" height="7" fill="currentColor"></rect><rect x="19" y="3" width="2" height="7" fill="currentColor"></rect><rect x="19" y="14" width="2" height="7" fill="currentColor"></rect><rect x="3" y="19" width="7" height="2" fill="currentColor"></rect><rect x="14" y="19" width="7" height="2" fill="currentColor"></rect><rect x="3" y="3" width="7" height="2" fill="currentColor"></rect><rect x="14" y="3" width="7" height="2" fill="currentColor"></rect></svg><svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 24 24" fill="none" class="vimeo-lightbox__fullscreen-shrink-svg"><rect x="7" y="2" width="2" height="7" fill="currentColor"></rect><rect x="15" y="2" width="2" height="7" fill="currentColor"></rect><rect x="15" y="15" width="2" height="7" fill="currentColor"></rect><rect x="8" y="15" width="2" height="7" fill="currentColor"></rect><rect x="2" y="7" width="7" height="2" fill="currentColor"></rect><rect x="3" y="15" width="7" height="2" fill="currentColor"></rect><rect x="15" y="7" width="7" height="2" fill="currentColor"></rect><rect x="15" y="15" width="7" height="2" fill="currentColor"></rect></svg></div></div></div><div class="vimeo-lightbox__loading"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="L9-loader" x="0px" y="0px" viewBox="0 0 100 100" enable-background="new 0 0 0 0" xml:space="preserve" width="100%" class="vimeo-lightbox__loading-svg"><path fill="currentColor" d="M73,50c0-12.7-10.3-23-23-23S27,37.3,27,50 M30.9,50c0-10.5,8.5-19.1,19.1-19.1S69.1,39.5,69.1,50"><animatetransform attributeName="transform" attributeType="XML" type="rotate" dur="1s" from="0 50 50" to="360 50 50" repeatCount="indefinite"></animatetransform></path></svg></div></div></div></div><button data-vimeo-lightbox-control="close" aria-label="Close video" class="vimeo-lightbox__close"><div class="vimeo-lightbox__close-bar"></div><div class="vimeo-lightbox__close-bar is--duplicate"></div></button></div></main><div mobile-button-sticky="" class="mobile_sticky_wrapper"><div class="mobile_sticky_inner"><a data-button="trigger" href="https://onboarding.jim.com/v2/login" class="rb_button w-inline-block"><div class="cta_button">Get Jim</div><div data-button="bg" class="button_bg"><img loading="lazy" src="https://cdn.prod.website-files.com/65fc1fa2c1e7707c3f051403/6a69042703b2d33049b13366_button-bg-main.svg" alt="This is a plain white button background with no text or meaningful visual content. Screen readers should skip it; the buttonâs label carries the meaning." class="rb_image"/></div></a></div><div button-sticky="spacer" class="mobile_sticky_spacer is-collapsed is-scrolled"></div><div class="js w-embed w-script">
6865<script> 6866document.addEventListener('DOMContentLoaded', function () { 6867 const ua = navigator.userAgent; 6868 const isSafari = /^((?!chrome|android|crios|fxios|edgios).)*safari/i.test(ua); 6869 if (isSafari) { 6870 document.documentElement.classList.add('is-safari'); 6871 } 6872}); 6873</script>
6873</div></div><div button-sticky="end" class="footer-section u-theme-extra-light"><div class="rb_padding-global"><div class="rb_container-large"><div class="footer-content"><div class="footer_top"><div class="footer_heading"><h2 class="rb_heading-style-h2">Run your business solo, with a partner.</h2></div><div class="footer_bottom"><div class="footer_links"><div class="footer_column"><div class="text-size-secondary">Payments</div><a href="/tap" class="footer_link w-inline-block"><div class="text-size-secondary">Tap to Pay</div></a><a href="/payment-link" class="footer_link w-inline-block"><div class="text-size-secondary">Payment Links</div></a></div><div class="footer_column"><div class="text-size-secondary">Solutions</div><a href="/booking" class="footer_link w-inline-block"><div class="text-size-secondary">Booking</div></a><a href="/website-builder" class="footer_link w-inline-block"><div class="text-size-secondary">Website Builder</div></a><a href="/jim-card" class="footer_link w-inline-block"><div class="text-size-secondary">Jim Card</div></a><a href="/calculator" class="footer_link w-inline-block"><div class="text-size-secondary">Calculator</div></a><a href="/materials" class="footer_link w-inline-block"><div class="text-size-secondary">Materials</div></a></div><div class="footer_column"><a href="/chat" class="footer_link w-inline-block"><div class="text-size-secondary">Ask Jim</div></a><a href="/pricing" class="footer_link w-inline-block"><div class="text-size-secondary">Pricing</div></a><a href="/blog" class="footer_link w-inline-block"><div class="text-size-secondary">Blog</div></a><a href="/" aria-current="page" class="footer_link w-inline-block w--current"><div class="text-size-secondary">Selling with Jim</div></a></div><div class="footer_column"><a href="/behind-the-curtain" class="footer_link w-inline-block"><div class="text-size-secondary">Terms & Privacy</div></a><a href="https://www.jim.com/behind-the-curtain/privacy-agreements" class="footer_link w-inline-block"><div class="text-size-secondary">Data Protection Policy</div></a><a href="https://help.jim.com/en/" class="footer_link w-inline-block"><div class="text-size-secondary">Help center</div></a><a href="mailto:[email protected]?subject=Jim%20Support%20Request" class="footer_link w-inline-block"><div class="text-size-secondary">[email protected]</div></a></div></div><div class="footer_copy_wrapper"><div class="text-size-secondary u-op-60">Powered by CloudWalk, Inc.</div><div class="footer_legals hide"><a href="#" class="footer_link w-inline-block"><div class="text-size-secondary">Privacy</div></a><a href="#" class="footer_link w-inline-block"><div class="text-size-secondary">Terms</div></a><a href="#" class="footer_link w-inline-block"><div class="text-size-secondary">Data Protection Policy</div></a></div></div><div class="footer_social_wrapper"><div class="u-language-button"><div class="u-icon w-embed"><svg width="34" height="26" viewBox="0 0 34 26" fill="none" xmlns="http://www.w3.org/2000/svg"> 6874<g clip-path="url(#clip0_12144_14927)"> 6875<path d="M17 24.29C23.0751 24.29 28 19.3651 28 13.29C28 7.21491 23.0751 2.29004 17 2.29004M17 24.29C10.9249 24.29 6 19.3651 6 13.29C6 7.21491 10.9249 2.29004 17 2.29004M17 24.29C17 24.29 13 20.99 13 13.29C13 5.59004 17 2.29004 17 2.29004M17 24.29C17 24.29 21 20.99 21 13.29C21 5.59004 17 2.29004 17 2.29004M6 10.29H28M6 16.29H28" stroke="#1A0000" stroke-width="2"/> 6876</g> 6877<defs> 6878<clipPath id="clip0_12144_14927"> 6879<rect width="24" height="24" fill="white" transform="translate(5 1.29004)"/> 6880</clipPath> 6881</defs> 6882</svg> 6883</div><div class="text-size-secondary">United States (English)</div></div><div class="footer_social"><div class="u-social-link-wrapper"><a aria-label="Access JIM TikTok" href="https://www.tiktok.com/@jim" target="_blank" class="u-social-link w-inline-block"></a><div><div class="u-icon w-embed"><svg width="19" height="19" viewBox="0 0 19 19" fill="none" xmlns="http://www.w3.org/2000/svg"> 6884<g clip-path="url(#clip0_12144_14934)"> 6885<g clip-path="url(#clip1_12144_14934)"> 6886<g clip-path="url(#clip2_12144_14934)"> 6887<path d="M15.2961 4.40339C15.1759 4.34126 15.0588 4.27315 14.9454 4.19931C14.6156 3.98126 14.3132 3.7243
68876 14.0448 3.43411C13.3731 2.66556 13.1222 1.8859 13.0299 1.34002H13.0336C12.9564 0.886915 12.9883 0.59375 12.9931 0.59375H9.9338V12.4235C9.9338 12.5823 9.9338 12.7393 9.92713 12.8944C9.92713 12.9137 9.92527 12.9315 9.92416 12.9523C9.92416 12.9608 9.92416 12.9697 9.92231 12.9786C9.92231 12.9808 9.92231 12.9831 9.92231 12.9853C9.89005 13.4098 9.75399 13.8198 9.52608 14.1793C9.29818 14.5388 8.98541 14.8368 8.61532 15.0471C8.22957 15.2665 7.79331 15.3817 7.34951 15.3811C5.92413 15.3811 4.76893 14.2188 4.76893 12.7834C4.76893 11.3481 5.92413 10.1858 7.34951 10.1858C7.61934 10.1855 7.88748 10.228 8.14402 10.3116L8.14773 7.19663C7.36894 7.09602 6.57776 7.15792 5.82408 7.37839C5.07042 7.59888 4.3706 7.97316 3.76882 8.47763C3.24152 8.93579 2.79823 9.48245 2.45887 10.093C2.32973 10.3157 1.84248 11.2104 1.78348 12.6625C1.74637 13.4867 1.99389 14.3406 2.1119 14.6935V14.7009C2.18612 14.9087 2.47371 15.6179 2.94239 16.2157C3.32033 16.6952 3.76685 17.1165 4.26757 17.4659V17.4585L4.27501 17.4659C5.75603 18.4723 7.39813 18.4062 7.39813 18.4062C7.68239 18.3948 8.6346 18.4062 9.71599 17.8938C10.9154 17.3256 11.5982 16.4792 11.5982 16.4792C12.0344 15.9734 12.3812 15.397 12.6239 14.7747C12.9007 14.047 12.9931 13.1742 12.9931 12.8254V6.54944C13.0302 6.5717 13.5245 6.89864 13.5245 6.89864C13.5245 6.89864 14.2366 7.35509 15.3477 7.65232C16.1448 7.86384 17.2188 7.90837 17.2188 7.90837V4.87134C16.8425 4.91216 16.0784 4.79342 15.2961 4.40339Z" fill="#240A13"/> 6888</g> 6889</g> 6890</g> 6891<defs> 6892<clipPath id="clip0_12144_14934"> 6893<rect width="19" height="19" fill="white"/> 6894</clipPath> 6895<clipPath id="clip1_12144_14934"> 6896<rect width="19" height="19" fill="white"/> 6897</clipPath> 6898<clipPath id="clip2_12144_14934"> 6899<rect width="19" height="19" fill="white"/> 6900</clipPath> 6901</defs> 6902</svg> 6903</div></div></div><div class="u-social-link-wrapper"><a aria-label="Access JIM Instagram" href="https://www.instagram.com/chatwithjim" target="_blank" class="u-social-link w-inline-block"></a><div><div class="u-icon w-embed"><svg width="26" height="26" viewBox="0 0 26 26" fill="none" xmlns="http://www.w3.org/2000/svg"> 6904<g clip-path="url(#clip0_12144_14939)"> 6905<g clip-path="url(#clip1_12144_14939)"> 6906<path d="M16.6116 4.0625H9.38763C7.97563 4.06357 6.62181 4.62494 5.62338 5.62338C4.62494 6.62181 4.06357 7.97563 4.0625 9.38763V16.6116C4.06335 18.0237 4.62465 19.3777 5.62309 20.3763C6.62155 21.3749 7.9755 21.9364 9.38763 21.9375H16.6116C18.0236 21.9362 19.3774 21.3746 20.3758 20.3761C21.3742 19.3775 21.9356 18.0236 21.9367 16.6116V9.38763C21.936 7.9755 21.3748 6.62142 20.3763 5.62292C19.3778 4.62439 18.0237 4.06315 16.6116 4.0625ZM20.1394 16.6116C20.1392 17.5471 19.7675 18.4443 19.1059 19.1059C18.4444 19.7675 17.5471 20.1392 16.6116 20.1394H9.38763C8.92437 20.1394 8.46567 20.0482 8.03771 19.8709C7.60971 19.6936 7.22085 19.4337 6.89332 19.1061C6.56581 18.7785 6.30601 18.3896 6.12882 17.9615C5.95159 17.5336 5.86047 17.0748 5.86056 16.6116V9.38763C5.86047 8.9244 5.95163 8.46573 6.12882 8.03774C6.30604 7.60978 6.56585 7.22092 6.89338 6.89338C7.22092 6.56585 7.60978 6.30604 8.03774 6.12882C8.46573 5.95163 8.9244 5.86046 9.38763 5.86056H16.6116C17.5469 5.86079 18.4439 6.23246 19.1053 6.89387C19.7667 7.55527 20.1384 8.45224 20.1386 9.38763L20.1394 16.6116Z" fill="#240A13"/> 6907<path d="M13 8.37849C10.4504 8.37849 8.37849 10.4512 8.37849 13C8.37849 15.5488 10.4512 17.6215 13 17.6215C15.5488 17.6215 17.6215 15.5488 17.6215 13C17.6215 10.4512 15.5496 8.37849 13 8.37849ZM13 15.8234C12.2512 15.8235 11.533 15.5262 11.0034 14.9968C10.4738 14.4673 10.1763 13.7492 10.1761 13.0004C10.176 12.2516 10.4734 11.5334 11.0028 11.0038C11.5322 10.4742 12.2504 10.1766 12.9992 10.1766C13.748 10.1765 14.4662 10.4738 14.9958 11.0032C15.5253 11.5326 15.8229 12.2508 15.823 12.9996C15.8231 13.7484 15.5258 14.4666 14.9963 14.9962C14.4669 15.5258 13.7488 15.8233 13 15.8234ZM17.6312 7.30518C17.8502 7.30534 18.0642 7.3704 18.2462 7.49215C18.4282 7.61389 18.57 7.78686 18.6537 7.98917C18.7374 8.19152 18.7593 8.41411 18.7165 8.62887C18.6738 8.8436 18.5683 9.04087 18.4135 9.1957C18.2587 9.35053 18.0614 9.45596 17.8467 9.49873C17.6319 9.5415 17.4093 9.51963 17.207 9.43591C17.0047 9.35219 16.8317 9.21036 16.71 9.02839C16.5882 8.84639 16.5232 8.63238 16.523 8.41343C16.523 7.80243 16.9374 7.30518 17.6312 7.30518Z" fill="#240A13"/> 6908</g> 6909</g> 6910<defs> 6911<clipPath id="clip0_12144_14939"> 6912<rect width="26" height="26" fill="white"/> 6913</clipPath> 6914<clipPath id="clip1_12144_14939"> 6915<rect width="26" height="26" fill="white"/> 6916</clipPath> 6917</defs> 6918</svg> 6919</div></div></div><div class="u-social-link-wrapper"><a aria-label="Access JIM Youtube" href="https://www.youtube.com/@chatwithjim" target="_blank" class="u-social-link w-inline-block"></a><div><div class="u-icon w-embed"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> 6920<g clip-path="url(#clip0_12144_14945)"> 6921<g clip-path="url(#clip1_12144_14945)"> 6922<g clip-path="url(#clip2_12144_14945)"> 6923<path d="M16.5547 2.97656H3.44533C3.44533 2.97656 0 2.97654 0 6.42186V13.5703C0 13.5703 7.62939e-07 17.0156 3.44533 17.0156H16.5547C16.5547 17.0156 20 17.0156 20 13.5703V6.42186C20 6.42186 20 2.97656 16.5547 2.97656ZM7.33593 13.8437V6.14841L13.8828 9.99999L7.33593 13.8437Z" fill="#240A13"/> 6924</g> 6925</g> 6926</g> 6927<defs> 6928<clipPath id="clip0_12144_14945"> 6929<rect width="20" height="20" fill="white"/> 6930</clipPath> 6931<clipPath id="clip1_12144_14945"> 6932<rect width="20" height="20" fill="white"/> 6933</clipPath> 6934<clipPath id="clip2_12144_14945"> 6935<rect width="20" height="20" fill="white"/> 6936</clipPath> 6937</defs> 6938</svg> 6939</div></div></div><div class="u-social-link-wrapper"><a aria-label="Access JIM Facebook" href="https://www.facebook.com/people/JIM/61559815860551/" target="_blank" class="u-social-link w-inline-block"></a><div><div class="u-icon w-embed"><svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg"> 6940<g clip-path="url(#clip0_12144_14950)"> 6941<g clip-path="url(#clip1_12144_14950)"> 6942<path d="M19.2062 4.37935L16.3135 4.37585C13.5082 4.37585 11.6961 6.23435 11.6961 9.11398V11.2971H8.79375V15.2477H11.6961L11.6926 23.6259H15.7535L15.757 15.2477H19.0872L19.0846 11.298H15.757V9.4456C15.757 8.55485 15.9679 8.10423 17.1272 8.10423L19.1975 8.10335L19.2062 4.37935Z" fill="#240A13"/> 6943</g> 6944</g> 6945<defs> 6946<clipPath id="clip0_12144_14950"> 6947<rect width="28" height="28" fill="white"/> 6948</clipPath> 6949<clipPath id="clip1_12144_14950"> 6950<rect width="28" height="28" fill="white"/> 6951</clipPath> 6952</defs> 6953</svg> 6954</div></div></div><div class="u-social-link-wrapper"><a aria-label="Access JIM Threads" href="https://x.com/GetJIMnow" target="_blank" class="u-social-link w-inline-block"></a><div><div class="u-icon w-embed"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> 6955<g clip-path="url(#clip0_12144_14955)"> 6956<g clip-path="url(#clip1_12144_14955)"> 6957<g clip-path="url(#clip2_12144_14955)"> 6958<path d="M-0.384002 0L7.67349 10.7735L-0.434784 19.5328H1.39021L8.48913 11.8637L14.2247 19.5328H20.4348L11.9237 8.15345L19.471 0H17.646L11.1084 7.06287L5.82609 0H-0.384002ZM2.29973 1.34414H5.15262L17.7507 18.1886H14.8978L2.29973 1.34414Z" fill="#1A0000"/> 6959</g> 6960</g> 6961</g> 6962<defs> 6963<clipPath id="clip0_12144_14955"> 6964<rect width="20" height="20" fill="white"/> 6965</clipPath> 6966<clipPath id="clip1_12144_14955"> 6967<rect width="20" height="20" fill="white"/> 6968</clipPath> 6969<clipPath id="clip2_12144_14955"> 6970<rect width="20.8696" height="20" fill="white" transform="translate(-0.434784)"/> 6971</clipPath> 6972</defs> 6973</svg> 6974</div></div></div></div></div><div class="footer_text_wrapper"><p class="text-size-tertiary u-op-60">jim.com is not a bank. jim.com is a financial technology company. Banking services are provided by Lead Bank, Member FDIC. The Jim.com Visa Prepaid Card (the âJ
6974imâ Card) is issued by Lead Bank pursuant to licensing by Visa® U.S.A. Inc. and is available to commercial entities in select industries. Fees and eligibility requirements apply. See Jim.com for more details. Funds held in the Jim.com Prepaid Card Account are held with Lead Bank, Member FDIC, and are insured up to $250,000 in the event Lead Bank fails and if specific deposit insurance requirements are met and your card is registered. FDIC insurance does not protect funds in the event of Jim.comâs failure or from the risk of theft or fraud. See FDIC Prepaid Cards and Deposit Insurance Coverage. See FDIC Prepaid Cards and Deposit Insurance Coverage. Instant settlements subject to terms. Fees and T&C apply. See Jim.com for more details.</p></div></div></div><div class="footer_video_wrapper"><div class="footer_video"><div class="footer_lottie_inner"><div lottie-stack="wrapper" class="lotties_stack"><div lottie-stack="1" class="lottie_item" data-w-id="750898c0-7c89-b7d6-a82f-63ce6bd6a400" data-animation-type="lottie" data-src="https://cdn.prod.website-files.com/6a4cad18edad9e1058b02d0c/6a5a47a3b1a73a84a5c48add_Jim_Logo-LookAround_Maroon.json" data-loop="0" data-direction="1" data-autoplay="1" data-is-ix2-target="0" data-renderer="svg" data-default-duration="0" data-duration="2.6666666666666665" data-loading="lazy"></div><div lottie-stack="2" class="lottie_item" data-w-id="750898c0-7c89-b7d6-a82f-63ce6bd6a401" data-animation-type="lottie" data-src="https://cdn.prod.website-files.com/6a4cad18edad9e1058b02d0c/6a5a47a3b3f5f2061f69a049_Jim_Logo-Love_Maroon.json" data-loop="1" data-direction="1" data-autoplay="1" data-is-ix2-target="0" data-renderer="svg" data-default-duration="0" data-duration="4.333333333333333" data-loading="lazy"></div><div lottie-stack="3" class="lottie_item" data-w-id="750898c0-7c89-b7d6-a82f-63ce6bd6a402" data-animation-type="lottie" data-src="https://cdn.prod.website-files.com/6a4cad18edad9e1058b02d0c/6a5a47a39dedb12276828055_JIM_Logo-Angry_Maroon.json" data-loop="0" data-direction="1" data-autoplay="1" data-is-ix2-target="0" data-renderer="svg" data-default-duration="0" data-duration="3.566666666666667" data-loading="lazy"></div></div></div></div></div></div></div></div></div></div>
6974<script src="https://d3e54v103j8qbb.cloudfront.net/js/jquery-3.5.1.min.dc5e7f18c8.js?site=65fc1fa2c1e7707c3f051403" type="text/javascript" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
6974<script src="https://cdn.prod.website-files.com/65fc1fa2c1e7707c3f051403/js/jim-page.schunk.b5bc63e6e0a04bd4.js" type="text/javascript" integrity="sha384-c9MXzw5hmzHJVEBtKTyubNNRLRtqjpej22P/5qAxFGWZCesFbrh6bwft9RsAHB8P" crossorigin="anonymous"></script>
6974<script src="https://cdn.prod.website-files.com/65fc1fa2c1e7707c3f051403/js/jim-page.schunk.e9be1ee6387a4926.js" type="text/javascript" integrity="sha384-Dhco9m5L1NDVRatBx3luDU4k2563YclhTzX6WYqKQtnZ+CkNaqhFgXb4lBV3DAvy" crossorigin="anonymous"></script>
6974<script src="https://cdn.prod.website-files.com/65fc1fa2c1e7707c3f051403/js/jim-page.ca2433cb.262a69abb7642de0.js" type="text/javascript" integrity="sha384-soowouKRrm1Isy1168rtL7JKZ7UAiqoA9cgWwZZHagJqdedJT2NsSsTqoBx5EWaT" crossorigin="anonymous"></script>
6974<script src="https://cdn.prod.website-files.com/gsap/3.15.0/gsap.min.js" type="text/javascript"></script>
6974<script src="https://cdn.prod.website-files.com/gsap/3.15.0/ScrollToPlugin.min.js" type="text/javascript"></script>
6974<script src="https://cdn.prod.website-files.com/gsap/3.15.0/SplitText.min.js" type="text/javascript"></script>
6974<script src="https://cdn.prod.website-files.com/gsap/3.15.0/ScrollTrigger.min.js" type="text/javascript"></script>
6974<script src="https://cdn.prod.website-files.com/gsap/3.15.0/Flip.min.js" type="text/javascript"></script>
6974<script src="https://cdn.prod.website-files.com/gsap/3.15.0/Draggable.min.js" type="text/javascript"></script>
6974<script src="https://cdn.prod.website-files.com/gsap/3.15.0/InertiaPlugin.min.js" type="text/javascript"></script>
6974<script src="https://cdn.prod.website-files.com/gsap/3.15.0/CustomEase.min.js" type="text/javascript"></script>
6974<script type="text/javascript">gsap.registerPlugin(ScrollToPlugin,SplitText,ScrollTrigger,Flip,Draggable,InertiaPlugin,CustomEase);</script>
6974<!-- Search Params Data -->
6975<script> 6976 const saveQueryParams = () => { 6977 const setCookie = (name, value) => { 6978 const datePlus = (qtd, type, date) => { 6979 if (!type) { 6980 type = "d"; 6981 } 6982 if (!date) { 6983 date = new Date(); 6984 } 6985 const increase = { 6986 d: 0, 6987 m: 0, 6988 y: 0, 6989 }; 6990 increase[type] = qtd; 6991 return new Date( 6992 date.getFullYear() + increase.y, 6993 date.getMonth() + increase.m, 6994 date.getDate() + increase.d 6995 ); 6996 }; 6997 document.cookie = `${name}=${value}; expires=${datePlus(30)}; path=/; domain=.jim.com; samesite=lax; secure`; 6998 }; 6999 const params = {}; 7000 const searchParams = new URLSearchParams(window.location.search); 7001 searchParams.forEach((value, key) => { 7002 if (value) { 7003 params[key] = value; 7004 } 7005 }); 7006 setCookie("search_params", JSON.stringify(params)); 7007 }; 7008 window.addEventListener("DOMContentLoaded", saveQueryParams()); 7009</script>
7009 7010<!-- End Search Params Data --> 7011 7012<!-- OneLinkScript -->
7013<script async src="https://onelinksmartscript.appsflyer.com/onelink-smart-script-latest.js"></script>
vendor: 1 bytes, line 7013
7013
7014<script> 7015 (function () { 7016 "use strict"; 7017 7018 // [FIX-1] Resolve RS anonymousId: localStorage first (instant, persists across sessions), 7019 // then SDK fallback. Covers returning visitors even before SDK initializes. 7020 function getRsAnonymousId() { 7021 try { 7022 var s = localStorage.getItem("rl_anonymous_id"); 7023 if (s) { s = s.replace(/^"|"$/g, ""); if (s && s !== "undefined") return s; } 7024 } catch (e) { } 7025 return (window.rudderanalytics && typeof rudderanalytics.getAnonymousId === "function") 7026 ? (rudderanalytics.getAnonymousId() || "unknown_id") 7027 : "unknown_id"; 7028 } 7029 7030 // [FIX-3] Wait for SmartScript with retry (10 attempts x 300ms) 7031 function waitForSmartScript(callback, attempts, delay) { 7032 attempts = (typeof attempts === "number") ? attempts : 10; 7033 delay = (typeof delay === "number") ? delay : 300; 7034 if (window.AF_SMART_SCRIPT && typeof window.AF_SMART_SCRIPT.generateOneLinkURL === "function") { 7035 callback(); 7036 } else if (attempts > 0) { 7037 setTimeout(function () { waitForSmartScript(callback, attempts - 1, delay); }, delay); 7038 } else { 7039 console.error("AF_SMART_SCRIPT não disponÃvel após todas as tentativas."); 7040 } 7041 } 7042 7043 // URL sem query params (para af_sub5) 7044 var urlSemParams = (function () { 7045 try { var u = new URL(window.location.href); return u.origin + u.pathname; } 7046 catch (e) { return window.location.href.split('#')[0].split('?')[0]; } 7047 })(); 7048 7049 // ===== OneLink Configs â uma entry por LP ===== 7050 var oneLinkConfigs = { 7051 'general': { 7052 oneLinkURL: "https://jim.onelink.me/gx4L", 7053 webReferrer: "af_channel", 7054 afParameters: { 7055 mediaSource: { keys: ["utm_source"], defaultValue: "organic_source" }, 7056 campaign: { keys: ["utm_name", "utm_campaign"] }, 7057 googleClickIdKey: "af_sub1", 7058 afSub2: { keys: ["fbclid"] }, 7059 ad: { keys: ["utm_term"] }, 7060 adSet: { keys: ["utm_content"] }, 7061 afSub3: { keys: ["ttclid", "click_id"] }, 7062 afSub4: { keys: [], defaultValue: getRsAnonymousId() }, 7063 afSub5: { keys: [], defaultValue: urlSemParams }, 7064 afCustom: [{ paramKey: "af_ss_ui", defaultValue: "true" }] 7065 } 7066 }, 7067 'tap-2-ss': { 7068 oneLinkURL: "https://jim.onelink.me/T0Dv", 7069 webReferrer: "af_channel", 7070 afParameters: { 7071 mediaSource: { keys: ["utm_source"], defaultValue: "organic_source" }, 7072 campaign: { keys: ["utm_name", "utm_campaign"], defaultValue: "tap_lp_traffic" }, 7073 googleClickIdKey: "af_sub1", 7074 afSub2: { keys: ["fbclid"] }, 7075 ad: { keys: ["utm_term"], defaultValue: "lp_tap" }, 7076 adSet: { keys: ["utm_content"], defaultValue: "tap_lp_paid" }, 7077 afSub3: { keys: ["ttclid", "click_id"] }, 7078 afSub4: { keys: [], defaultValue: getRsAnonymousId() }, 7079 afSub5: { keys: [], defaultValue: urlSemParams }, 7080 afCustom: [ 7081 { paramKey: "af_dp", defaultValue: "jim:///authenticated/home" }, 7082 { paramKey: "af_force_deeplink", defaultValue: "true" }, 7083 { paramKey: "af_web_dp", defaultValue: "https://onboarding.jim.com/login" }, 7084 { paramKey: "af_ss_ui", defaultValue: "true" } 7085 ] 7086 } 7087 } 7088 }; 7089 7090 function generateAll(anonymousId) { 7091 Object.keys(oneLinkConfigs).forEach(function (contextKey) { 7092 var config = oneLinkConfigs[contextKey]; 7093 7094 // Inject fresh anonymousId 7095 config.afParameters.afSub4.defaultValue = anonymousId; 7096 7097 var result = window.AF_SMART_SCRIPT.generateOneLinkURL({ 7098 oneLinkURL: config.oneLinkURL, 7099 webReferrer: config.webReferrer, 7100 afParameters: config.afParameters 7101 }); 7102 7103 if (result && result.clickURL) { 7104 var resultUrl = result.clickURL; 7105 7106 // Update links by data-onelink attribute 7107 var linkElements = document.querySelectorAll('[data-onelink="' + contextKey + '"]');
7108 linkElements.forEach(function (el) { el.setAttribute('href', resultUrl); }); 7109 7110 // Update QR codes by data-qrcode attribute 7111 var qrCodeElements = document.querySelectorAll('[data-qrcode="' + contextKey + '"]'); 7112 qrCodeElements.forEach(function (element, index) { 7113 if (!element.id) element.id = "af_qrcode_" + contextKey + "_" + index; 7114 window.AF_SMART_SCRIPT.displayQrCode(element.id, { clickURL: resultUrl, codeColor: "#000000" }); 7115 }); 7116 } 7117 }); 7118 7119 // Backward compat â existing selectors 7120 var generalResult = window.AF_SMART_SCRIPT.generateOneLinkURL({ 7121 oneLinkURL: oneLinkConfigs['general'].oneLinkURL, 7122 webReferrer: oneLinkConfigs['general'].webReferrer, 7123 afParameters: oneLinkConfigs['general'].afParameters 7124 }); 7125 if (generalResult && generalResult.clickURL) { 7126 var url = generalResult.clickURL; 7127 var appStoreEls = document.querySelectorAll('[data-deeplink-name="appstore"]'); 7128 appStoreEls.forEach(function (el) { el.setAttribute('href', url); }); 7129 var androidLink = document.getElementById('andrd_link'); 7130 if (androidLink) androidLink.setAttribute('href', url); 7131 var iosLink = document.getElementById('ios_link'); 7132 if (iosLink) iosLink.setAttribute('href', url); 7133 } 7134 } 7135 7136 document.addEventListener('DOMContentLoaded', function () { 7137 waitForSmartScript(function () { 7138 // Initial generation with best available anonymousId 7139 generateAll(getRsAnonymousId()); 7140 7141 // [FIX-2] Re-generate once RudderStack is fully ready (first-time visitors) 7142 if (window.rudderanalytics && typeof rudderanalytics.ready === "function") { 7143 rudderanalytics.ready(function () { 7144 var freshId = rudderanalytics.getAnonymousId(); 7145 if (freshId && freshId !== "unknown_id") { 7146 generateAll(freshId); 7147 } 7148 }); 7149 } 7150 }); 7151 }); 7152 7153 })(); 7154</script>
7154 7155<!-- End OneLinkScript --> 7156
7157<script> 7158 const COOKIE_NAME = "search_params"; 7159 const getCookie = (name) => { 7160 const value = `; ${document.cookie}`; 7161 const parts = value.split(`; ${name}=`); 7162 if (parts.length === 2) { 7163 return parts.pop().split(";").shift(); 7164 } 7165 return null; 7166 }; 7167 const getUrlSearchParams = () => { 7168 try { 7169 const urlParams = new URLSearchParams(window.location.search); 7170 const params = {}; 7171 7172 urlParams.forEach((value, key) => { 7173 params[key] = value; 7174 }); 7175 7176 return params; 7177 } catch (error) { 7178 return {}; 7179 } 7180 }; 7181 7182 const getCookieParams = () => { 7183 try { 7184 const cookieValue = getCookie(COOKIE_NAME); 7185 if (!cookieValue) return {}; 7186 const parsedData = JSON.parse(cookieValue); 7187 return parsedData && typeof parsedData === "object" ? parsedData : {}; 7188 } catch (error) { 7189 return {}; 7190 } 7191 }; 7192 7193 const getMergedParams = () => { 7194 const urlParams = getUrlSearchParams(); 7195 const cookieParams = getCookieParams(); 7196 7197 return { ...urlParams, ...cookieParams }; 7198 }; 7199 7200 const mergeParamsIntoUrl = (href, params) => { 7201 if (!href) return href; 7202 7203 const paramKeys = Object.keys(params || {}); 7204 if (paramKeys.length === 0) return href; 7205 7206 try { 7207 const url = new URL(href, window.location.origin); 7208 paramKeys.forEach((key) => { 7209 const value = params[key]; 7210 if (value != null && value !== "") { 7211 url.searchParams.set(key, value); 7212 } 7213 }); 7214 return url.toString(); 7215 } catch (error) { 7216 return href; 7217 } 7218 }; 7219 7220 const updateButtonsUrls = () => { 7221 const mergedParams = getMergedParams(); 7222 7223 if (!mergedParams || Object.keys(mergedParams).length === 0) { 7224 return; 7225 } 7226 7227 const links = document.querySelectorAll( 7228 "a.button-glow_purple, a.glowing_button.fixed_button, a.widget_download-desk_wrapper, .widget_download-desk_wrapper a[href], a.jim2_button, a.jim2-testimonials-left_buttom, a.bento_grid-link, a.button, a.rb_button, a.link-full, a[href*='onboarding.jim.com']"); 7229 7230 links.forEach((link) => { 7231 const currentHref = link.getAttribute("href"); 7232 if (!currentHref) { 7233 return; 7234 } 7235 7236 const updatedHref = mergeParamsIntoUrl(currentHref, mergedParams); 7237 7238 if (updatedHref && updatedHref !== currentHref) { 7239 link.setAttribute("href", updatedHref); 7240 } 7241 }); 7242 }; 7243 7244 document.addEventListener("DOMContentLoaded", updateButtonsUrls); 7245</script>
7245 7246
7247<script> 7248 (() => { 7249 // 1) Escolha quais parâmetros você quer manter (recomendado: whitelist) 7250 const WHITELIST = new Set([ 7251 "utm_source", "utm_medium", "utm_campaign", "utm_content", "utm_term", "utm_name", 7252 "gclid", "fbclid", "click_id", "ttclid" 7253 ]); 7254 7255 // 2) Onde salvar: sessionStorage (só na sessão) ou localStorage (entre sessões) 7256 const STORAGE = window.sessionStorage; // troque por window.localStorage se quiser persistir mais 7257 const KEY = "persist_query_params_v1"; 7258 7259 const pickParams = (sp) => { 7260 const out = new URLSearchParams(); 7261 for (const [k, v] of sp.entries()) { 7262 if (WHITELIST.has(k) && v) out.set(k, v); 7263 } 7264 return out; 7265 }; 7266 7267 const currentUrl = new URL(window.location.href); 7268 const incomingPicked = pickParams(currentUrl.searchParams); 7269 7270 // Se chegou com params, salva (ex.: tap-2?utm_source=...) 7271 if ([...incomingPicked.keys()].length) { 7272 STORAGE.setItem(KEY, incomingPicked.toString()); 7273 } 7274 7275 const storedStr = STORAGE.getItem(KEY) || ""; 7276 if (!storedStr) return; 7277 7278 const stored = new URLSearchParams(storedStr); 7279 7280 // Opcional: injeta no URL atual sem recarregar (útil se a pessoa copiar o link) 7281 let changed = false; 7282 for (const [k, v] of stored.entries()) { 7283 if (!currentUrl.searchParams.has(k)) { 7284 currentUrl.searchParams.set(k, v); 7285 changed = true; 7286 } 7287 } 7288 if (changed) { 7289 history.replaceState({}, "", currentUrl.pathname + "?" + currentUrl.searchParams.toString() + currentUrl.hash); 7290 } 7291 7292 const isInternalLink = (a) => { 7293 const href = a.getAttribute("href") || ""; 7294 if (!href || href.startsWith("#") || href.startsWith("mailto:") || href.startsWith("tel:") || href.startsWith("javascript:")) return false; 7295 try { 7296 const u = new URL(href, window.location.origin); 7297 // aceita mesmo origin OU qualquer subdomÃnio de jim.com 7298 return u.origin === window.location.origin || /(^|\.)jim\.com$/i.test(u.hostname); 7299 } catch { return false; } 7300 }; 7301 7302 const withStoredParams = (href) => { 7303 const u = new URL(href, window.location.origin); 7304 for (const [k, v] of stored.entries()) { 7305 if (!u.searchParams.has(k)) u.searchParams.set(k, v); 7306 } 7307 // mantém relativo quando possÃvel 7308 if (!href.startsWith("http")) return u.pathname + u.search + u.hash; 7309 return u.toString(); 7310 }; 7311 7312 // Atualiza hrefs existentes 7313 const updateAllLinks = () => { 7314 document.querySelectorAll("a[href]").forEach(a => { 7315 if (!isInternalLink(a)) return; 7316 a.setAttribute("href", withStoredParams(a.getAttribute("href"))); 7317 }); 7318 }; 7319 7320 // Garante que links inseridos dinamicamente também funcionem (CMS, scripts, etc.) 7321 document.addEventListener("click", (e) => { 7322 const a = e.target.closest && e.target.closest("a[href]"); 7323 if (!a || !isInternalLink(a)) return; 7324 a.setAttribute("href", withStoredParams(a.getAttribute("href"))); 7325 }, true); 7326 7327 if (document.readyState === "loading") { 7328 document.addEventListener("DOMContentLoaded", updateAllLinks); 7329 } else { 7330 updateAllLinks(); 7331 } 7332 })(); 7333</script>
7333 7334 7335<!-- RudderStack Events -->
7336<script> 7337 document.addEventListener('DOMContentLoaded', function () { 7338 const buttons = document.querySelectorAll('.button-glow_purple-label'); 7339 buttons.forEach(function (button) { 7340 button.addEventListener('click', function (event) { 7341 let linkUrl = null; 7342 const parentLink = event.target.closest('a'); 7343 if (parentLink && parentLink.href) { 7344 linkUrl = parentLink.href; 7345 } 7346 rudderanalytics.track('Button Click', { 7347 button_text: event.target.textContent || event.target.innerText, 7348 page_url: window.location.href, 7349 button_link: linkUrl, 7350 deeplink_name: parentLink ? parentLink.getAttribute('data-deeplink-name') : null 7351 }); 7352 }); 7353 }); 7354 }); 7355</script>
7355 7356<!-- End RudderStack Events --> 7357 7358<!-- Lenis Script Controls -->
7359<script data-id-scroll data-autoinit="true" data-duration="1" data-orientation="vertical" data-smoothWheel="true" 7360 data-smoothTouch="false" data-touchMultiplier="1.5" data-easing="(t) => (t === 1 ? 1 : 1 - Math.pow(2, -10 * t))" 7361 data-useOverscroll="true" data-useControls="true" data-useAnchor="true" data-useRaf="true" data-infinite="false" 7362 defer 7363 src="https://cdn.prod.website-files.com/645e0e1ff7fdb6dc8c85f3a2/653b82ecf87f552a98ac66b9_lenis-master-offbrand.02.txt"></script>
7363 7364 7365<!-- Google Tag Manager (noscript) -->
vendor: 68 bytes, lines 7365-7366
7365 7366<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
7366GTM-5X4DKQFL
vendor: 91 bytes, lines 7366-7367
7366" height="0" width="0" 7367 style="display:none;visibility:hidden"></iframe></noscript>
7368<!-- End Google Tag Manager (noscript) --> 7369 7370<!-- Active Campaign -->
7371<script> 7372 (function (e, t, o, n, p, r, i) { e.visitorGlobalObjectAlias = n; e[e.visitorGlobalObjectAlias] = e[e.visitorGlobalObjectAlias] || function () { (e[e.visitorGlobalObjectAlias].q = e[e.visitorGlobalObjectAlias].q || []).push(arguments) }; e[e.visitorGlobalObjectAlias].l = (new Date).getTime(); r = t.createElement("script"); r.src = o; r.async = true; i = t.getElementsByTagName("script")[0]; i.parentNode.insertBefore(r, i) })(window, document, "https://diffuser-cdn.app-us1.com/diffuser/diffuser.js", "vgo"); 7373 vgo('setAccount', '92329594'); 7374 vgo('setTrackByDefault', true); 7375 vgo('process'); 7376</script>
7376 7377 7378<!-- START CLARITY -->
7379<script type="text/javascript"> 7380 (function (c, l, a, r, i, t, y) { 7381 c[a] = c[a] || function () { (c[a].q = c[a].q || []).push(arguments) }; 7382 t = l.createElement(r); t.async = 1; t.src = "https://www.clarity.ms/tag/" + i; 7383 y = l.getElementsByTagName(r)[0]; y.parentNode.insertBefore(t, y); 7384 })(window, document, "clarity", "script", "vuprfadb8x"); 7385</script>
7385 7386<!-- END CLARITY --> 7387 7388<!-- Button Animation -->
7389<script> 7390 document.addEventListener('DOMContentLoaded', () => { 7391 const buttons = document.querySelectorAll('.button-glow_purple'); 7392 const lerp = (start, end, factor) => start * (1 - factor) + end * factor; 7393 7394 buttons.forEach(button => { 7395 let currentX = 50; 7396 let currentY = 50; 7397 let rafId = null; 7398 7399 const updatePosition = () => { 7400 button.style.setProperty('--x', `${currentX}%`); 7401 button.style.setProperty('--y', `${currentY}%`); 7402 rafId = null; 7403 }; 7404 7405 button.addEventListener('mousemove', (e) => { 7406 const rect = e.target.getBoundingClientRect(); 7407 const targetX = ((e.clientX - rect.left) / rect.width) * 100; 7408 const targetY = ((e.clientY - rect.top) / rect.height) * 100; 7409 7410 currentX = lerp(currentX, targetX, 0.3); 7411 currentY = lerp(currentY, targetY, 0.3); 7412 7413 if (!rafId) { 7414 rafId = requestAnimationFrame(updatePosition); 7415 } 7416 }); 7417 7418 button.addEventListener('mouseleave', (e) => { 7419 currentX = 50; 7420 currentY = 50; 7421 if (!rafId) { 7422 rafId = requestAnimationFrame(updatePosition); 7423 } 7424 }); 7425 }); 7426 }); 7427</script>
7427 7428 7429<!-- Apollo.io -->
7430<script> 7431 function initApollo() { 7432 var n = Math.random().toString(36).substring(7), o = document.createElement("script"); 7433 o.src = "https://assets.apollo.io/micro/website-tracker/tracker.iife.js?nocache=" + n, o.async = !0, o.defer = !0, 7434 o.onload = function () { window.trackingFunctions.onLoad({ appId: "68125dac921d000019c418d9" }) }, 7435 document.head.appendChild(o) 7436 } initApollo(); 7437</script>
7437<!-- START LENIS SCRIPT-->
7438<script 7439 data-id-scroll 7440 data-autoinit="true" 7441 data-duration="1" 7442 data-orientation="vertical" 7443 data-smoothWheel="true" 7444 data-smoothTouch="false" 7445 data-touchMultiplier="1.5" 7446 data-easing="(t) => (t === 1 ? 1 : 1 - Math.pow(2, -10 * t))" 7447 data-useOverscroll="true" 7448 data-useControls="true" 7449 data-useAnchor="true" 7450 data-useRaf="true" 7451 data-infinite="false" 7452 defer 7453 src="https://cdn.prod.website-files.com/645e0e1ff7fdb6dc8c85f3a2/653b82ecf87f552a98ac66b9_lenis-master-offbrand.02.txt" 7454></script>
7454 7455<!-- END LENIS SCRIPT--> 7456 7457<!-- START WEBMCP SCRIPT-->
7458<script> 7459(()=>{"use strict";const f=document.modelContext||window.navigator&&window.navigator.modelContext;if(!f||typeof f.registerTool!="function")return;const I="/.well-known/pricing.json",d="https://www.jim.com/.well-known/pricing.md";let p=null;const x=()=>(p||(p=fetch(I,{headers:{Accept:"application/json"}}).then(e=>{if(!e.ok)throw new Error(`HTTP ${e.status}`);return e.json()}).catch(e=>{throw p=null,e})),p),w=e=>Math.round(e*100),o=e=>e/100,C=({percent_fee:e,fixed_fee_usd:i},t)=>Math.round(t*e/100)+w(i),y=e=>({content:[{type:"text",text:JSON.stringify(e,null,2)}]}),r=e=>y({error:e,source:d}),$=e=>async i=>{let t;try{t=await x()}catch(n){return r(`Could not load JIM's pricing data (${n.message}). Do not estimate the fees \u2014 point the user to ${d} instead.`)}return e(t,i||{})},P={name:"calculate_payment_fees",title:"Calculate JIM payment fees",description:"Exact JIM fee and net payout for a sale. Covers Tap to Pay vs Payment Link, fee pass-through, and JIM Card vs ACH withdrawal. Use instead of estimating.",inputSchema:{type:"object",properties:{amount_usd:{type:"number",description:"Sale amount in USD, before fees."},method:{type:"string",enum:["tap_to_pay","payment_link"],description:"Tap to Pay is contactless in person; Payment Link is sent remotely."},fee_paid_by:{type:"string",enum:["seller","customer"],description:"Who absorbs the processing fee. Default seller."},payout:{type:"string",enum:["jim_card","ach_transfer"],description:"How the seller withdraws. JIM Card is free. Default jim_card."}},required:["amount_usd","method"],additionalProperties:!1},annotations:{readOnlyHint:!0,destructiveHint:!1,idempotentHint:!0,openWorldHint:!1},execute:$((e,i)=>{const{amount_usd:t,method:n,fee_paid_by:m="seller",payout:u="jim_card"}=i,s=e.payment_processing[n];if(!s)return r(`Unknown payment method "${n}". Use "tap_to_pay" or "payment_link".`);if(typeof t!="number"||!Number.isFinite(t)||t<=0)return r("amount_usd must be a positive number of US dollars.");if(s.minimum_sale_usd&&t<s.minimum_sale_usd)return r(`${s.label} requires a minimum sale of $${s.minimum_sale_usd.toFixed(2)}. Received $${t.toFixed(2)}.`);const a=e.payouts[u];if(!a)return r(`Unknown payout method "${u}". Use "jim_card" or "ach_transfer".`);const c=w(t),_=C(s,c),h=m==="customer",k=h?c+_:c,l=h?c:c-_,g=C(a,l),b=[];return a.minimum_usd&&o(l)<a.minimum_usd&&b.push(`${a.label} requires a minimum of $${a.minimum_usd.toFixed(2)}; this balance of $${o(l).toFixed(2)} is below it. The JIM Card is free and has no minimum.`),h&&b.push("Fee pass-through is on, so the customer is charged the sale plus the fee."),y({sale_amount_usd:o(c),method:s.label,fee_paid_by:m,customer_charged_usd:o(k),processing_fee_usd:o(_),processing_fee_rate:`${s.percent_fee}%${s.fixed_fee_usd?` + $${s.fixed_fee_usd.toFixed(2)}`:""}`,jim_balance_usd:o(l),payout:{method:a.label,fee_usd:o(g),net_to_seller_usd:o(l-g)},total_cost_usd:o(_+g),notes:b,pricing_last_updated:e.last_updated,source:d})})},j={name:"get_pricing",title:"Get JIM pricing",description:"JIM's pricing as structured data: account, processing rates, payout costs, Bookings, availability. Use calculate_payment_fees to price a specific sale.",inputSchema:{type:"object",properties:{topic:{type:"string",enum:["all","account","payment_processing","payouts","bookings","availability"],description:"Which section to return. Default all."}},additionalProperties:!1},annotations:{readOnlyHint:!0,destructiveHint:!1,idempotentHint:!0,openWorldHint:!1},execute:$((e,i)=>{const t=["account","payment_processing","payouts","bookings","availability"],n=i.topic||"all";if(n!=="all"&&!t.includes(n))return r(`Unknown topic "${n}". Use one of: all, ${t.join(", ")}.`);const m=n==="all"?Object.fromEntries(t.map(u=>[u,e[u]])):{[n]:e[n]};return y({currency:e.currency,...m,pricing_last_updated:e.last_updated,source:d})})},U=new AbortController;Promise.all([P,j].map(e=>f.registerTool(e,{signal:U.signal}))).catch(()=>{})})(); 7460</script>
7460 7461<!-- END WEBMCP SCRIPT--> 7462 7463 7464<!-- START VIDEO SECTION ANIMATION -->
7465<script> 7466function initVideoTilt() { 7467 var videoEl = document.querySelector("[data-flip-element='target']"); 7468 if (!videoEl) return; 7469 7470 gsap.set(videoEl, { rotate: -7 }); 7471 7472 gsap.to(videoEl, { 7473 rotate: 0, 7474 duration: 1.2, 7475 ease: "back.out(1.7)", 7476 scrollTrigger: { 7477 trigger: videoEl, 7478 start: "top 75%", 7479 toggleActions: "play none none none" 7480 } 7481 }); 7482} 7483 7484document.addEventListener('DOMContentLoaded', function() { 7485 initVideoTilt(); 7486}); 7487</script>
7487 7488<!-- END VIDEO SECTION ANIMATION --> 7489 7490 7491<!-- START TEXT APPEAR SCRIPT --> 7492<style> 7493[data-highlight-text] .split-word { 7494 white-space: nowrap; 7495} 7496[data-highlight-text] .split-line { 7497 display: inline !important; 7498} 7499</style>
7500<script> 7501function initHighlightText(){ 7502 7503 let splitHeadingTargets = document.querySelectorAll("[data-highlight-text]") 7504 splitHeadingTargets.forEach((heading) => { 7505 7506 const scrollStart = heading.getAttribute("data-highlight-scroll-start") || "top 90%" 7507 const scrollEnd = heading.getAttribute("data-highlight-scroll-end") || "center 40%" 7508 const fadedValue = heading.getAttribute("data-highlight-fade") || 0.2 // Opacity of letter 7509 const staggerValue = heading.getAttribute("data-highlight-stagger") || 0.1 // Smoother reveal 7510 7511 new SplitText(heading, { 7512 type: "lines, words, chars", 7513 autoSplit: true, 7514 linesClass: "split-line", 7515 wordsClass: "split-word", 7516 onSplit(self) { 7517 let ctx = gsap.context(() => { 7518 let tl = gsap.timeline({ 7519 scrollTrigger: { 7520 scrub: true, 7521 trigger: heading, 7522 start: scrollStart, 7523 end: scrollEnd, 7524 } 7525 }) 7526 tl.from(self.chars,{ 7527 autoAlpha: fadedValue, 7528 stagger: staggerValue, 7529 ease: "linear" 7530 }) 7531 }); 7532 return ctx; 7533 } 7534 }); 7535 }); 7536} 7537 7538// Initialize Highlight Text on Scroll 7539document.addEventListener("DOMContentLoaded", () =>{ 7540 initHighlightText(); 7541}); 7542</script>
7542 7543<!-- END TEXT APPEAR SCRIPT --> 7544 7545<!-- START SPLIT STACK SCRIPT -->
7546<script> 7547function initStackingCardsParallax(){ 7548 const cards = document.querySelectorAll("[data-stacking-cards-item]"); 7549 if (cards.length < 2) return; 7550 7551 cards.forEach((card, i) => { 7552 if (i === 0) return; 7553 7554 const previousCard = cards[i - 1]; 7555 if (!previousCard) return; 7556 7557 const previousCardImage = previousCard.querySelector("[data-stacking-cards-img]"); 7558 7559 const isMobile = window.innerWidth <= 767; 7560 const yShift = isMobile ? 12 : 50; 7561 const imgY = isMobile ? -3 : -25; 7562 7563 let tl = gsap.timeline({ 7564 defaults: { ease: "none", duration: 1 }, 7565 scrollTrigger: { 7566 trigger: card, 7567 start: "top bottom", 7568 end: "top top", 7569 scrub: 0.4, 7570 invalidateOnRefresh: true 7571 } 7572 }); 7573 7574 tl.fromTo(previousCard, { yPercent: 0 }, { yPercent: yShift }); 7575 if (previousCardImage) { 7576 tl.fromTo(previousCardImage, { yPercent: 0 }, { yPercent: imgY }, "<"); 7577 } 7578 }); 7579 7580 ScrollTrigger.refresh(true); 7581} 7582 7583function waitForLottieAndInit() { 7584 var lotties = document.querySelectorAll('lottie-player, [data-animation-type="lottie"],.w-json-lottie, dotlottie-player'); 7585 var pending = lotties.length; 7586 7587 if (pending === 0) { 7588 initStackingCardsParallax(); 7589 return; 7590 } 7591 7592 var done = false; 7593 function start() { 7594 if (done) return; 7595 done = true; 7596 requestAnimationFrame(function() { 7597 setTimeout(initStackingCardsParallax, 100); 7598 }); 7599 } 7600 7601 var loaded = 0; 7602 lotties.forEach(function(lottie) { 7603 if (lottie.getLottie && lottie.getLottie()) { 7604 loaded++; 7605 if (loaded >= pending) start(); 7606 return; 7607 } 7608 lottie.addEventListener('ready', check); 7609 lottie.addEventListener('load', check); 7610 lottie.addEventListener('DOMLoaded', check); 7611 }); 7612 7613 function check() { 7614 loaded++; 7615 if (loaded >= pending) start(); 7616 } 7617 7618 setTimeout(start, 3000); 7619} 7620 7621if (document.readyState === 'complete') { 7622 waitForLottieAndInit(); 7623} else { 7624 window.addEventListener('load', waitForLottieAndInit); 7625} 7626</script>
7626 7627<!-- END SPLIT STACK SCRIPT --> 7628
7629<script> 7630 7631</script>
7631<script>(function(){function c(){var b=a.contentDocument||(a.contentWindow&&a.contentWindow.document);if(b){var d=b.createElement('script');d.innerHTML="window.__CF$cv$params={r:'a400b02639059652',t:'MTc5MDI0MTM2Mg=='};var a=document.createElement('script');a.src='/cdn-cgi/challenge-platform/scripts/jsd/main.js';document.getElementsByTagName('head')[0].appendChild(a);";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();</script>
7631</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.