PageSourceSearch

https://staging-superblocks.webflow.io/book-a-demo

html staging-superblocks.webflow.io collected 2026-10-03 13:47:50 UTC 111,732 bytes, 2,376 lines download raw bytes

1<!DOCTYPE html><!-- Last Published: Fri Sep 25 2026 16:47:51 GMT+0000 (Coordinated Universal Time) --><html data-wf-domain="staging-superblocks.webflow.io" data-wf-page="63bdc699a5c6ce761226a1dd" data-wf-site="627d359d0e0aa265b7817bcf" lang="en"><head><meta charset="utf-8"/><link href="https://cdn.prod.website-files.com" rel="preconnect" crossorigin="anonymous"/><title>Superblocks | Book a Demo</title><meta content="Superblocks unites engineering, business, and IT to build internal apps with AI. Centrally governed and production-ready." name="description"/><meta content="Superblocks | Book a Demo" property="og:title"/><meta content="Superblocks unites engineering, business, and IT to build internal apps with AI. Centrally governed and production-ready." property="og:description"/><meta content="https://cdn.prod.website-files.com/627d359d0e0aa265b7817bcf/6835b022d08a51349b48601d_og-image-light.jpg" property="og:image"/><meta content="Superblocks | Book a Demo" name="twitter:title"/><meta content="Superblocks unites engineering, business, and IT to build internal apps with AI. Centrally governed and production-ready." name="twitter:description"/><meta property="og:type" content="website"/><meta content="summary_large_image" name="twitter:card"/><meta content="width=device-width, initial-scale=1" name="viewport"/><meta content="Eo95pFXYKGLcN6jmtJpEA6nbmQXz2OVrbpCNyrrQyws" name="google-site-verification"/><link href="https://cdn.prod.website-files.com/627d359d0e0aa265b7817bcf/css/staging-superblocks.shared.33ab4e13e.min.css" rel="stylesheet" type="text/css" integrity="sha384-M6tOE+9FuB5AcvN5tHmptcjP03STDgN7k0xGRsmIu3O6/EEoYSVwnJcSMoNlWQ+v" crossorigin="anonymous"/><link href="https://cdn.prod.website-files.com/627d359d0e0aa265b7817bcf/css/staging-superblocks.63bdc699a5c6ce761226a1dd.ba5bd48ba.opt.min.css" rel="stylesheet" type="text/css" integrity="sha384-ulvUi6tq0RjrzIBgCQ8iKMkac++hZy9UN2+3s2INhqA0Wcz2WbO6Vn8Z0K9j08Hb" crossorigin="anonymous"/><link href="https://fonts.googleapis.com" rel="preconnect"/><link href="https://fonts.gstatic.com" rel="preconnect" crossorigin="anonymous"/>
1<script src="https://ajax.googleapis.com/ajax/libs/webfont/1.6.26/webfont.js" type="text/javascript"></script>
1<script type="text/javascript">WebFont.load({  google: {    families: ["Geist Mono:300,400,500,600,700","Noto Serif:300,400,500,600,700"]  }});</script>
1<script type="text/javascript">!function(o,c){var n=c.documentElement,t=" w-mod-";n.className+=t+"js",("ontouchstart"in o||o.DocumentTouch&&c instanceof DocumentTouch)&&(n.className+=t+"touch")}(window,document);</script>
1<link href="https://cdn.prod.website-files.com/627d359d0e0aa265b7817bcf/68389956665084bb2fd37939_favicon.png" rel="shortcut icon" type="image/x-icon"/><link href="https://cdn.prod.website-files.com/627d359d0e0aa265b7817bcf/68389981266f7d1bf639b09d_webclip.png" rel="apple-touch-icon"/><link href="https://www.superblocks.com/book-a-demo" rel="canonical"/><!-- Swiper CSS -->
2<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css" defer/>
3<script>
4  let newSite = false;
5  let swipers = {};
6</script>
6
7
8<!-- New Styles -->
9<style>
10  .mod_box{
11    display: none;
12  }
13</style>
14
15<style>
16.cs-voyages_content-anchor{
17pointer-events: none;
18}
19</style>
20
21
22<!-- Google Tag Manager -->
23<script>
vendor: 423 bytes, lines 23-27
23(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
24                                                      new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
25      j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
26        'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
27                            })(window,document,'script','dataLayer','
27GTM-K4X7PGG
vendor: 3 bytes, line 27
27');
27</script>
27
28<!-- End Google Tag Manager -->
29
30<!-- Vector Code -->
31<script>
32    !function(e,r){try{if(e.vector)return void console.log("Vector snippet included more than once.");var t={};t.q=t.q||[];for(var o=["load","identify","on"],n=function(e){return function(){var r=Array.prototype.slice.call(arguments);t.q.push([e,r])}},c=0;c<o.length;c++){var a=o[c];t[a]=n(a)}if(e.vector=t,!t.loaded){var i=r.createElement("script");i.type="text/javascript",i.async=!0,i.src="https://cdn.vector.co/pixel.js";var l=r.getElementsByTagName("script")[0];l.parentNode.insertBefore(i,l),t.loaded=!0}}catch(e){console.error("Error loading Vector:",e)}}(window,document);
33    vector.load("e3d9af96-3c0b-41ff-877c-5e7234b3475e");
34</script>
34
35
36<!-- End of Vector Code -->
37
38<!-- Knock Testing Code -->
39
40<script async src="https://knock2-backend-2ba4792164c3.herokuapp.com/install/superblocks_com"></script>
40
41
42<!-- end of Knock Teting Code -->
43
44<!-- Start of HubSpot Embed Code -->
45<script type="text/javascript" id="hs-script-loader" async defer src="//js.hs-scripts.com/21976886.js"></script>
45
46<!-- End of HubSpot Embed Code -->
47
48<!-- Start of Posthog Embed Code -->
49<script>
50    !function(t,e){var o,n,p,r;e.__SV||(window.posthog=e,e._i=[],e.init=function(i,s,a){function g(t,e){var o=e.split(".");2==o.length&&(t=t[o[0]],e=o[1]),t[e]=function(){t.push([e].concat(Array.prototype.slice.call(arguments,0)))}}(p=t.createElement("script")).type="text/javascript",p.crossOrigin="anonymous",p.async=!0,p.src=s.api_host.replace(".i.posthog.com","-assets.i.posthog.com")+"/static/array.js",(r=t.getElementsByTagName("script")[0]).parentNode.insertBefore(p,r);var u=e;for(void 0!==a?u=e[a]=[]:a="posthog",u.people=u.people||[],u.toString=function(t){var e="posthog";return"posthog"!==a&&(e+="."+a),t||(e+=" (stub)"),e},u.people.toString=function(){return u.toString(1)+".people (stub)"},o="init capture register register_once register_for_session unregister unregister_for_session getFeatureFlag getFeatureFlagPayload isFeatureEnabled reloadFeatureFlags updateEarlyAccessFeatureEnrollment getEarlyAccessFeatures on onFeatureFlags onSessionId getSurveys getActiveMatchingSurveys renderSurvey canRenderSurvey getNextSurveyStep identify setPersonProperties group resetGroups setPersonPropertiesForFlags resetPersonPropertiesForFlags setGroupPropertiesForFlags resetGroupPropertiesForFlags reset get_distinct_id getGroups get_session_id get_session_replay_url alias set_config startSessionRecording stopSessionRecording sessionRecordingStarted captureException loadToolbar get_property getSessionProperty createPersonProfile opt_in_capturing opt_out_capturing has_opted_in_capturing has_opted_out_capturing clear_opt_in_out_capturing debug".split(" "),n=0;n<o.length;n++)g(u,o[n]);e._i.push([i,s,a])},e.__SV=1)}(document,window.posthog||[]);
51    posthog.init('phc_U27NGBkUjZpxWhFBamTtrzEKRGHLlsCtpRg2xObeBZq',{api_host:'https://us.i.posthog.com', defaults:'2026-01-30'})
52</script>
52
53<!-- End of Posthog Embed Code -->
54
55<!-- Reddit Pixel -->
56<script>
57!function(w,d){if(!w.rdt){var p=w.rdt=function(){p.sendEvent?p.sendEvent.apply(p,arguments):p.callQueue.push(arguments)};p.callQueue=[];var t=d.createElement("script");t.src="https://www.redditstatic.com/ads/pixel.js",t.async=!0;var s=d.getElementsByTagName("script")[0];s.parentNode.insertBefore(t,s)}}(window,document);rdt('init','a2_gwzgorlbr4bq');rdt('track', 'PageVisit');
58</script>
58
59<!-- DO NOT MODIFY UNLESS TO REPLACE A USER IDENTIFIER -->
60<!-- End Reddit Pixel -->
61
62<!-- Twitter conversion tracking base code -->
63<script>
64!function(e,t,n,s,u,a){e.twq||(s=e.twq=function(){s.exe?s.exe.apply(s,arguments):s.queue.push(arguments);
65},s.version='1.1',s.queue=[],u=t.createElement(n),u.async=!0,u.src='https://static.ads-twitter.com/uwt.js',
66a=t.getElementsByTagName(n)[0],a.parentNode.insertBefore(u,a))}(window,document,'script');
67twq('config','pqqrs');
68</script>
68
69<!-- End Twitter conversion tracking base code -->
70
71<!-- Datafast code -->
72<script
73  defer
74  data-website-id="dfid_f0S4x26EOYODsYUegRnou"
75  data-domain="superblocks.com"
76  data-allow-localhost="true"
77  src="https://datafa.st/js/script.js">
78</script>
78
79<!-- End of Datafast code -->
80
81<style>
82  iframe.intercom-borderless-frame {
83    border-radius: 5px;
84  }
85
86  body#intercom-container-body {
87    margin: 0;
88    background-color: rgb(238, 233, 251);
89    border: 1px solid rgb(200 193 217);
90    border-radius: 5px;
91  }
92
93  .composer-suggestions-container button {
94    background-color: rgb(133 91 255);
95    color: ffffff;
96  }
97
98  .composer-suggestions-container button:hover {
99    background-color: rgb(100, 58, 223);
100    color: rgb(255, 255, 255);
101  }
102</style>
103
104<style>
105  .personalized-content{
106    display:none;
107  }
108</style>
109
110<style>
111  /************ ADD YOUR VALUES BELOW ************/
112  :root {
113    /* ----------- Colors ----------- */
114    --list-bg-color: white;
115    --list-text-color: inherit; /* Use "inherit" to take on parent text color */
116    --list-text-color-hover: var(--color--brand--blue); /* Add your hex code here for the hover text color on the list option/item */
117    --current-field-text-color: var(--color--neutral--300); /* Add hex code for selected option text color in the field itself */
118    --select-field-arrow-color: #A4AAB7; /* This is the select field arrow color */
119    --border-color-active: black; /* Active State */
120    --list-item-bg-color: rgba(39, 187, 255, 0.12);; /* Select Field Hover/Focus State */
121
122    /* ----------- Spacing ----------- */
123    --select-field-padding-left: 20px; /* Match the padding values for your form fields */
124    --select-field-padding-right: 20px; /* Match the padding values for your form fields */
125    --list-max-height: auto;
126    --list-item-padding-left: 18px; 
127    --list-item-padding-right: 18px;
128    --list-item-min-height: 44px; /* This is the height of each list item in the dropdown */
129    --list-item-line-height: 44px; /* This is the height of each list item in the dropdown */
130    /* ^^^  Make sure both "line-height" and "min-height" are the same! ^^^  */
131  }
132  /************ END OF CUSTOM VALUES ************/
133
134  .square-select,
135  .square-select.nice-select .option{
136    border-radius: 4px;
137  }
138  .square-select.nice-select{
139    padding: 8px 8px 8px 12px;
140  }
141  .square-select.nice-select .option{
142    padding: 8px 12px 8px 12px;
143    height: 36px;
144  }
145  .square-select.nice-select.open:after{
146    border-color: #27BBFF;
147  }
148
149  /************ Base ************/
150  .nice-select {
151    -webkit-tap-highlight-color: transparent;
152    box-sizing: border-box;
153    clear: both;
154    padding-left: var(--select-field-padding-left);
155    padding-right: var(--select-field-padding-right);
156    position: relative;
157    display:flex;
158    align-items: center;
159    text-align: left !important;
160    -webkit-transition: all 0.2s ease-in-out;
161    transition: all 0.2s ease-in-out;
162    -webkit-user-select: none;
163    -moz-user-select: none;
164    -ms-user-select: none;
165    user-select: none;
166    white-space: nowrap; 
167  }
168
169
170  .nice-select:active, .nice-select.open, .nice-select:focus {
171    border-color: #27bbff;
172  }
173
174
175  .nice-select:after {
176    border-bottom: 2px solid var(--select-field-arrow-color);
177    border-right: 2px solid var(--select-field-arrow-color);
178    content: '';
179    display: block;
180    height: 5px;
181    margin-top: -4px;
182    pointer-events: none;
183    position: absolute;
184    right: 20px;
185    top: 50%;
186    -webkit-transform-origin: 66% 66%;
187    -ms-transform-origin: 66% 66%;
188    transform-origin: 66% 66%;
189    -webkit-transform: rotate(45deg);
190    -ms-transform: rotate(45deg);
191    transform: rotate(45deg);
192    -webkit-transition: all 0.15s ease-in-out;
193    transition: all 0.15s ease-in-out;
194    width: 5px; 
195  }
196
197
198  .nice-select.open:after {
199    -webkit-transform: rotate(-135deg);
200    -ms-transform: rotate(-135deg);
201    transform: rotate(-135deg); 
202  }
203
204
205  .nice-select.open .list {
206    opacity: 1;
207    pointer-events: auto;
208    -webkit-transform: scale(1) translateY(0);
209    -ms-transform: scale(1) translateY(0);
210    transform: scale(1) translateY(0); 
211  }
212
213
214  .nice-select.disabled {
215    border-color: #ededed;
216    color: #999;
217    pointer-events: none; 
218  }
219
220
221  .nice-select.disabled:after {
222    border-color: #cccccc; 
223  }
224
225
226  .nice-select.wide {
227    width: 100%; 
228  }
229
230
231  .nice-select.wide .list {
232    left: 0 !important;
233    right: 0 !important; 
234  }
235
236
237  .nice-select.right {
238    float: right; 
239  }
240
241
242  .nice-select.right .list {
243    left: auto;
244    right: 0; 
245  }
246
247
248  .nice-select.small {
249    font-size: 12px;
250    height: 36px;
251    line-height: 34px; 
252  }
253
254
255  .nice-select.small:after {
256    height: 4px;
257    width: 4px; 
258  }
259
260
261  .nice-select.small .option {
262    line-height: 34px;
263    min-height: 34px; 
264  }
265
266
267  .nice-select .list {
268    background-color: var(--list-bg-color);
269    color: var(--list-text-color);
270    border-radius: 12px;
271    box-shadow: 0px 0.675px 2.025px rgba(34, 39, 47, 0.06), 0px 8.1px 21.6px -5.4px rgba(34, 39, 47, 0.16), 0px 0px 0.675px rgba(34, 39, 47, 0.16);
272    border-color: #ededed;
273    box-sizing: border-box;
274    margin-top: 4px;
275    opacity: 0;
276    overflow: hidden;
277    padding: 8px;
278    pointer-events: none;
279    position: absolute;
280    top: 110%;
281    left: 0;
282    right: 0;
283    overflow-y: scroll;
284    overflow-x: hidden;
285    max-height: var(--list-max-height);
286    -webkit-transform-origin: 50% 0;
287    -ms-transform-origin: 50% 0;
288    transform-origin: 50% 0;
289    -webkit-transform: scale(0.75) translateY(-21px);
290    -ms-transform: scale(0.75) translateY(-21px);
291    transform: scale(0.75) translateY(-21px);
292    -webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
293    transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
294    z-index: 9; 
295  }
296
297
298  .nice-select .list:hover .option:not(:hover) {
299    background-color: transparent !important; 
300  }
301
302
303  .nice-select .option {
304    cursor: pointer;
305    display: flex;
306    align-items: center;
307    font-weight: 400;
308    line-height: var(--list-item-line-height);
309    list-style: none;
310    min-height: var(--list-item-min-height);
311    outline: none;
312    border-radius: 36px;
313    padding-left: var(--list-item-padding-left);
314    padding-right: var(--list-item-padding-right);
315    text-align: left;
316    -webkit-transition: all 0.2s;
317    transition: all 0.2s;
318  }
319
320  .nice-select .option:first-child {
321    display: none;
322  }
323
324  span.current {
325    color: var(--current-field-text-color);
326  }
327
328  .nice-select .option:hover, .nice-select .option.focus, .nice-select .option.selected.focus {
329    background-color: var(--list-item-bg-color);
330  }
331
332  .nice-select .option.selected {
333    font-weight: bold;
334    color: #27BBFF;
335  }
336
337  .nice-select .option:hover {
338    color: var(--list-text-color-hover);
339  }
340
341  .nice-select .option.disabled {
342    background-color: transparent;
343    color: #999;
344    cursor: default; 
345  }
346
347  .no-csspointerevents .nice-select .list {
348    display: none; 
349  }
350
351  .no-csspointerevents .nice-select.open .list {
352    display: block; 
353  }
354</style>
355
356<!-- Chatgpt ads -->
357<script>!function(w,d,s,u){if(w.oaiq)return;var q=function(){q.q.push(arguments)};q.q=[];w.oaiq=q;var j=d.createElement(s);j.async=1;j.src=u;var f=d.getElementsByTagName(s)[0];f.parentNode.insertBefore(j,f)}(window,document,"script","https://bzrcdn.openai.com/sdk/oaiq.min.js");oaiq("init",{pixelId:"8U15THMJPZLUicfowizpnq",debug:true});</script>
357
358
359<!-- Meta Pixel Code -->
360<script>
vendor: 398 bytes, lines 360-369
360
361!function(f,b,e,v,n,t,s)
362{if(f.fbq)return;n=f.fbq=function(){n.callMethod?
363n.callMethod.apply(n,arguments):n.queue.push(arguments)};
364if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
365n.queue=[];t=b.createElement(e);t.async=!0;
366t.src=v;s=b.getElementsByTagName(e)[0];
367s.parentNode.insertBefore(t,s)}(window,document,'script',
368'https://connect.facebook.net/en_US/fbevents.js');
369fbq('init', '
3691016449610973798
vendor: 30 bytes, lines 369-370
369');
370fbq('track', 'PageView');
371</script>
371
372<noscript><img height="1" width="1" style="display:none"
373src="https://www.facebook.com/tr?id=1016449610973798&ev=PageView&noscript=1"/></noscript>
374<!-- End Meta Pixel Code -->
375<script>
376  newSite = true;
377</script>
377<script type="text/javascript">window.__WEBFLOW_CURRENCY_SETTINGS = {"currencyCode":"USD","symbol":"$","decimal":".","fractionDigits":2,"group":",","template":"{{wf {\"path\":\"symbol\",\"type\":\"PlainText\"} }} {{wf {\"path\":\"amount\",\"type\":\"CommercePrice\"} }} {{wf {\"path\":\"currencyCode\",\"type\":\"PlainText\"} }}","hideDecimalForWholeNumbers":false};</script>
377</head><body class="background-light-grey"><div class="page_wrap"><div class="nav_wrapper"><div data-w-id="6b658b10-b4c1-5b9b-55f3-05011a990124" data-animation="default" data-collapse="medium" data-duration="400" data-easing="ease" data-easing2="ease" role="banner" class="navbar w-nav"><div class="nav_container"><a href="/" class="nav_brand w-nav-brand"><div class="nav_brand-inner is-2"><div class="nav_brand-symbol is-2 w-embed"><svg width="100%" height="100%" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg">
378<path d="M28.5 0H7.5C3.35786 0 0 3.35786 0 7.5V28.5C0 32.6421 3.35786 36 7.5 36H28.5C32.6421 36 36 32.6421 36 28.5V7.5C36 3.35786 32.6421 0 28.5 0Z" fill="url(#paint0_linear_5894_17206)"/>
379<path fill-rule="evenodd" clip-rule="evenodd" d="M23.0071 8.38605C24.9678 6.99339 29.019 6.23796 32.0712 9.79892C32.4633 10.2564 32.549 10.9662 32.0082 11.3454C32.0004 11.3509 31.9925 11.3563 31.9845 11.3615C32.3195 11.9078 32.7204 12.7231 32.8288 13.8072C32.8779 14.2982 32.6401 14.7752 32.1471 14.9104C32.0788 15.7118 31.8785 17.2867 30.5924 18.6254C30.0334 19.2071 29.5035 19.6088 29.0371 19.8837C28.6556 20.1085 28.5523 20.2764 28.5369 20.7048C28.4734 22.4717 27.8796 24.3355 26.7363 25.6764C25.3039 27.3564 22.7693 28.2704 19.9428 28.6511C17.1111 29.0325 14.0169 28.6441 11.9069 26.9774C10.5113 25.875 9.68659 24.38 9.28024 22.8051C9.16806 22.3703 9.02327 22.2316 8.57995 22.0979C8.00814 21.9254 7.30249 21.6032 6.5073 21.0256C5.00535 19.9346 4.53065 18.4197 4.32213 17.6428C2.73067 17.4984 3.51532 14.9937 3.85677 14.1208C3.2369 13.8553 3.18551 13.1262 3.49585 12.5983C5.87275 8.55512 9.99383 8.58443 12.1693 9.60975C13.04 10.0201 13.8256 10.5096 14.4643 11.1955C15.5537 12.3654 16.4702 10.2179 17.3974 9.78516C18.5271 9.25797 18.1341 10.0919 18.2259 10.3877C18.3098 10.1877 19.8828 9.40859 19.8075 10.1617C19.7604 10.6327 19.7805 10.9356 20.0835 11.0705C20.4415 11.2299 20.6869 10.97 20.8413 10.6862C21.3652 9.72303 22.1131 9.02104 23.0071 8.38605ZM14.2752 17.6356C15.0808 17.3812 15.7518 17.99 15.8542 18.7795C15.9565 19.569 15.6125 20.1169 15.0163 20.278C14.4202 20.4391 13.7596 19.8752 13.6307 19.3274C13.5826 19.1228 13.5479 18.8707 13.5653 18.6217C13.5744 18.4913 13.7645 18.4469 13.8952 18.4469C14.1268 18.4469 14.2913 18.2078 14.2143 17.9934C14.1702 17.8705 14.1507 17.6749 14.2752 17.6356ZM25.0284 16.8043C24.8864 16.0209 24.1855 15.4467 23.3937 15.7414C23.2714 15.7869 23.3007 15.9814 23.351 16.1019C23.4387 16.3121 23.2865 16.5592 23.0552 16.5708C22.9247 16.5774 22.737 16.6314 22.7345 16.7621C22.7297 17.0116 22.777 17.2617 22.8354 17.4635C22.9918 18.0042 23.68 18.5341 24.2672 18.3431C24.8545 18.1521 25.1705 17.5876 25.0284 16.8043ZM18.1393 22.8532C17.8467 22.4619 17.6591 21.9837 17.624 21.456L17.4768 19.2486C17.3946 18.0144 18.2392 16.9102 19.4519 16.6664C20.774 16.4007 22.0644 17.246 22.3489 18.5642L22.8156 20.7267C22.9654 21.4207 22.8264 22.107 22.4817 22.6638C22.5388 23.7996 21.6486 24.8394 20.4238 24.8614C19.243 24.8827 18.2643 23.9952 18.1393 22.8532ZM7.44595 16.7114C7.17764 15.2128 8.17499 13.7804 9.67359 13.5121C10.3346 13.3938 10.9827 13.5217 11.5237 13.8302C11.6801 13.9194 11.6979 14.1299 11.5787 14.2649C10.6098 15.3615 9.76332 16.7768 9.37162 18.5092C9.33145 18.6868 9.14743 18.7966 8.98279 18.7187C8.20418 18.3504 7.60931 17.6238 7.44595 16.7114ZM28.7252 15.1463C29.1192 13.6758 28.2465 12.1642 26.776 11.7702C25.8806 11.5303 24.9701 11.7599 24.3058 12.3082C24.1654 12.4241 24.1866 12.6374 24.3303 
37912.7492C25.7319 13.8401 26.6533 15.2077 27.2342 16.5509C27.3057 16.7162 27.5038 16.7895 27.651 16.6859C28.1602 16.3272 28.5514 15.7949 28.7252 15.1463Z" fill="white"/>
380<path d="M18.1394 22.8606C18.7045 23.6164 19.6618 24.0475 20.67 23.883C21.4537 23.7552 22.0964 23.2946 22.4819 22.6719C22.5398 23.8081 21.6493 24.8487 20.4241 24.8707C19.2427 24.892 18.2635 24.0035 18.1394 22.8606Z" fill="white" fill-opacity="0.4"/>
381<defs>
382<linearGradient id="paint0_linear_5894_17206" x1="0" y1="0" x2="36" y2="36" gradientUnits="userSpaceOnUse">
383<stop stop-color="#575757"/>
384<stop offset="1"/>
385</linearGradient>
386</defs>
387</svg></div><svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 137 26" fill="none" class="nav_brand-text"><path d="M7.41407 21.264C6.38741 21.264 5.41941 21.0807 4.51007 20.714C3.61541 20.3327 2.83807 19.7973 2.17807 19.108C1.53274 18.4187 1.04874 17.6047 0.726074 16.666L3.52007 15.412C3.93074 16.3067 4.49541 17.0107 5.21407 17.524C5.94741 18.0373 6.75407 18.294 7.63407 18.294C8.10341 18.294 8.50674 18.2207 8.84407 18.074C9.18141 17.9273 9.44541 17.7293 9.63608 17.48C9.82674 17.216 9.92208 16.908 9.92208 16.556C9.92208 16.1747 9.80474 15.852 9.57008 15.588C9.33541 15.3093 8.96874 15.0893 8.47007 14.928L5.25807 13.872C3.95274 13.4467 2.97007 12.8453 2.31007 12.068C1.65007 11.276 1.32007 10.33 1.32007 9.22999C1.32007 8.26199 1.55474 7.41133 2.02407 6.67799C2.50807 5.94466 3.17541 5.37266 4.02607 4.96199C4.89141 4.55133 5.88141 4.34599 6.99607 4.34599C7.97874 4.34599 8.88808 4.51466 9.72408 4.85199C10.5601 5.18933 11.2787 5.66599 11.8801 6.28199
387C12.4961 6.89799 12.9581 7.63866 13.2661 8.50399L10.4941 9.75799C10.1861 8.99533 9.72408 8.40133 9.10808 7.97599C8.49207 7.53599 7.78807 7.31599 6.99607 7.31599C6.54141 7.31599 6.13807 7.38933 5.78607 7.53599C5.43407 7.68266 5.16274 7.89533 4.97207 8.17399C4.78141 8.43799 4.68607 8.74599 4.68607 9.09799C4.68607 9.47933 4.81074 9.81666 5.06007 10.11C5.30941 10.3887 5.68341 10.6087 6.18207 10.77L9.32807 11.782C10.6481 12.2073 11.6307 12.8013 12.2761 13.564C12.9361 14.3267 13.2661 15.258 13.2661 16.358C13.2661 17.3113 13.0167 18.162 12.5181 18.91C12.0194 19.6433 11.3301 20.2227 10.4501 20.648C9.58474 21.0587 8.57274 21.264 7.41407 21.264Z" fill="currentColor"></path><path d="M19.7662 21.264C18.7982 21.264 17.9695 21.0587 17.2802 20.648C16.6055 20.2227 16.0922 19.636 15.7402 18.888C15.3882 18.14 15.2122 17.2673 15.2122 16.27V8.98799H18.5122V16.006C18.5122 16.4607 18.6002 16.864 18.7762 17.216C18.9669 17.5533 19.2309 17.8173 19.5682 18.008C19.9055 18.1987 20.2869 18.294 20.7122 18.294C21.1522 18.294 21.5335 18.1987 21.8562 18.008C22.1935 17.8173 22.4502 17.5533 22.6262 17.216C22.8169 16.864 22.9122 16.4607 22.9122 16.006V8.98799H26.2122V21H23.1322V18.624L23.3082 19.152C23.0295 19.8707 22.5749 20.406 21.9442 20.758C21.3282 21.0953 20.6022 21.264 19.7662 21.264Z" fill="currentColor"></path><path d="M28.6241 25.4V8.98799H31.7041V11.276L31.4181 10.616C31.8141 10.0147 32.3495 9.55266 33.0241 9.22999C33.7135 8.89266 34.4981 8.72399 35.3781 8.72399C36.5221 8.72399 37.5561 9.00266 38.4801 9.55999C39.4041 10.1173 40.1375 10.8727 40.6801 11.826C41.2228 12.7647 41.4941 13.8207 41.4941 14.994C41.4941 16.1527 41.2228 17.2087 40.6801 18.162C40.1521 19.1153 39.4261 19.8707 38.5021 20.428C37.5781 20.9853 36.5295 21.264 35.3561 21.264C34.5348 21.264 33.7721 21.1173 33.0681 20.824C32.3788 20.516 31.8215 20.0687 31.3961 19.482L31.9241 18.8V25.4H28.6241ZM34.9601 18.294C35.5761 18.294 36.1188 18.1547 36.5881 17.876C37.0575 17.5973 37.4241 17.2087 37.6881 16.71C37.9521 16.2113 38.0841 15.6393 38.0841 14.994C38.0841 14.3487 37.9521 13.784 37.6881 13.3C37.4241 12.8013 37.0575 12.4127 36.5881 12.134C36.1188 11.8407 35.5761 11.694 34.9601 11.694C34.3735 11.694 33.8455 11.8333 33.3761 12.112C32.9215 12.3907 32.5621 12.7793 32.2981 13.278C32.0488 13.7767 31.9241 14.3487 31.9241 14.994C31.9241 15.6393 32.0488 16.2113 32.2981 16.71C32.5621 17.2087 32.9215 17.5973 33.3761 17.876C33.8455 18.1547 34.3735 18.294 34.9601 18.294Z" fill="currentColor"></path><path d="M49.2129 21.264C47.9369 21.264 46.8295 20.9853 45.8909 20.428C44.9522 19.856 44.2262 19.0933 43.7129 18.14C43.1995 17.1867 42.9429 16.1307 42.9429 14.972C42.9429 13.7693 43.2069 12.6987 43.7349 11.76C44.2775 10.8213 45.0035 10.0807 45.9129 9.53799C46.8222 8.99533 47.8489 8.72399 48.9929 8.72399C49.9462 8.72399 50.7895 8.87799 51.5229 9.18599C52.2562 9.47933 52.8722 9.89733 53.3709 10.44C53.8842 10.9827 54.2729 11.6133 54.5369 12.332C54.8009 13.036 54.9329 13.806 54.9329 14.642C54.9329 14.8767 54.9182 15.1113 54.8889 15.346C54.8742 15.566 54.8375 15.7567 54.7789 15.918H45.7809V13.498H52.9089L51.3469 14.642C51.4935 14.0113 51.4862 13.454 51.3249 12.97C51.1635 12.4713 50.8775 12.0827 50.4669 11.804C50.0709 11.5107 49.5795 11.364 48.9929 11.364C48.4209 11.364 47.9295 11.5033 47.5189 11.782C47.1082 12.0607 46.8002 12.4713 46.5949 13.014C46.3895 13.5567 46.3089 14.2167 46.3529 14.994C46.2942 15.6687 46.3749 16.2627 46.5949 16.776C46.8149 17.2893 47.1522 17.6927 47.6069 17.986C48.0615 18.2647 48.6115 18.404 49.2569 18.404C49.8435 18.404 50.3422 18.2867 50.7529 18.052C51.1782 17.8173 51.5082 17.4947 51.7429 17.084L54.3829 18.338C54.1482 18.9247 53.7742 19.438 53.2609 19.878C52.7622 20.318 52.1682 20.6627 51.4789 20.912C50.7895 21.1467 50.0342 21.264 49.2129 21.264Z" fill="currentColor"></path><path d="M56.8761 21V8.98799H59.9561V11.87L59.7361 11.452C60.0001 10.44 60.4328 9.75799 61.0341 9.40599C61.6501 9.03933 62.3761 8.85599 63.2121 8.85599H63.9161V11.716H62.8821C62.0754 11.716 61.4228 11.9653 60.9241 12.464C60.4254 12.948 60.1761 13.6373 60.1761 14.532V21H56.8761Z" fill="currentColor"></path><path d="M72.0944 21.264C71.2731 21.264 70.5104 21.1173 69.8064 20.824C69.1171 20.516 68.5597 20.0687 68.1344 19.482L68.4424 18.8V21H65.3624V4.34599H68.6624V11.276L68.1564 10.616C68.5524 10.0147 69.0878 9.55266 69.7624 9.22999C70.4518 8.89266 71.2364 8.72399 72.1164 8.72399C73.2604 8.72399 74.2944 9.00266 75.2184 9.55999C76.1424 10.1173 76.8758 10.8727 77.4184 11.826C77.9611 12.7647 78.2324 13.8207 78.2324 14.994C78.2324 16.1527 77.9611 17.2087 77.4184 18.162C76.8904 19.1153 76.1644 19.8707 75.2404 20.428C74.3164 20.9853 73.2678 21.264 72.0944 21.264ZM71.6984 18.294C72.3144 18.294 72.8571 18.1547 73.3264 17.876C73.7957 17.5973 74.1624 17.2087 74.4264 16.71C74.6904 16.2113 74.8224 15.6393 74.8224 14.994C74.8224 14.3487 74.6904 13.784 74.4264 13.3C74.1624 12.8013 73.7957 12.4127 73.3264 12.134C72.8571 11.8407 72.3144 11.694 71.6984 11.694C71.1118 11.694 70.5838 11.8333 70.1144 12.112C69.6598 12.3907 69.3004 12.7793 69.0364 13.278C68.7871 13.7767 68.6624 14.3487 68.6624 14.994C68.6624 15.6393 68.7871 16.2113 69.0364 16.71C69.3004 17.2087 69.6598 17.5973 70.1144 17.876C70.5838 18.1547 71.1118 18.294 71.6984 18.294Z" fill="currentColor"></path><path d="M80.1652 21V4.34599H83.4651V21H80.1652Z" fill="currentColor"></path><path d="M91.842 21.264C90.654 21.264 89.5687 20.9927 88.586 20.45C87.618 19.9073 86.8407 19.1667 86.254 18.228C85.682 17.2747 85.396 16.1967 85.396 14.994C85.396 13.7767 85.682 12.6987 86.254 11.76C86.8407 10.8213 87.618 10.0807 88.586 9.53799C89.5687 8.99533 90.654 8.72399 91.842 8.72399C93.03 8.72399 94.108 8.99533 95.076 9.53799C96.044 10.0807 96.814 10.8213 97.386 11.76C97.9727 12.6987 98.266 13.7767 98.266 14.994C98.266 16.
3871967 97.9727 17.2747 97.386 18.228C96.814 19.1667 96.044 19.9073 95.076 20.45C94.108 20.9927 93.03 21.264 91.842 21.264ZM91.842 18.294C92.4433 18.294 92.964 18.1547 93.404 17.876C93.8587 17.5973 94.2107 17.2087 94.46 16.71C94.724 16.2113 94.856 15.6393 94.856 14.994C94.856 14.3487 94.724 13.784 94.46 13.3C94.2107 12.8013 93.8587 12.4127 93.404 12.134C92.964 11.8407 92.4433 11.694 91.842 11.694C91.2407 11.694 90.7127 11.8407 90.258 12.134C89.8033 12.4127 89.444 12.8013 89.18 13.3C88.9307 13.784 88.806 14.3487 88.806 14.994C88.806 15.6393 88.9307 16.2113 89.18 16.71C89.444 17.2087 89.8033 17.5973 90.258 17.876C90.7127 18.1547 91.2407 18.294 91.842 18.294Z" fill="currentColor"></path><path d="M106.106 21.264C104.903 21.264 103.818 20.9927 102.85 20.45C101.897 19.8927 101.134 19.1373 100.562 18.184C100.005 17.2307 99.7261 16.16 99.7261 14.972C99.7261 13.784 100.005 12.7207 100.562 11.782C101.119 10.8287 101.882 10.0807 102.85 9.53799C103.818 8.99533 104.903 8.72399 106.106 8.72399C107.001 8.72399 107.829 8.87799 108.592 9.18599C109.355 9.49399 110.007 9.92666 110.55 10.484C111.093 11.0267 111.481 11.672 111.716 12.42L108.856 13.652C108.651 13.0507 108.299 12.574 107.8 12.222C107.316 11.87 106.751 11.694 106.106 11.694C105.534 11.694 105.021 11.8333 104.566 12.112C104.126 12.3907 103.774 12.7793 103.51 13.278C103.261 13.7767 103.136 14.3487 103.136 14.994C103.136 15.6393 103.261 16.2113 103.51 16.71C103.774 17.2087 104.126 17.5973 104.566 17.876C105.021 18.1547 105.534 18.294 106.106 18.294C106.766 18.294 107.338 18.118 107.822 17.766C108.306 17.414 108.651 16.9373 108.856 16.336L111.716 17.59C111.496 18.294 111.115 18.9247 110.572 19.482C110.029 20.0393 109.377 20.4793 108.614 20.802C107.851 21.11 107.015 21.264 106.106 21.264Z" fill="currentColor"></path><path d="M113.659 21V4.34599H116.959V15.016L115.727 14.62L121.029 8.98799H125.099L120.743 13.828L125.077 21H121.337L117.707 14.906L119.621 14.422L115.947 18.426L116.959 16.512V21H113.659Z" fill="currentColor"></path><path d="M131.258 21.264C129.938 21.264 128.787 20.956 127.804 20.34C126.836 19.7093 126.176 18.866 125.824 17.81L128.244 16.666C128.552 17.3113 128.97 17.8173 129.498 18.184C130.026 18.5507 130.613 18.734 131.258 18.734C131.727 18.734 132.087 18.6387 132.336 18.448C132.585 18.2573 132.71 17.9933 132.71 17.656C132.71 17.48 132.666 17.3333 132.578 17.216C132.49 17.084 132.358 16.9667 132.182 16.864C132.006 16.7613 131.786 16.6733 131.522 16.6L129.476 16.028C128.493 15.7493 127.738 15.302 127.21 14.686C126.682 14.0553 126.418 13.3147 126.418 12.464C126.418 11.716 126.609 11.0633 126.99 10.506C127.371 9.94866 127.907 9.51599 128.596 9.20799C129.285 8.88533 130.077 8.72399 130.972 8.72399C132.145 8.72399 133.172 9.00266 134.052 9.55999C134.947 10.1027 135.577 10.8727 135.944 11.87L133.502 13.014C133.326 12.5153 133.003 12.1193 132.534 11.826C132.079 11.518 131.559 11.364 130.972 11.364C130.547 11.364 130.209 11.452 129.96 11.628C129.725 11.804 129.608 12.046 129.608 12.354C129.608 12.5153 129.652 12.662 129.74 12.794C129.828 12.926 129.967 13.0433 130.158 13.146C130.363 13.2487 130.613 13.344 130.906 13.432L132.82 14.004C133.817 14.2973 134.58 14.7447 135.108 15.346C135.636 15.9327 135.9 16.6587 135.9 17.524C135.9 18.272 135.702 18.9247 135.306 19.482C134.925 20.0393 134.389 20.4793 133.7 20.802C133.011 21.11 132.197 21.264 131.258 21.264Z" fill="currentColor"></path></svg></div></a><nav role="navigation" class="nav_menu-links is-new w-nav-menu"><div class="nav_menu-links-inner is-new"><div data-delay="0" data-hover="false" class="nav_dropdown small hide w-dropdown"><div class="nav_dropdown-toggle w-dropdown-toggle"><div class="nav_link dropdown"><div>Resources</div><div class="icon-embed-xxsmall w-embed"><svg width="100%" height="100%" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
388  <path d="M4 6.5L8 10.5L12 6.5" stroke="#818E9C" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
389</svg></div></div></div><nav class="nav_dropdown-menu w-dropdown-list"><div class="nav_dropdown-list shadow-strong"><div class="nav_dropdown-inner small"><ul role="list" class="nav_dropdown-links w-list-unstyled"><li><a href="/blog" class="nav_dropdown-link-item w-inline-block"><p class="text-size-small text-weight-medium">Blog</p></a></li><li><a href="https://docs.superblocks.com/" target="_blank" class="nav_dropdown-link-item w-inline-block"><p class="text-size-small text-weight-medium">Docs</p></a></li></ul></div></div></nav></div><a data-extra-links="" href="/blog" class="nav_link w-inline-block"><div>Blog</div></a><a data-extra-links="" href="https://docs.superblocks.com/" target="_blank" class="nav_link w-inline-block"><div>Docs</div></a><a href="/pricing" class="nav_link w-inline-block"><div>
389Pricing</div></a></div><div class="nav_menu-links-actions is-new"><a href="https://app.superblocks.com" target="_blank" class="nav_link is-login w-inline-block"><div>Login</div></a><div class="button_new-box"><a href="https://app.superblocks.com/signup" target="_blank" class="nav_link is-sign-in w-inline-block"><div>Sign up</div></a><div class="button_wrap is-blue is-small"><div aria-hidden="true">Book a demo</div><a aria-label="Book a demo" href="/book-a-demo" aria-current="page" class="clickable w-inline-block w--current"></a><div class="btn_bg"></div></div></div></div></nav><div class="nav_burger w-nav-button"><div class="nav_burger-inner"><div class="nav_burger-line _1"></div><div class="nav_burger-line _2"></div><div class="nav_burger-line _3"></div></div></div></div></div></div><div class="global-wrap"><div link-arrow="" class="global-styles w-embed"><style>
390  /* ///////////////////// START OF GLOBAL EDITS ///////////////////// */
391  :root{
392    --currentcolor: currentColor;
393  }
394
395  /* Dark Mode */
396  [data-mode="dark"]{
397    --color--neutral--900: #fff;
398    --color--neutral--800: #DDE1E3;
399    --color--neutral--700: #ACB4B9;
400    --color--neutral--600: #848B90;
401    --color--neutral--500: #767B7F;
402    --color--neutral--400: #53575A;
403    --color--neutral--300: #404345;
404    --color--neutral--200: #313335;
405    --color--neutral--100: #27292A;
406    --color--neutral--50: #1F2123;
407    --background-primary: #0F0F10;
408    --background-secondary: #181A1B;
409  }
410
411  /* Nav */
412  @media only screen and (min-width: 992px){
413    [data-mode="dark"] .nav_dropdown-list {
414      --nav--dropdown-bg: var(--background-secondary);
415      box-shadow: 0px 16px 64px -12px #000000, 0px 6px 16px -8px #000000, 0px 1px 2px #000000, 0px 0px 0px 1px rgba(255, 255, 255, 0.12);
416      background-image: linear-gradient(180deg, rgba(232, 234, 237, 0.12) 0%, rgba(232, 234, 237, 0) 100%);
417      background-color: var(--background-secondary);
418    }
419
420    [data-mode="dark"] .nav_dropdown-card:hover{
421      box-shadow: 0 0 0 1px rgba(255, 255, 255, .1), 0 8px 16px rgba(0, 0, 0, .5);
422    }
423  }
424
425
426  [data-mode="dark"] .nav_dropdown-card_bg._1{
427    background-image: url("https://cdn.prod.website-files.com/627d359d0e0aa265b7817bcf/66636ae96f5e3633307c032b_nav_plat-overview_dark.png")
428  }
429  [data-mode="dark"] .nav_dropdown-card_bg._2{
430    background-image: url("https://cdn.prod.website-files.com/627d359d0e0aa265b7817bcf/6679c3d198da3e974ca87789_nav_stories_dark%20(1).png")
431  }
432  [data-mode="dark"] .nav_dropdown-card_bg._2 .nav_dropdown-card_bg-hover{
433    background-image: url("https://cdn.prod.website-files.com/627d359d0e0aa265b7817bcf/6834e0e65442b7dc3c55dca3_nav_stories_dark-hover.png")
434  }
435  [data-mode="dark"] .nav_dropdown-card_bg._3{
436    background-image: url("https://cdn.prod.website-files.com/627d359d0e0aa265b7817bcf/665f4aa4cfe47d8758a4cad5_diy-vs-superblocks_dark.jpg")
437  }
438  [data-mode="dark"] .nav_dropdown-card_bg._4{
439    background-image: url("https://cdn.prod.website-files.com/627d359d0e0aa265b7817bcf/66636f88822e34e3b7225744_nav_experts_dark%20(1).png")
440  }
441
442  /* Tag */
443  [data-mode="dark"] .hero_tag-wrap{
444    border-color: transparent;
445    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 52.6%, rgba(255, 255, 255, 0.04) 100%), 										#181A1B;
446    box-shadow: 0px 0px 0px 1px #000000, 0px 1px 2px rgba(27, 30, 34, 0.08), inset 1px 1px 1px rgba(255, 									255, 255, 0.12);
447  }
448
449  [data-mode="dark"] .hero-tag{
450    background-color: var(--color--neutral--50);
451    background-imagE: none;
452    border-color: #1A3446;
453  }
454
455  /* Cards */
456  [data-mode="dark"] .democratize-link:hover {
457    background-color: var(--background-secondary);
458  }
459
460  main:focus-visible {
461    outline: -webkit-focus-ring-color auto 0px;
462  }
463
464  html{
465    font-size: 62.5%;
466  }
467
468  /* --- Font Smoothing --- */
469  body {
470    -moz-osx-font-smoothing: grayscale;
471    -webkit-font-smoothing: antialiased;
472  }
473
474  /* Make sure containers never lose their center alignment*/
475  .container-medium, .container-small, .container-large {
476    margin-right: auto !important;
477    margin-left: auto !important;
478  }
479
480  /* --- Rich Text --- */
481  /* Get rid of top margin on first element in any rich text element */
482  .w-richtext > :not(div):first-child, .w-richtext >
482 div:first-child > :first-child {
483    margin-top: 0 !important;
484  }
485
486  /* Get rid of bottom margin on last element in any rich text element */
487  .w-richtext>:last-child, .w-richtext ol li:last-child, .w-richtext ul li:last-child {
488    margin-bottom: 0 !important;
489  }
490  .text-rich-text li::marker{
491    color: black;
492  }
493
494  /* --- Inherit links styling --- */
495  a, .w-nav-brand{
496    color: inherit;
497    text-decoration: inherit;
498    font-size: inherit;
499  }
500
501  /* --- Links --- */
502  .link-arrow{
503    transition: 350ms;
504  }
505
506  a:hover .link-arrow{
507    transform: translateX(0.25rem);
508  }
509
510  /* --- Prevent --- */
511  /* Prevent all click and hover interaction with an element */
512  .pointer-events-off {
513    pointer-events: none;
514  }
515
516  /* Enables all click and hover interaction with an element */
517  .pointer-events-on {
518    pointer-events: auto;
519  }
520
521  /*Apply "..." after 3 lines of text */
522  .text-style-3lines {
523    display: -webkit-box;
524    overflow: hidden;
525    -webkit-line-clamp: 3;
526    -webkit-box-orient: vertical;
527  }
528  /* Apply "..." after 2 lines of text */
529  .text-style-2lines {
530    display: -webkit-box;
531    overflow: hidden;
532    -webkit-line-clamp: 2;
533    -webkit-box-orient: vertical;
534  }
535  /* Apply "..." at 100% width */
536  .truncate-width { 
537    width: 100%; 
538    white-space: nowrap; 
539    overflow: hidden; 
540    text-overflow: ellipsis; 
541  }
542
543  /* Removes native scrollbar */
544  .no-scrollbar,
545  [no-scrollbar]{
546    -ms-overflow-style: none;  
547    overflow: -moz-scrollbars-none;  
548  }
549
550  .no-scrollbar::-webkit-scrollbar,
551  [no-scrollbar]::-webkit-scrollbar{
552    display: none;
553  }
554
555  /* Adds inline flex display */
556  .display-inlineflex {
557    display: inline-flex;
558  }
559  .display-inline-block{
560    vertical-align: text-top;
561  }
562
563  /* --- These classes are never overwritten --- */
564  .hide {
565    display: none !important;
566  }
567
568  @media screen and (max-width: 991px), 
569    @media screen and (max-width: 767px), 
570    @media screen and (max-width: 479px){
571      .hide, .hide-tablet{
572        display: none !important;
573      }
574  }
575
576  @media screen and (max-width: 767px){
577    .hide-mobile-landscape{
578      display: none !important;
579    }
580  }
581
582  @media screen and (max-width: 479px){
583    .hide-mobile{
584      display: none !important;
585    }
586  }
587  /* ///////////////////// END OF GLOBAL EDITS ///////////////////// */
588
589  /* ///////////////////// START OF SPACINGS ///////////////////// */
590  .margin-0 {
591    margin: 0rem !important;
592  }
593
594  .padding-0 {
595    padding: 0rem !important;
596  }
597
598  .spacing-clean {
599    padding: 0rem !important;
600    margin: 0rem !important;
601  }
602
603  .margin-top {
604    margin-right: 0rem !important;
605    margin-bottom: 0rem !important;
606    margin-left: 0rem !important;
607  }
608
609  .padding-top {
610    padding-right: 0rem !important;
611    padding-bottom: 0rem !important;
612    padding-left: 0rem !important;
613  }
614
615  .margin-right {
616    margin-top: 0rem !important;
617    margin-bottom: 0rem !important;
618    margin-left: 0rem !important;
619  }
620
621  .padding-right {
622    padding-top: 0rem !important;
623    padding-bottom: 0rem !important;
624    padding-left: 0rem !important;
625  }
626
627  .margin-bottom {
628    margin-top: 0rem !important;
629    margin-right: 0rem !important;
630    margin-left: 0rem !important;
631  }
632
633  .padding-bottom {
634    padding-top: 0rem !important;
635    padding-right: 0rem !important;
636    padding-left: 0rem !important;
637  }
638
639  .margin-left {
640    margin-top: 0rem !important;
641    margin-right: 0rem !important;
642    margin-bottom: 0rem !important;
643  }
644
645  .padding-left {
646    padding-top: 0rem !important;
647    padding-right: 0rem !important;
648    padding-bottom: 0rem !important;
649  }
650
651  .margin-horizontal {
652    margin-top: 0rem !important;
653    margin-bottom: 0rem !important;
654  }
655
656  .padding-horizontal {
657    padding-top: 0rem !important;
658    padding-bottom: 0rem !important;
659  }
660
661  .margin-vertical {
662    margin-right: 0rem !important;
663    margin-left: 0rem !important;
664  }
665
666  .padding-vertical {
667    padding-right: 0rem !important;
668    padding-left: 0rem !important;
669  }
670
671  /* ///////////////////// END OF SPACINGS ///////////////////// */
672</style></div><div class="custom-styles hide w-embed"><style>
673  /* ///////////////////// ELEMENTS ///////////////////// */
674  .shadow-strong {
675    box-shadow:
676      0px 16px 64px -12px rgba(34, 39, 47, 0.12),
677      0px 6px 16px -8px rgba(34, 39, 47, 0.16),
678      0px 0px 1px 0px rgba(34, 39, 47, 0.16),
679      0px 1px 2px 0px rgba(34, 39, 47, 0.06);
680  }
681  .cta_banner {
682    box-shadow:
683      0px 16px 64px -32px rgba(31, 165, 255, 0.24),
684      0px 32px 120px 0px rgba(31, 165, 255, 0.16);
685  }
686  .hp_developers-cta_box {
687    box-shadow: 0px 16px 64px -32px rgba(14, 20, 27, 0.32);
688  }
689
690  /* Snackbar */
691  .snackbar[data-mode='dark'] {
692    background-color: var(--color--neutral--200);
693  }
694  .snackbar[data-mode='dark'] .is-snackbar {
695    background-color: rgba(255, 255, 255, 0.12);
696  }
697
698  /* Nav */
699  .nav_wrapper.fixed {
700    box-shadow: 0px 1px 2px 0px rgba(14, 20, 27, 0.12);
701  }
702  .nav_dropdown .nav_link {
703    border: none;
704  }
705  .button_new.is-nav.is-alternate {
706    background: linear-gradient(180deg, rgba(34, 39, 47, 0) 52.6%, rgba(34, 39, 47, 0.04) 100%), var(--background-primary);
707  }
708  @media only screen and (max-width: 1200px) and (min-width: 992px) {
709    .nav_dropdown-links.cols {
710      display: flex;
711      flex-direction: column;
712    }
713  }
714
715  @media only screen and (max-width: 1180px) and (min-width: 992px) {
716    .nav_brand-symbol,
717    .nav_menu-links-divider {
718      display: none !important;
719    }
720    .nav_brand-text {
721      margin-right: 1.2rem;
722    }
723    .nav_link {
724      padding-left: 0.6rem;
725      padding-right: 0.6rem;
726    }
727    .nav_menu-links-inner {
728      grid-column-gap: 0rem;
729    }
730  }
731  @media only screen and (max-width: 991px) {
732    .nav_menu-links {
733      height: calc(100dvh - 7.2rem);
734    }
735  }
736
737  /* Clark Snack */
738  @media only screen and (max-width: 991px) {
739    .nav_wrapper.clark-snack {
740      margin-top: var(--clarkSnack);
741    }
742    .nav_wrapper.clark-snack .snackbar-clark {
743      position: absolute;
744      bottom: 100%;
745    }
746    .nav_wrapper.clark-snack.cc-open {
747      margin-top: 0;
748    }
749    .nav_wrapper.cc-open .snackbar-clark {
750      display: none;
751    }
752  }
753
754  /* Small Nav */
755  @media only screen and (max-width: 1180px) and (min-width: 992px) {
756    .nav-logo-text {
757      display: none;
758    }
759    .nav .page-padding {
760      padding: 0 16px;
761    }
762  }
763
764  a:hover .nav_dropdown-card_bg-hover {
765    opacity: 1;
766  }
767
768  /* Rich Text */
769  .rich-text-inherit *,
770  .text-rich-inherit * {
771    font-weight: inherit;
772    font-size: inherit;
773    margin: inherit;
774    line-height: inherit;
775    letter-spacing: inherit;
776    color: inherit;
777  }
778  .text-rich-inherit a {
779    text-decoration: underline;
780  }
781  .text-rich-inherit a:hover {
782    opacity: 0.8;
783  }
784  .text-rich-inherit strong {
785    font-weight: 600;
786    color: var(--color--neutral--700);
787  }
788
789  /* Shadows */
790  [tab-shadow] :is(a.w--current, ._w--current):not(.hp_tabs-link_inner, .blog-cateogry_item) {
791    box-shadow:
792      0px 16px 64px -12px rgba(34, 39, 47, 0.12),
793      0px 6px 16px -8px rgba(34, 39, 47, 0.16),
794      0px 0px 1px 0px rgba(34, 39, 47, 0.16),
795      0px 1px 2px 0px rgba(34, 39, 47, 0.06);
796    color: var(--color--neutral--900);
797  }
798
799  /* Links States */
800  [link-arrow] {
801    transition: transform 0.3s ease;
802  }
803  a:hover [link-arrow] {
804    transform: translateX(0.25rem);
805  }
806  a:hover [play-button] {
807    transform: scale(0.9);
808  }
809  a:hover [play-button-inner] {
810    transform: scale(1.2);
811  }
812  a:hover [play-button] .w-embed {
813    transform: scale(1.2);
814  }
815  a [icon-reveal] {
816    width: 0;
817    opacity: 0;
818    overflow: hidden;
819    transition:
820      width 0.3s ease-in,
821      opacity 0.3s ease-in;
822  }
823  a [icon-fade] {
824    position: absolute;
825    left: calc(100% + 0.4rem);
826    top: 50%;
827    transform: translateY(-50%);
828    transition:
829      width 0.3s ease-in,
830      opacity 0.3s ease-in;
831    opacity: 0;
832  }
833  a:hover [icon-reveal] {
834    width: 1.6rem;
835    opacity: 1;
836  }
837  a:hover [icon-fade] {
838    opacity: 1;
839  }
840
841  .button_new:not(.is-secondary, .is-link, .is-alternate, .is-disabled, .is-black, .is-snackbar) {
842    background: linear-gradient(120deg, rgba(255, 255, 255, 0.24) 0%, rgba(255, 255, 255, 0) 50%), var(--color--brand--blue);
843    box-shadow:
844      0px 0px 0px 1px #0087e0 inset,
845      0px 3px 6px 0px rgba(255, 255, 255, 0.32) inset,
846      0px 1px 0px 1px rgba(255, 255, 255, 0.32) inset,
847      0px 12px 48px -8px rgba(0, 153, 255, 0.4),
848      0px 1px 3px 0px rgba(0, 153, 255, 0.24);
849  }
850  .button_new:not(.is-secondary, .is-link, .is-alternate, .is-disabled, .is-snackbar):hover {
851    background-color: var(--color--brand--400);
852  }
853
854  [data-mode='dark'] .button_new.is-alternate {
855    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 52.6%, rgba(255, 255, 255, 0.04) 100%), var(--background-secondary);
856    box-shadow:
857      inset 0px 1px 1px rgba(255, 255, 255, 0.12),
858      0px 0px 0px 1px #000000,
859      0px 1px 2px rgba(27, 30, 34, 0.08);
860  }
861
862  /* Tabs */
863  .w-tabs:before,
864  .w-tabs:after {
865    display: none;
866  }
867  .tabs-menu_link.w--current .tabs-menu_icon {
868    filter: none;
869    opacity: 1;
870  }
871  /* Tabs BG */
872  [linear-gradient-white] {
873    background: linear-gradient(180deg, rgba(249, 250, 251, 0.2) 0%, rgba(249, 250, 251, 0.37) 20.78%, #f9fafb 100%);
874  }
875
876  [data-tabs='item'] {
877    cursor: pointer;
878    transition:
879      color 0.2s,
880      box-shadow 0.2s;
881  }
882
883  [data-tabs='item']:hover {
884    color: var(--color--neutral--900);
885  }
886
887  [data-tabs='item'].is-active {
888    color: var(--color--neutral--900);
889  }
890
891  [data-tabs='bg'] {
892    position: absolute;
893    left: 0px;
894    top: 0px;
895    bottom: 0px;
896    z-index: 1;
897    transition-property: width, left;
898    transition-duration: 350ms, 350ms;
899    transition-timing-function: ease, ease;
900    box-shadow:
901      0px 16px 64px -12px rgba(34, 39, 47, 0.12),
902      0px 6px 16px -8px rgba(34, 39, 47, 0.16),
903      0px 0px 1px 0px rgba(34, 39, 47, 0.16),
904      0px 1px 2px 0px rgba(34, 39, 47, 0.06);
905  }
906
907  /* Swiper */
908  .swiper-bullet {
909    position: relative;
910    width: 0.6rem;
911    height: 0.6rem;
912    border-radius: 0.2rem;
913    background-color: var(--color--neutral--100);
914    transition:
915      opacity 0.3s ease,
916      width 0.3s ease;
917    margin: 0 0.6rem;
918    cursor: pointer;
919    overflow: hidden;
920  }
921  .swiper-bullet.active {
922    width: 2rem;
923    pointer-events: none;
924  }
925  .swiper-bullet:hover {
926    background-color: var(--color--neutral--200);
927  }
928  .swiper-button-disabled {
929    opacity: 0.4;
930    pointer-events: none;
931  }
932  .swiper-notification {
933    display: none;
934  }
935
936  /* Progress Bar */
937  .swiper-bullet b {
938    position: absolute;
939    bottom: 0;
940    left: 0;
941    z-index: 2;
942    width: 0%;
943    height: 100%;
944    background-color: var(--color--brand--blue);
945  }
946  .swiper-bullet.active b {
947    animation-name: countingBar;
948    animation-duration: 7s;
949    animation-timing-function: ease-in;
950    animation-iteration-count: 1;
951    animation-direction: normal;
952    animation-fill-mode: backwards;
953  }
954
955  @keyframes countingBar {
956    0% {
957      width: 0;
958    }
959    100% {
960      width: 100%;
961    }
962  }
963
964  /* Custom Anchors */
965  .article_anchor {
966    position: absolute;
967    top: -12rem;
968    z-index: -1;
969    width: 100%;
970    height: 1px;
971  }
972
973  /* G2 Badges */
974  @media only screen and (min-width: 768px) {
975    .footer_badge[data-size='large'] {
976      width: 13.5rem;
977    }
978  }
979
980  /* Tooltips */
981  [data-tippy-content] {
982    position: relative;
983    border-bottom: none;
984  }
985
986  [data-tippy-content]:not(.blog-detail_author-item):before {
987    content: '';
988    position: absolute;
989    top: calc(100% + 0.2rem);
990    left: 0;
991    right: 0;
992    border-bottom: 1px dashed #c6ccd2;
993  }
994
995  .button_wrap.is-secondary:hover .btn_bg {
996    opacity: 1;
997  }
998
999  .button_wrap.is-red:hover .btn_bg {
1000    opacity: 1;
1001  }
1002
1003  .button_wrap.is-databricks-red:hover .btn_bg {
1004    opacity: 1;
1005  }
1006
1007  .button_wrap.is-snowflake-blue:hover .btn_bg {
1008    opacity: 1;
1009  }
1010
1011  .hp_hero-chatbox_button:hover .hp_hero-chatbox_bg {
1012    opacity: 1;
1013  }
1014
1015  .superblocks-2-0_wrap-inner:hover .icon-embed-xxsmall {
1016    transform: translateX(0.5rem);
1017  }
1018
1019  .designer-only {
1020    display: none;
1021  }
1022
1023  .wf-design-mode .designer-only {
1024    display: block;
1025  }
1026</style></div><div class="osmo-css w-embed"><style>
1027[data-modal-group-status] {
1028  transition: all 0.2s linear;
1029}
1030
1031[data-modal-group-status="active"] {
1032  opacity: 1;
1033  visibility: visible;
1034}
1035
1036[data-modal-name][data-modal-status="active"] {
1037  display: flex;
1038}
1039
1040/* Animate Accordion Bottom Grid */
1041.accordion-css__item-bottom {
1042  transition: grid-template-rows 0.6s cubic-bezier(0.625, 0.05, 0, 1);
1043}
1044
1045[data-accordion-status="active"] .accordion-css__item-bottom {
1046  grid-template-rows: 1fr;
1047}
1048
1049/* Animate Icon */
1050.accordion-css__item-icon {
1051  transition: transform 0.6s cubic-bezier(0.625, 0.05, 0, 1);
1052}
1053
1054[data-accordion-status="active"] .accordion-css__item-icon {
1055  transform: rotate(0.001deg);
1056}
1057
1058/* Tooltip - Icon Types */
1059[data-css-tooltip-icon] > svg path:not(:first-child) {
1060  display: none;
1061}
1062
1063[data-css-tooltip-icon="question"] > svg path:nth-child(2),
1064[data-css-tooltip-icon="question"] > svg path:nth-child(3){
1065  display: block;
1066}
1067
1068[data-css-tooltip-icon="alert"] > svg path:nth-child(4),
1069[data-css-tooltip-icon="alert"] > svg path:nth-child(5){
1070  display: block;
1071}
1072
1073[data-css-tooltip-icon="info"] > svg path:nth-child(6),
1074[data-css-tooltip-icon="info"] > svg path:nth-child(7),
1075[data-css-tooltip-icon="info"] > svg path:nth-child(8),
1076[data-css-tooltip-icon="info"] > svg path:nth-child(9){
1077  display: block;
1078}
1079
1080/* Tooltip - Hover Element */
1081[data-css-tooltip-hover] {
1082  position: relative;
1083  cursor: pointer;
1084}
1085
1086/* Tooltip - Animation */
1087[data-css-tooltip-y] {
1088  transition: all 0.4s cubic-bezier(0.625, 0.05, 0, 1);
1089  opacity: 0;
1090  visibility: hidden;
1091}
1092
1093[data-css-tooltip-hover]:hover [data-css-tooltip-y] {
1094  opacity: 1;
1095  visibility: visible;
1096}
1097
1098.css-tooltip__box-inner {
1099  transition: transform 0.4s cubic-bezier(0.625, 0.05, 0, 1);
1100  transform: translateY(1em) scale(0.9) rotate(0.001deg);
1101}
1102
1103[data-css-tooltip-hover]:hover [data-css-tooltip-y] .css-tooltip__box-inner {
1104  transform: translateY(0em) scale(1) rotate(0.001deg);
1105}
1106
1107/* Tooltip - Bottom */
1108[data-css-tooltip-y="bottom"] {
1109  top: 100%;
1110  bottom: unset;
1111}
1112
1113[data-css-tooltip-y="bottom"] .css-tooltip__card {
1114  order: 2;
1115}
1116
1117[data-css-tooltip-y="bottom"] .css-tootlip__tip {
1118  transform: scaleY(-1);
1119}
1120
1121[data-css-tooltip-y="bottom"] .css-tooltip__box-inner {
1122  transform: translateY(-1em) scale(0.9) rotate(0.001deg);
1123}
1124
1125/* Tooltip - Left */
1126[data-css-tooltip-x="left"] {
1127  align-items: flex-start;
1128  left: -2em;
1129  transform: translateX(0%);
1130}
1131
1132[data-css-tooltip-x="left"] .css-tooltip__box-inner {
1133  align-items: flex-start;
1134}
1135
1136/* Tooltip - Right */
1137[data-css-tooltip-x="right"] {
1138  align-items: flex-end;
1139  left: unset;
1140  right: -2em;
1141  transform: translateX(0%);
1142}
1143
1144[data-css-tooltip-x="right"] .css-tooltip__box-inner {
1145  align-items: flex-end;
1146}
1147
1148  .vimeo-lightbox__player {
1149  transition: all 0.3s cubic-bezier(0.625, 0.05, 0, 1);
1150  opacity: 0;
1151  visibility: hidden;
1152  transform: scale(0.9) rotate(0.001deg) translateX(0);
1153}
1154
1155.vimeo-lightbox[data-vimeo-activated="true"] .vimeo-lightbox__player {
1156  opacity: 1;
1157  visibility: visible;
1158  transform: scale(1) rotate(0.001deg) translateX(0);
1159}
1160
1161/* Dark BG */
1162.vimeo-lightbox__bg {
1163  transition: all 0.3s cubic-bezier(0.625, 0.05, 0, 1);
1164  opacity: 0;
1165  visibility: hidden;
1166}
1167
1168.vimeo-lightbox[data-vimeo-activated="loading"] .vimeo-lightbox__bg,
1169.vimeo-lightbox[data-vimeo-activated="true"] .vimeo-lightbox__bg{
1170  opacity: 1;
1171  visibility: visible;
1172}
1173
1174/* Close Button */
1175.vimeo-lightbox__close {
1176  transition: all 0.5s cubic-bezier(0.625, 0.05, 0, 1);
1177  opacity: 0;
1178  visibility: hidden;
1179}
1180
1181.vimeo-lightbox[data-vimeo-activated="true"] .vimeo-lightbox__close {
1182  opacity: 1;
1183  visibility: visible;
1184}
1185
1186/* Cover */
1187.vimeo-lightbox[data-vimeo-update-size="cover"] .vimeo-lightbox__calc-wrap {
1188  height: 100%;
1189}
1190
1191.vimeo-lightbox[data-vimeo-update-size="cover"] [data-vimeo-lightbox-player] {
1192  width: 100%;
1193  min-width: 100%;
1194  max-width: 100%;
1195  height: 100%;
1196  min-height: 100%;
1197  max-height: 100%;
1198}
1199
1200/* Placeholder */
1201.vimeo-lightbox[data-vimeo-loaded="true"] .vimeo-lightbox__placeholder {
1202  opacity: 0;
1203}
1204
1205/* Dark (Overlay) */
1206.vimeo-lightbox[data-vimeo-playing="false"] .vimeo-lightbox__dark {
1207  opacity: 0.33;
1208}
1209
1210.vimeo-lightbox[data-vimeo-activated="false"][data-vimeo-playing="false"] .vimeo-lightbox__dark {
1211  opacity: 0;
1212}
1213
1214.vimeo-lightbox[data-vimeo-activated="true"][data-vimeo-loaded="true"] .vimeo-lightbox__dark {
1215  opacity: 0;
1216}
1217
1218@media (hover: hover) and (pointer: fine) {
1219  .vimeo-lightbox[data-vimeo-hover="true"]:hover .vimeo-lightbox__dark {
1220    opacity: 0.33 !important;
1221  }
1222}
1223
1224/* Pause */
1225.vimeo-lightbox .vimeo-lightbox__pause {
1226  display: none;
1227}
1228
1229.vimeo-lightbox[data-vimeo-playing="true"] .vimeo-lightbox__pause {
1230  display: flex;
1231}
1232
1233.vimeo-lightbox .vimeo-lightbox__pause .vimeo-lightbox__btn {
1234  opacity: 0;
1235}
1236
1237.vimeo-lightbox[data-vimeo-activated="true"][data-vimeo-playing="false"] .vimeo-lightbox__pause .vimeo-lightbox__btn,
1238.vimeo-lightbox[data-vimeo-activated="true"][data-vimeo-hover="true"]:hover .vimeo-lightbox__pause .vimeo-lightbox__btn {
1239  opacity: 1;
1240}
1241
1242@media (hover: none) and (pointer: coarse) {
1243  .vimeo-lightbox[data-vimeo-activated="true"][data-vimeo-playing="true"] .vimeo-lightbox__pause .vimeo-lightbox__btn {
1244    opacity: 0 !important;
1245  }
1246}
1247
1248/* Play */
1249.vimeo-lightbox[data-vimeo-playing="true"] .vimeo-lightbox__play {
1250  opacity: 0;
1251}
1252
1253/* Loading */
1254.vimeo-lightbox .vimeo-lightbox__loading {
1255  opacity: 0;
1256}
1257
1258.vimeo-lightbox[data-vimeo-playing="true"] .vimeo-lightbox__loading {
1259  opacity: 1;
1260}
1261
1262.vimeo-lightbox[data-vimeo-playing="true"][data-vimeo-loaded="true"] .vimeo-lightbox__loading {
1263  opacity: 0;
1264}
1265
1266/* Interface */
1267.vimeo-lightbox .vimeo-lightbox__interface {
1268  opacity: 0;
1269}
1270
1271.vimeo-lightbox[data-vimeo-activated="false"][data-vimeo-playing="false"] .vimeo-lightbox__interface {
1272  opacity: 1;
1273}
1274
1275.vimeo-lightbox .vimeo-lightbox__interface * {
1276  pointer-events: all; /* Make children of div clickable by user */
1277}
1278
1279.vimeo-lightbox[data-vimeo-activated="true"][data-vimeo-playing="false"] .vimeo-lightbox__interface,
1280.vimeo-lightbox[data-vimeo-activated="true"][data-vimeo-hover="true"]:hover .vimeo-lightbox__interface {
1281  opacity: 1;
1282}
1283
1284@media (hover: none) and (pointer: coarse) {
1285  .vimeo-lightbox[data-vimeo-activated="true"][data-vimeo-playing="true"] .vimeo-lightbox__interface {
1286    opacity: 0 !important;
1287  }
1288}
1289
1290/* Interface - Variables */
1291.vimeo-lightbox {
1292  --timeline-rounded-corners: 1.5em;
1293  --timeline-dot-height: 0.75em;
1294  --timeline-dot-color: var(--color--brand--blue);
1295  --progress-bg: rgba(239, 238, 236, 0.2);
1296  --progress-fill-bg: var(--color--brand--blue);
1297  --progress-height: 0.2em;
1298}
1299
1300/* Interface - Timeline */
1301.vimeo-lightbox progress::-webkit-progress-bar {
1302  border-radius: var(--timeline-rounded-corners);
1303  background-color: var(--progress-bg);
1304  box-shadow: 0;
1305}
1306
1307.vimeo-lightbox progress::-webkit-progress-value {
1308  background: var(--progress-fill-bg);
1309}
1310
1311.vimeo-lightbox progress::-moz-progress-bar{
1312  border-radius: var(--timeline-rounded-corners);
1313  background: var(--progress-fill-bg);
1314  box-shadow: 0;
1315}
1316
1317.vimeo-lightbox progress::-ms-fill {
1318  border-radius: var(--timeline-rounded-corners);
1319}
1320
1321/* Interface - Range */
1322.vimeo-lightbox [type="range"]::-webkit-slider-thumb {
1323  -webkit-appearance: none;
1324}
1325 
1326.vimeo-lightbox [type="range"]:focus {
1327  outline: none;
1328}
1329 
1330.vimeo-lightbox [type="range"]::-ms-track {
1331  width: 100%;
1332  cursor: pointer;
1333  background-color: transparent;
1334  border-color: transparent;
1335  color: transparent;
1336}
1337
1338.vimeo-lightbox [type="range"]::-webkit-slider-runnable-track{
1339  width: 100%;
1340  height: var(--progress-height);
1341  cursor: pointer;
1342  background-color: var(--progress-bg);
1343  border-radius: var(--timeline-rounded-corners);
1344  background-color: transparent;
1345  border-color: transparent;
1346  color: transparent;
1347}
1348
1349.vimeo-lightbox [type="range"]::-webkit-slider-thumb {
1350  box-shadow: 0;
1351  height: var(--timeline-dot-height);
1352  width: var(--timeline-dot-height);
1353  border-radius: var(--timeline-rounded-corners);
1354  background-color: var(--timeline-dot-color);
1355  cursor: pointer;
1356  -webkit-appearance: none;
1357  margin-top: calc((var(--progress-height) / 2) - (var(--timeline-dot-height) / 2));
1358}
1359
1360.vimeo-lightbox [type="range"]::-webkit-slider-runnable-track,
1361.vimeo-lightbox [type="range"]:focus::-webkit-slider-runnable-track {
1362  background-color: transparent;
1363  border-color: transparent;
1364  color: transparent;
1365}
1366
1367.vimeo-lightbox [type="range"]::-moz-range-track {
1368  width: 100%;
1369  height: var(--progress-height);
1370  cursor: pointer;
1371  background: var(--progress-bg);
1372  border-radius: 0;
1373  border: 0;
1374  border-radius: var(--timeline-rounded-corners);
1375  overflow: hidden;
1376  opacity: 1 !important;
1377}
1378
1379.vimeo-lightbox [type="range"]::-moz-range-thumb {
1380  box-shadow: 0;
1381  border: 0;
1382  height: var(--timeline-dot-height);
1383  width: var(--timeline-dot-height);
1384  border-radius: var(--timeline-rounded-corners);
1385  background: var(--timeline-dot-color);
1386  cursor: pointer;
1387  box-shadow: 0;
1388}
1389
1390/* Interface - Mute */
1391.vimeo-lightbox .vimeo-lightbox__mute svg:nth-child(2),
1392.vimeo-lightbox[data-vimeo-muted="true"] .vimeo-lightbox__mute svg:nth-child(1) {
1393  display: none;
1394}
1395
1396.vimeo-lightbox .vimeo-lightbox__mute svg:nth-child(1),
1397.vimeo-lightbox[data-vimeo-muted="true"] .vimeo-lightbox__mute svg:nth-child(2) {
1398  display: block;
1399}
1400
1401/* Interface - Fullscreen */
1402.vimeo-lightbox .vimeo-lightbox__fullscreen svg:nth-child(2),
1403.vimeo-lightbox[data-vimeo-fullscreen="true"] .vimeo-lightbox__fullscreen svg:nth-child(1) {
1404  display: none;
1405}
1406
1407.vimeo-lightbox .vimeo-lightbox__fullscreen svg:nth-child(1),
1408.vimeo-lightbox[data-vimeo-fullscreen="true"] .vimeo-lightbox__fullscreen svg:nth-child(2) {
1409  display: block;
1410}
1411
1412   .hp-data_card:hover .vimeo-player__btn,
1413  .hp-data_card:hover .vimeo-player__btn{
1414    transform: scale(0.9);
1415  }
1416  .hp-data_card:hover .vimeo_player_btn-circle{
1417    transform: scale(1.1);
1418  }
1419  .hp-data_card:hover .vimeo_player_btn-circle-inner{
1420    transform: scale(1.1);
1421  }
1422</style></div></div><div class="hs-css w-embed"><style>
1423:root {
1424/* ---- Variables ---- */
1425
1426/* -- Input */
1427--input-FontColor: var(--color--neutral--700);
1428
1429--input-BackgroundColor: white;
1430--input-PlaceholderColor: var(--color--neutral--300);
1431--input-Height: 4.8rem;
1432--input-FontSize: 1.6rem;
1433
1434--input-Padding: 2rem;
1435--input-FieldMargin: 1.6rem;
1436
1437/* -- Button */
1438--button-TextColor: white;
1439--button-BGColor: var(--color--neutral--900);
1440--button-BGHoverColor: var(--black-80);
1441--button-BoxShadow: 0px 0px 0px 1px #000000, 0px 1px 2px rgba(27, 30, 34, 0.08), 0px 6px 16px 1px rgba(14, 20, 27, 0.16), inset 0px 1px 0px rgba(255, 255, 255, 0.3);
1442
1443--button-Padding: 0.75rem 1.5rem;
1444--button-FontSize: 1.7rem;
1445
1446/* -- Checkbox/Radio Button */
1447--checkBox-BGcolor: #006AFF;
1448
1449/* -- Validation */
1450--validation-Size: 1.4rem;
1451--validation-BorderColor: #FF1F25;
1452--validation-TextColor: #DD0007;
1453
1454/* -- Success */
1455--success-FontSize: 1rem;
1456--success-BGColor: #F4F4F4;
1457--success-TextColor : black;
1458
1459--success-Padding: 2rem;
1460
1461}
1462
1463/* ---- Start of Form Base ---- */
1464*{
1465box-sizing: border-box;
1466}
1467/* ---- Clears ---- */
1468.hs-form ul{
1469list-style:none;
1470padding: 0;
1471}
1472.hs-form li{
1473margin:0;
1474padding:0;
1475}
1476
1477/* Form */
1478.hs-form {
1479}
1480
1481/* Field Sets */
1482.hs-form fieldset{
1483max-width: 100% !important;
1484}
1485
1486/* Input Field */
1487.hs-form-field {
1488width: 100%;
1489}
1490
1491.hs-form-field {
1492margin-bottom: var(--input-FieldMargin)
1493}
1494
1495:is(.hs-fieldtype-text,.hs-fieldtype-textarea, .hs-fieldtype-phonenumber, .hs-fieldtype-select) label{
1496font-size: 1.4rem;
1497font-weight: 500;
1498color: var(--color--neutral--700);
1499margin-bottom: 0.8rem;
1500}
1501
1502
1503.form-columns-2{
1504display:flex;
1505grid-column-gap: 1.6rem;
1506}
1507
1508@media only screen and (max-width: 991px){
1509.form-columns-2{
1510display:flex;
1511flex-direction: column;
1512}
1513fieldset.form-columns-2 .hs-form-field{
1514width: 100% !important;
1515}
1516}
1517
1518/* Input Base */
1519.input{
1520margin-right: 0 !important;
1521}
1522.hs-input:not(input[type="checkbox"],input[type="radio"]) {
1523height: var(--input-Height);
1524margin-bottom: 0px;
1525padding: var(--input-Padding);
1526border: solid 1px var(--input-BorderColor);
1527border-radius: 1rem;
1528background-color: var(--input-BackgroundColor);
1529transition-property: box-shadow border;
1530transition-duration: 350ms;
1531transition-timing-function: cubic-bezier(.215, .61, .355, 1);
1532color: var(--input-FontColor);
1533font-size: var(--input-FontSize);
1534line-height: 1.6;
1535cursor: pointer;
1536width: 100% !important;
1537outline: none;
1538background-repeat: no-repeat;
1539background-position: calc(100% - 16px) 50%;
1540background-color: white;
1541box-shadow: 0px 0px 0px 1px rgba(71, 58, 31, 0.16), 0px 1px 3px rgba(71, 58, 31, 0.06);
1542}
1543textarea.hs-input{
1544min-height: 10.6rem;
1545height: 10.6rem;
1546max-height: 30rem;
1547width: 100%;
1548min-width: 100%;
1549max-width: 1000;
1550}
1551
1552.hs-input:not(input[type="checkbox"],input[type="radio"]):hover {
1553box-shadow: 0px 0px 0px 1px rgba(71, 58, 31, 0.32), 0px 1px 3px rgba(71, 58, 31, 0.12);
1554}
1555
1556.hs-input:not(input[type="checkbox"],input[type="radio"]):is(:focus,:active) {
1557box-shadow: 0px 0px 0px 1px #0E141B, 0px 1px 3px rgba(14, 20, 27, 0.16), 0px 0px 0px 4px rgba(14, 20, 27, 0.12);
1558}
1559
1560.hs-input::placeholder {
1561color: var(--input-PlaceholderColor);
1562}
1563
1564/* Checkbox & Radios */
1565:is(.hs-fieldtype-radio,.hs-fieldtype-checkbox) > label {
1566font-weight: 500;
1567font-size: 1.4rem;
1568color: var(--color--neutral--700);
1569margin-bottom: 0.8rem;
1570display: block;
1571}
1572:is(.hs-fieldtype-radio,.hs-fieldtype-checkbox) ul {
1573margin-top: 0.5rem;
1574}
1575li:is(.hs-form-checkbox,.hs-form-radio) {
1576margin-bottom: 0.6rem;
1577}
1578li:is(.hs-form-checkbox,.hs-form-radio) label span {
1579font-size: 1.5rem;
1580font-weight: 400;
1581color: var(--color--neutral--700);
1582line-height: 1.4;
1583}
1584
1585:is(.hs-form-radio-display,.hs-form-checkbox-display, .hs-form-booleancheckbox-display) {
1586display: flex;
1587flex-direction: row;
1588align-items: center;
1589justify-content: flex-start;
1590gap: 0.8rem;
1591cursor: pointer;
1592}
1593
1594:is(.hs-fieldtype-radio,.hs-fieldtype-checkbox) ul {
1595margin-top: 0.5rem;
1596display: grid;
1597grid-template-columns: repeat(3, 1fr);
1598gap: 0.6rem 1.6rem;
1599}
1600
1601/* Base */
1602input[type="checkbox"],
1603input[type="radio"] {
1604width: 18px !important;
1605height: 18px !important;
1606flex-shrink: 0;
1607border: 1px solid #C4C4C4;
1608display: block;
1609margin: 0;
1610background-size: 12px 12px;
1611background-position: 50% 50%;
1612background-repeat: no-repeat;
1613transition: box-shadow 200ms ease, border-color 200ms ease, background-color 200ms ease;
1614cursor: pointer;
1615}
1616
1617input[type="checkbox"]:hover,
1618input[type="radio"]:hover {
1619box-shadow: 0px 0px 0px 1px rgba(71, 58, 31, 0.32), 0px 1px 3px rgba(71, 58, 31, 0.12);
1620border-color: #8A8A8A;
1621}
1622
1623/* Checkboxes */
1624input[type="checkbox"] {
1625-webkit-appearance: none;
1626-moz-appearance: none;
1627appearance: none;
1628border-radius: 3px;
1629}
1630input[type="checkbox"]:checked {
1631background-color: var(--checkBox-BGcolor);
1632border-color: var(--checkBox-BGcolor);
1633background-image: url(https://d3e54v103j8qbb.cloudfront.net/static/custom-checkbox-checkmark.589d534424.svg);
1634box-shadow: none;
1635}
1636
1637/* Radio */
1638input[type="radio"] {
1639-webkit-appearance: none;
1640-moz-appearance: none;
1641appearance: none;
1642border-radius: 50%;
1643}
1644input[type="radio"]:checked {
1645background-color: var(--checkBox-BGcolor);
1646border-color: var(--checkBox-BGcolor);
1647box-shadow: none;
1648}
1649
1650/* Button */
1651.hs_submit{
1652width: 100%;
1653margin-top: 1.5rem;
1654display:flex;
1655justify-content: center;
1656align-items: center;
1657}
1658.hs_submit .actions{
1659width: 100%;
1660}
1661.hs-button.primary.large {
1662width: 100%;
1663height: 6rem;
1664display: inline-block;
1665padding: 1.6rem 3.2rem;
1666font-size: var(--button-FontSize);
1667line-height: inherit;
1668font-weight: 500;
1669text-align: center;
1670color: var(--button-TextColor);
1671background-color: var(--button-BGColor);
1672border: none;
1673border-radius: 1.2rem;
1674box-sizing: border-box;
1675transition-property: background-color;
1676transition-duration: 300ms;
1677transition-timing-function: ease;
1678cursor: pointer;
1679text-decoration: none;
1680outline: 0;
1681box-shadow: 0px 0px 0px 1px #000000, 0px 1px 2px rgba(27, 30, 34, 0.08), 0px 6px 16px 1px rgba(14, 20, 27, 0.16), inset 0px 1px 0px rgba(255, 255, 255, 0.3);
1682}
1683
1684.hs-button.primary.large:hover {
1685background-color: var(--button-BGHoverColor)
1686}
1687
1688/* No White Border Button */
1689.no-border-button .hs-button.primary.large{
1690border:none;
1691}
1692
1693/* Errors */
1694.hs-error-msgs {
1695margin-top: 0.4rem;
1696margin-bottom: 0;
1697list-style: none;
1698}
1699.hs-input.error{
1700border: 1px solid var(--validation-BorderColor) !important;
1701background: #FEF9F9;
1702box-shadow: 0px 1px 2px 0px rgba(255, 51, 65, 0.12);
1703}
1704
1705.hs-error-msgs label {
1706display: block;
1707color: var(--validation-TextColor);
1708font-size: var(--validation-Size);
1709font-weight: 400;
1710margin-bottom: 0;
1711line-height: 1.4287;
1712}
1713
1714.hs_error_rollup {
1715display: none;
1716}
1717
1718/* Success */
1719.hbspt-form .submitted-message {
1720padding: var(--success-Padding);
1721background-color: var(--success-BGColor);
1722color: var(--success-TextColor);
1723display: flex;
1724align-items: center;
1725justify-content: center;
1726text-align: center;
1727}
1728
1729.hbspt-form .submitted-message p {
1730font-size: var(--success-FontSize);
1731text-align: center;
1732}
1733
1734/* ---- End of Form Base ---- */
1735
1736/* --- Full Form */
1737.full-hs-form textarea{
1738min-height: 10.4rem;
1739max-height: 20rem;
1740}
1741.hs-input textarea{
1742color: #A4ADB7;
1743}
1744.nice-select .option{
1745border-radius: 0.4rem;
1746}
1747.nice-select .option.selected{
1748color: var(--color--brand--blue);
1749font-weight: inherit;
1750}
1751.nice-select .option:hover, .nice-select .option.focus, .nice-select .option.selected.focus {
1752background-color: rgba(0,153,255,.12);
1753}
1754
1755/* --- E-mail Form */
1756.blog-detail_form-hs .hs-form {
1757display: flex;
1758align-items: flex-end;
1759gap: 0.8rem;
1760}
1761@media only screen and (max-width: 600px){
1762.blog-detail_form-hs .hs-form{
1763flex-direction: column;
1764}
1765}
1766
1767.blog-detail_form-hs .hs-form-field{
1768margin-bottom: 0;
1769}
1770.blog-detail_form-hs .hs-input:not(input[type="checkbox"],input[type="radio"]){
1771height: 4rem;
1772font-size: 1.5rem;
1773padding: 0.8rem 1.2rem;
1774border-radius: 0.8rem;
1775}
1776.blog-index_form-form .blog-detail_form-hs .hs-input:not(input[type="checkbox"],input[type="radio"]){
1777height: 6rem;
1778font-size: 1.6rem;
1779padding: 1.8rem 2rem;
1780}
1781
1782.blog-detail_form-hs .hs_submit{
1783margin-top: 0;
1784width: auto;
1785}
1786
1787.blog-detail_form-hs .hs-button.primary.large{
1788padding: 0.8rem 1.4rem;
1789width: auto;
1790height: 4rem;
1791font-size: 1.5rem;
1792border-radius: 0.8rem;
1793font-weight: 500;
1794border: none;
1795}
1796
1797.blog-index_form-form .blog-detail_form-hs .hs-button.primary.large{
1798padding: 1.8rem 3.2rem;
1799width: auto;
1800height: 6rem;
1801font-size: 1.7rem;
1802border-radius: 1.2rem;
1803font-weight: 500;
1804border: none;
1805}
1806
1807@media only screen and (max-width: 600px){
1808.blog-detail_form-hs .hs-button.primary.large{
1809width: 100%;
1810}
1811}
1812
1813</style></div><div class="embed w-embed"><style>
1814</style></div><main class="main_wrap"><section class="section_demo"><div class="padding-global"><div class="padding-section-medium"><div class="container-medium"><div class="demo_wrap"><div class="demo-wrap_left"><div><div class="margin-bottom margin-48"><div class="text-color-neutral900"><h1 class="heading-style-h2-new">Book a Demo to See Superblocks in Action</h1></div></div><div class="text-color-neutral700"><div class="margin-bottom margin-24"><div class="text-size-medium">Superblocks lets business teams build AI-generated apps in your private cloud, while Security &amp; IT teams control governance and guardrails.</div></div><div class="demo-bullets_wrap"><div class="text-weight-medium"><div class="text-color-neutral900"><div class="text-size-regular">On a 45 minute call we’ll show you:</div></div></div><ul role="list" class="check_features-list"><li class="check_features-item"><img loading="lazy" src="https://cdn.prod.website-files.com/627d359d0e0aa265b7817bcf/65d8f7eda940270739476206_icon-check_new.png" alt="" class="icon-embed-medium"/><p class="text-size-regular">How Security Teams set up the platform to connect to integrations, set permissions, enable policy agent enforcement and control auditing</p></li><li class="check_features-item"><img loading="lazy" src="https://cdn.prod.website-files.com/627d359d0e0aa265b7817bcf/65d8f7eda940270739476206_icon-check_new.png" alt="" class="icon-embed-medium"/><p class="text-size-regular">How Business teams can generate AI apps on your enterprise data securely and import prototpyes from Claude, Replit, Lovable and more</p></li><li class="check_features-item"><img loading="lazy" src="https://cdn.prod.website-files.com/627d359d0e0aa265b7817bcf/65d8f7eda940270739476206_icon-check_new.png" alt="" class="icon-embed-medium"/><p class="text-size-regular">How IT Teams control AI costs, access management, and govern apps at scale using the Superblocks Admin MCP</p></li></ul></div></div></div><div class="hp-hero_logo-wrap"><div class="hp-hero_logo-box"><div class="hp-hero_logo-header"><div class="text-color-neutral700"><div class="text-size-medium">Trusted by Security &amp; IT. Loved by Business teams.</div></div></div><div class="hp_hero-logo_wrap"><div class="embed w-embed"><style>
1815  @keyframes marquee-horizontal {
1816    from {
1817      transform: translateX(0);
1818    }
1819
1820    to {
1821      transform: translateX(-100%);
1822    }
1823  }
1824
1825  @media only screen and (max-width: 991px){
1826    .hp_hero-logo-cms-wrap.cc-animated {
1827      animation: marquee-horizontal 60s linear infinite;
1828    }
1829  }
1830</style></div><div class="hp_hero-logo_overlay left"></div><div class="hp_hero-logo_track"><div class="hp_hero-logo-cms-wrap w-dyn-list"><div role="list" class="hp_hero-logo_wrap-list is-demo is-grid w-dyn-items"><div role="listitem" class="hp_hero-logo_wrap-item is-demo w-dyn-item"><img width="165" loading="eager" alt="" src="https://cdn.prod.website-files.com/627d359d0e0aa25158817bf0/69e7bc266283205e5e31ccfd_instacart-logo.svg" class="hp_hero-logo_logo is-grayscale is-demo"/></div><div role="listitem" class="hp_hero-logo_wrap-item is-demo w-dyn-item"><img width="165" loading="eager" alt="" src="https://cdn.prod.website-files.com/627d359d0e0aa25158817bf0/6aa8207e4601dda174f80e7f_quote-benchling.svg" class="hp_hero-logo_logo is-grayscale is-demo"/></div><div role="listitem" class="hp_hero-logo_wrap-item is-demo w-dyn-item"><img width="165" loading="eager" alt="" src="https://cdn.prod.website-files.com/627d359d0e0aa25158817bf0/69e7bc0b35296145bad43672_virgin-voyages-logo.svg" class="hp_hero-logo_logo is-grayscale is-demo"/></div><div role="listitem" class="hp_hero-logo_wrap-item is-demo w-dyn-item"><img width="165" loading="eager" alt="" src="https://cdn.prod.website-files.com/627d359d0e0a
1830a25158817bf0/69e7bc14eb8b3cf5cb5e75d7_airwallex-logo.svg" class="hp_hero-logo_logo is-grayscale is-demo"/></div><div role="listitem" class="hp_hero-logo_wrap-item is-demo w-dyn-item"><img width="165" loading="eager" alt="" src="https://cdn.prod.website-files.com/627d359d0e0aa25158817bf0/6a56766f2c1f26c1065ab155_flex.svg" class="hp_hero-logo_logo is-grayscale is-demo"/></div><div role="listitem" class="hp_hero-logo_wrap-item is-demo w-dyn-item"><img width="165" loading="eager" alt="" src="https://cdn.prod.website-files.com/627d359d0e0aa25158817bf0/6aa820f41e8f405d722461a8_betmgm.svg" class="hp_hero-logo_logo is-grayscale is-demo"/></div></div></div><div class="hp_hero-logo-cms-wrap _2 w-dyn-list"><div role="list" class="hp_hero-logo_wrap-list w-dyn-items"><div role="listitem" class="hp_hero-logo_wrap-item w-dyn-item"><img width="165" loading="eager" alt="" src="" class="hp_hero-logo_logo"/></div><div role="listitem" class="hp_hero-logo_wrap-item w-dyn-item"><img width="165" loading="eager" alt="" src="" class="hp_hero-logo_logo"/></div><div role="listitem" class="hp_hero-logo_wrap-item w-dyn-item"><img width="165" loading="eager" alt="" src="" class="hp_hero-logo_logo"/></div><div role="listitem" class="hp_hero-logo_wrap-item w-dyn-item"><img width="165" loading="eager" alt="" src="" class="hp_hero-logo_logo"/></div><div role="listitem" class="hp_hero-logo_wrap-item w-dyn-item"><img width="165" loading="eager" alt="" src="" class="hp_hero-logo_logo"/></div></div></div></div><div class="hp_hero-logo_overlay right"></div></div></div></div></div><div class="demo-form_box"><div class="download_form-box w-embed w-script">
1830<script charset="utf-8" type="text/javascript" src="//js.hsforms.net/forms/v2.js"></script>
vendor: 1 bytes, line 1830
1830
1831<script data-hubspot-rendered="true">
1832  hbspt.forms.create({
1833    region: "na1",
1834    portalId: "21976886",
1835    formId: "0c9d1349-2f65-47e5-9ffc-fbda760c0608",
1836    onFormReady: function(form) {
1837
1838      let $form = form
1839
1840      $(document).ready(function(){
1841        $('select').niceSelect();
1842        $('.nice-select li').on('click', function() {
1843          $(this).closest('.nice-select').find('.current').css("color", "var(--color--neutral--900)")
1844        });
1845      });
1846
1847      $form.find("input[type=submit]").on("click", function(e) {
1848
1849        // Update Labels 
1850        const CONFIG = {
1851          firstname: {
1852            text_message: "Plese fill your name.",
1853          },
1854          email: {
1855            text_message: "Please fill your email.",
1856          },
1857          company: {
1858            text_message: "Please fill your company name.",
1859          },
1860          jobtitle:{
1861            text_message: "Please fill your job title."
1862          },
1863          numemployees:{
1864            text_message: "Please fill your number of employees."
1865          },
1866        };
1867
1868        /* Each Error */
1869        $form.find("input").each(function() {
1870
1871          /* Get Name */
1872          var name = $(this).attr("name"); 
1873
1874          /* Set Config */
1875          const config = CONFIG[name];
1876          var option = $(this).closest('.hs-form-field').find('.hs-error-msgs label');
1877
1878          /* Update Config */
1879          if (config){
1880            $(option).text(config.text_message);
1881          }
1882        });
1883
1884        /* Show Label */
1885        $('.hs-error-msgs').addClass("active");
1886      });
1887
1888
1889    },
1890    onFormSubmitted: function() {
1891      if (window.lintrk){
1892        window.lintrk('track', { conversion_id: 20015164 });
1893      }
1894      $(".download_form-box").hide();
1895      $(".demo_success").fadeIn();
1896    }
1897  });
1898</script>
1898</div><div class="text-align-center"><div class="text-color-neutral500"><p class="text-size-xtiny"><em>Subject to </em><a target="_blank" href="https://www.superblocks.com/legal/privacy" class="paragraph_link"><strong><em>Superblocks&#x27;s Privacy Policy</em></strong></a><em>, you agree to allow Superblocks to contact you via the email provided for demo scheduling and marketing purposes.</em></p></div></div><div class="demo_success"><div data-wf--form---sucess--variant="base" class="text-align-center"><img sizes="100vw" srcset="https://cdn.prod.website-files.com/627d359d0e0aa265b7817bcf/65e208ef9bf348cc205282e6_demo-success-p-500.jpg 500w, https://cdn.prod.website-files.com/627d359d0e0aa265b7817bcf/65e208ef9bf348cc205282e6_demo-success.jpg 640w" alt="" src="https://cdn.prod.website-files.com/627d359d0e0aa265b7817bcf/65e208ef9bf348cc205282e6_demo-success.jpg" loading="lazy"/><div class="margin-bottom margin-16"><p class="heading-style-h3">Thank you for your interest!</p></div><div class="text-color-neutral500"><div><p class="text-size-regular">A member of our team will be in touch soon to schedule a demo.</p></div></div><div class="margin-top margin-32"><a href="/" class="button_new is-alternate is-small w-button">Back to home</a></div></div></div></div></div></div></div></div></section></main><footer data-wf--footer--variant="base" class="section_footer"><div class="padding-global"><div class="container-medium"><div class="footer_wrap"><div class="promt_wrap"><div class="promt_header"><img src="https://cdn.prod.website-files.com/627d359d0e0aa265b7817bcf/69b1402c09328a1716918b3e_superblock-circle_logo.png" loading="lazy" alt="" class="promt_header-logo"/><h2 class="heading-style-h5-new">What do you want to build today?</h2></div><div class="hp_hero-chatbox"><div class="hp_hero-chatbox-top"><div id="promt-form" class="hp_hero-chatbox-form_block w-form"><form id="wf-form-chatbot-form" name="wf-form-chatbot-form" data-name="chatbot-form" redirect="http://app.superblocks.com/signup" data-redirect="http://app.superblocks.com/signup" method="get" class="hp_hero-chatbox-form" data-wf-page-id="63bdc699a5c6ce761226a1dd" data-wf-element-id="e557dfd0-5491-cb58-b5f2-0b0b38c881fe"><textarea id="hp_promt-input" name="field" maxlength="5000" data-name="Field" placeholder="Search and create a table of customers from @Snowflake and their tickets from @Zendesk" class="hp_hero-chatbox-input w-input"></textarea><input type="submit" data-wait="Please wait..." class="hp_hero-chatbox-hide-button w-button" value="Submit"/></form><div class="w-form-done"><div>Thank you! Your submission has been received!</div></div><div class="w-form-fail"><div>Oops! Something went wrong while submitting the form.</div></div></div></div><div class="hp_hero-chatbox-bottom"><div class="hp_hero-chatbox_plus-button"><div class="icon-embed-xsmall w-embed"><svg width="100%" height="100%" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
1899<path d="M3.125 10H16.875M10 3.125V16.875" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
1900</svg></div></div><a href="#" class="hp_hero-chatbox_button w-inline-block"><div class="z-index-2"><div class="icon-embed-xsmall w-embed"><svg width="100%" height="100%" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
1901<g clip-path="url(#clip0_4291_1441)">
1902<path d="M6.2 9.375C5.7637 9.375 5.54555 9.375 5.35175 9.30986C5.18033 9.25224 5.02345 9.15812 4.89195 9.03398C4.74327 8.89363 4.64061 8.70115 4.43529 8.31618L2.95243 5.53581C2.0583 3.85932 1.61124 3.02107 1.74262 2.54141C1.8562 2.12678 2.17488 1.79961 2.58638 1.67516C3.06241 1.5312 3.91213 1.95607 5.61157 2.80579L16.4223 8.21115C17.5738 8.7869 18.1496 9.07478 18.3343 9.46434C18.4951 9.80335 18.4951 10.1966 18.3343 10.5357C18.1496 10.9252 17.5738 11.2131 16.4223 11.7889L5.61157 17.1942C3.91213 18.0439 3.06241 18.4688 2.58638 18.3248C2.17488 18.2004 1.8562 17.8732 1.74262 17.4586C1.61124 16.9789 2.0583 16.1407 2.95243 14.4642L4.43529 11.6838C4.64061 11.2989 4.74327 11.1064 4.89195 10.966C5.02345 10.8419 5.18033 10.7478 5.35175 10.6901C5.54555 10.625 5.7637 10.625 6.2 10.625H9.375C9.72018 10.625 10 10.3452 10 10C10 9.65482 9.72018 9.375 9.375 9.375H6.2Z" fill="currentColor"></path>
1903</g>
1904<defs>
1905<clipPath id="clip0_4291_1441">
1906<rect width="20" height="20" fill="currentColor"></rect>
1907</clipPath>
1908</defs>
1909</svg></div></div><div class="hp_hero-chatbox_bg"></div></a></div></div></div><div class="footer-cta_wrap"><div class="footer-cta_wrap-inner"><div class="footer-cta_header"><div class="footer-cta_header-inner"><div class="max-width-420"><div class="heading-style-h4-new text-weight-semibold">Unlock Secure Enterprise Vibe Coding Now</div></div></div><div class="footer-button_group"><div class="button_wrap is-secondary"><div aria-hidden="true">Talk to Sales</div><a aria-label="Talk to Sales" href="/book-a-demo" aria-current="page" class="clickable w-inline-block w--current"></a><div class="btn_bg"></div></div><div class="button_wrap"><div aria-hidden="true">Sign up</div><a aria-label="Sign up" href="https://app.superblocks.com/signup" target="_blank" class="clickable w-inline-block"></a><div class="btn_bg"></div></div></div></div><div class="footer-cta_visual is-left"><img sizes="(max-width: 704px) 100vw, 704px" srcset="https://cdn.prod.website-files.com/627d359d0e0a
1909a265b7817bcf/69d7e50e9d9798644ae6d829_9e3bb522e388d030e7b57f2427a70afe_cta-pattern_left-p-500.png 500w, https://cdn.prod.website-files.com/627d359d0e0aa265b7817bcf/69d7e50e9d9798644ae6d829_9e3bb522e388d030e7b57f2427a70afe_cta-pattern_left.png 704w" alt="" src="https://cdn.prod.website-files.com/627d359d0e0aa265b7817bcf/69d7e50e9d9798644ae6d829_9e3bb522e388d030e7b57f2427a70afe_cta-pattern_left.png" loading="lazy" class="img-cover"/></div><div class="footer-cta_visual is-right"><img sizes="(max-width: 704px) 100vw, 704px" srcset="https://cdn.prod.website-files.com/627d359d0e0aa265b7817bcf/69d7e50e479806100ed8a8b6_e90c12d7eefdecf0386ee05de77d119d_cta-pattern_right-p-500.png 500w, https://cdn.prod.website-files.com/627d359d0e0aa265b7817bcf/69d7e50e479806100ed8a8b6_e90c12d7eefdecf0386ee05de77d119d_cta-pattern_right.png 704w" alt="" src="https://cdn.prod.website-files.com/627d359d0e0aa265b7817bcf/69d7e50e479806100ed8a8b6_e90c12d7eefdecf0386ee05de77d119d_cta-pattern_right.png" loading="lazy" class="img-cover"/></div></div></div><div class="footer_wrap-inner"><div class="footer_wrap-top"><div class="footer_wrap-top_header"><div class="footer_wrap-top_header-inner"><a href="/" class="w-inline-block"><div class="footer_logo w-embed"><svg width="100%" height="100%" viewBox="0 0 191 36" fill="none" xmlns="http://www.w3.org/2000/svg">
1910<rect width="36" height="36" rx="7.5" fill="#131416"/>
1911<path fill-rule="evenodd" clip-rule="evenodd" d="M23.0076 8.38996C24.9683 6.9973 29.0194 6.24187 32.0717 9.80283C32.4638 10.2603 32.5495 10.9701 32.0087 11.3493C32.0009 11.3548 31.9929 11.3602 31.985 11.3654C32.3199 11.9117 32.7209 12.727 32.8293 13.8111C32.8784 14.3021 32.6406 14.7791 32.1476 14.9143C32.0793 15.7157 31.879 17.2906 30.5928 18.6293C30.0339 19.211 29.504 19.6127 29.0375 19.8876C28.6561 20.1124 28.5527 20.2803 28.5374 20.7087C28.4739 22.4756 27.8801 24.3394 26.7368 25.6803C25.3044 27.3603 22.7698 28.2743 19.9433 28.655C17.1116 29.0364 14.0174 28.648 11.9074 26.9813C10.5118 25.8789 9.68708 24.3839 9.28073 22.809C9.16855 22.3742 9.02376 22.2355 8.58043 22.1018C8.00863 21.9293 7.30298 21.6071 6.50779 21.0295C5.00584 19.9385 4.53114 18.4236 4.32262 17.6467C2.73116 17.5023 3.51581 14.9976 3.85725 14.1247C3.23739 13.8592 3.186 13.1301 3.49634 12.6022C5.87323 8.55903 9.99432 8.58834 12.1698 9.61365C13.0405 10.024 13.8261 10.5135 14.4647 11.1994C15.5542 12.3693 16.4707 10.2218 17.3979 9.78907C18.5276 9.26188 18.1346 10.0958 18.2264 10.3916C18.3103 10.1916 19.8833 9.4125 19.8079 10.1656C19.7609 10.6366 19.781 10.9395 20.084 11.0744C20.442 11.2338 20.6874 10.9739 20.8418 10.6901C21.3657 9.72694 22.1136 9.02495 23.0076 8.38996ZM14.2757 17.6395C15.0813 17.3851 15.7523 17.9939 15.8547 18.7834C15.957 19.5729 15.613 20.1208 15.0168 20.2819C14.4207 20.443 13.7601 19.8791 13.6312 19.3313C13.583 19.1267 13.5484 18.8746 13.5658 18.6256C13.5749 18.4952 13.765 18.4508 13.8957 18.4508C14.1273 18.4508 14.2918 18.2116 14.2148 17.9973C14.1707 17.8744 14.1512 17.6788 14.2757 17.6395ZM25.0289 16.8082C24.8869 16.0248 24.186 15.4506 23.3942 15.7453C23.2719 15.7908 23.3012 15.9853 23.3515 16.1058C23.4392 16.316 23.287 16.5631 23.0557 16.5747C22.9252 16.5813 22.7375 16.6353 22.735 16.766C22.7302 17.0155 22.7775 17.2656 22.8359 17.4674C22.9922 18.0081 23.6804 18.538 24.2677 18.347C24.855 18.156 25.171 17.5915 25.0289 16.8082ZM18.1398 22.8571C17.8472 22.4658 17.6596 21.9876 17.6245 21.4599L17.4773 19.2525C17.3951 18.0183 18.2397 16.9141 19.4523 16.6703C20.7744 16.4046 22.0649 17.2499 22.3494 18.5681L22.8161 20.7306C22.9659 21.4246 22.8269 22.1109 22.4822 22.6677C22.5393 23.8035 21.649 24.8433 20.4243 24.8653C19.2435 24.8866 18.2648 23.9991 18.1398 22.8571ZM7.44644 16.7153C7.17813 15.2167 8.17547 13.7843 9.67407 13.516C10.3351 13.3977 10.9832 13.5256 11.5242 13.8341C11.6806 13.9233 11.6984 14.1338 11.5792 14.2688C10.6102 15.3654 9.7638 16.7807 9.37211 18.5131C9.33194 18.6907 9.14792 18.8005 8.98328 18.7226C8.20467 18.3543 7.6098 17.6277 7.44644 16.7153ZM28.7257 15.1502C29.1197 13.6797 28.247 12.1681 26.7765 11.7741C25.8811 11.5342 24.9706 11.7638 24.3063 12.3121C24.1659 12.428 24.187 12.6413 24.3308 12.7531C25.7324 13.844 26.6538 15.2116 27.2347 16.5548C27.3062 16.7201 27.5043 16.7934 27.6515 16.6898C28.1607 16.3311 28.5519 15.7988 28.7257 15.1502Z" fill="white"/>
1912<path d="M18.1396 22.8586C18.7048 23.6144 19.662 24.0456 20.6703 23.8811C21.4539 23.7532 22.0967 23.2926 22.4822 22.6699C22.54 23.8062 21.6495 24.8468 20.4244 24.8688C19.2429 24.89 18.2637 24.0015 18.1396 22.8586Z" fill="white" fill-opacity="0.4"/>
1913<path d="M51.751 26.276C50.6777 26.276 49.6657 26.0843 48.715 25.701C47.7797 25.3023 46.967 24.7427 46.277 24.022C45.6023 23.3013 45.0963 22.4503 44.759 21.469L47.68 20.158C48.1093 21.0933 48.6997 21.8293 49.451 22.366C50.2177 22.9027 51.061 23.171 51.981 23.171C52.4717 23.171 52.8933 23.0943 53.246 22.941C53.5987 22.7877 53.8747 22.5807 54.074 22.32C54.2733 22.044 54.373 21.722 54.373 21.354C54.373 20.9553 54.2503 20.618 54.005 20.342C53.7597 20.0507 53.3763 19.8207 52.855 19.652L49.497 18.548C48.1323 18.1033 47.105 17.4747 46.415 16.662C45.725 15.834 45.38 14.845 45.38 13.695C45.38 12.683 45.6253 11.7937 46.116 11.027C46.622 10.2603 47.3197 9.66233 48.209 9.233C49.1137 8.80367 50.1487 8.589 51.314 8.589C52.3413 8.589 53.292 8.76533 54.166 9.118C55.04 9.47067 55.7913 9.969 56.42 10.613C57.064 11.257 57.547 12.0313 57.869 12.936L54.971 14.247C54.649 13.4497 54.166 12.8287 53.522 12.384C52.878 11.924 52.142 11.694 51.314 11.694C50.8387 11.694 50.417 11.7707 50.049 11.924C49.681 12.0773 49.3973 12.2997 49.198 12.591C48.9987 12.867 48.899 13.189 48.899 13.557C48.899 13.9557 49.0293 14.3083 49.29 14.615C49.5507 14.9063 49.9417 15.1363 50.463 15.305L53.752 16.363C55.132 16.8077 56.1593 17.4287 56.834 18.226C57.524 19.0233 57.869 19.997 57.869 21.147C57.869 22.1437 57.6083 23.033 57.087 23.815C56.5657 24.5817 55.845 25.1873 54.925 25.632C54.0203 26.0613 52.9623 26.276 51.751 26.276ZM64.6646 26.276C63.6526 26.276 62.7863 26.0613 62.0656 25.632C61.3603 25.1873 60.8236 24.574 60.4556 23.792C60.0876 23.01 59.9036 22.0977 59.9036 21.055V13.442H63.3536V20.779C63.3536 21.2543 63.4456 21.676 63.6296 22.044C63.8289 22.3967 64.1049 22.6727 64.4576 22.872C64.8103 23.0713 65.2089 23.171 65.6536 23.171C66.1136 23.171 66.5123 23.0713 66.8496 22.872C67.2023 22.6727 67.4706 22.3967 67.6546 22.044C67.8539 21.676 67.9536 21.2543 67.9536 20.779V13.442H71.4036V26H68.1836V23.516L68.3676 24.068C68.0763 24.8193 67.6009 25.379 66.9416 25.747C66.2976 26.0997 65.5386 26.276 64.6646 26.276ZM73.9252 30.6V13.442H77.1452V15.834L76.8462 15.144C77.2602 14.5153 77.8198 14.0323 78.5252 13.695C79.2458 13.3423 80.0662 13.166 80.9862 13.166C82.1822 13.166 83.2632 13.4573 84.2292 14.04C85.1952 14.6227 85.9618 15.4123 86.5292 16.409C87.0965 17.3903 87.3802 18.4943 87.3802 19.721C87.3802 20.9323 87.0965 22.0363 86.5292 23.033C85.9772 24.0297 85.2182 24.8193 84.2522 25.402C83.2862 25.9847 82.1898 26.276 80.9632 26.276C80.1045 26.276 79.3072 26.1227 78.5712 25.816C77.8505 25.494 77.2678 25.0263 76.8232 24.413L77.3752 23.7V30.6H73.9252ZM80.5492 23.171C81.1932 23.171 81.7605 23.0253 82.2512 22.734C82.7418 22.4427 83.1252 22.0363 83.4012 21.515C83.6772 20.9937 83.8152 20.3957 83.8152 19.721C83.8152 19.0463 83.6772 18.456 83.4012 17.95C83.1252 17.4287 82.7418 17.0223 82.2512 16.731C81.7605 16.4243 81.1932 16.271 80.5492 16.271C79.9358 16.271 79.3838 16.4167 78.8932 16.708C78.4178 16.9993 78.0422 17.4057 77.7662 17.927C77.5055 18.4483 77.3752 19.0463 77.3752 19.721C77.3752 20.3957 77.5055 20.9937 77.7662 21.515C78.0422 22.0363 78.4178 22.4427 78.8932 22.734C79.3838 23.0253 79.9358 23.171 8
19130.5492 23.171ZM95.4497 26.276C94.1157 26.276 92.9581 25.9847 91.9767 25.402C90.9954 24.804 90.2364 24.0067 89.6997 23.01C89.1631 22.0133 88.8947 20.9093 88.8947 19.698C88.8947 18.4407 89.1707 17.3213 89.7227 16.34C90.2901 15.3587 91.0491 14.5843 91.9997 14.017C92.9504 13.4497 94.0237 13.166 95.2197 13.166C96.2164 13.166 97.0981 13.327 97.8647 13.649C98.6314 13.9557 99.2754 14.3927 99.7967 14.96C100.333 15.5273 100.74 16.1867 101.016 16.938C101.292 17.674 101.43 18.479 101.43 19.353C101.43 19.5983 101.414 19.8437 101.384 20.089C101.368 20.319 101.33 20.5183 101.269 20.687H91.8617V18.157H99.3137L97.6807 19.353C97.8341 18.6937 97.8264 18.111 97.6577 17.605C97.4891 17.0837 97.1901 16.6773 96.7607 16.386C96.3467 16.0793 95.8331 15.926 95.2197 15.926C94.6217 15.926 94.1081 16.0717 93.6787 16.363C93.2494 16.6543 92.9274 17.0837 92.7127 17.651C92.4981 18.2183 92.4137 18.9083 92.4597 19.721C92.3984 20.4263 92.4827 21.0473 92.7127 21.584C92.9427 22.1207 93.2954 22.5423 93.7707 22.849C94.2461 23.1403 94.8211 23.286 95.4957 23.286C96.1091 23.286 96.6304 23.1633 97.0597 22.918C97.5044 22.6727 97.8494 22.3353 98.0947 21.906L100.855 23.217C100.609 23.8303 100.218 24.367 99.6817 24.827C99.1604 25.287 98.5394 25.6473 97.8187 25.908C97.0981 26.1533 96.3084 26.276 95.4497 26.276ZM103.461 26V13.442H106.681V16.455L106.451 16.018C106.727 14.96 107.18 14.247 107.808 13.879C108.452 13.4957 109.211 13.304 110.085 13.304H110.821V16.294H109.74C108.897 16.294 108.215 16.5547 107.693 17.076C107.172 17.582 106.911 18.3027 106.911 19.238V26H103.461ZM119.371 26.276C118.513 26.276 117.715 26.1227 116.979 25.816C116.259 25.494 115.676 25.0263 115.231 24.413L115.553 23.7V26H112.333V8.589H115.783V15.834L115.254 15.144C115.668 14.5153 116.228 14.0323 116.933 13.695C117.654 13.3423 118.474 13.166 119.394 13.166C120.59 13.166 121.671 13.4573 122.637 14.04C123.603 14.6227 124.37 15.4123 124.937 16.409C125.505 17.3903 125.788 18.4943 125.788 19.721C125.788 20.9323 125.505 22.0363 124.937 23.033C124.385 24.0297 123.626 24.8193 122.66 25.402C121.694 25.9847 120.598 26.276 119.371 26.276ZM118.957 23.171C119.601 23.171 120.169 23.0253 120.659 22.734C121.15 22.4427 121.533 22.0363 121.809 21.515C122.085 20.9937 122.223 20.3957 122.223 19.721C122.223 19.0463 122.085 18.456 121.809 17.95C121.533 17.4287 121.15 17.0223 120.659 16.731C120.169 16.4243 119.601 16.271 118.957 16.271C118.344 16.271 117.792 16.4167 117.301 16.708C116.826 16.9993 116.45 17.4057 116.174 17.927C115.914 18.4483 115.783 19.0463 115.783 19.721C115.783 20.3957 115.914 20.9937 116.174 21.515C116.45 22.0363 116.826 22.4427 117.301 22.734C117.792 23.0253 118.344 23.171 118.957 23.171ZM127.809 26V8.589H131.259V26H127.809ZM140.017 26.276C138.775 26.276 137.64 25.9923 136.613 25.425C135.601 24.8577 134.788 24.0833 134.175 23.102C133.577 22.1053 133.278 20.9783 133.278 19.721C133.278 18.4483 133.577 17.3213 134.175 16.34C134.788 15.3587 135.601 14.5843 136.613 14.017C137.64 13.4497 138.775 13.166 140.017 13.166C141.259 13.166 142.386 13.4497 143.398 14.017C144.41 14.5843 145.215 15.3587 145.813 16.34C146.426 17.3213 146.733 18.4483 146.733 19.721C146.733 20.9783 146.426 22.1053 145.813 23.102C145.215 24.0833 144.41 24.8577 143.398 25.425C142.386 25.9923 141.259 26.276 140.017 26.276ZM140.017 23.171C140.645 23.171 141.19 23.0253 141.65 22.734C142.125 22.4427 142.493 22.0363 142.754 21.515C143.03 20.9937 143.168 20.3957 143.168 19.721C143.168 19.0463 143.03 18.456 142.754 17.95C142.493 17.4287 142.125 17.0223 141.65 16.731C141.19 16.4243 140.645 16.271 140.017 16.271C139.388 16.271 138.836 16.4243 138.361 16.731C137.885 17.0223 137.51 17.4287 137.234 17.95C136.973 18.456 136.843 19.0463 136.843 19.721C136.843 20.3957 136.973 20.9937 137.234 21.515C137.51 22.0363 137.885 22.4427 138.361 22.734C138.836 23.0253 139.388 23.171 140.017 23.171ZM154.929 26.276C153.672 26.276 152.537 25.9923 151.525 25.425C150.528 24.8423 149.731 24.0527 149.133 23.056C148.55 22.0593 148.259 20.94 148.259 19.698C148.259 18.456 148.55 17.3443 149.133 16.363C149.716 15.3663 150.513 14.5843 151.525 14.017C152.537 13.4497 153.672 13.166 154.929 13.166C155.864 13.166 156.731 13.327 157.528 13.649C158.325 13.971 159.008 14.4233 159.575 15.006C160.142 15.5733 160.549 16.248 160.794 17.03L157.804 18.318C157.589 17.6893 157.221 17.191 156.7 16.823C156.194 16.455 155.604 16.271 154.929 16.271C154.331 16.271 153.794 16.4167 153.319 16.708C152.859 16.9993 152.491 17.4057 152.215 17.927C151.954 18.4483 151.824 19.0463 151.824 19.721C151.824 20.3957 151.954 20.9937 152.215 21.515C152.491 22.0363 152.859 22.4427 153.319 22.734C153.794 23.0253 154.331 23.171 154.929 23.171C155.619 23.171 156.217 22.987 156.723 22.619C157.229 22.251 157.589 21.7527 157.804 21.124L160.794 22.435C160.564 23.171 160.165 23.8303 159.598 24.413C159.031 24.9957 158.348 25.4557 157.551 25.793C156.754 26.115 155.88 26.276 154.929 26.276ZM162.826 26V8.589H166.276V19.744L164.988 19.33L170.531 13.442H174.786L170.232 18.502L174.763 26H170.853L167.058 19.629L169.059 19.123L165.218 23.309L166.276 21.308V26H162.826ZM181.224 26.276C179.844 26.276 178.64 25.954 177.613 25.31C176.601 24.6507 175.911 23.769 175.543 22.665L178.073 21.469C178.395 22.1437 178.832 22.6727 179.384 23.056C179.936 23.4393 180.549 23.631 181.224 23.631C181.715 23.631 182.09 23.5313 182.351 23.332C182.612 23.1327 182.742 22.8567 182.742 22.504C182.742 22.32 182.696 22.1667 182.604 22.044C182.512 21.906 182.374 21.7833 182.19 21.676C182.006 21.5687 181.776 21.4767 181.5 21.4L179.361 20.802C178.334 20.5107 177.544 20.043 176.992 19.399C176.44 18.7397 176.164 17.9653 176.164 17.076C176.164 16.294 176.363 15.6117 176.762 15.029C177.161 14.4463 177.72 13.994 178.441 13.672C179.162 13.3347 179.99 13.166 180.925 13.166C182.152 13.166 183.225 13.4573 184.145 14.04C185.08 14.6073 185.74 15.4123 186.123 16.455L183.57 17.651C183.386 17.1297 183.049 16.7157 182.558 16.409C182.083 16.087 181.538 15.926 180.925 15.926C180.48 15.926 180.128 16.018 179.867 16.202C179.622 16.386 179.499 16.639 179.499 16.961C179.499 17.1297 179.545 17.283 179.637 17.421C179.729 17.559 179.875 17.6817 180.074 17.789C180.289 17.8963 180.549 17.996 180.856 18.088L182.857 18.686C183.9 18.9927 184.697 19.4603 185.249 20.089C185.801 20.7023 186.077 21.4613 186.077 22.366C186.077 23.148 185.87 23.8303 185.456 24.413C185.057 24.9957 184.498 25.4557 183.777 25.793C183.056 26.115 182.205 26.276 181.224 26.276Z" fill="#131416"/>
1914</svg></div></a><div class="text-color-neutral700"><p class="text-size-regular">Build AI-powered internal apps on a platform IT controls and business teams love</p></div></div><div class="button_wrap is-secondary"><div aria-hidden="true">Book a demo</div><a aria-label="Book a demo" href="/clark" class="clickable w-inline-block"></a><div class="btn_bg"></div></div></div><div class="footer_links-wrap"><div class="footer_links-wrap_inner"><div class="text-weight-medium"><div class="text-size-large">Resources</div></div><ul role="list" class="footer_link-list"><li class="footer_link-item"><a href="/pricing" class="footer_link">Pricing</a></li><li class="footer_link-item"><a href="/blog" class="footer_link">Blog</a></li><li class="footer_link-item"><a href="https://docs.superblocks.com/" target="_blank" class="footer_link">Docs</a></li><li class="footer_link-item"><a href="/integrations" class="footer_link">Integrations</a></li><li class="footer_link-item"><a href="/careers" class="footer_link">Careers</a></li><li class="footer_link-item"><a href="/sitemap" class="footer_link">Sitemap</a></li></ul></div><div class="footer_links-wrap_inner"><div class="text-weight-medium"><div class="text-size-large">Connect</div></div><ul role="list" class="footer_link-list"><li class="footer_link-item"><a href="https://x.com/superblocks?lang=cs" target="_blank" class="footer_link">X</a></li><li class="footer_link-item"><a href="https://www.linkedin.com/company/superblockshq/" target="_blank" class="footer_link">LinkedIn</a></li><li class="footer_link-item"><a href="https://www.youtube.com/@Superblockshq" target="_blank" class="footer_link">YouTube</a></li></ul></div></div></div><div class="footer_wrap-bottom"><div class="text-color-neutral700"><p class="text-size-regular"><span>©</span> <span data-current-year="">20??</span> Superblocks. All rights reserved </p></div><ul role="list" class="footer_link-list is-bottom"><li class="footer_link-item"><a href="/legal/privacy" class="footer_link">Privacy Policy</a></li><li class="footer_link-item"><a href="/legal/terms" class="footer_link">Terms of Use</a></li></ul></div></div></div></div></div></footer></div>
1914<script src="https://d3e54v103j8qbb.cloudfront.net/js/jquery-3.5.1.min.dc5e7f18c8.js?site=627d359d0e0aa265b7817bcf" type="text/javascript" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
1914<script src="https://cdn.prod.website-files.com/627d359d0e0aa265b7817bcf/js/staging-superblocks.schunk.f2efb3c5440a81cf.js" type="text/javascript" integrity="sha384-VK02VJvMib7ytrF5M2joPWNtDQs366FZgEQ5B+Iwnjx0WBnwQXfootyziSYxdrmS" crossorigin="anonymous"></script>
1914<script src="https://cdn.prod.website-files.com/627d359d0e0aa265b7817bcf/js/staging-superblocks.schunk.66727a749041689b.js" type="text/javascript" integrity="sha384-QYnW97E9uhdZ01dY2Bc7vCCz9J77Cx8i/5R+8j0Q2j6weedYVZCtZ16VfvDFhEpM" crossorigin="anonymous"></script>
1914<script src="https://cdn.prod.website-files.com/627d359d0e0aa265b7817bcf/js/staging-superblocks.380b29a1.f636ee638cd6852c.js" type="text/javascript" integrity="sha384-CgfWTpANeViiPgUycf1+7WKwxI4k30AT+51pIzDp30dEsrQIO8twN7hV7v1PURDM" crossorigin="anonymous"></script>
1914<!-- Schema -->
1915<script type="application/ld+json">
1916{
1917  "@context": "https://schema.org",
1918  "@type": "Corporation",
1919  "name": "Superblocks",
1920  "alternateName": "Superblocks",
1921  "url": "https://www.superblocks.com/",
1922  "logo": "https://assets-global.website-files.com/627d359d0e0aa265b7817bcf/627d359d0e0aa27f28817c03_superblocks-logo-text.svg",
1923  "sameAs": [
1924    "https://www.youtube.com/@Superblockshq",
1925    "https://www.linkedin.com/company/superblockshq",
1926    "https://www.instagram.com/superblocks/",
1927    "https://twitter.com/superblocks",
1928    "https://facebook.com/superblockshq"
1929  ]
1930}
1931</script>
vendor: 1 bytes, line 1931
1931
1932<script type="application/ld+json">
1933{
1934  "@context": "https://schema.org/",
1935  "@type": "WebSite",
1936  "name": "Superblocks",
1937  "url": "https://www.superblocks.com/",
1938  "potentialAction": {
1939    "@type": "SearchAction",
1940    "target": {
1941      "@type": "EntryPoint",
1942      "urlTemplate": "https://www.superblocks.com/search?q={search_term_string}"
1943    },
1944    "query-input": "required name=search_term_string"
1945  }
1946}
1947</script>
1947
1948
1949<!-- Nice Select -->
1950<script src="https://d3e54v103j8qbb.cloudfront.net/js/jquery-3.5.1.min.dc5e7f18c8.js?site=617db5b45d5bdc18467fdf99" type="text/javascript" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
vendor: 1 bytes, line 1950
1950
1951<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-nice-select/1.1.0/js/jquery.nice-select.min.js"></script>
1951
1952
1953<!-- Auto New Year -->
1954<script>
1955  var yearEl= document.getElementById( 'year' );
1956  yearEl.innerHTML = new Date().getFullYear();
1957</script>
1957
1958
1959<script>
1960  $(document).ready(function() {
1961    $('select').niceSelect();
1962
1963    $('.nice-select li').on('click', function() {
1964      $('.nice-select .current').css("color", "var(--color--neutral--900)")
1965    });
1966  });
1967</script>
1967
1968
1969
1970<script>
1971
1972  try {
1973    $(document).ready(function() {
1974      var queryParams = window.location.search;
1975      // Tracking Element
1976      var trackElement = $('[match_url_param_for_visibility]')
1977
1978
1979      // Load Custom Attributes
1980      $(trackElement).each(function(){
1981
1982        // Get UTM
1983        var getType = $(this).attr('match_url_param_name');
1984
1985        // Get Link
1986        var getName = $(this).attr('match_url_param_value');
1987
1988        // Check UTM
1989        if (queryParams) {
1990          if ( (new RegExp( decodeURI(getType) + "=" + decodeURI(getName) + '($|&)') ).test(queryParams) ) {
1991            $(this).show();
1992          }
1993        }
1994
1995      });
1996
1997    });
1998  }
1999
2000  catch(err) {
2001    console.error("malformed url param regex")
2002  }
2003
2004</script>
2004
2005
2006<!-- New Site Code -->
2007<!-- Swiper -->
2008<script src="https://cdn.jsdelivr.net/npm/swiper@8/swiper-bundle.min.js"></script>
2008
2009
2010<!-- Deploy Code -->
2011<script>
2012  if (newSite) {
2013    (function() {
2014      const repository = "https://cdn.jsdelivr.net/gh/tomasmrazek92/superblocks@";
2015      const version = "1.32"
2016      const isStaging = localStorage.getItem('isStagingForMe') === 'true' // || window.location.origin.includes('webflow.io');
2017
2018      function loadScript(src) {
2019        const script = document.createElement('script');
2020        script.src = src;
2021        script.defer = true;
2022        document.body.appendChild(script);
2023      }
2024
2025      const basePath = isStaging ? 'http://localhost:3000/' : repository + version + '/dist/';
2026
2027      // Load on All
2028      loadScript(basePath + 'index.js');
2029
2030      // Expose a global function to load page-specific scripts
2031      window.loadPageScript = function(pageScriptName) {
2032        const scriptSrc = isStaging
2033        ? `http://localhost:3000/${pageScriptName}`
2034        : `${repository}${version}/dist/${pageScriptName}`;
2035        loadScript(scriptSrc);
2036      };
2037    })();
2038  }
2039</script>
2039
2040
2041<!-- Google Tag Manager (noscript) -->
vendor: 68 bytes, lines 2041-2042
2041
2042<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
2042GTM-MLWZZTKX
vendor: 101 bytes, lines 2042-2043
2042"
2043                  height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
2044<!-- End Google Tag Manager (noscript) -->
2045
2046
2047<!-- LinkedIn Tracking Code -->
2048<script type="text/javascript">
2049_linkedin_partner_id = "5306754";
2050window._linkedin_data_partner_ids = window._linkedin_data_partner_ids || [];
2051window._linkedin_data_partner_ids.push(_linkedin_partner_id);
2052</script>
2052<script type="text/javascript">
2053(function(l) {
2054if (!l){window.lintrk = function(a,b){window.lintrk.q.push([a,b])};
2055window.lintrk.q=[]}
2056var s = document.getElementsByTagName("script")[0];
2057var b = document.createElement("script");
2058b.type = "text/javascript";b.async = true;
2059b.src = "https://snap.licdn.com/li.lms-analytics/insight.min.js";
2060s.parentNode.insertBefore(b, s);})(window.lintrk);
2061</script>
2061
2062<noscript>
2063<img height="1" width="1" style="display:none;" alt="" src="https://px.ads.linkedin.com/collect/?pid=5306754&fmt=gif" />
2064</noscript>
2065<!-- End LinkedIn Tracking Code -->
2066
2067<!-- Osomo copyright -->
2068<script>
2069function initDynamicCurrentYear() {  
2070  const currentYear = new Date().getFullYear();
2071  const currentYearElements = document.querySelectorAll('[data-current-year]');
2072  currentYearElements.forEach(currentYearElement => {
2073    currentYearElement.textContent = currentYear;
2074  });
2075}
2076
2077// Initialize Dynamic Current Year
2078document.addEventListener('DOMContentLoaded', () => {
2079  initDynamicCurrentYear();
2080});
2081</script>
2081
2082
2083<!-- Osmo vimeo lightbox -->
2084<script>
2085  function initVimeoLightboxAdvanced() {
2086  // Single lightbox container
2087  const lightbox = document.querySelector('[data-vimeo-lightbox-init]');
2088  if (!lightbox) return;
2089
2090  // Open & close buttons
2091  const openButtons  = document.querySelectorAll('[data-vimeo-lightbox-control="open"]');
2092  const closeButtons = document.querySelectorAll('[data-vimeo-lightbox-control="close"]');
2093
2094  // Core elements inside lightbox
2095  let iframe            = lightbox.querySelector('iframe');               // ← now let
2096  const placeholder     = lightbox.querySelector('.vimeo-lightbox__placeholder');
2097  const calcEl          = lightbox.querySelector('.vimeo-lightbox__calc');
2098  const wrapEl          = lightbox.querySelector('.vimeo-lightbox__calc-wrap');
2099  const playerContainer = lightbox.querySelector('[data-vimeo-lightbox-player]');
2100
2101  // State
2102  let player = null;
2103  let currentVideoID = null;
2104  let videoAspectRatio = null;
2105  let globalMuted = lightbox.getAttribute('data-vimeo-muted') === 'true';
2106  const isTouch = ('ontouchstart' in window) || navigator.maxTouchPoints > 0;
2107  const playedOnce = new Set();  // track first play on touch
2108
2109  // Format time (seconds → "m:ss")
2110  function formatTime(s) {
2111    const m   = Math.floor(s / 60);
2112    const sec = Math.floor(s % 60).toString().padStart(2, '0');
2113    return `${m}:${sec}`;
2114  }
2115
2116  // Clamp wrap height
2117  function clampWrapSize(ar) {
2118    const w = calcEl.offsetWidth;
2119    const h = calcEl.offsetHeight;
2120    wrapEl.style.maxWidth = Math.min(w, h / ar) + 'px';
2121  }
2122
2123  // Adjust sizing in "cover" mode
2124  function adjustCoverSizing() {
2125    if (!videoAspectRatio) return;
2126    const cH = playerContainer.offsetHeight;
2127    const cW = playerContainer.offsetWidth;
2128    const r  = cH / cW;
2129    const wEl = lightbox.querySelector('.vimeo-lightbox__iframe');
2130    if (r > videoAspectRatio) {
2131      wEl.style.width  = (r / videoAspectRatio * 100) + '%';
2132      wEl.style.height = '100%';
2133    } else {
2134      wEl.style.height = (videoAspectRatio / r * 100) + '%';
2135      wEl.style.width  = '100%';
2136    }
2137  }
2138
2139  // Close & pause lightbox
2140  function closeLightbox() {
2141    lightbox.setAttribute('data-vimeo-activated', 'false');
2142    if (player) {
2143      player.pause();
2144      lightbox.setAttribute('data-vimeo-playing', 'false');
2145    }
2146  }
2147
2148  // Wire Escape key & close buttons
2149  document.addEventListener('keydown', e => {
2150    if (e.key === 'Escape') closeLightbox();
2151  });
2152  closeButtons.forEach(btn => btn.addEventListener('click', closeLightbox));
2153
2154  // Setup Vimeo Player event handlers
2155  function setupPlayerEvents() {
2156    // Hide placeholder when playback starts
2157    player.on('play', () => {
2158      lightbox.setAttribute('data-vimeo-loaded', 'true');
2159      lightbox.setAttribute('data-vimeo-playing', 'true');
2160    });
2161    // Close on video end
2162    player.on('ended', closeLightbox);
2163
2164    // Paused
2165    player.on('pause', () => {
2166      lightbox.setAttribute('data-vimeo-playing', 'false');
2167    });
2168
2169    // Duration UI
2170    const durEl = lightbox.querySelector('[data-vimeo-duration]');
2171    player.getDuration().then(d => {
2172      if (durEl) durEl.textContent = formatTime(d);
2173      lightbox.querySelectorAll('[data-vimeo-control="timeline"],progress')
2174        .forEach(el => el.max = d);
2175    });
2176
2177    // Timeline & progress updates
2178    const tl = lightbox.querySelector('[data-vimeo-control="timeline"]');
2179    const pr = lightbox.querySelector('progress');
2180    player.on('timeupdate', data => {
2181      if (tl) tl.value = data.seconds;
2182      if (pr) pr.value = data.seconds;
2183      if (durEl) durEl.textContent = formatTime(Math.trunc(data.seconds));
2184    });
2185    if (tl) {
2186      ['input','change'].forEach(evt =>
2187        tl.addEventListener(evt, e => {
2188          const v = e.target.value;
2189          player.setCurrentTime(v);
2190          if (pr) pr.value = v;
2191        })
2192      );
2193    }
2194
2195    // Hover → hide controls after a timeout
2196    let hoverTimer;
2197    playerContainer.addEventListener('mousemove', () => {
2198      lightbox.setAttribute('data-vimeo-hover', 'true');
2199      clearTimeout(hoverTimer);
2200      hoverTimer = setTimeout(() => {
2201        lightbox.setAttribute('data-vimeo-hover', 'false');
2202      }, 3000);
2203    });
2204
2205    // Fullscreen toggle on player container
2206    const fsBtn = lightbox.querySelector('[data-vimeo-control="fullscreen"]');
2207    if (fsBtn) {
2208      const isFS = () => document.fullscreenElement || document.webkitFullscreenElement;
2209      if (!(document.fullscreenEnabled || document.webkitFullscreenEnabled)) {
2210        fsBtn.style.display = 'none';
2211      }
2212      fsBtn.addEventListener('click', () => {
2213        if (isFS()) {
2214          lightbox.setAttribute('data-vimeo-fullscreen', 'false');
2215          (document.exitFullscreen || document.webkitExitFullscreen).call(document);
2216        } else {
2217          lightbox.setAttribute('data-vimeo-fullscreen', 'true');
2218          (playerContainer.requestFullscreen || playerContainer.webkitRequestFullscreen)
2219            .call(playerContainer);
2220        }
2221      });
2222      ['fullscreenchange','webkitfullscreenchange'].forEach(evt =>
2223        document.addEventListener(evt, () =>
2224          lightbox.setAttribute('data-vimeo-fullscreen', isFS() ? 'true' : 'false')
2225      ));
2226    }
2227  }
2228
2229  // Run sizing logic
2230  async function runSizing() {
2231    const mode = lightbox.getAttribute('data-vimeo-update-size');
2232    const w    = await player.getVideoWidth();
2233    const h    = await player.getVideoHeight();
2234    const ar   = h / w;
2235    const bef  = lightbox.querySelector('.vimeo-lightbox__before');
2236
2237    if (mode === 'true') {
2238      if (bef) bef.style.paddingTop = (ar * 100) + '%';
2239      clampWrapSize(ar);
2240    } else if (mode === 'cover') {
2241      videoAspectRatio = ar;
2242      if (bef) bef.style.paddingTop = '0%';
2243      adjustCoverSizing();
2244    } else {
2245      clampWrapSize(ar);
2246    }
2247  }
2248
2249  // Re-run sizing on viewport resize
2250  window.addEventListener('resize', () => {
2251    if (player) runSizing();
2252  });
2253
2254  // Open or switch video
2255  async function openLightbox(id, placeholderBtn) {
2256    // Enter loading state immediately
2257    lightbox.setAttribute('data-vimeo-activated', 'loading');
2258    lightbox.setAttribute('data-vimeo-loaded',    'false');
2259
2260    // — FULL RESET if new video ID —
2261    if (player && id !== currentVideoID) {
2262      await player.pause();
2263      await player.unload();
2264
2265      // Replace old iframe with a fresh one
2266      const oldIframe = iframe;
2267      const newIframe = document.createElement('iframe');
2268      newIframe.className = oldIframe.className;
2269      newIframe.setAttribute('allow', oldIframe.getAttribute('allow'));
2270      newIframe.setAttribute('frameborder', '0');
2271      newIframe.setAttribute('allowfullscreen', 'true');
2272      newIframe.setAttribute('allow', 'autoplay; encrypted-media');
2273      oldIframe.parentNode.replaceChild(newIframe, oldIframe);
2274
2275      // Reset state
2276      iframe         = newIframe;
2277      player         = null;
2278      currentVideoID = null;
2279      lightbox.setAttribute('data-vimeo-playing', 'false');
2280    }
2281
2282    // Update placeholder image attributes
2283    if (placeholderBtn) {
2284      ['src','srcset','sizes','alt','width'].forEach(attr => {
2285        const val = placeholderBtn.getAttribute(attr);
2286        if (val != null) placeholder.setAttribute(attr, val);
2287      });
2288    }
2289
2290    // Build a brand-new player if needed
2291    if (!player) {
2292      iframe.src = `https://player.vimeo.com/video/${id}?api=1&background=1&autoplay=0&loop=0&muted=0`;
2293      player = new Vimeo.Player(iframe);
2294      setupPlayerEvents();
2295      currentVideoID = id;
2296      await runSizing();
2297    }
2298
2299    // Now sizing is ready — show lightbox
2300    lightbox.setAttribute('data-vimeo-activated', 'true');
2301
2302    // Autoplay logic
2303    if (!isTouch) {
2304      player.setVolume(globalMuted ? 0 : 1).then(() => {
2305        lightbox.setAttribute('data-vimeo-playing', 'true');
2306        setTimeout(() => player.play(), 50);
2307      });
2308    } else if (playedOnce.has(currentVideoID)) {
2309      player.setVolume(globalMuted ? 0 : 1).then(() => {
2310        lightbox.setAttribute('data-vimeo-playing', 'true');
2311        player.play();
2312      });
2313    }
2314  }
2315
2316  // Internal controls
2317  lightbox.querySelector('[data-vimeo-control="play"]').addEventListener('click', () => {
2318    if (isTouch) {
2319      if (!playedOnce.has(currentVideoID)) {
2320        player.setVolume(0).then(() => {
2321          lightbox.setAttribute('data-vimeo-playing', 'true');
2322          player.play();
2323          if (!globalMuted) {
2324            setTimeout(() => {
2325              player.setVolume(1);
2326              lightbox.setAttribute('data-vimeo-muted', 'false');
2327            }, 100);
2328          }
2329          playedOnce.add(currentVideoID);
2330        });
2331      } else {
2332        player.setVolume(globalMuted ? 0 : 1).then(() => {
2333          lightbox.setAttribute('data-vimeo-playing', 'true');
2334          player.play();
2335        });
2336      }
2337    } else {
2338      player.setVolume(globalMuted ? 0 : 1).then(() => {
2339        lightbox.setAttribute('data-vimeo-playing', 'true');
2340        setTimeout(() => player.play(), 50);
2341      });
2342    }
2343  });
2344
2345  lightbox.querySelector('[data-vimeo-control="pause"]').addEventListener('click', () => {
2346    player.pause();
2347  });
2348
2349  lightbox.querySelector('[data-vimeo-control="mute"]').addEventListener('click', () => {
2350    globalMuted = !globalMuted;
2351    player.setVolume(globalMuted ? 0 : 1).then(() =>
2352      lightbox.setAttribute('data-vimeo-muted', globalMuted ? 'true' : 'false')
2353    );
2354  });
2355
2356  // Wire up open buttons
2357  openButtons.forEach(btn => {
2358    btn.addEventListener('click', () => {
2359      const vid = btn.getAttribute('data-vimeo-lightbox-id');
2360      const img = btn.querySelector('[data-vimeo-lightbox-placeholder]');
2361      openLightbox(vid, img);
2362    });
2363  });
2364}
2365
2366// Initialize Vimeo Lightbox (Advanced)
2367document.addEventListener('DOMContentLoaded', function() {
2368  initVimeoLightboxAdvanced();
2369});
2370</script>
2370<script>
2371  window.addEventListener("message", function(event) {
2372    if (event.data.type === "hsFormCallback" && event.data.eventName === "onFormSubmit") {
2373      oaiq("measure", "lead_created", { type: "customer_action" });
2374    }
2375  });
2376</script>
2376</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.