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 & 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 & 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'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.