CINXE.COM

<!doctype html> <html lang="en" data-announcement-data=""> <head> <meta charset="utf-8"/> <meta name="viewport" content="width=device-width, initial-scale=1.0"/> <title>Netlify and Drupal: better performance, less cost, and a better developer experience</title><link rel="canonical" href="https://www.netlify.com/with/drupal/"/> <link rel="preconnect" href="https://netlify-eleventy-api-img.netlify.app/"> <link rel="preload" href="/v3/_fonts/PacaembuVar-subset.woff2" as="font" type="font/woff2" crossorigin> <link rel="preload" href="/v3/_fonts/MulishVar-subset.woff2" as="font" type="font/woff2" crossorigin> <link rel="alternate" type="application/rss+xml" title="Netlify Blog RSS Feed" href="https://www.netlify.com/community-feed.xml/"/> <link rel="search" type="application/opensearchdescription+xml" title="Netlify" href="/v3/static/opensearch.xml"/>   <link rel="icon" href="/favicon.ico" sizes="32x32">  <link rel="icon" href="/icon.svg" type="image/svg+xml">  <link rel="apple-touch-icon" href="/apple-touch-icon.png">  <link rel="manifest" href="/manifest.webmanifest" crossorigin="use-credentials"> <meta name="apple-mobile-web-app-title" content="Netlify"/> <meta name="application-name" content="Netlify"/> <meta name="theme-color" content="#ffffff"/> <meta name="description" content="Build and deploy the fastest possible Drupal sites using a modern Jamstack approach"/> <meta itemprop="name" content="Netlify and Drupal: better performance, less cost, and a better developer experience"/> <meta itemprop="description" content="Build and deploy the fastest possible Drupal sites using a modern Jamstack approach"/> <meta itemprop="image" content="https://www.netlify.com/v3/img/components/solutions-drupal-og.png"/> <meta name="twitter:card" content="summary_large_image"/> <meta name="twitter:site" content="@netlify"/> <meta name="twitter:title" content="Netlify and Drupal: better performance, less cost, and a better developer experience"/> <meta name="twitter:description" content="Build and deploy the fastest possible Drupal sites using a modern Jamstack approach"/> <meta name="twitter:creator" content="@netlify"/> <meta name="twitter:image" content="https://www.netlify.com/v3/img/components/solutions-drupal-og.png"/> <meta name="og:image" content="https://www.netlify.com/v3/img/components/solutions-drupal-og.png"/> <meta name="og:image:secure_url" content="https://www.netlify.com/v3/img/components/solutions-drupal-og.png"/> <meta name="image" property="og:image" content="https://www.netlify.com/v3/img/components/solutions-drupal-og.png"/> <meta property="og:site_name" content="Netlify"/> <meta property="og:title" content="Netlify and Drupal: better performance, less cost, and a better developer experience"/> <meta property="og:description" content="Build and deploy the fastest possible Drupal sites using a modern Jamstack approach"/> <meta name="google-site-verification" content="CAxgIAbLi9W2LTON4EwPKPD4nc0M7CV7xXkrwRMLpsU"/>  <script> document.documentElement.classList.add("js"),"open"in document.createElement("details")==!0&&document.documentElement.classList.add("enhanced-js"),""===localStorage.getItem("Netlify_hide-announcement-bar")&&document.documentElement.setAttribute("data-announcement-state","hidden"); </script> <link rel="stylesheet" href="/css/global.css"> <link rel="stylesheet" href="/css/marketing.css"> <link rel="stylesheet" href="/css/marketing-dark.css"> <style> @layer legacy { *{box-sizing:border-box;margin:0;padding:0}body{color:var(--color-gray-L800);line-height:1.5;font-family:var(--font-secondary);padding:0;overflow-x:hidden;overflow-y:scroll}a{color:currentColor}:focus-visible{transition:outline-offset .1s ease-out}abbr[title]{text-decoration:none}img{display:block;max-width:100%}#main{isolation:isolate}:where(h1,h2,h3,h4,h5,h6,main){scroll-margin-top:calc(1em + var(--ntl-page-header-height))}.pancake{margin-top:3rem}.compat-grid,.grid,.pancake{padding:0 1rem}.compat-grid,.grid,.pancake{display:grid;grid-template-columns:[full-start] minmax(2rem,1fr) [standard-start] 0 [narrow-start] minmax(1rem,67.5rem) [narrow-end] 0 [standard-end] minmax(2rem,1fr) [full-end];position:relative;padding:0}@media (min-width:50rem){.compat-grid,.grid,.pancake{grid-template-columns:[full-start] minmax(2rem,1fr) [standard-start] 3.75rem [narrow-start] minmax(1rem,67.5rem) [narrow-end] 3.75rem [standard-end] minmax(2rem,1fr) [full-end]}}@keyframes slideUpBounce{0%{opacity:0;transform:translateY(20px)}60%{opacity:1}60%{transform:translateY(-5px)}100%{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(15px)}100%{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:no-preference){.js [data-animate-on-scroll-element]{opacity:0}.js [data-animate-on-scroll=animated] [data-animate-on-scroll-element]{animation-fill-mode:forwards;animation-name:var(--animation-on-scroll-name,slideUpBounce);animation-timing-function:var(--animation-on-scroll-timing-function,ease-in-out);animation-duration:var(--animation-on-scroll-duration,1000ms);animation-delay:var(--animation-on-scroll-delay,0)}}[hidden]{display:none!important}[data-announcement-state=hidden] .ntl-announcement-bar{display:none!important}a{text-decoration-skip-ink:all}a{text-underline-offset:clamp(2px,.1em,3px)}@media (min-resolution:1.5x){a{text-underline-offset:clamp(1.5px,.0825em,3px)}}a{text-decoration-thickness:1px}:where(h1,h2,h3,h4,h5,.heading) a{text-decoration-thickness:clamp(1.5px,.0875em,4px)}@font-face{font-family:Pacaembu;src:url(/v3/_fonts/PacaembuVar-subset.woff2) format("woff2");unicode-range:U+5,U+20,U+21,U+24,U+25,U+27,U+2B-2E,U+30-3A,U+3F,U+41-5A,U+61-7A,U+D7,U+2019;font-weight:100 1000;font-display:swap}@font-face{font-family:Mulish;src:url(/v3/_fonts/MulishVar-subset.woff2) format("woff2");unicode-range:U+5,U+20,U+21,U+24,U+25,U+27,U+2B-2E,U+30-3A,U+3F,U+41-5A,U+61-7A,U+D7,U+2019;font-weight:200 900;font-display:swap}:root{--color-white:#ffffff;--color-teal-T900:var(--teal-800, #014847);--color-teal-T800:var(--teal-700, #016968);--color-teal-T700:var(--teal-500, #04a29f);--color-teal-T600:var(--teal-400, #05bdba);--color-teal-T500:var(--teal-200, #32e6e2);--color-teal-T400:var(--teal-200, #32e6e2);--color-teal-T300:var(--teal-100, #8efbf7);--color-teal-T200:var(--teal-100, #8efbf7);--color-teal-T100:var(--teal-000, #d3f8f6);--color-teal-T050:var(--teal-000, #d3f8f6);--color-blue-B900:var(--blue-900, #1b205b);--color-blue-B800:var(--blue-900, #1b205b);--color-blue-B700:var(--blue-800, #2036a1);--color-blue-B600:var(--blue-800, #2036a1);--color-blue-B500:var(--blue-700, #2e51ed);--color-blue-B400:var(--blue-500, #5d8df5);--color-blue-B300:var(--blue-400, #80abfa);--color-blue-B200:var(--blue-300, #9cbef6);--color-blue-B100:var(--blue-100, #cde2ff);--color-blue-B050:var(--blue-000, #ebf1fb);--color-gray-L800:var(--neutral-light-800, #181a1c);--color-gray-L700:var(--neutral-light-700, #353a3e);--color-gray-L600:var(--neutral-light-600, #778089);--color-gray-L500:var(--neutral-light-500, #778089);--color-gray-L400:var(--neutral-light-400, #9da7b2);--color-gray-L300:var(--neutral-light-200, #e9ebed);--color-gray-L200:var(--neutral-light-100, #f6f6f7);--color-gray-L100:var(--neutral-light-100, #f6f6f7);--color-gray-L000:var(--neutral-light-000, #ffffff);--color-gray-D800:var(--neutral-dark-800, #12181f);--color-gray-D700:var(--neutral-dark-700, #1e242c);--color-gray-D600:var(--neutral-dark-700, #1e242c);--color-gray-D500:var(--neutral-dark-600, #272f38);--color-gray-D400:var(--neutral-dark-400, #4d565f);--color-gray-D300:var(--neutral-dark-300, #7e8792);--color-gray-D200:var(--neutral-dark-200, #b9c2cd);--color-gray-D100:var(--neutral-dark-100, #e6ecf2);--color-gray-D000:var(--neutral-dark-000, #ffffff);--color-yellow-Y900:var(--gold-700, #8c4c0d);--color-yellow-Y800:var(--gold-600, #a85d13);--color-yellow-Y700:var(--gold-500, #d5771a);--color-yellow-Y600:var(--gold-400, #f98e21);--color-yellow-Y500:var(--gold-300, #fbb13d);--color-yellow-Y400:var(--gold-200, #facd6f);--color-yellow-Y300:var(--gold-100, #f6e0a5);--color-yellow-Y200:var(--gold-000, #fbf0cc);--color-yellow-Y100:var(--gold-000, #fbf0cc);--color-yellow-Y050:var(--gold-000, #fbf0cc);--color-red-R900:var(--red-800, #800a20);--color-red-R800:var(--red-800, #800a20);--color-red-R700:var(--red-700, #af2536);--color-red-R600:var(--red-600, #d62740);--color-red-R500:var(--red-500, #fe4e5c);--color-red-R400:var(--red-300, #ffada9);--color-red-R300:var(--red-200, #ffbdba);--color-red-R200:var(--red-100, #fbd3d0);--color-red-R100:var(--red-000, #fee9e7);--color-red-R050:var(--red-000, #fee9e7);--color-pink:var(--red-500, #fe4e5c);--color-pink-dark:var(--red-600, #d62740);--color-pink-accessible:var(--red-600, #d62740);--color-orange:var(--gold-500, #d5771a);--color-orange-dark:var(--gold-600, #a85d13);--color-blue:var(--blue-400, #80abfa);--color-blue-dark:var(--blue-700, #2e51ed);--color-blue-dark-b:var(--blue-900, #1b205b);--color-violet:var(--pink-500, #df5adc);--color-violet-dark:var(--pink-800, #6c1d6b);--color-gold:var(--gold-300, #fbb13d);--color-yellow:var(--gold-300, #fbb13d);--color-yellow-dark:var(--gold-500, #d5771a);--color-plan-starter:var(--teal-800, #014847);--color-plan-pro:var(--red-600, #d62740);--color-plan-pro-accessible:var(--color-pink-accessible);--color-plan-business:var(--blue-700, #2e51ed);--color-plan-enterprise:var(--neutral-light-700, #353a3e);--gradient-1:linear-gradient(to bottom, #230a5c 0%, #3e119c 100%);--font-headline:Pacaembu,sans-serif;--font-primary:Pacaembu,sans-serif;--font-secondary:Mulish,sans-serif;--font-monospace:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;--radius-1:0.125rem;--radius-2:0.25rem;--radius-3:0.5rem;--radius-4:1rem;--radius-circle:50%;--radius-pill:360px;--space-1:0.25rem;--space-2:0.5rem;--space-3:1rem;--space-4:1.5rem;--space-5:2rem;--space-6:4rem;--pancake-block-space:5rem;--ease-out:cubic-bezier(0.5, 1, 0.89, 1);--border-radius:6px;--border-radius-large:12px;--color-focus-ring:var(--color-teal-T500);--grid-gutter:2.5rem;--shadow-light:0px 2px 4px rgba(14, 30, 37, 0.12);--shadow-heavy:-10px 10px 80px rgba(0, 0, 0, 0.1);--shadow-hover:0 4px 12px rgba(0, 0, 0, 0.25);--shadow-deep:0px 16px 24px rgba(0, 0, 0, 0.07),0px 6px 30px rgba(0, 0, 0, 0.06),0px 8px 10px rgba(0, 0, 0, 0.1);--shadow-coheeze-shallow:0px 2px 4px rgba(51, 55, 59, 0.08),0px 1px 10px rgba(51, 55, 59, 0.06);--shadow-coheeze-deepest:0px 24px 38px rgba(0, 0, 0, 0.14),0px 9px 46px rgba(0, 0, 0, 0.04);--shadow-coheeze-shallow-filter:drop-shadow(0px 1px 10px rgba(51, 55, 59, 0.06)) drop-shadow(0px 2px 4px rgba(51, 55, 59, 0.08));--shadow-coheeze-deep-filter:drop-shadow(0px 6px 30px rgba(51, 55, 59, 0.04)) drop-shadow(0px 8px 24px rgba(51, 55, 59, 0.04)) drop-shadow(0px 4px 8px rgba(0, 0, 0, 0.08))}:root{--theme-background:var(--color-gray-L000);--theme-foreground:var(--color-gray-L800)}.theme-dark{--theme-background:var(--color-gray-L800);--theme-foreground:var(--color-gray-L000)}.theme-dark-translucent{--theme-background:hsla(0 0% 0% / 0.2);--theme-foreground:var(--color-gray-L000)}.page-bg-wrapper{position:relative}.solutions-intro,.solutions-pancake{--module-spacing-v:12.5rem;--module-internal-spacing-v:5.3125rem}.solutions-pancake{margin:var(--module-spacing-v) 0}.solutions-pancake>*{grid-column:standard}.solutions-icon-circle{width:5em;height:5em;display:flex;align-items:center;justify-content:center;border-radius:100%;background-color:var(--color-gray-L800);padding:1em 1.25em}.solutions-intro{--color-accent:var(--color-gray-L800);text-align:center;padding-bottom:var(--module-spacing-v)}.solutions-intro>*{position:relative;z-index:1}.solutions-intro-stats{margin:var(--module-internal-spacing-v) auto;max-width:49.375em;padding:0 2em}.solutions-intro-stats-layout{--lo-margin-h:1em;--lo-margin-v:1em}.solutions-intro-stat{--color-accent:var(--color-gray-L800);display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:var(--color-gray-L000);padding:2em 1.5em;border-radius:.625em;box-shadow:-10px 10px 80px rgba(0,0,0,.1)}.solutions-intro-stat:nth-child(1):nth-last-child(2),.solutions-intro-stat:nth-child(2):nth-last-child(1){padding:2em}@media (min-width:43.75em){.solutions-intro-stat{padding:3.875em 2.1875em}.solutions-intro-stat:nth-child(1):nth-last-child(3){transform:scale(.75) translateX(30%)}.solutions-intro-stat:nth-child(2):nth-last-child(2){z-index:1}.solutions-intro-stat:nth-child(3):nth-last-child(1){transform:scale(.75) translateX(-30%)}}.solutions-intro-heading-sm{font-size:48%}.solutions-intro-p{max-width:33.2em;margin:2em auto;padding:0 1em}.solutions-intro-cta{--color-accent:var(--color-teal-T900)}.solutions-card{--solutions-card-padding:2.1875em;background-color:var(--color-gray-L000);box-shadow:-10px 10px 80px rgba(0,0,0,.1);border-radius:.625em;overflow:hidden}.solutions-card-pad{padding:var(--solutions-card-padding)}@media (min-width:40.625em){.solutions-card-pad{--solutions-card-padding:4.375em}}.solutions-card .call-to-action-button{align-self:flex-start}.solutions-customer{--solutions-customer-offset:8.875em;position:relative;margin-top:calc(-1 * var(--solutions-customer-offset));margin-bottom:0;padding-bottom:0}.solutions-customer-card{z-index:1}.solutions-customer:after{content:"";position:absolute;top:var(--solutions-customer-offset);bottom:0;left:0;right:0;background-color:var(--color-gray-L200)}.solutions-customer-media{min-width:12.5em}.solutions-customer-media img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.solutions-customer-layout{--lo-stackpoint:43.75em}.solutions-customer-layout-inner{--lo-stackpoint:33.75em}.solutions-customer-content{padding:var(--solutions-card-padding);display:flex;flex-direction:column;justify-content:center}.solutions-customer-content>svg{max-width:9em}.solutions-customer-content+.solutions-customer-content{padding-top:0}.solutions-customer-content-list{--color-accent:var(--color-teal-T600)}.solutions-customer-content>:not(:first-child){margin-top:1em}.solutions-challenge{background-color:var(--color-gray-L200);padding:calc(var(--module-spacing-v)/ 2) 0}.solutions-pancake.solutions-challenge{margin:0 0 calc(var(--module-spacing-v)/ 2)}.solutions-pancake.solutions-challenge+.solutions-pancake{margin-top:calc(var(--module-spacing-v)/ 2)}.solutions-challenge,.solutions-solution{--color-accent:var(--color-gray-L700)}.solutions-challenge-subhed,.solutions-solution-subhed{margin-bottom:var(--module-internal-spacing-v)}.solutions-challenge-layout{--lo-margin-h:10vw;--lo-margin-v:2em}.solutions-challenge .solutions-challenge-layout{grid-column:narrow}.solutions-challenge-content{--color-accent:var(--color-pink-dark);flex-basis:18em;display:flex;flex-direction:column;justify-content:center}.solutions-challenge-media{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center}.solutions-challenge-media-img{width:100%;height:auto;min-width:15em;max-width:27em}@media (max-width:46.8125em){.solutions-challenge-media-icon{display:inline-block;width:2.5em;height:2.5em;padding:.4em;margin-right:.5em;vertical-align:middle}}@media (min-width:46.875em){.solutions-challenge-media-icon{position:absolute;top:50%;transform:translateY(-50%);left:-2.5em}}.solutions-challenge-media-icon svg{width:100%;height:100%}.solutions-challenge-media-sub{margin-top:1em;color:var(--color-pink-dark);text-align:center}.solutions-challenge-content p,.solutions-solution-content p{max-width:25em}.solutions-challenge-content>:not(:first-child){margin-top:1em}.solutions-challenge-cta{--color-accent:var(--color-blue-dark);margin:4em auto 0}.solutions-solution-layout{--color-accent:var(--color-blue-dark);--lo-margin-h:2.5em;--lo-margin-v:2em;--lo-stackpoint:50em}.solutions-win{color:var(--color-gray-L800)}.solutions-solution-logo-layout{--lo-margin-h:2.5em;--lo-margin-v:3.1875em;--lo-stackpoint:25em}.solutions-solution-logo img,svg.solutions-solution-logo{display:block;margin:0 auto;width:6.125em;height:6.125em}.solutions-solution-plus{display:none}@media (min-width:56.25em){.solutions-solution-container{position:relative}.solutions-solution-plus{display:block;position:absolute;right:-2em;top:1.8em}}.solutions-testimonial{max-width:52.5em;margin-left:auto;margin-right:auto}.solutions-tictoc{--color-accent:var(--color-pink-dark)}.solutions-tictoc-features{--color-accent:var(--color-teal-T600);margin-top:var(--module-internal-spacing-v)}.solutions-tictoc-features-2col{-moz-column-count:2;column-count:2}.solutions-tictoc-cta{--color-accent:var(--color-teal-T900);margin:4em auto -4em}.solutions-4up{--color-accent:var(--color-teal-T900);--solutions-4up-padding:2.1875em;padding:var(--solutions-4up-padding)}@media (min-width:40.625em){.solutions-4up{--solutions-4up-padding:4.375em}}.solutions-4up-layout{--lo-margin-h:var(--solutions-4up-padding);--lo-margin-v:calc(.75 * var(--solutions-4up-padding))}.solutions-4up-layout>*{flex-basis:26.25em}.solutions-4up-layout .lo{--lo-stackpoint:15.625em;--lo-margin-h:1.25em;--lo-margin-v:1em}.solutions-learn{--color-accent:var(--color-teal-T900)}@media (max-width:43.6875em){.solutions-learn br{display:none}}.solutions-video-logo{margin-bottom:1em;width:4.375em;height:auto}.solutions-video-layout{--lo-margin-h:2em;--lo-margin-v:2em;--lo-stackpoint:31.25em}.solutions-video-content{display:flex;flex-direction:column;justify-content:center}[class*=pancake-theme]{padding:7em 0;margin:0}.pancake-theme-dark+.pancake-theme-dark,.pancake-theme-light+.pancake-theme-light,.pancake-theme-white+.pancake-theme-white{padding-top:0}.pancake-theme-light{background-color:var(--color-gray-L200)}.pancake-theme-dark{background-color:var(--color-gray-D800);color:var(--color-gray-D000)}.pancake-theme-dark .heading{color:var(--color-gray-D000)}.pancake-theme-dark .call-to-action{--call-to-action-foreground:var(--color-gray-D000)}.pancake-theme-white+.pancake-theme-white{padding-top:0}.type-a,.type-b{font-size:calc(var(--type-fontsize-min) + (var(--type-fontsize-max) - var(--type-fontsize-min))/ 2);line-height:1.5}@supports (font-size:clamp(1em,2vw,2em)){.type-a,.type-b{font-size:clamp(var(--type-fontsize-min),var(--type-fontsize-value),var(--type-fontsize-max))}}.type-a strong,.type-b strong{font-weight:inherit}.type-a{font-family:var(--font-headline);font-weight:400}.type-a-2{font-weight:400}.type-a-3{font-weight:680;letter-spacing:-.01em}.type-a-4,.type-a-5{font-family:var(--font-headline);font-weight:680;letter-spacing:-.02em;line-height:1.4}.type-a--1{--type-fontsize-min:0.875em;--type-fontsize-max:1em;--type-fontsize-value:0.83em + 0.23vw}.type-a-0{font-size:1em;line-height:1.5}.type-a-0.type--nested{font-size:1rem}.type-a-1{--type-fontsize-min:1.125em;--type-fontsize-max:1.4375em;--type-fontsize-value:1.02em + 0.53vw}.type-a-2{--type-fontsize-min:1.25em;--type-fontsize-max:2em;--type-fontsize-value:1em + 1.33vw;line-height:1.4}.type-a-3{--type-fontsize-min:1.4375em;--type-fontsize-max:2.8125em;--type-fontsize-value:0.91em + 2.55vw}.type-a-4{--type-fontsize-min:1.625em;--type-fontsize-max:4em;--type-fontsize-value:0.73em + 4.36vw}.type-a-5{--type-fontsize-min:1.8125em;--type-fontsize-max:5.625em;--type-fontsize-value:0.4em + 7vw}.type-b{font-family:var(--font-secondary);font-weight:400}.type-b-1,.type-b-2{font-weight:600}.type-b--1{--type-fontsize-min:0.8125em;--type-fontsize-max:0.9375em;--type-fontsize-value:0.76rem + 0.24vw}.type-b-0{font-size:1em;line-height:1.5}.type-b-0.type--nested{font-size:1rem}.type-b-1{--type-fontsize-min:1.0625em;--type-fontsize-max:1.3125em;--type-fontsize-value:0.96em + 0.49vw}.type-b-2{--type-fontsize-min:1.1875em;--type-fontsize-max:1.875em;--type-fontsize-value:0.92em + 1.34vw}.type-uppercase{text-transform:uppercase}.heading{color:var(--heading-color,var(--color-gray-L800));position:relative}.heading-center{text-align:center}.subheading{color:var(--color-gray-L800);font-weight:400}.subheading-align-center{text-align:center}.subheading-dashed{display:flex;align-items:center}.subheading-dashed:after{content:"";border-top:1px dashed var(--color-gray-L400);flex-grow:999;margin-left:1.636363636364em}.paragraph a:hover{color:var(--color-accent,currentColor);text-decoration:none}.paragraph-center{text-align:center}.paragraph-lh-inherit{line-height:inherit}.paragraph-margin{margin-top:1.5em;margin-bottom:1.5em}.icon-arrow{fill:var(--theme-icon-color,currentColor)}.visually-hidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.call-to-action{--call-to-action-foreground:var(--color-gray-L800);font-weight:700;font-size:1em;line-height:1.5;display:inline-block;align-items:center;color:var(--call-to-action-foreground)}.call-to-action .icon{display:inline;white-space:nowrap;margin-inline-start:.1em}.call-to-action .icon svg{fill:var(--color-teal-T600);width:.75em;height:auto;margin-left:.5em;flex-shrink:0}.call-to-action[href*="://"]:not([href*="netlify.com"]) .icon svg{transform:rotate(-45deg)}.call-to-action[href^="#"] .icon svg{transform:rotate(90deg)}.call-to-action-arrow-prefix .icon svg{margin-left:0;margin-right:.5em;transform:rotate(180deg)}.call-to-action span{text-decoration:underline}.call-to-action:hover span{-webkit-text-decoration-color:var(--color-teal-T600);text-decoration-color:var(--color-teal-T600)}.call-to-action-ru{text-decoration:none}.call-to-action-ru:focus,.call-to-action-ru:hover{text-decoration:underline}.call-to-action-button{font-family:var(--font-headline);--button-color-foreground:var(--theme-background, var(--color-gray-L000));--button-color-background:var(--color-accent, var(--theme-foreground, var(--color-gray-L800)));font-size:1em;color:var(--button-color-foreground);border-radius:var(--border-radius);border:1px var(--button-color-border) solid;padding:.5em 1.5em;text-decoration:none;text-align:center;cursor:pointer;background-color:var(--button-color-background);transition:background-color,border-color;transition-duration:.2s;outline-offset:3px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.call-to-action-button span{text-decoration:none}.call-to-action-button>svg{fill:currentColor}.call-to-action-button:focus-visible{transition:outline-offset .1s ease-out,background-color .2s,border-color .2s;outline-offset:4px}.call-to-action-large{font-size:1.25em}.call-to-action-full{width:100%;text-align:center}.call-to-action-variant-teal{--button-color-foreground:var(--color-teal-T900);--button-color-background:var(--color-teal-T500);--button-color-border:var(--color-teal-T500)}.call-to-action-variant-teal:disabled{--button-color-foreground:var(--color-teal-T700);--button-color-background:var(--color-teal-T100);--button-color-border:var(--color-teal-T100);cursor:not-allowed}.call-to-action-variant-teal:active:not([disabled]),.call-to-action-variant-teal:hover:not([disabled]){--button-color-background:var(--color-teal-T200);--button-color-border:var(--color-teal-T200)}.call-to-action-variant-blue{--button-color-foreground:var(--color-blue-B050);--button-color-background:var(--color-blue-B500);--button-color-border:var(--color-blue-B500)}.call-to-action-variant-blue:active:not([disabled]),.call-to-action-variant-blue:hover:not([disabled]){--button-color-foreground:var(--color-blue-B050);--button-color-background:var(--color-blue-B700);--button-color-border:var(--color-blue-B700)}.call-to-action-variant-black{--button-color-foreground:var(--color-blue-B050);--button-color-background:var(--color-gray-L800);--button-color-border:var(--color-gray-L800)}.call-to-action-variant-black:active:not([disabled]),.call-to-action-variant-black:hover:not([disabled]){--button-color-foreground:var(--color-blue-B050);--button-color-background:var(--color-blue-B700);--button-color-border:var(--color-blue-B700)}.call-to-action-variant-ghost{--button-color-background:transparent;--button-color-foreground:var(--color-blue-B500);--button-color-border:var(--color-blue-B500)}.call-to-action-variant-ghost:hover:not([disabled]){--button-color-foreground:var(--color-blue-B800);--button-color-border:var(--color-blue-B800)}button.call-to-action-variant-text{font-family:inherit;background-color:transparent;border:none}:where(.lo){--lo-stackpoint:initial;--lo-margin-h:0px;--lo-margin-v:0px;display:flex;flex-wrap:wrap;margin:0;margin-top:calc(-1 * var(--lo-margin-v));margin-left:calc(-1 * var(--lo-margin-h))}:where(.lo)>*{--lo-margin-mod:calc(var(--lo-stackpoint, -1 * var(--lo-margin-h)) - var(--lo-stackpoint, 0px) + var(--lo-margin-h));--lo-stackpoint-calc:calc((var(--lo-stackpoint, 100%) - 100% + var(--lo-margin-mod)) * 999);flex-grow:1;flex-basis:var(--lo-stackpoint-calc);margin:0;margin-top:var(--lo-margin-v);margin-left:var(--lo-margin-h)}.lo-debug>*{outline:1px dotted}.lo-inline>*{flex-grow:0}.lo-max{flex-grow:999}.lo-flex{display:flex}.lo-center{display:flex;justify-content:center;align-items:center}.lo-h-center{justify-content:center}.lo-v-end{align-items:flex-end}.lo-col{flex-direction:column}.lo-col-v-end{justify-content:flex-end}@supports (clip-path:inset(0px 0px)) or (-webkit-clip-path:inset(0px 0px)){.lo-separator-h,.lo-separator-v{clip-path:inset(var(--lo-margin-v,0) 0 0 var(--lo-margin-h,0))}.lo-separator-h>*,.lo-separator-v>*{position:relative}.lo-separator-h>:before{content:"";position:absolute;left:calc(-.5 * var(--lo-margin-h,0) - .5px);top:0;bottom:0;border-left:1px solid var(--lo-separator-h-color,var(--lo-separator-color,var(--color-gray-L300)))}.lo-separator-v>:after{content:"";position:absolute;left:0;top:calc(-.5 * var(--lo-margin-v,0) - 1px);right:0;border-top:1px solid var(--lo-separator-v-color,var(--lo-separator-color,var(--color-gray-L300)))}}.list{font-size:1em;padding-left:1.1em}.list-bare,.list-checked{list-style:none;padding-left:0}.icon-bigcheck{fill:var(--theme-icon-color,var(--color-gray-L800))}.list-item{position:relative;margin-bottom:.6em}.list-item a:hover{text-decoration:none}.list-item-checked{padding-left:1.5em}.list-item-checked .icon-bigcheck,.list-item-checked .icon-check{fill:var(--theme-icon-color,var(--color-accent,currentColor));width:.875em;height:auto;position:absolute;top:.22em;left:0}.stats{display:inline-block;text-align:center}.stats-align-left{text-align:left}.stats-number{font-family:var(--font-headline);font-weight:500;font-size:3em;line-height:1.25;color:var(--color-accent,var(--color-teal-T900));display:block}@media (min-width:37.5rem){.stats-number{font-size:3.75em}}.stats-number-size-small{font-size:2.375em}.stats-number-size-medium{font-size:3.125em}.stats-description{font-size:.6875em;text-transform:uppercase;font-weight:700;letter-spacing:.05em;display:block}.stats-description-size-large{font-size:.9375em}.stats-description-nowrap,.stats-number-arrow{white-space:nowrap}.scrim-icon{--scrim-icon-background-color:var(--color-gray-L200);--scrim-icon-color:var(--color-gray-L600);--scrim-icon-width:5em;--scrim-icon-height:3.5em;background-color:var(--scrim-icon-background-color);border-radius:var(--border-radius);width:var(--scrim-icon-width);height:var(--scrim-icon-height);color:var(--scrim-icon-color);display:flex;justify-content:center;align-items:center;font-weight:700}.scrim-icon.theme-dark{--scrim-icon-background-color:var(--color-gray-L800);--scrim-icon-color:var(--color-gray-L000)}.scrim-icon.theme-light{--scrim-icon-background-color:var(--color-gray-L000);--scrim-icon-color:var(--color-gray-L800)}.scrim-icon svg{fill:var(--scrim-icon-color);width:100%;max-width:70%;max-height:70%}.testimonial-link{font-size:1rem;font-weight:400}.testimonial{display:flex;justify-content:center;flex-wrap:wrap;padding:2rem;box-shadow:var(--shadow-heavy);background:var(--neutral-light-000);border-radius:var(--border-radius-3);-moz-column-gap:2rem;column-gap:2rem}.testimonial-content{margin-block:1rem;flex-basis:15em;flex-grow:1;position:relative;font-weight:500}.testimonial-content>*+*{margin-block-start:1rem}.testimonial-content strong{font-weight:inherit}.testimonial-content>p:first-of-type::before{content:"“";position:absolute;left:0;transform:translateX(-100%)}.testimonial-content>p:last-of-type::after{content:"”"}.testimonial-thumbnail{align-self:center;position:relative}.testimonial-thumbnail img{border-radius:var(--border-radius);display:block;max-width:164px;height:auto}.testimonial-thumbnail .scrim-icon{position:absolute;bottom:-1.25em;right:-1.56em;box-shadow:0 6px 12px rgba(14,30,37,.08)}.testimonial-footer{color:var(--color-gray-L500);text-transform:uppercase}strong.testimonial-footer-author{color:var(--color-gray-L600);font-weight:700}.testimonial-icon-quote{fill:var(--color-accent,var(--color-pink-dark))}.preheader{font-weight:500;text-transform:uppercase;letter-spacing:.04em;border:none;color:var(--color-gray-L600);text-align:center;display:flex;justify-content:center;grid-column:full;min-height:1em;position:relative;margin-bottom:1em;padding:0 1em}@media (min-width:37.5rem){.preheader{grid-column:standard}}.preheader-align-left{justify-content:flex-start;text-align:left;padding-left:0}.button-group{--button-group-margin:0.75em;display:flex;flex-wrap:wrap;list-style:none;align-items:center;justify-content:center;margin-left:calc(-1 * var(--button-group-margin));margin-right:calc(-1 * var(--button-group-margin))}.button-group li{margin-bottom:1em;margin-left:var(--button-group-margin);margin-right:var(--button-group-margin)}@media (min-width:37.5rem){.button-group{justify-content:unset}}.button-group-center{justify-content:center}.pre-footer{text-align:center}.pre-footer .heading{margin-bottom:.7em}.pre-footer-subhed{color:var(--color-gray-darkest-L700);margin-left:auto;margin-right:auto;margin-bottom:2.8em;max-width:30em}.pre-footer-theme-dark{--heading-color:var(--color-white);padding:3rem 0;color:var(--color-white);background-color:var(--color-gray-D800)}.pre-footer-theme-dark .call-to-action{--call-to-action-foreground:var(--color-white)}.icon-video-play{fill:#2d3b41}:where(.netlify-logo-full){--_netlify-logo-lines-color:var(--netlify-logo-lines-color, #05bdba);--_netlify-logo-text-color:var(--netlify-logo-text-color, #014847)}.netlify-logo-full[data-theme=dark]{--_netlify-logo-lines-color:#32E6E2;--_netlify-logo-text-color:#ffffff}:where(.netlify-logo-full-small){--_netlify-logo-lines-color:var(--netlify-logo-lines-color, #05bdba);--_netlify-logo-text-color:var(--netlify-logo-text-color, #014847)}.netlify-logo-full-small[data-theme=dark]{--_netlify-logo-lines-color:#32E6E2;--_netlify-logo-text-color:#ffffff}:where(.netlify-logo-monogram){--_netlify-logo-lines-color:var(--netlify-logo-lines-color, #05bdba);--_netlify-logo-text-color:var(--netlify-logo-text-color, #014847)}.netlify-logo-monogram[data-theme=dark]{--_netlify-logo-lines-color:#32E6E2;--_netlify-logo-text-color:#ffffff}:where(.netlify-logo-encapsulated){--_netlify-logo-lines-color:var(--netlify-logo-lines-color, #32E6E2);--_netlify-logo-text-color:var(--netlify-logo-text-color, #ffffff);--_netlify-logo-fill:var(--netlify-logo-fill, #014847)}.netlify-logo-encapsulated[data-theme=dark]{--_netlify-logo-lines-color:#05BDBA;--_netlify-logo-text-color:#014847;--_netlify-logo-fill:#fff}.netlify-logo-encapsulated[data-theme=monochrome-dark]{--_netlify-logo-lines-color:#0C2A2A;--_netlify-logo-text-color:#0C2A2A;--_netlify-logo-fill:#014847}.netlify-logo-encapsulated[data-theme=monochrome-light]{--_netlify-logo-lines-color:#014847;--_netlify-logo-text-color:#014847;--_netlify-logo-fill:#ffffff}.netlify-logo{width:10em}.theme-dark{--netlify-logo-lines-color:#32E6E2;--netlify-logo-text-color:#ffffff}.video-placeholder{position:relative;display:flex;align-items:center;justify-content:center;background-color:var(--color-gray-L700);border-radius:.625em;padding:7% 1em}.video-placeholder-has-img{padding:0;overflow:hidden}.video-placeholder-picture{display:flex}.video-placeholder-img{width:100%;height:100%}.video-placeholder .call-to-action{position:absolute;left:0;right:0;top:0;bottom:0}.video-placeholder-logo{pointer-events:none;width:25%;height:auto}.video-placeholder-play{pointer-events:none;position:absolute;right:1em;bottom:1em}.tic-toc{display:grid;grid-column:narrow}@media (min-width:62.5rem){.tic-toc{--tic-toc-text-column-size:2fr;--tic-toc-scrim-column-size:3.22fr;grid-gap:2.5rem;grid-template-columns:var(--tic-toc-text-column-size) var(--tic-toc-scrim-column-size)}.tic-toc.tic-toc-alternate{grid-template-columns:var(--tic-toc-scrim-column-size) var(--tic-toc-text-column-size)}}.tic-toc+.tic-toc{margin-top:4em}[class^=tic-toc-text]{align-self:center}@media (min-width:31.25rem) and (max-width:60.9375rem){[class^=tic-toc-text]{margin-left:auto;margin-right:auto;max-width:80%}}[class^=tic-toc-text]>:not(:first-child){margin-top:1em}[class^=tic-toc-image]{position:relative}@media (max-width:62.5rem){[class^=tic-toc-image]{order:-1;margin-bottom:3em}}[class^=tic-toc-image]>svg{max-width:100%;height:auto}[class^=tic-toc-image]>picture{display:block}[class^=tic-toc-image]>*+*{margin-top:2rem}.tic-toc-image-left{text-align:right}.scrim-layers{position:relative}.scrim-layers>svg{width:100%;height:auto;display:block}@media (min-width:31.25rem) and (max-width:60.9375rem){.scrim-layers>svg{margin-left:auto;margin-right:auto}}@media (min-width:31.26rem){.scrim-layers-caption-line{display:block;width:2px;height:33px;background-color:var(--color-teal-T600);margin:0 auto;position:relative}.scrim-layers-caption-line::after{display:block;content:"";width:4px;height:4px;border-radius:50%;position:absolute;bottom:0;left:-1px;background-color:var(--color-teal-T600)}}.scrim-layers-caption{width:100%}@media (min-width:31.26rem){.scrim-layers-caption{position:absolute;left:0}}.scrim-layers-caption-top{top:-.4em}.scrim-layers-caption-bottom{bottom:-.4em}.scrim-layers-caption-bottom .scrim-layers-caption-line{order:-1}.scrim-layers-caption-bottom .scrim-layers-caption-line::after{top:0;bottom:auto}.scrim-caption{width:100%;font-size:.85em;display:inline-flex;align-items:center;flex-direction:column}.scrim-caption span{display:inline-block;background-color:var(--color-teal-T050);padding:.2em .5em;border-radius:5px;color:var(--color-gray-L800)}.scrim-caption-align-center{text-align:center}.scrim-caption-align-right{text-align:right}.solutions-scrim-performance .scrim-layers-caption-bottom{bottom:.8vw}.solutions-scrim-frameworks .scrim-layers-caption-bottom{bottom:.8vw}.netlify-logo[data-v-66806674]{--netlify-logo-fill:#ffffff;--netlify-logo-lines-color:#000000;--netlify-logo-text-color:#000000}.home-scrim-build-plugins .scrim-layers-caption-bottom{bottom:3vw}@media (min-width:62.5rem){.home-scrim-build-plugins .scrim-layers-caption-bottom{bottom:1.9em}}.logo-drupal{--theme-icon-color:#008BC6;fill:var(--theme-icon-color)} } </style> <link rel="stylesheet" href="/css/beon.css">  <link rel="stylesheet" href="/css/onetrust.css"> <script> window.dataLayer = window.dataLayer || []; function gtag() { dataLayer.push(arguments); } gtag("consent", "default", { ad_storage: "denied", analytics_storage: "denied", functionality_storage: "denied", personalization_storage: "denied", security_storage: "denied", region: [ "AT", "BE", "BG", "HR", "CY", "CZ", "DK", "EE", "FI", "FR", "DE", "EL", "HU", "IE", "IT", "LV", "LT", "LU", "MT", "NL", "PL", "PT", "RO", "SK", "SI", "ES", "SE", "UK", ], }); gtag("consent", "default", { ad_storage: "granted", analytics_storage: "granted", functionality_storage: "granted", personalization_storage: "granted", security_storage: "granted", }); function OptanonWrapper() { if(!OneTrust.IsAlertBoxClosed()) { document.body.classList.add('onetrust-alert-box-open'); } OneTrust.OnConsentChanged(() => { if(OneTrust.IsAlertBoxClosed()) { document.body.classList.remove('onetrust-alert-box-open'); } }); } </script>  <script> (function (w, d, s, l, i) { w[l] = w[l] || []; w[l].push({'gtm.start': new Date().getTime(), event: 'gtm.js'}); var f = d.getElementsByTagName(s)[0], j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''; j.async = true; j.src = 'https://www.googletagmanager.com/gtm.js?id=' + i + dl; f .parentNode .insertBefore(j, f); })(window, document, 'script', 'dataLayer', 'GTM-T7WNFLD'); </script>   <script> (function (w, q) { w['QualifiedObject'] = q; w[q] = w[q] || function () { (w[q].q = w[q].q || []).push(arguments) }; })(window, 'qualified') </script> <script async src="https://js.qualified.com/qualified.js?token=FvGWn26rk1tuEjBR"></script>  <script src="https://js.hsforms.net/forms/v2.js"></script> </head> <body class="solutions--drupal announcement-bar-theme-dark"> <svg width="0" height="0" aria-hidden="true" style="position: absolute"> <defs> <symbol viewBox="0 0 85 107" id="icon-astro"> <path d="M27.5893 91.1365C22.7555 86.7178 21.3443 77.4335 23.3583 70.7072C26.8503 74.948 31.6888 76.2914 36.7005 77.0497C44.4374 78.2199 52.0358 77.7822 59.2231 74.2459C60.0453 73.841 60.8052 73.3027 61.7036 72.7574C62.378 74.714 62.5535 76.6892 62.3179 78.6996C61.7452 83.5957 59.3086 87.3778 55.4332 90.2448C53.8835 91.3916 52.2437 92.4167 50.6432 93.4979C45.7262 96.8213 44.3959 100.718 46.2435 106.386C46.2874 106.525 46.3267 106.663 46.426 107C43.9155 105.876 42.0817 104.24 40.6844 102.089C39.2086 99.8193 38.5065 97.3081 38.4696 94.5909C38.4511 93.2686 38.4511 91.9345 38.2733 90.6309C37.8391 87.4527 36.3471 86.0297 33.5364 85.9478C30.6518 85.8636 28.37 87.6469 27.7649 90.4554C27.7187 90.6707 27.6517 90.8837 27.5847 91.1341L27.5893 91.1365Z" fill="currentColor"/> <path d="M0 69.5866C0 69.5866 14.3139 62.6137 28.6678 62.6137L39.4901 29.1204C39.8953 27.5007 41.0783 26.3999 42.4139 26.3999C43.7495 26.3999 44.9325 27.5007 45.3377 29.1204L56.1601 62.6137C73.1601 62.6137 84.8278 69.5866 84.8278 69.5866C84.8278 69.5866 60.5145 3.35233 60.467 3.21944C59.7692 1.2612 58.5911 0 57.0029 0H27.8274C26.2392 0 25.1087 1.2612 24.3634 3.21944C24.3108 3.34983 0 69.5866 0 69.5866Z" fill="currentColor"/> </symbol> <symbol viewBox="0 0 448 512" id="icon-arrow"> <path fill="currentcolor" d="M438.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L338.8 224 32 224c-17.7 0-32 14.3-32 32s14.3 32 32 32l306.7 0L233.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l160-160z"></path> </symbol> <symbol viewBox="0 0 384 512" id="icon-close"> <path fill="currentcolor" d="M342.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 210.7 86.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L146.7 256 41.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192 301.3 297.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.3 256 342.6 150.6z"></path> </symbol> <symbol viewBox="0 0 22 24" id="icon-search"> <path fill="currentcolor" d="M9.41345,0.47253 C14.4289798,0.47253 18.49487,4.53842023 18.49487,9.55395 C18.49487,12.0451846 17.4917537,14.3021289 15.8674001,15.9429038 L21.392653,21.4668327 L19.271347,23.5881673 L13.3990455,17.7163323 C12.1958116,18.3049607 10.8432164,18.63537 9.41345,18.63537 C4.39792023,18.63537 0.33203,14.5694798 0.33203,9.55395 C0.33203,4.53842023 4.39792023,0.47253 9.41345,0.47253 Z M9.41345,3.47253 C6.05477448,3.47253 3.33203,6.19527448 3.33203,9.55395 C3.33203,12.9126255 6.05477448,15.63537 9.41345,15.63537 C12.7721255,15.63537 15.49487,12.9126255 15.49487,9.55395 C15.49487,6.19527448 12.7721255,3.47253 9.41345,3.47253 Z"></path> </symbol> <symbol viewBox="0 0 512 512" id="icon-chevron"> <path fill="currentcolor" d="M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z"></path> </symbol> <symbol viewBox="0 0 24 24" id="icon-nextjs"> <path fill="currentcolor" d="M11.5725 0c-.1763 0-.3098.0013-.3584.0067-.0516.0053-.2159.021-.3636.0328-3.4088.3073-6.6017 2.1463-8.624 4.9728C1.1004 6.584.3802 8.3666.1082 10.255c-.0962.659-.108.8537-.108 1.7474s.012 1.0884.108 1.7476c.652 4.506 3.8591 8.2919 8.2087 9.6945.7789.2511 1.6.4223 2.5337.5255.3636.04 1.9354.04 2.299 0 1.6117-.1783 2.9772-.577 4.3237-1.2643.2065-.1056.2464-.1337.2183-.1573-.0188-.0139-.8987-1.1938-1.9543-2.62l-1.919-2.592-2.4047-3.5583c-1.3231-1.9564-2.4117-3.556-2.4211-3.556-.0094-.0026-.0187 1.5787-.0235 3.509-.0067 3.3802-.0093 3.5162-.0516 3.596-.061.115-.108.1618-.2064.2134-.075.0374-.1408.0445-.495.0445h-.406l-.1078-.068a.4383.4383 0 01-.1572-.1712l-.0493-.1056.0053-4.703.0067-4.7054.0726-.0915c.0376-.0493.1174-.1125.1736-.143.0962-.047.1338-.0517.5396-.0517.4787 0 .5584.0187.6827.1547.0353.0377 1.3373 1.9987 2.895 4.3608a10760.433 10760.433 0 004.7344 7.1706l1.9002 2.8782.096-.0633c.8518-.5536 1.7525-1.3418 2.4657-2.1627 1.5179-1.7429 2.4963-3.868 2.8247-6.134.0961-.6591.1078-.854.1078-1.7475 0-.8937-.012-1.0884-.1078-1.7476-.6522-4.506-3.8592-8.2919-8.2087-9.6945-.7672-.2487-1.5836-.42-2.4985-.5232-.169-.0176-1.0835-.0366-1.6123-.037zm4.0685 7.217c.3473 0 .4082.0053.4857.047.1127.0562.204.1642.237.2767.0186.061.0234 1.3653.0186 4.3044l-.0067 4.2175-.7436-1.14-.7461-1.14v-3.066c0-1.982.0093-3.0963.0234-3.1502.0375-.1313.1196-.2346.2323-.2955.0961-.0494.1313-.054.4997-.054z"></path> </symbol> <symbol viewBox="0 0 24 24" id="icon-jamstack"> <path fill="currentcolor" d="M12 0C5.365 0 0 5.364 0 12s5.365 12 12 12 12-5.364 12-12V0zm.496 3.318h8.17v8.17h-8.17zm-9.168 9.178h8.16v8.149c-4.382-.257-7.904-3.767-8.16-8.149zm9.168.016h8.152a8.684 8.684 0 01-8.152 8.148z"></path> </symbol> <symbol viewBox="0 0 24 24" id="icon-react"> <path fill="currentcolor" d="M14.23 12.004a2.236 2.236 0 0 1-2.235 2.236 2.236 2.236 0 0 1-2.236-2.236 2.236 2.236 0 0 1 2.235-2.236 2.236 2.236 0 0 1 2.236 2.236zm2.648-10.69c-1.346 0-3.107.96-4.888 2.622-1.78-1.653-3.542-2.602-4.887-2.602-.41 0-.783.093-1.106.278-1.375.793-1.683 3.264-.973 6.365C1.98 8.917 0 10.42 0 12.004c0 1.59 1.99 3.097 5.043 4.03-.704 3.113-.39 5.588.988 6.38.32.187.69.275 1.102.275 1.345 0 3.107-.96 4.888-2.624 1.78 1.654 3.542 2.603 4.887 2.603.41 0 .783-.09 1.106-.275 1.374-.792 1.683-3.263.973-6.365C22.02 15.096 24 13.59 24 12.004c0-1.59-1.99-3.097-5.043-4.032.704-3.11.39-5.587-.988-6.38-.318-.184-.688-.277-1.092-.278zm-.005 1.09v.006c.225 0 .406.044.558.127.666.382.955 1.835.73 3.704-.054.46-.142.945-.25 1.44-.96-.236-2.006-.417-3.107-.534-.66-.905-1.345-1.727-2.035-2.447 1.592-1.48 3.087-2.292 4.105-2.295zm-9.77.02c1.012 0 2.514.808 4.11 2.28-.686.72-1.37 1.537-2.02 2.442-1.107.117-2.154.298-3.113.538-.112-.49-.195-.964-.254-1.42-.23-1.868.054-3.32.714-3.707.19-.09.4-.127.563-.132zm4.882 3.05c.455.468.91.992 1.36 1.564-.44-.02-.89-.034-1.345-.034-.46 0-.915.01-1.36.034.44-.572.895-1.096 1.345-1.565zM12 8.1c.74 0 1.477.034 2.202.093.406.582.802 1.203 1.183 1.86.372.64.71 1.29 1.018 1.946-.308.655-.646 1.31-1.013 1.95-.38.66-.773 1.288-1.18 1.87-.728.063-1.466.098-2.21.098-.74 0-1.477-.035-2.202-.093-.406-.582-.802-1.204-1.183-1.86-.372-.64-.71-1.29-1.018-1.946.303-.657.646-1.313 1.013-1.954.38-.66.773-1.286 1.18-1.868.728-.064 1.466-.098 2.21-.098zm-3.635.254c-.24.377-.48.763-.704 1.16-.225.39-.435.782-.635 1.174-.265-.656-.49-1.31-.676-1.947.64-.15 1.315-.283 2.015-.386zm7.26 0c.695.103 1.365.23 2.006.387-.18.632-.405 1.282-.66 1.933-.2-.39-.41-.783-.64-1.174-.225-.392-.465-.774-.705-1.146zm3.063.675c.484.15.944.317 1.375.498 1.732.74 2.852 1.708 2.852 2.476-.005.768-1.125 1.74-2.857 2.475-.42.18-.88.342-1.355.493-.28-.958-.646-1.956-1.1-2.98.45-1.017.81-2.01 1.085-2.964zm-13.395.004c.278.96.645 1.957 1.1 2.98-.45 1.017-.812 2.01-1.086 2.964-.484-.15-.944-.318-1.37-.5-1.732-.737-2.852-1.706-2.852-2.474 0-.768 1.12-1.742 2.852-2.476.42-.18.88-.342 1.356-.494zm11.678 4.28c.265.657.49 1.312.676 1.948-.64.157-1.316.29-2.016.39.24-.375.48-.762.705-1.158.225-.39.435-.788.636-1.18zm-9.945.02c.2.392.41.783.64 1.175.23.39.465.772.705 1.143-.695-.102-1.365-.23-2.006-.386.18-.63.406-1.282.66-1.933zM17.92 16.32c.112.493.2.968.254 1.423.23 1.868-.054 3.32-.714 3.708-.147.09-.338.128-.563.128-1.012 0-2.514-.807-4.11-2.28.686-.72 1.37-1.536 2.02-2.44 1.107-.118 2.154-.3 3.113-.54zm-11.83.01c.96.234 2.006.415 3.107.532.66.905 1.345 1.727 2.035 2.446-1.595 1.483-3.092 2.295-4.11 2.295-.22-.005-.406-.05-.553-.132-.666-.38-.955-1.834-.73-3.703.054-.46.142-.944.25-1.438zm4.56.64c.44.02.89.034 1.345.034.46 0 .915-.01 1.36-.034-.44.572-.895 1.095-1.345 1.565-.455-.47-.91-.993-1.36-1.565z"></path> </symbol> <symbol viewBox="0 0 448 512" id="icon-linkedin"> <path fill="currentcolor" d="M416 32H31.9C14.3 32 0 46.5 0 64.3v383.4C0 465.5 14.3 480 31.9 480H416c17.6 0 32-14.5 32-32.3V64.3c0-17.8-14.4-32.3-32-32.3zM135.4 416H69V202.2h66.5V416zm-33.2-243c-21.3 0-38.5-17.3-38.5-38.5S80.9 96 102.2 96c21.2 0 38.5 17.3 38.5 38.5 0 21.3-17.2 38.5-38.5 38.5zm282.1 243h-66.4V312c0-24.8-.5-56.7-34.5-56.7-34.6 0-39.9 27-39.9 54.9V416h-66.4V202.2h63.7v29.2h.9c8.9-16.8 30.6-34.5 62.9-34.5 67.2 0 79.7 44.3 79.7 101.9V416z"/> </symbol> <symbol viewBox="0 0 24 24" id="icon-vue"> <path fill="currentcolor" d="M24,1.61H14.06L12,5.16,9.94,1.61H0L12,22.39ZM12,14.08,5.16,2.23H9.59L12,6.41l2.41-4.18h4.43Z"></path> </symbol> <symbol viewBox="0 0 24 24" id="icon-svelte"> <path fill="currentcolor" d="M10.354 21.125a4.44 4.44 0 0 1-4.765-1.767 4.109 4.109 0 0 1-.703-3.107 3.898 3.898 0 0 1 .134-.522l.105-.321.287.21a7.21 7.21 0 0 0 2.186 1.092l.208.063-.02.208a1.253 1.253 0 0 0 .226.83 1.337 1.337 0 0 0 1.435.533 1.231 1.231 0 0 0 .343-.15l5.59-3.562a1.164 1.164 0 0 0 .524-.778 1.242 1.242 0 0 0-.211-.937 1.338 1.338 0 0 0-1.435-.533 1.23 1.23 0 0 0-.343.15l-2.133 1.36a4.078 4.078 0 0 1-1.135.499 4.44 4.44 0 0 1-4.765-1.766 4.108 4.108 0 0 1-.702-3.108 3.855 3.855 0 0 1 1.742-2.582l5.589-3.563a4.072 4.072 0 0 1 1.135-.499 4.44 4.44 0 0 1 4.765 1.767 4.109 4.109 0 0 1 .703 3.107 3.943 3.943 0 0 1-.134.522l-.105.321-.286-.21a7.204 7.204 0 0 0-2.187-1.093l-.208-.063.02-.207a1.255 1.255 0 0 0-.226-.831 1.337 1.337 0 0 0-1.435-.532 1.231 1.231 0 0 0-.343.15L8.62 9.368a1.162 1.162 0 0 0-.524.778 1.24 1.24 0 0 0 .211.937 1.338 1.338 0 0 0 1.435.533 1.235 1.235 0 0 0 .344-.151l2.132-1.36a4.067 4.067 0 0 1 1.135-.498 4.44 4.44 0 0 1 4.765 1.766 4.108 4.108 0 0 1 .702 3.108 3.857 3.857 0 0 1-1.742 2.583l-5.589 3.562a4.072 4.072 0 0 1-1.135.499m10.358-17.95C18.484-.015 14.082-.96 10.9 1.068L5.31 4.63a6.412 6.412 0 0 0-2.896 4.295 6.753 6.753 0 0 0 .666 4.336 6.43 6.43 0 0 0-.96 2.396 6.833 6.833 0 0 0 1.168 5.167c2.229 3.19 6.63 4.135 9.812 2.108l5.59-3.562a6.41 6.41 0 0 0 2.896-4.295 6.756 6.756 0 0 0-.665-4.336 6.429 6.429 0 0 0 .958-2.396 6.831 6.831 0 0 0-1.167-5.168Z"></path> </symbol> <symbol viewBox="0 0 24 24" id="icon-gatsby"> <path fill="currentcolor" d="M12 0C5.4 0 0 5.4 0 12s5.4 12 12 12 12-5.4 12-12S18.6 0 12 0zm0 2.571c3.171 0 5.915 1.543 7.629 3.858l-1.286 1.115C16.886 5.572 14.571 4.286 12 4.286c-3.343 0-6.171 2.143-7.286 5.143l9.857 9.857c2.486-.857 4.373-3 4.973-5.572h-4.115V12h6c0 4.457-3.172 8.228-7.372 9.17L2.83 9.944C3.772 5.743 7.543 2.57 12 2.57zm-9.429 9.6l9.344 9.258c-2.4-.086-4.801-.943-6.601-2.743-1.8-1.8-2.743-4.201-2.743-6.515z"></path> </symbol> <symbol viewBox="0 0 24 24" id="icon-wordpress"> <path fill="currentcolor" d="M21.469 6.825c.84 1.537 1.318 3.3 1.318 5.175 0 3.979-2.156 7.456-5.363 9.325l3.295-9.527c.615-1.54.82-2.771.82-3.864 0-.405-.026-.78-.07-1.11m-7.981.105c.647-.03 1.232-.105 1.232-.105.582-.075.514-.93-.067-.899 0 0-1.755.135-2.88.135-1.064 0-2.85-.15-2.85-.15-.585-.03-.661.855-.075.885 0 0 .54.061 1.125.09l1.68 4.605-2.37 7.08L5.354 6.9c.649-.03 1.234-.1 1.234-.1.585-.075.516-.93-.065-.896 0 0-1.746.138-2.874.138-.2 0-.438-.008-.69-.015C4.911 3.15 8.235 1.215 12 1.215c2.809 0 5.365 1.072 7.286 2.833-.046-.003-.091-.009-.141-.009-1.06 0-1.812.923-1.812 1.914 0 .89.513 1.643 1.06 2.531.411.72.89 1.643.89 2.977 0 .915-.354 1.994-.821 3.479l-1.075 3.585-3.9-11.61.001.014zM12 22.784c-1.059 0-2.081-.153-3.048-.437l3.237-9.406 3.315 9.087c.024.053.05.101.078.149-1.12.393-2.325.609-3.582.609M1.211 12c0-1.564.336-3.05.935-4.39L7.29 21.709C3.694 19.96 1.212 16.271 1.211 12M12 0C5.385 0 0 5.385 0 12s5.385 12 12 12 12-5.385 12-12S18.615 0 12 0"></path> </symbol> <symbol viewBox="0 0 24 24" id="icon-nuxtjs"> <path fill="currentcolor" d="M13.4642 19.8295h8.9218c.2834 0 .5618-.0723.8072-.2098a1.5899 1.5899 0 0 0 .5908-.5732 1.5293 1.5293 0 0 0 .216-.783 1.529 1.529 0 0 0-.2167-.7828L17.7916 7.4142a1.5904 1.5904 0 0 0-.5907-.573 1.6524 1.6524 0 0 0-.807-.2099c-.2833 0-.5616.0724-.807.2098a1.5904 1.5904 0 0 0-.5907.5731L13.4642 9.99l-2.9954-5.0366a1.5913 1.5913 0 0 0-.591-.573 1.6533 1.6533 0 0 0-.8071-.2098c-.2834 0-.5617.0723-.8072.2097a1.5913 1.5913 0 0 0-.591.573L.2168 17.4808A1.5292 1.5292 0 0 0 0 18.2635c-.0001.2749.0744.545.216.783a1.59 1.59 0 0 0 .5908.5732c.2454.1375.5238.2098.8072.2098h5.6003c2.219 0 3.8554-.9454 4.9813-2.7899l2.7337-4.5922L16.3935 9.99l4.3944 7.382h-5.8586ZM7.123 17.3694l-3.9083-.0009 5.8586-9.8421 2.9232 4.921-1.9572 3.2892c-.7478 1.1967-1.5972 1.6328-2.9163 1.6328z"></path> </symbol> <symbol viewBox="4 4 40 40" id="icon-sitecore"> <path fill="currentcolor" d="M24,4C12.96,4,4,12.96,4,24c0,11.05,8.96,20,20,20s20-8.96,20-20C44,12.96,35.04,4,24,4z M24,38.98c-8.81,0-14.98-6.79-14.98-14.98c0-8.18,6.79-14.98,14.98-14.98c8.18,0,15.02,6.68,15.02,14.86C39.02,32.07,32.81,38.98,24,38.98z"></path> <path fill="currentcolor" d="M35.59,31.129c0,0-4.197,7.217-13.375,6.246c-8.894-0.951-10.6-8.423-10.688-8.894c1.912,3.52,4.756,6.217,11.58,6.217c7.129,0,9.806-5.354,9.806-5.354L35.59,31.129z"></path> <path fill="currentcolor" d="M36.482,30.236l-3.569-1.775c0,0-3.569,5.344-9.806,5.344c-6.903,0-8.796-3.354-8.903-3.559c3.412,3.402,8.09,3.059,11.58,1.775c7.815-2.863,7.129-9.806,7.129-9.806h4.462C37.375,22.215,38.267,27.569,36.482,30.236z"></path> <path fill="currentcolor" d="M32.021,21.323c0,0,0.392,7.227-6.236,9.806c-3.491,1.363-6.884,0.098-7.129,0c0,0,2.628,0.471,4.452,0c3.569-0.892,5.256-2.491,6.236-4.452c2.677-5.354-0.883-8.913-0.883-8.913l4.452-3.569c0,0,4.256,3.677,4.462,7.129H32.021z"></path> </symbol> <symbol viewBox="0 0 98 96" id="icon-github"> <path fill-rule="evenodd" clip-rule="evenodd" fill="currentcolor" d="M48.854 0C21.839 0 0 22 0 49.217c0 21.756 13.993 40.172 33.405 46.69 2.427.49 3.316-1.059 3.316-2.362 0-1.141-.08-5.052-.08-9.127-13.59 2.934-16.42-5.867-16.42-5.867-2.184-5.704-5.42-7.17-5.42-7.17-4.448-3.015.324-3.015.324-3.015 4.934.326 7.523 5.052 7.523 5.052 4.367 7.496 11.404 5.378 14.235 4.074.404-3.178 1.699-5.378 3.074-6.6-10.839-1.141-22.243-5.378-22.243-24.283 0-5.378 1.94-9.778 5.014-13.2-.485-1.222-2.184-6.275.486-13.038 0 0 4.125-1.304 13.426 5.052a46.97 46.97 0 0 1 12.214-1.63c4.125 0 8.33.571 12.213 1.63 9.302-6.356 13.427-5.052 13.427-5.052 2.67 6.763.97 11.816.485 13.038 3.155 3.422 5.015 7.822 5.015 13.2 0 18.905-11.404 23.06-22.324 24.283 1.78 1.548 3.316 4.481 3.316 9.126 0 6.6-.08 11.897-.08 13.526 0 1.304.89 2.853 3.316 2.364 19.412-6.52 33.405-24.935 33.405-46.691C97.707 22 75.788 0 48.854 0z"></path> </symbol> <symbol viewBox="0 0 22 16" id="icon-youtube"> <path d="M10.994.524s-6.508 0-8.142.435c-.874.25-1.594.99-1.839 1.9C.59 4.536.59 8.007.59 8.007s0 3.484.424 5.134c.245.91.952 1.636 1.84 1.887 1.646.448 8.14.448 8.14.448s6.521 0 8.155-.435a2.623 2.623 0 001.826-1.887c.437-1.663.437-5.134.437-5.134s.013-3.484-.437-5.16A2.605 2.605 0 0019.148.984C17.514.524 10.994.524 10.994.524zM8.923 4.8l5.415 3.207L8.923 11.2V4.8z" fill="currentcolor" fill-rule="nonzero"></path> </symbol> <symbol viewBox="0 0 24 24" id="icon-discourse"> <path fill="currentcolor" d="M12.103 0C18.666 0 24 5.485 24 11.997c0 6.51-5.33 11.99-11.9 11.99L0 24V11.79C0 5.28 5.532 0 12.103 0zm.116 4.563c-2.593-.003-4.996 1.352-6.337 3.57-1.33 2.208-1.387 4.957-.148 7.22L4.4 19.61l4.794-1.074c2.745 1.225 5.965.676 8.136-1.39 2.17-2.054 2.86-5.228 1.737-7.997-1.135-2.778-3.84-4.59-6.84-4.585h-.008z"></path> </symbol> <symbol viewBox="0 0 448 512" id="icon-plus"> <path fill="currentcolor" d="M256 80c0-17.7-14.3-32-32-32s-32 14.3-32 32V224H48c-17.7 0-32 14.3-32 32s14.3 32 32 32H192V432c0 17.7 14.3 32 32 32s32-14.3 32-32V288H400c17.7 0 32-14.3 32-32s-14.3-32-32-32H256V80z"></path> </symbol> <symbol viewBox="0 0 448 512" id="icon-minus"> <path fill="currentcolor" d="M432 256c0 17.7-14.3 32-32 32L48 288c-17.7 0-32-14.3-32-32s14.3-32 32-32l352 0c17.7 0 32 14.3 32 32z"></path> </symbol> </defs> </svg>  <noscript> <iframe src="https://www.googletagmanager.com/ns.html?id=GTM-T7WNFLD" height="0" width="0" style="display:none;visibility:hidden"></iframe> </noscript>  <svg width="0" height="0" aria-hidden="true" style="position: absolute;"> <defs>  <g id="icon-check"> <path fill-rule="evenodd" clip-rule="evenodd" d="M14 7C14 10.866 10.866 14 7 14C3.13401 14 0 10.866 0 7C0 3.13401 3.13401 0 7 0C10.866 0 14 3.13401 14 7ZM5.23538 9.71025C5.62402 10.0989 6.25346 10.101 6.64474 9.71507L7.30863 9.0602L10.8009 5.56791C11.0994 5.26947 11.0998 4.78493 10.8019 4.48702L10.5133 4.19843C10.2154 3.90052 9.73085 3.90095 9.43241 4.1994L5.94944 7.68236L4.58093 6.31385C4.28302 6.01594 3.79849 6.01638 3.50005 6.31482L3.21093 6.60394C2.91249 6.90238 2.91205 7.38692 3.20996 7.68483L4.56916 9.04403L5.23538 9.71025Z" /> </g>  <g id="icon-arrow"> <path d="M8.58495 5.99389H0.99889C0.447218 5.99389 0 5.54667 0 4.995C0 4.44333 0.447218 3.99611 0.99889 3.99611H8.58652L6.78711 2.1967C6.39702 1.80661 6.39702 1.17415 6.78711 0.784055C7.1772 0.393964 7.80966 0.393964 8.19975 0.784055L11.6593 4.24361C11.8681 4.42669 12 4.69545 12 4.995C12 5.30001 11.8633 5.5731 11.6478 5.75632L8.19975 9.20437C7.80966 9.59446 7.1772 9.59446 6.78711 9.20437C6.39702 8.81428 6.39702 8.18182 6.78711 7.79173L8.58495 5.99389V5.99389Z" /> </g> <g id="icon-arrow-circle"> <path fill-rule="evenodd" clip-rule="evenodd" d="M18.4434 9.05078C18.4434 14.0213 14.4139 18.0508 9.44336 18.0508C4.4728 18.0508 0.443359 14.0213 0.443359 9.05078C0.443359 4.08022 4.4728 0.0507812 9.44336 0.0507812C14.4139 0.0507812 18.4434 4.08022 18.4434 9.05078ZM5.22358 9.8894H11.6243L10.1074 11.4063C9.77824 11.7355 9.77824 12.2691 10.1074 12.5982C10.4365 12.9274 10.9702 12.9274 11.2993 12.5982L14.2086 9.68895C14.3904 9.53436 14.5058 9.30394 14.5058 9.04659C14.5058 8.79384 14.3945 8.56708 14.2183 8.4126L11.2993 5.4936C10.9702 5.16446 10.4365 5.16446 10.1074 5.4936C9.77824 5.82274 9.77824 6.35638 10.1074 6.68552L11.6256 8.20377H5.22358C4.7581 8.20377 4.38076 8.58111 4.38076 9.04659C4.38076 9.51206 4.7581 9.8894 5.22358 9.8894Z" /> </g> </defs>  <pattern id="dots-pattern-gray" x="0" y="0" width="17" height="17" patternUnits="userSpaceOnUse"> <ellipse cx="1.5" cy="1.50075" rx="1.5" ry="1.50075" fill="#222222" fill-opacity="0.4"/> <ellipse cx="9.5" cy="9.50072" rx="1.5" ry="1.50072" fill="#222222" fill-opacity="0.4"/> </pattern> </svg> <div data-server-rendered="true"><div class="beon" style="display:contents;transform:translate3d(0px, 0px, 0px);"><style></style> <script></script> <svg width="0" height="0" aria-hidden="true" style="position: absolute"> <defs></defs> </svg> <script type="module"></script> </div> <div class="beon" style="display:contents;transform:translate3d(0px, 0px, 0px);"><style>.ntl-announcement-bar{align-items:center;background-color:var(--color-brand-1);color:var(--color-text-inverse);display:grid;font-size:var(--step--1);font-weight:var(--font-weight-semibold);gap:var(--space-m);grid-template-columns:1fr auto;padding:var(--space-2xs);position:relative;z-index:1}.ntl-announcement-bar[hidden]{display:none}.ntl-announcement-bar:hover a{text-decoration:none}.ntl-announcement-bar>*{grid-row:1}.ntl-announcement-bar p{justify-self:center}.ntl-announcement-bar a:before{bottom:0;content:"";display:block;left:0;position:absolute;right:0;top:0;z-index:1}.ntl-announcement-bar .close{border:none;color:inherit;outline-offset:-1px;padding:0;z-index:2}.ntl-site-logo{display:grid;flex-shrink:0;height:auto;margin-block:var(--space-xs);max-inline-size:clamp(90px,15vw,122px);outline-offset:2px;position:relative;top:1px;width:100%}.ntl-site-logo svg{display:flex}.ntl-site-logo .spark{fill:var(--color-brand-logo-spark)}.ntl-site-logo .text{fill:var(--color-brand-logo-text)}@media (min-width:1085px){.ntl-site-logo{--offset:1.4em;margin-inline:calc(var(--offset)*-1) calc(var(--offset)/2)}}.ntl-site-search-toggle{--size:1.4em;all:unset;cursor:pointer;line-height:normal;outline:revert;padding:var(--space-2xs)}.ntl-site-search-toggle svg{--icon-size:auto;position:relative;top:.2em}.ntl-site-nav-toggle{--site-nav-toggle-padding:var(--space-2xs);border:none;color:var(--color-text-1);outline-offset:0;padding:var(--site-nav-toggle-padding)}.ntl-site-nav-toggle[aria-expanded=true] rect{y:10.7188px;transform-origin:center}.ntl-site-nav-toggle[aria-expanded=true] rect:first-child{transform:rotate(-45deg)}.ntl-site-nav-toggle[aria-expanded=true] rect:nth-child(2){display:none}.ntl-site-nav-toggle[aria-expanded=true] rect:last-child{transform:rotate(45deg)}.ntl-site-nav-submenu{display:contents}.ntl-site-nav-submenu .submenu a:not(.button){background-color:transparent;border-radius:unset;color:var(--color-text-1);flex-grow:unset;font-size:.9375em;font-weight:600;padding:unset;text-decoration:revert;white-space:normal}.ntl-site-nav-submenu :is(.ntl-site-nav-submenu .submenu a:not(.button)):hover{text-decoration:none}.ntl-site-nav-submenu .section{color:var(--color-text-1)}.ntl-site-nav-submenu .section li{align-items:center;display:flex;gap:var(--space-2xs);--stack-space:var(--space-2xs)}.ntl-site-nav-submenu .section svg{--_size:1em;color:var(--color-text-2);height:var(--_size);width:var(--_size)}.ntl-site-nav-submenu .section h3{color:var(--color-text-2);font-size:.8em;font-weight:var(--font-weight-medium);text-transform:uppercase}.ntl-site-nav-submenu .submenu-toggle{--icon-size:0.8em;--button-icon-size:0.8em;--submenu-toggle-padding:var(--space-3xs);all:unset;aspect-ratio:1;background-color:transparent;border-radius:var(--radius-circle);display:grid;outline:revert;padding:var(--submenu-toggle-padding);place-items:center}.ntl-site-nav-submenu [aria-expanded=true]:is(.ntl-site-nav-submenu .submenu-toggle) svg{transform:rotate(180deg)}.ntl-site-nav-submenu [id=solutions-submenu] p{color:var(--color-text-2);font-size:.9em}.ntl-site-nav-submenu [id=solutions-submenu] .section:last-child *{--stack-space:0}@media not all and (min-width:1085px){.ntl-site-nav-submenu .submenu{inline-size:100%;margin-block-start:var(--space-2xs)}.ntl-site-nav-submenu .submenu-toggle{align-self:stretch;aspect-ratio:unset;background-color:unset;border-radius:unset;padding-inline:var(--space-s)}.ntl-site-nav-submenu .submenu-toggle>svg{margin-inline-start:auto}.ntl-site-nav-submenu .submenu-toggle[aria-expanded=false]+.submenu{display:none}.ntl-site-nav-submenu .section{padding:var(--space-s) var(--space-xs)}}@media (min-width:600px){.ntl-site-nav-submenu .submenu{--submenu-bg:var(--color-bg-1);--submenu-bg-alt:var(--color-bg-2);--submenu-border:1px solid var(--color-bg-3);--submenu-columns:1fr 1fr;--submenu-max-inline-size:auto;--submenu-transition-duration:300ms;--submenu-transition-delay:200ms;--submenu-transition-ease:cubic-bezier(0.33,1,0.68,1);display:grid;grid-template-columns:var(--submenu-columns);padding:var(--space-xs)}.ntl-site-nav-submenu .section{margin-block:unset;padding:var(--space-s)}.ntl-site-nav-submenu .section:first-child{border-inline-end:var(--submenu-border)}.ntl-site-nav-submenu [id=platform-submenu]{--submenu-max-inline-size:776px}.ntl-site-nav-submenu [id=platform-submenu] .section:nth-child(2) ul{column-count:2}.ntl-site-nav-submenu [id=platform-submenu] .section:last-child{border-block-start:var(--submenu-border);grid-column:1/-1;padding-block:1.5rem}.ntl-site-nav-submenu [id=platform-submenu] .section:last-child,.ntl-site-nav-submenu [id=platform-submenu] .section:last-child ul{align-items:center;display:flex;gap:var(--space-s)}.ntl-site-nav-submenu [id=platform-submenu] .section:last-child *{--stack-space:0}.ntl-site-nav-submenu [id=solutions-submenu]{--submenu-columns:auto 1fr;--submenu-max-inline-size:540px}.ntl-site-nav-submenu [id=solutions-submenu] .section:first-child{grid-row:span 2}.ntl-site-nav-submenu [id=solutions-submenu] .section:last-child{border-block-start:var(--submenu-border)}.ntl-site-nav-submenu [id=start-building-submenu]{--submenu-columns:2fr 3fr;--submenu-max-inline-size:526px}.ntl-site-nav-submenu [id=start-building-submenu] .section:nth-child(2) ul{display:grid;gap:var(--space-2xs);grid-template-columns:repeat(auto-fill,minmax(8rem,1fr))}.ntl-site-nav-submenu [id=start-building-submenu] .section:nth-child(2) ul li{--stack-space:0}}@media (min-width:1085px){.ntl-site-nav-submenu .submenu{background-color:var(--submenu-bg);border-radius:.75rem;box-shadow:var(--shadow-deep);inline-size:var(--submenu-max-inline-size);inset-block-start:100%;inset-inline-start:0;opacity:0;overflow:hidden;padding:unset;pointer-events:none;position:absolute;transform:scale(.94) translate(var(--space-s),calc(var(--space-s)*-1));transform-origin:top left;transition:visibility 0s var(--submenu-transition-duration),pointer-events 0s var(--submenu-transition-duration),opacity calc(var(--submenu-transition-duration)/2) var(--submenu-transition-ease),transform var(--submenu-transition-duration) var(--submenu-transition-delay) var(--submenu-transition-ease);visibility:hidden}.ntl-site-nav-submenu .submenu-toggle{margin-inline-start:calc((var(--button-icon-size) - var(--submenu-toggle-padding)/2)/-1)}.ntl-site-nav-submenu .section{padding:var(--space-m)}.ntl-site-nav-submenu .section:first-child{background-color:var(--submenu-bg-alt)}.ntl-site-nav-submenu [id=platform-submenu] .section:last-child{background-image:url(/images/nav-ecosystem-bg.png);background-position:100%;background-repeat:no-repeat;background-size:contain}}.ntl-site-nav{align-items:center;color:var(--color-text-1);display:flex;flex-wrap:wrap;gap:var(--space-2xs);inline-size:100%;justify-content:space-between;margin-inline:auto;position:relative;z-index:1}.ntl-site-nav .menu{display:flex;flex-grow:1;padding:unset}.ntl-site-nav .menu[data-variant=compact]{display:flex;flex-direction:row;flex-grow:unset;grid-area:header;margin-inline:auto calc(var(--space-2xs)*-1)}.ntl-site-nav li :is(a:not(.button),span){align-items:center;color:var(--color-text-1);display:inline-flex;font-weight:var(--font-weight-semibold);outline-offset:0;padding:var(--space-2xs) var(--space-xs);text-decoration:unset;white-space:nowrap}.ntl-site-nav li>span{cursor:default}.ntl-site-nav .skip-to-content{background:var(--color-bg-1);border-radius:var(--radius-s);box-shadow:var(--shadow-hover);padding:var(--space-2xs) var(--space-s);position:absolute;top:-9999px;z-index:1}.ntl-site-nav .skip-to-content:focus{left:50%;top:50%;transform:translate(-50%,-50%)}@media not all and (min-width:1085px){.ntl-site-nav{display:grid;grid-template-areas:"logo compact-menu toggle";grid-template-columns:1fr auto auto;inline-size:100%}.ntl-site-nav .nav-toggle{grid-area:toggle;margin-inline-end:calc(var(--site-nav-toggle-padding)*-1)}.ntl-site-nav .nav-toggle[aria-expanded=false]~:not(.platform-nav){display:none}.ntl-site-nav .nav-toggle[aria-expanded=true]~:not(.platform-nav){display:flex}.ntl-site-nav .nav-toggle[aria-expanded=true]~.platform-nav{display:none}.ntl-site-nav li :is(a:not(.button),span){background-color:var(--color-bg-2);border-radius:var(--radius-s);flex-grow:1}.ntl-site-nav .menu:not([data-variant=compact]){block-size:100%;flex-direction:column;grid-area:body;inline-size:calc(100% + var(--page-padding)*2);margin-inline:calc(var(--page-padding)*-1);overflow-y:auto;padding-inline:var(--page-padding)}.ntl-site-nav .menu:not([data-variant=compact])>*+*{margin-block-start:var(--space-s)}.ntl-site-nav .menu:not([data-variant=compact])>li{align-items:center;display:grid;flex-wrap:wrap;grid-template-rows:auto 1fr;position:relative}.ntl-site-nav .menu:not([data-variant=compact])>li .submenu-toggle,.ntl-site-nav .menu:not([data-variant=compact])>li>a,.ntl-site-nav .menu:not([data-variant=compact])>li>span{grid-column:1;grid-row:1}.ntl-site-nav .menu[data-variant=compact]{grid-area:compact-menu}.ntl-site-nav .menu[data-variant=compact] :is(a:not(.button),span){background-color:unset}.ntl-site-nav .arrow-icon{--icon-size:0.8em;margin-inline:auto var(--space-3xs)}.ntl-site-nav .site-logo{grid-area:logo}.ntl-site-nav .button{grid-area:footer;margin-block:var(--space-s)}.ntl-site-nav .menu:not([data-variant=compact])>:is(:last-child,.nav-search){display:none}}@media (min-width:1085px){.ntl-site-nav .menu>li{align-items:center;border-radius:var(--radius-s);display:flex;isolation:isolate;position:relative}.ntl-site-nav .menu>li:before{border:2px solid var(--color-brand-1-hover);border-radius:inherit;content:"";height:100%;left:0;opacity:0;pointer-events:none;position:absolute;top:0;width:100%}.ntl-site-nav .menu>li.has-submenu:before{left:.2em}.ntl-site-nav .menu>li:hover:before{opacity:1}.ntl-site-nav .nav-search{margin-inline-start:auto}.ntl-site-nav .arrow-icon,.ntl-site-nav .menu[data-variant=compact],.ntl-site-nav .nav-toggle{display:none}.ntl-site-nav .menu>li:hover .submenu,.ntl-site-nav .submenu:focus-within,.ntl-site-nav [aria-expanded=true]+.submenu{opacity:1;pointer-events:auto;transform:scale(1.001);transition:visibility 0s var(--submenu-transition-delay),pointer-events 0s var(--submenu-transition-delay),opacity var(--submenu-transition-duration) var(--submenu-transition-delay) var(--submenu-transition-ease),transform var(--submenu-transition-duration) var(--submenu-transition-delay) var(--submenu-transition-ease);visibility:visible}.ntl-site-nav [aria-expanded=true]+.submenu{transition-delay:unset}.ntl-site-nav .submenu .section>*{opacity:0;transition:opacity var(--submenu-transition-duration) var(--submenu-transition-ease)}.ntl-site-nav .menu>li:hover .submenu .section>*,.ntl-site-nav .submenu:focus-within .section>*,.ntl-site-nav [aria-expanded=true]+.submenu .section>*{opacity:1;transition-delay:calc(var(--submenu-transition-delay) + var(--submenu-transition-duration)/3)}.ntl-site-nav [aria-expanded=true]+.submenu .section>*{transition-delay:calc(var(--submenu-transition-duration)/3)}}.wqnhm-sa8 dialog{align-content:start;background-color:var(--color-bg-1);block-size:min(100% - var(--page-padding)*2);border:none;border-radius:var(--radius-m);box-shadow:var(--shadow-deep);color:var(--color-text-1);display:grid;margin:auto;padding:0;transition:.4s var(--ease-out);transition-property:opacity,transform}.wqnhm-sa8 dialog:not([open]){opacity:0;pointer-events:none;transform:translateY(16px);visibility:hidden}.wqnhm-sa8 dialog[open]{opacity:1;transform:translateY(0);visibility:visible}.wqnhm-sa8 dialog::backdrop{background-color:rgba(0,0,0,.8)}.wqnhm-sa8 .close{border:none;color:var(--color-text-1);margin-inline-start:auto;order:-1;outline-offset:-6px;padding:var(--space-s)}.wqnhm-sa8 .results{align-items:start;display:grid;gap:var(--space-l);margin-block:var(--space-l)}.wqnhm-sa8 .results ul{--stack-space:var(--space-s)}.wqnhm-sa8 .results ul a{color:var(--color-text-1);display:inline-block;text-decoration:none}.wqnhm-sa8 .results ul a:hover{text-decoration:underline}.wqnhm-sa8 .results>:nth-child(4){border-top:1px solid var(--color-bg-3);padding-top:var(--space-l)}@media (min-width:900px){.wqnhm-sa8 .results{grid-template-columns:repeat(3,1fr)}.wqnhm-sa8 .results>:last-child:not(:nth-child(4)){grid-column:3}.wqnhm-sa8 .results>:nth-child(4){display:grid;grid-column:1/-1;grid-template-columns:repeat(3,1fr)}.wqnhm-sa8 .results>:nth-child(4)>*{grid-column:2}}.page-header{box-shadow:var(--shadow-light);inline-size:100%;overflow-anchor:none;position:sticky;top:0;z-index:1}:where(.page-header,.page-header svg){transform:translateZ(0)}.page-nav{--_filter:blur(5px) saturate(200%);backdrop-filter:var(--_filter);-webkit-backdrop-filter:var(--_filter);background-color:var(--color-bg-translucent);position:relative}@media not all and (min-width:1085px){[data-site-nav-open]{overflow:hidden;overscroll-behavior:none;touch-action:none}[data-site-nav-open] .page-announcement{display:none}[data-site-nav-open] .page-header{background-color:var(--neutral-light-000);position:fixed}[data-site-nav-open] .ntl-site-nav{block-size:100dvh;gap:0 var(--space-2xs);grid-template-areas:"logo compact-menu toggle" "body body body" "footer footer footer";grid-template-rows:auto 1fr auto}}@supports (animation-timeline:scroll()){.page-header{animation:scroll-shadow linear both;animation-timeline:scroll();animation-range:entry 0 entry 5ex}@keyframes scroll-shadow{0%{box-shadow:none}to{box-shadow:var(--shadow-light)}}}</style> <script>(function () { const storageUrl = localStorage.getItem("Netlify_hide-announcement-bar"); const { url, hideAfter } = JSON.parse(document.documentElement.getAttribute("data-announcement-data")); function isExpired(date) { if (!date) return; let hideAfterSplit = date.split(/[^\d]/).map((entry) => parseInt(entry, 10)); let compareDate = new Date(hideAfterSplit[0], hideAfterSplit[1] - 1, hideAfterSplit[2] + 1); return compareDate && new Date() > compareDate; } if (storageUrl === url || isExpired(hideAfter)) { document.documentElement.setAttribute("data-announcement-state", "hidden"); } })();</script> <header data-theme="light" class="page-header"> <div data-href="https://biilmann.blog/articles/introducing-ax/?utm_source=ntl-announcement" class="ntl-announcement-bar page-announcement"> <p><span> Find out if you’re ready for the</span> <a href="https://biilmann.blog/articles/introducing-ax/?utm_source=ntl-announcement" id="cta-header-announcementBar">new era of Agent Experience (AX)</a></p> <button type="reset" id="cta-header-announcementBar-close" class="close"> <span class="visually-hidden">Close announcement bar</span> <svg class="icon" ariaHidden="true" style="--icon-size: 1.2em"> <use href="#icon-close"></use> </svg> </button> </div> <section class="page-nav | l-breakout"> <nav id="site-nav" aria-labelledby="site-nav-label" class="nav ntl-site-nav"> <h2 id="site-nav-label" class="visually-hidden">Site navigation</h2> <a href="/" id="mainNav-netlifyLogo" class="ntl-site-logo"> <span class="visually-hidden">Go to homepage</span> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 209" fill="none" aria-hidden="true"> <g clip-path="url(#clip0_235_8)"> <path d="M117.436 207.036V154.604L118.529 153.51H129.452L130.545 154.604V207.036L129.452 208.13H118.529L117.436 207.036Z" class="spark"></path> <path d="M117.436 53.5225V1.09339L118.529 0H129.452L130.545 1.09339V53.5225L129.452 54.6159H118.529L117.436 53.5225Z" class="spark"></path> <path d="M69.9539 169.238H68.4094L60.6869 161.512V159.967L78.7201 141.938L86.8976 141.942L87.9948 143.031V151.209L69.9539 169.238Z" class="spark"></path> <path d="M69.9462 38.8917H68.4017L60.6792 46.6181V48.1626L78.7124 66.192L86.8899 66.1882L87.9871 65.0986V56.9212L69.9462 38.8917Z" class="spark"></path> <path d="M1.09339 97.5104H75.3711L76.4645 98.6038V109.526L75.3711 110.62H1.09339L0 109.526V98.6038L1.09339 97.5104Z" class="spark"></path> <path d="M440.999 97.5104H510.91L512.004 98.6038V109.526L510.91 110.62H436.633L435.539 109.526L439.905 98.6038L440.999 97.5104Z" class="spark"></path> <path d="M212.056 108.727L210.963 109.821H177.079L175.986 110.914C175.986 113.101 178.173 119.657 186.916 119.657C190.196 119.657 193.472 118.564 194.566 116.377L195.659 115.284H208.776L209.869 116.377C208.776 122.934 203.313 132.774 186.916 132.774C168.336 132.774 159.589 119.657 159.589 104.357C159.589 89.0576 168.332 75.9408 185.822 75.9408C203.313 75.9408 212.056 89.0576 212.056 104.357V108.731V108.727ZM195.659 97.7971C195.659 96.7037 194.566 89.0538 185.822 89.0538C177.079 89.0538 175.986 96.7037 175.986 97.7971L177.079 98.8905H194.566L195.659 97.7971Z" class="text"></path> <path d="M242.66 115.284C242.66 117.47 243.753 118.564 245.94 118.564H255.776L256.87 119.657V130.587L255.776 131.681H245.94C236.103 131.681 227.36 127.307 227.36 115.284V91.2368L226.266 90.1434H218.617L217.523 89.05V78.1199L218.617 77.0265H226.266L227.36 75.9332V66.0965L228.453 65.0031H241.57L242.663 66.0965V75.9332L243.757 77.0265H255.78L256.874 78.1199V89.05L255.78 90.1434H243.757L242.663 91.2368V115.284H242.66Z" class="text"></path> <path d="M283.1 131.681H269.983L268.889 130.587V56.2636L269.983 55.1702H283.1L284.193 56.2636V130.587L283.1 131.681Z" class="text"></path> <path d="M312.61 68.2871H299.493L298.399 67.1937V56.2636L299.493 55.1702H312.61L313.703 56.2636V67.1937L312.61 68.2871ZM312.61 131.681H299.493L298.399 130.587V78.1237L299.493 77.0304H312.61L313.703 78.1237V130.587L312.61 131.681Z" class="text"></path> <path d="M363.98 56.2636V67.1937L362.886 68.2871H353.05C350.863 68.2871 349.769 69.3805 349.769 71.5672V75.9408L350.863 77.0342H361.793L362.886 78.1276V89.0576L361.793 90.151H350.863L349.769 91.2444V130.591L348.676 131.684H335.559L334.466 130.591V91.2444L333.372 90.151H325.723L324.629 89.0576V78.1276L325.723 77.0342H333.372L334.466 75.9408V71.5672C334.466 59.5438 343.209 55.1702 353.046 55.1702H362.882L363.976 56.2636H363.98Z" class="text"></path> <path d="M404.42 132.774C400.046 143.704 395.677 150.261 380.373 150.261H374.906L373.813 149.167V138.237L374.906 137.144H380.373C385.836 137.144 386.929 136.05 388.023 132.77V131.677L370.536 89.05V78.1199L371.63 77.0265H381.466L382.56 78.1199L395.677 115.284H396.77L409.887 78.1199L410.98 77.0265H420.817L421.91 78.1199V89.05L404.424 132.77L404.42 132.774Z" class="text"></path> <path d="M135.454 131.681L134.361 130.587L134.368 98.9172C134.368 93.4541 132.22 89.2182 125.625 89.0806C122.234 88.9926 118.354 89.0729 114.209 89.2488L113.59 89.8834L113.598 130.587L112.504 131.681H99.3913L98.2979 130.587V77.5388L99.3913 76.4454L128.901 76.1778C143.685 76.1778 149.668 86.3356 149.668 97.8009V130.587L148.575 131.681H135.454Z" class="text"></path> </g> <defs> <clipPath id="clip0_235_8"> <rect width="512" height="208.126" fill="white"></rect> </clipPath> </defs> </svg> </a> <a href="#main" class="skip-to-content">Skip to content</a> <ul data-variant="compact" role="list" class="menu"> <li> <button type="button" data-site-search-open id="mainNav-search-compact-menu" class="ntl-site-search-toggle"> <span class="visually-hidden"> Search </span> <svg class="icon" width="16" height="20" ariaHidden="true"> <use href="#icon-search"></use> </svg> </button> </li> <li> <a id="mainNav-login-compact-menu" href="https://app.netlify.com/login">Log in</a> </li> </ul> <button id="mainNav-hamburger-compact-menu" type="button" aria-expanded="false" aria-controls="main-menu" data-site-nav-toggle class="icon-button ntl-site-nav-toggle nav-toggle"> <span class="visually-hidden">Toggle main menu</span> <svg viewBox="0 0 31 25" xmlns="http://www.w3.org/2000/svg"><rect x="0.581177" y="0.71875" width="30" height="4" fill="currentcolor"></rect><rect x="0.581177" y="10.7188" width="30" height="4" fill="currentcolor"></rect><rect x="0.581177" y="20.7188" width="30" height="4" fill="currentcolor"></rect></svg> </button> <ul role="list" class="menu"> <li class="has-submenu"> <span id="mainNav-platform">Platform</span> <submenu-utils class="ntl-site-nav-submenu"> <button data-variant="icon" aria-haspopup="true" aria-expanded="false" class="submenu-toggle"> <span class="visually-hidden">Toggle platform submenu</span> <svg class="icon" ariaHidden="true"> <use href="#icon-chevron"></use> </svg> </button> <div id="platform-submenu" data-theme="light" class="submenu"> <div class="section l-stack"> <h3>The Netlify Platform</h3> <p><strong>Instantly build and deploy</strong> your sites to our global network from Git. Custom domains, https, deploy previews, rollbacks and much more.</p> <ul role="list" class="l-stack"> <li> <a id="nav-explore-how-it-works" href="/platform/">Explore the Platform</a> </li> <li> <a id="nav-platform-netlify-connect" href="/platform/connect/">Netlify Connect</a> </li> <li> <a id="nav-platform-netlify-core" href="/platform/core/">Netlify Core</a> </li> <li> <a id="nav-platform-netlify-create" href="/platform/create/">Netlify Create</a> </li> </ul> </div> <div class="section l-stack"> <h3>Key Features</h3> <ul role="list" class="l-stack"> <li> <a id="nav-features-etm" href="/platform/core/enterprise-team-management/">Enterprise Team Management</a> </li> <li> <a id="nav-features-sdk" href="/platform/software-development-kit/">SDK</a> </li> <li> <a id="nav-features-edge-functions" href="/platform/core/edge/#edge-functions">Edge Functions</a> </li> <li> <a id="nav-features-preview" href="/platform/core/deploy-previews/">Deploy Previews</a> </li> <li> <a id="nav-features-forms" href="/platform/core/forms/">Forms</a> </li> <li> <a id="nav-features-security" href="/security/">Security</a> </li> <li> <a id="nav-features-analytics" href="/platform/core/analytics/">Analytics</a> </li> <li> <a id="nav-features-split-testing" href="https://docs.netlify.com/site-deploys/split-testing/">Split Testing</a> </li> <li> <a id="nav-features-integrations" href="/integrations/">Integrations</a> </li> <li> <a id="nav-features-changelog" href="/changelog/">Changelog</a> </li> </ul> </div> <div class="section l-stack"> <h3>Ecosystem</h3> <ul role="list" class="l-stack"> <li> <a id="nav-platform-technology-partners" href="/partners/technology/">Tech Partners</a> </li> <li> <a id="nav-platform-agency-partners" href="/partners/agency/">Agency Partners</a> </li> </ul> </div> </div> </submenu-utils> </li> <li class="has-submenu"> <span id="mainNav-solutions">Solutions</span> <submenu-utils class="ntl-site-nav-submenu"> <button data-variant="icon" aria-haspopup="true" aria-expanded="false" class="submenu-toggle"> <span class="visually-hidden">Toggle solutions submenu</span> <svg class="icon" ariaHidden="true"> <use href="#icon-chevron"></use> </svg> </button> <div id="solutions-submenu" data-theme="light" class="submenu"> <div class="section l-stack"> <h3>Why Netlify?</h3> <ul role="list" class="l-stack"> <li> <a id="nav-solutions-resources" href="/resources/">Resources & Guides</a> </li> <li> <a id="nav-solutions-what-others-have-built" href="/customers/">Customers</a> </li> <li> <a id="nav-solutions-case-studies" href="/resources/case-studies/">Case Studies</a> </li> <li> <a id="nav-solutions-roi-calculator" href="/roi-calculator/">ROI Calculator</a> </li> <li> <a id="nav-solutions-security" href="/security/">Security at Netlify</a> </li> <li> <a id="nav-solutions-whitepaper" href="/whitepaper/">Whitepaper</a> </li> </ul> </div> <div class="section l-stack"> <h3>Use Cases</h3> <ul role="list" class="l-stack"> <li> <a id="nav-solutions-company-websites" href="/for/company-websites/">Company Websites</a> </li> <li> <a id="nav-solutions-ecommerce" href="/for/ecommerce/">E-commerce</a> </li> <li> <a id="nav-solutions-web-applications" href="/for/web-applications/">Web Apps</a> </li> <li> <a id="nav-solutions-large-sites" href="/blog/2020/06/16/building-large-sites-on-netlify/">Large Sites</a> </li> </ul> </div> <div class="section l-stack"> <p>Don’t see your solution? We can help.</p> <ul role="list" class="l-stack"> <li> <a id="nav-solutions-chat-with-netlify-expert" href="/contact/">Chat with a Netlify expert</a> </li> </ul> </div> </div> </submenu-utils> </li> <li> <a id="mainNav-integrations" href="/integrations/"> Integrations <svg class="icon arrow-icon" width="16" height="16"> <use href="#icon-arrow"></use> </svg> </a> </li> <li class="has-submenu"> <span id="nav-start-building">Start Building</span> <submenu-utils class="ntl-site-nav-submenu"> <button data-variant="icon" aria-haspopup="true" aria-expanded="false" class="submenu-toggle"> <span class="visually-hidden">Toggle start building submenu</span> <svg class="icon" ariaHidden="true"> <use href="#icon-chevron"></use> </svg> </button> <div id="start-building-submenu" data-theme="light" class="submenu"> <div class="section l-stack"> <h3>Where to start</h3> <ul role="list" class="l-stack"> <li> <a id="nav-start-building-docs" href="https://docs.netlify.com/">Docs</a> </li> <li> <a id="nav-start-building-developer-hub" href="https://developers.netlify.com/">Developer Hub</a> </li> <li> <a id="nav-start-building-templates" href="/integrations/templates/">Templates</a> </li> <li> <a id="nav-start-building-composable-commerce-101" href="/composable-commerce/">Composable Commerce 101</a> </li> <li> <a id="nav-start-building-work-with-partner-agency" href="/agency-directory/">Work with a Partner Agency</a> </li> </ul> </div> <div class="section l-stack"> <h3>Project Kickstarts</h3> <ul role="list" class="l-stack"> <li> <svg class="icon"> <use href="#icon-astro"></use> </svg> <a id="nav-tech-astro" href="https://docs.netlify.com/frameworks/astro/">Astro</a> </li> <li> <svg class="icon"> <use href="#icon-nextjs"></use> </svg> <a id="nav-tech-nextjs" href="/with/nextjs/">Next.js</a> </li> <li> <svg class="icon"> <use href="#icon-nuxtjs"></use> </svg> <a id="nav-tech-nuxt" href="/with/nuxt/">Nuxt</a> </li> <li> <svg class="icon"> <use href="#icon-gatsby"></use> </svg> <a id="nav-tech-gatsby" href="/with/gatsby/">Gatsby</a> </li> <li> <svg class="icon"> <use href="#icon-wordpress"></use> </svg> <a id="nav-tech-wordpress" href="/with/wordpress/">WordPress</a> </li> <li> <svg class="icon"> <use href="#icon-react"></use> </svg> <a id="nav-tech-react" href="/with/react/">React</a> </li> <li> <svg class="icon"> <use href="#icon-vue"></use> </svg> <a id="nav-tech-vue" href="/with/vue/">Vue</a> </li> <li> <svg class="icon"> <use href="#icon-svelte"></use> </svg> <a id="nav-tech-svelte" href="/with/svelte/">Svelte</a> </li> <li> <svg class="icon"> <use href="#icon-sitecore"></use> </svg> <a id="nav-tech-sitecore" href="/with/sitecore/">Sitecore</a> </li> <li> <svg class="icon"> <use href="#icon-jamstack"></use> </svg> <a id="nav-tech-jamstack" href="/jamstack/">Jamstack</a> </li> <li> <a id="nav-tech-more" href="/integrations/frameworks/">+ More</a> </li> </ul> </div> </div> </submenu-utils> </li> <li> <a id="mainNav-docs" href="https://docs.netlify.com"> Docs <svg class="icon arrow-icon" width="16" height="16"> <use href="#icon-arrow"></use> </svg> </a> </li> <li> <a id="mainNav-pricing" href="/pricing/"> Pricing <svg class="icon arrow-icon" width="16" height="16"> <use href="#icon-arrow"></use> </svg> </a> </li> <li class="nav-search"> <button type="button" data-site-search-open id="mainNav-search" class="ntl-site-search-toggle"> <span class="visually-hidden"> Search </span> <svg class="icon" width="16" height="20" ariaHidden="true"> <use href="#icon-search"></use> </svg> </button> </li> <li> <a id="mainNav-contact" href="/contact/"> Contact <svg class="icon arrow-icon" width="16" height="16"> <use href="#icon-arrow"></use> </svg> </a> </li> <li> <a id="mainNav-login" href="https://app.netlify.com/login"> Log in <svg class="icon arrow-icon" width="16" height="16"> <use href="#icon-arrow"></use> </svg> </a> </li> </ul> <a id="mainNav-signup" href="https://app.netlify.com/signup" data-variant="primary" class="button">Sign up</a> </nav> <site-search class="wqnhm-sa8"><template> <dialog id="site-search-dialog" data-theme="light" class="l-center"> <button type="reset" onclick="this.closest('dialog').close('cancel')" class="close"> <span class="visually-hidden">Close search modal</span> <svg class="icon" ariaHidden="true" style="--icon-size: 1.2em"> <use href="#icon-close"></use> </svg> </button> <div class="l-center l-stack"> <div class="search-input"> <label for="site-search" class="visually-hidden">Search Netlify:</label> <input id="site-search" type="text" placeholder="Start typing to search" autofocus> </div> <article class="results"></article> </div> </dialog> </template> <script src="https://cdn.jsdelivr.net/npm/algoliasearch@4.17.0/dist/algoliasearch-lite.umd.js" integrity="sha256-Lf9DrpGmcRip6OQzbcL6lnvNmoZNSKpyQX5pMlwatWE=" crossorigin="anonymous"></script> </site-search> </section> </header> <script type="module">var y=r=>r?r.querySelectorAll('button:not([disabled]), [href], input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex="-1"]):not([disabled]), details:not([disabled]), summary:not(:disabled)'):(console.warn("You need to pass a parent HTMLElement"),[]);var h=r=>{let e=r.getAttribute("aria-expanded")==="true"||!1;r.setAttribute("aria-expanded",!e)},x=({currentTarget:r,clientX:e,clientY:t},[n]=r.getClientRects())=>e<n.left||e>n.right||t<n.top||t>n.bottom;(function(){let r=document.querySelector(".ntl-announcement-bar > .close"),e=document.querySelector(".ntl-announcement-bar"),t=e.getAttribute("data-href");new ResizeObserver(([s])=>{document.body.style.setProperty("--announcement-bar-height",`${s.borderBoxSize[0].blockSize}px`)}).observe(e),r.addEventListener("click",s=>{s.preventDefault(),localStorage.setItem("Netlify_hide-announcement-bar",t),e.setAttribute("hidden",!0)})})();var p=class extends HTMLElement{constructor(){super();let e=this.querySelector(".submenu"),t=this.querySelector(".submenu-toggle"),s=[...y(this)].pop(),o=window.matchMedia("not all and (min-width: 1085px)"),i=()=>{h(t)},c=a=>{this.contains(a.target)||u()},d=a=>{a.key==="Escape"&&(u(),t.focus())},l=a=>{a.shiftKey||u()},g=a=>{(a.key==="Enter"||a.keyCode===32)&&h(t)},b=a=>{a.shiftKey&&a.key==="Tab"&&u()},u=()=>{t.setAttribute("aria-expanded","false")};function v(){t.setAttribute("aria-expanded","true"),t.addEventListener("click",i),document.removeEventListener("click",c),s.removeEventListener("keydown",l),e.removeEventListener("keydown",d),t.removeEventListener("keypress",g),t.removeEventListener("keydown",b)}function f(){t.setAttribute("aria-expanded","false"),document.addEventListener("click",c),s.addEventListener("keydown",l),e.addEventListener("keydown",d),t.addEventListener("keypress",g),t.addEventListener("keydown",b),t.removeEventListener("click",i)}o.matches?v():f(),o.addEventListener("change",()=>{o.matches?v():f()})}};customElements.define("submenu-utils",p);var k=algoliasearch("4RTNPM1QF9","e86f343e43d5b8420202ec2fbe0874e6"),E=k.initIndex("docs-manual"),m=class extends HTMLElement{constructor(){super(),this.resultsContainer,this.dialog,this.input}connectedCallback(){let e=this.querySelector("template");e.replaceWith(e.content);let t=this.querySelector("button"),n=document.querySelectorAll("[data-site-search-open]"),s=location.search&&new URL(location.href).searchParams.get("search");this.dialog=this.querySelector("dialog"),this.input=this.querySelector("input"),this.resultsContainer=this.querySelector(".results"),s&&this.initWithQuery(s),this.input.addEventListener("keyup",o=>this.search(o.target.value)),n.forEach(o=>{o.addEventListener("click",()=>{this.search(""),this.dialog.showModal()})}),this.dialog.addEventListener("pointerdown",o=>{x(o)&&this.dialog.close()})}async search(e){e||this.clearResults();let t=await E.search(e,{hitsPerPage:40});this.renderResults(t)}clearResults(){this.render(null)}initWithQuery(e){this.search(e),this.input.value=e,this.dialog.showModal()}renderResults(e){let t=e&&e.hits,n=e&&e.query,s=t&&t.length?this.results(t):this.noResults(n);this.render(s)}render(e){this.resultsContainer.innerHTML=e}results(e){let t=e.reduce((i,c)=>i.find(l=>l.hierarchy.lvl1===c.hierarchy.lvl1)?i:i.concat([c]),[]),n=t.filter(i=>i.hierarchy.lvl0=="On our site"),s=t.filter(i=>i.hierarchy.lvl0=="In the docs"),o=t.filter(i=>i.hierarchy.lvl0=="On our blog");return` ${this.resultsSection("Docs",s)} ${this.resultsSection("Articles",o)} ${this.resultsSection("Pages",n)} ${this.ctaBlock()} `}resultsSection(e,t){return t.length?` <section class="l-stack"> <h3 class="cta-label" data-variant="underline">${e}</h3> <ul role="list" class="l-stack"> ${t.slice(0,7).map(s=>`<li><a href="${s.url}">${s.hierarchy.lvl1||s.hierarchy.lvl2}</a></li>`).join("")} </ul> </section> `:""}noResults(e){return` <p class="no-results"> We couldn't find any results for <strong>${e}</strong>. Perhaps <a href="https://docs.netlify.com">our docs</a> have what you're looking for? </p> ${this.ctaBlock()} `}ctaBlock(){return` <section> <div class="cta-block l-stack" data-variant="branded"> <h3 class="cta-label" data-variant="underline" style="--cta-label-color: var(--color-text-inverse)"> Talk to an Expert </h3> <p>Need help evaluating if Netlify is right for your project? We can help.</p> <a class="button stretch-inline" data-variant="tertiary" id="cta-search-view-request-demo" href="/contact/?attr=search-view-cta-request-demo" > Request a demo </a> </div> </section> `}};customElements.define("site-search",m);(function(){let r=document.querySelector(".page-header"),e=document.querySelector("[data-site-nav-toggle]");new ResizeObserver(([n])=>{document.documentElement.style.setProperty("--ntl-page-header-height",`${n.contentRect.height}px`)}).observe(r),e&&e.addEventListener("click",function(){let n=this.getAttribute("aria-expanded")==="true"||!1;document.documentElement.toggleAttribute("data-site-nav-open",!n),this.setAttribute("aria-expanded",!n)})})(); </script> </div> <main id="main" class="page-main"><div class="solutions-intro"><h1 class="heading type-a type-a-5 heading-center"><span class="solutions-intro-heading-sm"> The fastest <br></span> Drupal sites </h1> <p class="paragraph solutions-intro-p type-a type-a-1 paragraph-center">Build and deploy Drupal sites using a modern Jamstack approach, on Netlify’s all-in-one platform for web development</p> <a href="/contact/" type="button" id="cta-drupal-intro-talktoexpert" class="solutions-intro-cta call-to-action call-to-action-button call-to-action-variant-teal">  <span>Talk to an expert</span></a> <div class="solutions-intro-stats"><div class="lo solutions-intro-stats-layout"><div class="stats solutions-intro-stat"><span class="stats-number">3×</span> <span class="stats-description"> Higher Performance</span></div> <div class="stats solutions-intro-stat"><span class="stats-number">37%</span> <span class="stats-description"> Better SEO Results</span></div></div></div></div> <section class="pancake solutions-pancake solutions-customer"><div class="solutions-card solutions-customer-card"><div class="lo solutions-customer-layout"><div class="solutions-customer-media"><picture><source type="image/webp" srcset="/v3/img/build/4E45kwBnu8-350.webp 350w, /v3/img/build/4E45kwBnu8-657.webp 657w, /v3/img/build/4E45kwBnu8-1000.webp 1000w, /v3/img/build/4E45kwBnu8-1400.webp 1400w" sizes="(min-width: 48.75em) 62.5rem, 90vw"><source type="image/jpeg" srcset="/v3/img/build/4E45kwBnu8-350.jpeg 350w, /v3/img/build/4E45kwBnu8-657.jpeg 657w, /v3/img/build/4E45kwBnu8-1000.jpeg 1000w, /v3/img/build/4E45kwBnu8-1400.jpeg 1400w" sizes="(min-width: 48.75em) 62.5rem, 90vw"><img alt="Longos store interior" loading="lazy" src="/v3/img/build/4E45kwBnu8-350.jpeg" width="1400" height="1394"></picture></div> <div class="lo solutions-customer-layout-inner lo-max"><div class="solutions-customer-content lo-max"><h2 class="subheading type-a type-a-1">A modern and engaging online shopping experience with Drupal and Netlify</h2> <p class="paragraph type-b type-b-0">One of the largest grocery chains in Canada, Moved their Drupal+Netlify, for a faster web experience that was easier to adapt to changing market conditions</p> <ul class="list solutions-customer-content-list list-checked"><li class="list-item list-item-checked"><svg width="14" height="14" viewBox="0 0 14 14" xmlns="http://www.w3.org/2000/svg" version="1.1" preserveAspectRatio="xMinYMin" aria-hidden="true" focusable="false" class="icon-check"><use xlink:href="#icon-check"></use></svg>ecommerce carting</li> <li class="list-item list-item-checked"><svg width="14" height="14" viewBox="0 0 14 14" xmlns="http://www.w3.org/2000/svg" version="1.1" preserveAspectRatio="xMinYMin" aria-hidden="true" focusable="false" class="icon-check"><use xlink:href="#icon-check"></use></svg>integrated loyalty program</li> <li class="list-item list-item-checked"><svg width="14" height="14" viewBox="0 0 14 14" xmlns="http://www.w3.org/2000/svg" version="1.1" preserveAspectRatio="xMinYMin" aria-hidden="true" focusable="false" class="icon-check"><use xlink:href="#icon-check"></use></svg>book and track cooking classes</li></ul></div> <div class="solutions-customer-content"><svg xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:cc="http://creativecommons.org/ns#" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" width="111.63258" height="39.07539" viewBox="0 0 29.536121 10.338697" version="1.1" id="svg257" inkscape:version="0.92.0 r15299" sodipodi:docname="longos.svg"><defs id="defs251"><clipPath id="clipPath112" clipPathUnits="userSpaceOnUse"><path inkscape:connector-curvature="0" id="path110" d="m 246.824,703.696 h 82.975 v 28.557 h -82.975 z"></path></clipPath> <clipPath id="clipPath96" clipPathUnits="userSpaceOnUse"><path inkscape:connector-curvature="0" id="path94" d="m 246.824,703.696 h 82.975 v 28.557 h -82.975 z"></path></clipPath></defs> <sodipodi:namedview id="base" pagecolor="#ffffff" bordercolor="#666666" borderopacity="1.0" inkscape:pageopacity="0.0" inkscape:pageshadow="2" inkscape:zoom="8.1079156" inkscape:cx="55.316284" inkscape:cy="19.037647" inkscape:document-units="mm" inkscape:current-layer="layer1" showgrid="false" fit-margin-top="0" fit-margin-left="0" fit-margin-right="0" fit-margin-bottom="0" units="px" inkscape:window-width="1280" inkscape:window-height="744" inkscape:window-x="-4" inkscape:window-y="-4" inkscape:window-maximized="1"></sodipodi:namedview> <metadata id="metadata254"><rdf:RDF><cc:Work rdf:about=""><dc:format>image/svg+xml</dc:format> <dc:type rdf:resource="http://purl.org/dc/dcmitype/StillImage"></dc:type> <dc:title></dc:title></cc:Work></rdf:RDF></metadata> <g inkscape:label="Layer 1" inkscape:groupmode="layer" id="layer1" transform="translate(-70.786852,-199.47216)"><g id="g321" transform="translate(0.13229162,-0.13228434)"><path d="m 93.702361,205.30195 c -0.442031,0.76517 -1.121833,1.35749 -1.518356,1.32327 -0.396169,-0.0346 -0.35948,-0.68263 0.0829,-1.4478 0.442031,-0.76518 1.121834,-1.35749 1.518356,-1.32327 0.396169,0.0346 0.35948,0.68263 -0.0829,1.4478 m -4.841169,0 c -0.442031,0.76517 -1.121834,1.35749 -1.518003,1.32327 -0.396522,-0.0346 -0.359481,-0.68263 0.08255,-1.4478 0.44203,-0.76518 1.121833,-1.35749 1.518355,-1.32327 0.396523,0.0346 0.359481,0.68263 -0.0829,1.4478 m -9.116483,0 c -0.442031,0.76517 -1.121834,1.35749 -1.518356,1.32327 -0.396169,-0.0346 -0.359128,-0.68263 0.0829,-1.4478 0.44203,-0.76518 1.121833,-1.35749 1.518355,-1.32327 0.39617,0.0346 0.359481,0.68263 -0.0829,1.4478 m -7.396692,1.53247 c -0.610658,0 -0.976489,-0.40781 -0.976489,-0.78564 0,-0.39441 0.330906,-0.81562 0.925689,-0.81562 0.538339,0.0212 0.839258,0.43603 1.187097,0.92216 -0.145344,0.15593 -0.553508,0.6791 -1.136297,0.6791 m 26.87073,-1.02094 c -0.02611,-0.0713 -0.08996,-0.10231 -0.144286,-0.0727 0,0 -0.09066,0.0543 -0.138289,0.0801 -0.503061,0.28645 -1.087967,0.55703 -1.5494,0.68509 0.530578,-0.46073 0.762,-1.06751 0.738717,-1.71767 -0.02787,-0.30233 -0.04868,-0.73802 0.102305,-1.07457 0.121003,-0.26952 0.07091,-0.39652 -0.07161,-0.39652 -0.184855,0 -0.257175,0.13194 -0.38488,0.28222 -0.794456,1.02553 -1.401586,1.18287 -1.824214,1.12854 -0.461081,-0.0423 -0.794103,-0.29104 -1.033992,-0.5595 -0.224014,-0.40852 -0.686505,-0.6657 -1.37548,-0.68475 -1.088672,-0.005 -2.164997,0.56974 -2.546703,1.73073 -0.05221,0.1464 -0.0829,0.28893 -0.09313,0.42792 -0.632178,0.55316 -0.927806,0.77011 -1.210734,0.86289 l 1.607256,-2.84762 -1.399822,0.005 -0.179917,0.30198 c -0.144286,-0.20003 -0.466372,-0.47978 -1.137003,-0.49707 -0.998361,-0.0258 -1.934986,0.50412 -2.413,1.46121 -0.156986,0.31362 -0.201436,0.63147 -0.157691,0.92075 -0.670984,0.76094 -0.970139,0.8442 -1.0922,0.84349 -0.178153,-7.1e-4 -0.221897,-0.20955 -0.05962,-0.50835 0.09313,-0.17216 0.706614,-1.12995 0.995186,-1.57833 0.348545,-0.54151 -0.04904,-1.05939 -0.661458,-1.05939 -0.49283,0 -1.059744,0.31573 -1.496483,0.66992 l 0.328436,-0.5588 -1.4351,-0.002 -0.64382,1.07244 c -0.09525,0.11642 -0.161219,0.14076 -0.348897,0.0991 -0.206375,-0.0677 -0.400755,-0.26 -0.535516,-0.51505 -0.189795,-0.49178 -0.678039,-0.80681 -1.445684,-0.82833 -1.087966,-0.005 -2.164644,0.56974 -2.546702,1.73073 -0.195439,0.55421 -0.07197,1.05728 0.275872,1.37689 -0.362656,0.37853 -0.812447,0.42122 -1.356783,0.12524 -0.354542,-0.17392 -0.788812,-0.46743 -1.133828,-0.82162 0.533047,-0.43321 1.014941,-0.88124 1.440744,-1.66617 0.663222,-1.22237 1.694392,-3.42794 2.204156,-3.42794 0.267758,0 0.384527,0.36442 0.297744,0.83255 0,0 -0.0039,0.0303 3.53e-4,0.0448 0.01976,0.067 0.127353,0.0952 0.240594,0.0631 0.100189,-0.0286 0.16122,-0.0847 0.172509,-0.15557 0.132644,-0.79693 -0.229306,-1.41041 -0.980017,-1.41041 -0.692503,0 -1.413933,0.42016 -1.824567,1.11901 -0.944386,1.60726 -1.649236,3.28013 -2.20098,4.0185 -0.42157,-0.46567 -1.143353,-0.70697 -1.645356,-0.70697 -1.120422,0 -1.757538,0.77329 -1.768475,1.47743 -0.01058,0.68721 0.619831,1.16311 1.57092,1.12924 0.848078,-0.0296 1.514828,-0.5789 1.514828,-0.5789 0.52705,0.60854 1.261886,0.83643 1.854905,0.93733 0.416278,0.0624 0.769056,0.006 1.072797,-0.15135 0.339372,-0.16439 0.627239,-0.38981 0.822678,-0.61348 0.219075,0.1263 0.502708,0.19685 0.805392,0.19685 1.196269,0.0159 2.275064,-0.73942 2.60738,-1.7219 0.02152,-0.10654 0.05927,-0.20673 0.05927,-0.30586 0.136172,0.10936 0.288219,0.23565 0.563739,0.25858 l -0.942622,1.68346 1.401586,-0.001 0.620536,-1.0668 c 0.545041,-0.8195 1.160991,-1.44886 1.647825,-1.76001 0.380647,-0.24412 0.3556,-0.0307 0.182386,0.23989 -0.137936,0.2159 -0.881592,1.41358 -0.951795,1.60585 -0.229305,0.62653 0.289984,1.07068 0.958145,1.07068 0.478719,0.0769 1.123244,-0.24377 1.582208,-0.70626 0.207786,0.38135 0.595842,0.65122 1.077383,0.68685 0.264936,0.0198 0.52317,-0.003 0.767292,-0.055 -0.337961,0.59478 -1.544461,2.55729 -2.741436,2.55729 -0.456142,0 -0.856897,-0.37536 -0.856897,-0.8696 0.01235,-0.50165 0.381,-0.88053 0.829733,-0.86642 h 0.201436 c 0.109009,0 0.152047,-0.0632 0.183092,-0.13512 0.04269,-0.0988 -0.01376,-0.17286 -0.09807,-0.17286 l -0.286456,-0.004 c -1.1303,-0.0215 -2.033764,0.33303 -2.0447,1.15606 -0.02575,0.83749 0.884414,1.21355 2.011186,1.21355 2.418997,0 4.253442,-2.87337 4.253442,-2.87337 0.545394,-0.11113 1.002241,-0.39476 1.51765,-0.79446 l 3.53e-4,-0.007 c 0.07867,0.19897 0.21978,0.387 0.436738,0.56268 0.196498,0.15946 0.454378,0.29104 0.945798,0.30409 1.18745,0.0307 2.527652,-0.7874 2.698044,-2.18369 0.244475,0.11042 0.642761,0.23777 0.849489,0.25506 0.534105,0.0448 0.824089,-0.072 0.975783,-0.14358 0.06103,0.62724 -0.05644,1.14264 -0.326672,1.50459 -0.110772,0.17498 -0.273756,0.22155 -0.437444,0.19544 -0.207434,-0.0332 -0.381353,-0.16157 -0.397228,-0.29562 0.413103,-0.0395 0.593019,-0.30022 0.617714,-0.52635 0.01976,-0.17992 -0.110773,-0.57291 -0.553509,-0.57291 -0.304094,0 -0.734483,0.17251 -0.734483,0.79869 0,0.3944 0.350661,1.0795 1.543403,0.95038 0.904875,-0.0977 1.179689,-0.27093 2.255661,-0.7874 0.116416,-0.0557 0.220486,-0.12664 0.32385,-0.19403 v -3.5e-4 c 0.05433,-0.0332 0.0769,-0.11783 0.05045,-0.18979" id="path100" inkscape:connector-curvature="0" style="fill:#ee2722;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.35277778"></path> <path d="m 96.38259,203.0889 c 0.316442,0.036 0.667103,-0.0116 1.081264,-0.21484 1.408642,-0.6925 1.370542,-2.10608 2.121605,-3.12667 -0.316794,-0.0353 -0.66675,0.0123 -1.081263,0.21555 -1.408289,0.6925 -1.370542,2.10608 -2.121606,3.12596" id="path104" inkscape:connector-curvature="0" style="fill:#b9d110;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.35277778"></path> <path d="m 96.11522,203.81605 c -0.221897,0 -0.463197,-0.0603 -0.738717,-0.2346 -0.936977,-0.5909 -0.824089,-1.57162 -1.283758,-2.33997 0.22225,3.5e-4 0.463197,0.0607 0.738717,0.23424 0.93733,0.59161 0.824089,1.57163 1.283758,2.34033" id="path116" inkscape:connector-curvature="0" style="fill:#60ba52;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.35277778"></path> <path d="m 99.620949,206.39083 h 0.04092 c 0.04762,0 0.08608,-0.0159 0.08608,-0.0543 0,-0.0342 -0.02505,-0.0568 -0.07937,-0.0568 -0.02258,0 -0.03845,0.002 -0.04763,0.005 z m -0.0021,0.21061 h -0.08643 v -0.37148 c 0.03422,-0.007 0.08184,-0.0113 0.142875,-0.0113 0.0702,0 0.101953,0.0113 0.129469,0.0272 0.02011,0.0155 0.03598,0.0452 0.03598,0.0815 0,0.0406 -0.03175,0.0727 -0.07691,0.0861 v 0.005 c 0.03634,0.0138 0.05644,0.0409 0.06809,0.0907 0.01129,0.0568 0.01799,0.0794 0.02716,0.0928 h -0.09313 c -0.01129,-0.0134 -0.01799,-0.0473 -0.02928,-0.0907 -0.0071,-0.0406 -0.02963,-0.0589 -0.07726,-0.0589 h -0.04057 z M 99.38988,206.4067 c 0,0.16546 0.122413,0.29704 0.289983,0.29704 0.163336,0 0.28328,-0.13158 0.28328,-0.29492 0,-0.16545 -0.119944,-0.29915 -0.285397,-0.29915 -0.165453,0 -0.287866,0.1337 -0.287866,0.29703 m 0.66851,0 c 0,0.21061 -0.165449,0.37642 -0.380644,0.37642 -0.213078,0 -0.383116,-0.16581 -0.383116,-0.37642 0,-0.20637 0.170038,-0.37182 0.383116,-0.37182 0.215195,0 0.380644,0.16545 0.380644,0.37182" id="path120" inkscape:connector-curvature="0" style="fill:#ee2722;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.35277778"></path></g></g></svg></div></div></div></div></section> <section class="pancake solutions-pancake solutions-challenge"><h2 class="heading type-a type-a-4 heading-center">More speed. Less spend.</h2> <p class="paragraph solutions-solution-subhed type-a type-a-1 paragraph-center">Netlify brings a modern web architecture without losing the Drupal experience</p> <div class="lo solutions-solution-layout"><div><div class="lo solutions-solution-logo-layout"><div class="solutions-solution-container"><svg width="81" height="81" viewBox="0 0 81 81" fill="none" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid" aria-hidden="true" focusable="false" class="solutions-solution-logo"><circle cx="40.5" cy="40.5" r="38.5" fill="white" stroke="#646E73" stroke-width="4"></circle> <mask id="mask0" mask-type="alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="81" height="81"><circle cx="40.5" cy="40.5" r="38.5" fill="#7D8589" stroke="#646E73" stroke-width="4"></circle></mask> <g mask="url(#mask0)"><circle cx="112.5" cy="18.5" r="87.5" stroke="#646E73" stroke-width="2" stroke-dasharray="2 2"></circle> <circle cx="17.5" cy="117.5" r="87.5" stroke="#646E73" stroke-width="2" stroke-dasharray="2 2"></circle> <circle cx="-11.5" cy="-8.5" r="87.5" stroke="#646E73" stroke-width="2" stroke-dasharray="2 2"></circle></g> <circle cx="59.5" cy="40.5" r="6" fill="white" stroke="#646E73" stroke-width="3"></circle> <circle cx="37.5" cy="62.5" r="6" fill="white" stroke="#646E73" stroke-width="3"></circle></svg> <svg width="36" height="38" viewBox="0 0 36 38" fill="none" xmlns="http://www.w3.org/2000/svg" class="solutions-solution-plus"><path d="M22.6591 14.0415H35.4861V23.3154H22.6591V37.8123H12.8878V23.3154H0.0253156V14.0415H12.8878V0.148586H22.6591V14.0415Z" fill="#D8D8D8"></path></svg></div> <div class="lo-max"><p class="paragraph solutions-win type-b type-b-0">A win for users</p> <h2 class="subheading type-a type-a-1">Fast, global edge performance</h2> <p class="paragraph type-b type-b-0">Sites load in a fraction of the time because they’re pre-rendered and served directly from Netlify’s High-Performance Edge network.</p></div></div></div> <div><div class="lo solutions-solution-logo-layout"><div class="solutions-solution-container"><svg width="101" height="101" viewBox="0 0 101 101" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" class="solutions-solution-logo"><path d="M50.276 60.2832C53.7422 60.2832 56.5521 57.4733 56.5521 54.0071C56.5521 50.541 53.7422 47.7311 50.276 47.7311C46.8099 47.7311 44 50.541 44 54.0071C44 57.4733 46.8099 60.2832 50.276 60.2832Z" fill="#646E73"></path> <path d="M63.7127 42.0071C72.3846 52.6151 78.5202 63.5045 81.4719 72.4778C82.95 76.9713 83.5953 80.8808 83.4303 83.9825C83.2653 87.0833 82.3123 89.1551 80.8289 90.3678C79.3455 91.5804 77.1255 92.1025 74.0539 91.6476C70.9813 91.1925 67.2782 89.7828 63.1683 87.4407C54.9611 82.7637 45.5091 74.5854 36.8372 63.9774C28.1653 53.3693 22.0297 42.48 19.078 33.5066C17.5999 29.0132 16.9546 25.1037 17.1196 22.002C17.2845 18.9012 18.2376 16.8294 19.721 15.6167C21.2044 14.404 23.4243 13.882 26.496 14.3369C29.5686 14.7919 33.2717 16.2017 37.3815 18.5437C45.5888 23.2208 55.0407 31.399 63.7127 42.0071Z" stroke="#646E73" stroke-width="4"></path> <path d="M50.5 37.0001C64.2784 37.0001 76.6658 38.9939 85.5374 42.1561C89.982 43.7403 93.437 45.5801 95.7426 47.5231C98.0579 49.4741 99 51.3335 99 53.0001C99 54.6667 98.0579 56.5261 95.7426 58.4772C93.437 60.4201 89.982 62.2599 85.5374 63.8441C76.6658 67.0063 64.2784 69.0001 50.5 69.0001C36.7216 69.0001 24.3342 67.0063 15.4626 63.8441C11.018 62.2599 7.56297 60.4201 5.25735 58.4772C2.94213 56.5261 2 54.6667 2 53.0001C2 51.3335 2.94213 49.4741 5.25735 47.5231C7.56297 45.5801 11.018 43.7403 15.4626 42.1561C24.3342 38.9939 36.7216 37.0001 50.5 37.0001Z" stroke="#646E73" stroke-width="4"></path> <path d="M36.4051 42.1095C44.4072 30.9875 53.3375 22.2426 61.2412 17.069C65.1989 14.4783 68.8082 12.8431 71.8469 12.1997C74.8848 11.5565 77.1326 11.9408 78.6879 13.0598C80.2432 14.1788 81.322 16.188 81.6776 19.2727C82.0333 22.3584 81.63 26.3002 80.4315 30.8762C78.038 40.0143 72.5848 51.2609 64.5826 62.3828C56.5805 73.5048 47.6502 82.2497 39.7466 87.4233C35.7888 90.0141 32.1795 91.6492 29.1408 92.2926C26.103 92.9358 23.8551 92.5515 22.2998 91.4325C20.7445 90.3135 19.6657 88.3043 19.3101 85.2196C18.9544 82.1339 19.3577 78.1921 20.5562 73.6162C22.9497 64.478 28.403 53.2315 36.4051 42.1095Z" stroke="#646E73" stroke-width="4"></path></svg> <svg width="36" height="38" viewBox="0 0 36 38" fill="none" xmlns="http://www.w3.org/2000/svg" class="solutions-solution-plus"><path d="M22.6591 14.0415H35.4861V23.3154H22.6591V37.8123H12.8878V23.3154H0.0253156V14.0415H12.8878V0.148586H22.6591V14.0415Z" fill="#D8D8D8"></path></svg></div> <div class="lo-max"><p class="paragraph solutions-win type-b type-b-0">A win for developers</p> <h2 class="subheading type-a type-a-1">Adopt modern workflows & tools</h2> <p class="paragraph type-b type-b-0"> Get setup faster and ship more often with Netlify’s modern developer workflows. Build compelling experiences in <em>any</em> templating engine or frontend framework. </p></div></div></div> <div><div class="lo solutions-solution-logo-layout"><div class="solutions-solution-container"><svg width="79" height="79" viewBox="0 0 79 79" fill="none" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid" aria-hidden="true" focusable="false" class="solutions-solution-logo"><line y1="77.5" x2="79" y2="77.5" stroke="#646E73" stroke-width="3"></line> <rect x="16" y="1" width="18" height="68" rx="3" fill="white" stroke="#646E73" stroke-width="2" stroke-dasharray="2 2"></rect> <rect x="45" y="37" width="16" height="31" rx="2" fill="white" stroke="#646E73" stroke-width="4"></rect></svg></div> <div class="lo-max"><p class="paragraph solutions-win type-b type-b-0">A win for the CTO & CFO</p> <h2 class="subheading type-a type-a-1">Way lower cost and complexity</h2> <p class="paragraph type-b type-b-0">Absorb huge traffic bursts without ever burdening your origin infrastructure. Netlify prerenders and caches web pages across our global network.</p></div></div></div></div> <a href="/contact/" type="button" id="cta-drupal-challenge" class="solutions-challenge-cta call-to-action call-to-action-button call-to-action-variant-teal">  <span>Talk to an expert</span></a></section> <section class="pancake solutions-pancake solutions-tictoc"><div class="preheader type-a type-a--1">How it works</div> <h2 class="heading type-a type-a-4 heading-center">Familiar but faster</h2> <div class="grid solutions-tictoc-features"><section class="tic-toc"><div class="tic-toc-text-left"><h2 class="subheading type-a type-a-1">Drupal power meets Netlify performance</h2> <p class="paragraph type-b type-b-0">Keep Drupal as a best-in-class CMS for managing content.</p> <ul class="list list-checked"><li class="list-item list-item-checked"><svg width="14" height="14" viewBox="0 0 14 14" xmlns="http://www.w3.org/2000/svg" version="1.1" preserveAspectRatio="xMinYMin" aria-hidden="true" focusable="false" class="icon-check"><use xlink:href="#icon-check"></use></svg>The Drupal content editing experience you know</li> <li class="list-item list-item-checked"><svg width="14" height="14" viewBox="0 0 14 14" xmlns="http://www.w3.org/2000/svg" version="1.1" preserveAspectRatio="xMinYMin" aria-hidden="true" focusable="false" class="icon-check"><use xlink:href="#icon-check"></use></svg>Three times faster pages and instantaneous scaling — with less cost & complexity</li> <li class="list-item list-item-checked"><svg width="14" height="14" viewBox="0 0 14 14" xmlns="http://www.w3.org/2000/svg" version="1.1" preserveAspectRatio="xMinYMin" aria-hidden="true" focusable="false" class="icon-check"><use xlink:href="#icon-check"></use></svg>Deliver secure web properties without needing to expose your Drupal origin to public traffic</li></ul></div> <div class="tic-toc-image-right"><div data-animate-on-scroll="" class="scrim-layers solutions-scrim-performance"><div class="scrim-layers-caption scrim-layers-caption-top"></div> <svg width="642" height="393" viewBox="0 0 642 393" fill="none" xmlns="http://www.w3.org/2000/svg"><g opacity="0.9" filter="url(#filter0_d)"><path d="M552 9.99999C552 5.58171 548.418 2 544 2H136C131.582 2 128 5.58172 128 10V258C128 262.418 131.582 266 136 266H544C548.418 266 552 262.418 552 258V9.99999Z" fill="white"></path> <path d="M340 2H544C548.418 2 552 5.58172 552 10V258C552 262.418 548.418 266 544 266H340V2Z" fill="#05bdba"></path> <path d="M154.06 36.9041L160.088 27.9608L166.116 36.9041H154.06Z" stroke="#644744" stroke-width="2.19187"></path> <path fill-rule="evenodd" clip-rule="evenodd" d="M474 104H402V106H474V104ZM482 110H402V112H482V110ZM402 116H472V118H402V116ZM480 122H402V124H480V122ZM402 128H490V130H402V128ZM478 134H402V136H478V134Z" fill="#F7F8F8"></path> <path d="M405.227 153.871H408.453L407.537 151.068C407.473 150.868 407.4 150.645 407.318 150.398C407.245 150.152 407.163 149.883 407.072 149.592C406.99 149.291 406.926 149.068 406.881 148.922H406.799C406.771 149.013 406.553 149.729 406.143 151.068L405.227 153.871ZM401.945 158L405.855 147.186H407.838L411.734 158H409.82L408.932 155.32H404.748L403.859 158H401.945ZM412.104 154.049C412.104 152.755 412.418 151.734 413.047 150.986C413.685 150.239 414.492 149.865 415.467 149.865C415.932 149.865 416.333 149.979 416.67 150.207C417.016 150.426 417.281 150.686 417.463 150.986V146.83H419.186V158H417.518V156.975C417.354 157.321 417.08 157.622 416.697 157.877C416.324 158.123 415.909 158.246 415.453 158.246C415.043 158.246 414.646 158.169 414.264 158.014C413.881 157.859 413.521 157.622 413.184 157.303C412.855 156.984 412.591 156.546 412.391 155.99C412.199 155.425 412.104 154.778 412.104 154.049ZM413.881 154.049C413.881 154.906 414.045 155.576 414.373 156.059C414.71 156.533 415.152 156.77 415.699 156.77C416.228 156.77 416.656 156.528 416.984 156.045C417.322 155.553 417.49 154.887 417.49 154.049C417.49 153.238 417.326 152.586 416.998 152.094C416.679 151.592 416.246 151.342 415.699 151.342C415.125 151.342 414.678 151.588 414.359 152.08C414.04 152.572 413.881 153.229 413.881 154.049ZM420.703 154.049C420.703 152.755 421.018 151.734 421.646 150.986C422.285 150.239 423.091 149.865 424.066 149.865C424.531 149.865 424.932 149.979 425.27 150.207C425.616 150.426 425.88 150.686 426.062 150.986V146.83H427.785V158H426.117V156.975C425.953 157.321 425.68 157.622 425.297 157.877C424.923 158.123 424.508 158.246 424.053 158.246C423.643 158.246 423.246 158.169 422.863 158.014C422.48 157.859 422.12 157.622 421.783 157.303C421.455 156.984 421.191 156.546 420.99 155.99C420.799 155.425 420.703 154.778 420.703 154.049ZM422.48 154.049C422.48 154.906 422.645 155.576 422.973 156.059C423.31 156.533 423.752 156.77 424.299 156.77C424.827 156.77 425.256 156.528 425.584 156.045C425.921 155.553 426.09 154.887 426.09 154.049C426.09 153.238 425.926 152.586 425.598 152.094C425.279 151.592 424.846 151.342 424.299 151.342C423.725 151.342 423.278 151.588 422.959 152.08C422.64 152.572 422.48 153.229 422.48 154.049ZM432.475 151.588V150.111H433.691V147.773H435.414V150.111H437.219V151.588H435.414V155.471C435.414 155.844 435.487 156.113 435.633 156.277C435.788 156.441 436.02 156.523 436.33 156.523H437.232V158H436.111C434.498 158 433.691 157.198 433.691 155.594V151.588H432.475ZM439.912 154.062C439.912 154.974 440.099 155.653 440.473 156.1C440.846 156.546 441.284 156.77 441.785 156.77C442.277 156.77 442.71 156.546 443.084 156.1C443.458 155.653 443.645 154.974 443.645 154.062C443.645 153.133 443.458 152.449 443.084 152.012C442.71 151.565 442.277 151.342 441.785 151.342C441.293 151.342 440.855 151.565 440.473 152.012C440.099 152.449 439.912 153.133 439.912 154.062ZM438.135 154.062C438.135 152.887 438.445 151.893 439.064 151.082C439.684 150.271 440.591 149.865 441.785 149.865C442.97 149.865 443.872 150.271 444.492 151.082C445.112 151.893 445.422 152.887 445.422 154.062C445.422 154.427 445.385 154.792 445.312 155.156C445.249 155.521 445.13 155.895 444.957 156.277C444.784 156.651 444.565 156.984 444.301 157.275C444.036 157.558 443.686 157.79 443.248 157.973C442.82 158.155 442.332 158.246 441.785 158.246C441.247 158.246 440.76 158.16 440.322 157.986C439.894 157.804 439.543 157.576 439.27 157.303C439.005 157.02 438.782 156.692 438.6 156.318C438.426 155.936 438.303 155.562 438.23 155.197C438.167 154.824 438.135 154.445 438.135 154.062ZM449.811 154.062C449.811 152.796 450.148 151.779 450.822 151.014C451.506 150.248 452.385 149.865 453.461 149.865C454.245 149.865 454.906 150.102 455.443 150.576C455.981 151.05 456.318 151.592 456.455 152.203L454.979 152.613C454.869 152.267 454.682 151.971 454.418 151.725C454.154 151.469 453.839 151.342 453.475 151.342C452.882 151.342 452.417 151.602 452.08 152.121C451.752 152.641 451.588 153.288 451.588 154.062C451.588 154.919 451.766 155.585 452.121 156.059C452.477 156.533 452.928 156.77 453.475 156.77C453.876 156.77 454.227 156.633 454.527 156.359C454.837 156.077 455.051 155.758 455.17 155.402L456.646 155.826C456.473 156.464 456.095 157.029 455.512 157.521C454.928 158.005 454.245 158.246 453.461 158.246C452.385 158.246 451.506 157.868 450.822 157.111C450.148 156.346 449.811 155.329 449.811 154.062ZM459.135 155.785C459.135 156.077 459.249 156.323 459.477 156.523C459.714 156.715 460.023 156.811 460.406 156.811C460.953 156.811 461.418 156.628 461.801 156.264C462.193 155.899 462.389 155.421 462.389 154.828V154.104C461.969 154.204 461.464 154.299 460.871 154.391C459.714 154.573 459.135 155.038 459.135 155.785ZM457.385 155.936C457.385 154.45 458.488 153.543 460.693 153.215C461.495 153.096 462.061 152.987 462.389 152.887V152.463C462.389 152.08 462.252 151.779 461.979 151.561C461.705 151.342 461.34 151.232 460.885 151.232C460.019 151.232 459.271 151.588 458.643 152.299L457.59 151.396C458 150.913 458.488 150.54 459.053 150.275C459.627 150.002 460.229 149.865 460.857 149.865C462.033 149.865 462.872 150.152 463.373 150.727C463.874 151.292 464.125 152.085 464.125 153.105V158H462.443V157.016C462.279 157.353 461.992 157.645 461.582 157.891C461.181 158.128 460.707 158.246 460.16 158.246C459.294 158.246 458.615 158.032 458.123 157.604C457.631 157.175 457.385 156.619 457.385 155.936ZM465.902 158V150.111H467.57V150.959C467.743 150.667 467.99 150.412 468.309 150.193C468.637 149.975 469.024 149.865 469.471 149.865C469.89 149.865 470.232 149.924 470.496 150.043V151.615C470.15 151.506 469.808 151.451 469.471 151.451C468.878 151.451 468.423 151.684 468.104 152.148C467.794 152.604 467.639 153.215 467.639 153.98V158H465.902ZM470.893 151.588V150.111H472.109V147.773H473.832V150.111H475.637V151.588H473.832V155.471C473.832 155.844 473.905 156.113 474.051 156.277C474.206 156.441 474.438 156.523 474.748 156.523H475.65V158H474.529C472.916 158 472.109 157.198 472.109 155.594V151.588H470.893Z" fill="white"></path> <path fill-rule="evenodd" clip-rule="evenodd" d="M152 115H214V117H152V115ZM152 121H220V123H152V121ZM212 127H152V129H212V127Z" fill="#E9EBEB"></path> <path d="M154.031 100V85.3711H155.594V98.6719H162.547V100H154.031ZM164.422 87.1289V85.1562H166.336V87.1289H164.422ZM164.656 100V89.4922H166.141V100H164.656ZM170.457 94.5508C170.457 95.7878 170.73 96.7904 171.277 97.5586C171.824 98.3138 172.54 98.6914 173.426 98.6914C174.324 98.6914 175.034 98.3268 175.555 97.5977C176.089 96.8685 176.355 95.8464 176.355 94.5312C176.355 93.2552 176.082 92.2526 175.535 91.5234C175.001 90.7812 174.311 90.4102 173.465 90.4102C172.553 90.4102 171.824 90.8008 171.277 91.582C170.73 92.3503 170.457 93.3398 170.457 94.5508ZM168.934 94.5703C168.934 92.9427 169.337 91.6341 170.145 90.6445C170.952 89.6419 171.993 89.1406 173.27 89.1406C174.077 89.1406 174.734 89.349 175.242 89.7656C175.763 90.1823 176.134 90.6641 176.355 91.2109V89.4922H177.84V98.7695C177.84 100.762 177.482 102.24 176.766 103.203C176.062 104.18 174.936 104.668 173.387 104.668C171.707 104.668 170.405 104.03 169.48 102.754L170.535 102.07C171.342 102.982 172.306 103.438 173.426 103.438C174.35 103.438 175.066 103.073 175.574 102.344C176.095 101.628 176.355 100.664 176.355 99.4531V97.9492C176.082 98.5352 175.685 99.0169 175.164 99.3945C174.656 99.7721 174.038 99.9609 173.309 99.9609C171.98 99.9609 170.919 99.4596 170.125 98.457C169.331 97.4414 168.934 96.1458 168.934 94.5703ZM181.141 100V84.8242H182.625V91.1914H182.664C182.924 90.6315 183.341 90.1497 183.914 89.7461C184.5 89.3424 185.164 89.1406 185.906 89.1406C188.172 89.1406 189.305 90.4948 189.305 93.2031V100H187.82V93.457C187.82 91.4258 187.091 90.4102 185.633 90.4102C184.826 90.4102 184.122 90.7422 183.523 91.4062C182.924 92.0703 182.625 92.8581 182.625 93.7695V100H181.141ZM190.965 90.7617V89.4922H192.801V86.1328H194.324V89.4922H197.098V90.7617H194.324V96.9141C194.324 97.5651 194.448 98.0273 194.695 98.3008C194.943 98.5742 195.34 98.7109 195.887 98.7109H197.098V100H195.691C193.764 100 192.801 99.0169 192.801 97.0508V90.7617H190.965ZM206.18 92.3438H210.125C211.102 92.3438 211.85 92.0833 212.371 91.5625C212.905 91.0417 213.172 90.3516 213.172 89.4922C213.172 88.6589 212.892 87.9883 212.332 87.4805C211.785 86.9596 210.997 86.6992 209.969 86.6992H206.18V92.3438ZM204.617 100V85.3711H210.32C211.753 85.3711 212.853 85.7617 213.621 86.543C214.389 87.3112 214.773 88.2617 214.773 89.3945C214.773 90.4232 214.513 91.2565 213.992 91.8945C213.471 92.5326 212.898 92.9362 212.273 93.1055C212.82 93.3919 213.217 93.7435 213.465 94.1602C213.712 94.5768 213.914 95.1562 214.07 95.8984C214.24 96.6276 214.357 97.1289 214.422 97.4023C214.5 97.6628 214.63 98.0404 214.812 98.5352C215.008 99.0299 215.242 99.5182 215.516 100H213.758C213.536 99.5833 213.335 99.1406 213.152 98.6719C212.983 98.1901 212.859 97.7995 212.781 97.5C212.703 97.1875 212.586 96.6927 212.43 96.0156C212.26 95.2865 212 94.7135 211.648 94.2969C211.31 93.8802 210.763 93.6719 210.008 93.6719H206.18V100H204.617ZM218.172 94.7461C218.172 96.0742 218.478 97.1289 219.09 97.9102C219.702 98.6914 220.464 99.082 221.375 99.082C222.273 99.082 223.029 98.6914 223.641 97.9102C224.266 97.1289 224.578 96.0742 224.578 94.7461C224.578 93.3919 224.266 92.3307 223.641 91.5625C223.016 90.7943 222.26 90.4102 221.375 90.4102C220.477 90.4102 219.715 90.7943 219.09 91.5625C218.478 92.3307 218.172 93.3919 218.172 94.7461ZM216.648 94.7461C216.648 93.1445 217.059 91.8099 217.879 90.7422C218.712 89.6745 219.878 89.1406 221.375 89.1406C222.859 89.1406 224.018 89.6745 224.852 90.7422C225.685 91.8099 226.102 93.1445 226.102 94.7461C226.102 95.4232 226.01 96.0807 225.828 96.7188C225.659 97.3568 225.392 97.9557 225.027 98.5156C224.676 99.0625 224.181 99.5052 223.543 99.8438C222.918 100.182 222.195 100.352 221.375 100.352C220.568 100.352 219.845 100.189 219.207 99.8633C218.582 99.5247 218.087 99.082 217.723 98.5352C217.371 97.9753 217.104 97.3763 216.922 96.7383C216.74 96.1003 216.648 95.4362 216.648 94.7461ZM229.305 97.3047C229.305 97.7995 229.513 98.2227 229.93 98.5742C230.346 98.9128 230.919 99.082 231.648 99.082C232.573 99.082 233.361 98.7826 234.012 98.1836C234.676 97.5846 235.008 96.8229 235.008 95.8984V94.4336C234.435 94.5768 233.523 94.7461 232.273 94.9414C231.258 95.1237 230.509 95.4036 230.027 95.7812C229.546 96.1589 229.305 96.6667 229.305 97.3047ZM227.781 97.4219C227.781 95.4688 229.292 94.2578 232.312 93.7891C233.667 93.5677 234.565 93.3854 235.008 93.2422V92.6367C235.008 91.9857 234.773 91.4453 234.305 91.0156C233.836 90.5859 233.172 90.3711 232.312 90.3711C231.688 90.3711 231.082 90.5208 230.496 90.8203C229.923 91.1068 229.435 91.4974 229.031 91.9922L228.055 91.1719C228.576 90.5729 229.201 90.0846 229.93 89.707C230.672 89.3294 231.453 89.1406 232.273 89.1406C235.086 89.1406 236.492 90.5143 236.492 93.2617V100H235.047V98.2812C234.839 98.8411 234.409 99.3294 233.758 99.7461C233.107 100.15 232.339 100.352 231.453 100.352C230.294 100.352 229.389 100.078 228.738 99.5312C228.1 98.9844 227.781 98.2812 227.781 97.4219ZM238.66 97.9297L239.793 97.2656C240.561 98.4766 241.603 99.082 242.918 99.082C243.712 99.082 244.344 98.9388 244.812 98.6523C245.294 98.3659 245.535 97.9492 245.535 97.4023C245.535 97.168 245.477 96.9596 245.359 96.7773C245.242 96.582 245.112 96.4258 244.969 96.3086C244.839 96.1784 244.598 96.0417 244.246 95.8984C243.895 95.7422 243.602 95.6315 243.367 95.5664C243.146 95.4883 242.775 95.3646 242.254 95.1953C241.798 95.0521 241.408 94.9089 241.082 94.7656C240.757 94.6224 240.418 94.4336 240.066 94.1992C239.715 93.9518 239.441 93.6523 239.246 93.3008C239.064 92.9492 238.973 92.5456 238.973 92.0898C238.973 91.2174 239.324 90.5078 240.027 89.9609C240.73 89.4141 241.694 89.1406 242.918 89.1406C243.777 89.1406 244.565 89.3685 245.281 89.8242C245.997 90.2799 246.512 90.8138 246.824 91.4258L245.809 92.0898C245.535 91.6341 245.138 91.2435 244.617 90.918C244.109 90.5794 243.543 90.4102 242.918 90.4102C242.124 90.4102 241.518 90.5664 241.102 90.8789C240.698 91.1784 240.496 91.5885 240.496 92.1094C240.496 92.4089 240.574 92.6823 240.73 92.9297C240.887 93.1641 241.121 93.3724 241.434 93.5547C241.759 93.724 242.052 93.8607 242.312 93.9648C242.586 94.056 242.944 94.1732 243.387 94.3164C243.764 94.4336 244.096 94.5443 244.383 94.6484C244.682 94.7526 245.008 94.8958 245.359 95.0781C245.711 95.2604 246.004 95.4557 246.238 95.6641C246.473 95.8594 246.668 96.1133 246.824 96.4258C246.98 96.7253 247.059 97.0508 247.059 97.4023C247.059 98.2357 246.688 98.9388 245.945 99.5117C245.216 100.072 244.207 100.352 242.918 100.352C241.98 100.352 241.147 100.143 240.418 99.7266C239.689 99.2969 239.103 98.6979 238.66 97.9297ZM248.133 90.7617V89.4922H249.969V86.1328H251.492V89.4922H254.266V90.7617H251.492V96.9141C251.492 97.5651 251.616 98.0273 251.863 98.3008C252.111 98.5742 252.508 98.7109 253.055 98.7109H254.266V100H252.859C250.932 100 249.969 99.0169 249.969 97.0508V90.7617H248.133Z" fill="#0E1E25"></path></g> <g filter="url(#solutions-scrim-perf-filter1_d)" data-animate-on-scroll-element="" style="--animation-on-scroll-delay:300ms;"><rect x="24" y="172" width="424" height="160" rx="8" fill="white"></rect> <circle cx="139" cy="265" r="32" stroke="#00AD9F" stroke-width="4"></circle> <path d="M122.68 262.102V260.148H123.383C125.505 260.148 126.566 259.367 126.566 257.805V257.414H128.793V273.176H126.156V262.102H122.68ZM136.156 265.285C136.156 269.257 136.97 271.242 138.598 271.242C139.053 271.242 139.438 271.079 139.75 270.754C140.076 270.415 140.323 269.96 140.492 269.387C140.674 268.801 140.805 268.176 140.883 267.512C140.961 266.835 141 266.092 141 265.285C141 264.465 140.961 263.716 140.883 263.039C140.805 262.349 140.674 261.717 140.492 261.145C140.31 260.572 140.056 260.122 139.73 259.797C139.405 259.471 139.021 259.309 138.578 259.309C136.964 259.309 136.156 261.301 136.156 265.285ZM133.5 265.285C133.5 263.762 133.65 262.447 133.949 261.34C134.262 260.233 134.678 259.393 135.199 258.82C135.72 258.247 136.254 257.837 136.801 257.59C137.361 257.329 137.953 257.199 138.578 257.199C140.206 257.199 141.456 257.909 142.328 259.328C143.214 260.747 143.656 262.733 143.656 265.285C143.656 267.759 143.22 269.725 142.348 271.184C141.488 272.642 140.238 273.371 138.598 273.371C137.999 273.371 137.419 273.247 136.859 273C136.312 272.753 135.772 272.349 135.238 271.789C134.717 271.216 134.294 270.376 133.969 269.27C133.656 268.15 133.5 266.822 133.5 265.285ZM147.875 265.285C147.875 269.257 148.689 271.242 150.316 271.242C150.772 271.242 151.156 271.079 151.469 270.754C151.794 270.415 152.042 269.96 152.211 269.387C152.393 268.801 152.523 268.176 152.602 267.512C152.68 266.835 152.719 266.092 152.719 265.285C152.719 264.465 152.68 263.716 152.602 263.039C152.523 262.349 152.393 261.717 152.211 261.145C152.029 260.572 151.775 260.122 151.449 259.797C151.124 259.471 150.74 259.309 150.297 259.309C148.682 259.309 147.875 261.301 147.875 265.285ZM145.219 265.285C145.219 263.762 145.368 262.447 145.668 261.34C145.98 260.233 146.397 259.393 146.918 258.82C147.439 258.247 147.973 257.837 148.52 257.59C149.079 257.329 149.672 257.199 150.297 257.199C151.924 257.199 153.174 257.909 154.047 259.328C154.932 260.747 155.375 262.733 155.375 265.285C155.375 267.759 154.939 269.725 154.066 271.184C153.207 272.642 151.957 273.371 150.316 273.371C149.717 273.371 149.138 273.247 148.578 273C148.031 272.753 147.491 272.349 146.957 271.789C146.436 271.216 146.013 270.376 145.688 269.27C145.375 268.15 145.219 266.822 145.219 265.285Z" fill="#2D3B41"></path> <circle cx="234" cy="265" r="32" stroke="#00AD9F" stroke-width="4"></circle> <path d="M217.68 262.102V260.148H218.383C220.505 260.148 221.566 259.367 221.566 257.805V257.414H223.793V273.176H221.156V262.102H217.68ZM231.156 265.285C231.156 269.257 231.97 271.242 233.598 271.242C234.053 271.242 234.438 271.079 234.75 270.754C235.076 270.415 235.323 269.96 235.492 269.387C235.674 268.801 235.805 268.176 235.883 267.512C235.961 266.835 236 266.092 236 265.285C236 264.465 235.961 263.716 235.883 263.039C235.805 262.349 235.674 261.717 235.492 261.145C235.31 260.572 235.056 260.122 234.73 259.797C234.405 259.471 234.021 259.309 233.578 259.309C231.964 259.309 231.156 261.301 231.156 265.285ZM228.5 265.285C228.5 263.762 228.65 262.447 228.949 261.34C229.262 260.233 229.678 259.393 230.199 258.82C230.72 258.247 231.254 257.837 231.801 257.59C232.361 257.329 232.953 257.199 233.578 257.199C235.206 257.199 236.456 257.909 237.328 259.328C238.214 260.747 238.656 262.733 238.656 265.285C238.656 267.759 238.22 269.725 237.348 271.184C236.488 272.642 235.238 273.371 233.598 273.371C232.999 273.371 232.419 273.247 231.859 273C231.312 272.753 230.772 272.349 230.238 271.789C229.717 271.216 229.294 270.376 228.969 269.27C228.656 268.15 228.5 266.822 228.5 265.285ZM242.875 265.285C242.875 269.257 243.689 271.242 245.316 271.242C245.772 271.242 246.156 271.079 246.469 270.754C246.794 270.415 247.042 269.96 247.211 269.387C247.393 268.801 247.523 268.176 247.602 267.512C247.68 266.835 247.719 266.092 247.719 265.285C247.719 264.465 247.68 263.716 247.602 263.039C247.523 262.349 247.393 261.717 247.211 261.145C247.029 260.572 246.775 260.122 246.449 259.797C246.124 259.471 245.74 259.309 245.297 259.309C243.682 259.309 242.875 261.301 242.875 265.285ZM240.219 265.285C240.219 263.762 240.368 262.447 240.668 261.34C240.98 260.233 241.397 259.393 241.918 258.82C242.439 258.247 242.973 257.837 243.52 257.59C244.079 257.329 244.672 257.199 245.297 257.199C246.924 257.199 248.174 257.909 249.047 259.328C249.932 260.747 250.375 262.733 250.375 265.285C250.375 267.759 249.939 269.725 249.066 271.184C248.207 272.642 246.957 273.371 245.316 273.371C244.717 273.371 244.138 273.247 243.578 273C243.031 272.753 242.491 272.349 241.957 271.789C241.436 271.216 241.013 270.376 240.688 269.27C240.375 268.15 240.219 266.822 240.219 265.285Z" fill="#2D3B41"></path> <circle cx="329" cy="265" r="32" stroke="#00AD9F" stroke-width="4"></circle> <path d="M312.68 262.102V260.148H313.383C315.505 260.148 316.566 259.367 316.566 257.805V257.414H318.793V273.176H316.156V262.102H312.68ZM326.156 265.285C326.156 269.257 326.97 271.242 328.598 271.242C329.053 271.242 329.438 271.079 329.75 270.754C330.076 270.415 330.323 269.96 330.492 269.387C330.674 268.801 330.805 268.176 330.883 267.512C330.961 266.835 331 266.092 331 265.285C331 264.465 330.961 263.716 330.883 263.039C330.805 262.349 330.674 261.717 330.492 261.145C330.31 260.572 330.056 260.122 329.73 259.797C329.405 259.471 329.021 259.309 328.578 259.309C326.964 259.309 326.156 261.301 326.156 265.285ZM323.5 265.285C323.5 263.762 323.65 262.447 323.949 261.34C324.262 260.233 324.678 259.393 325.199 258.82C325.72 258.247 326.254 257.837 326.801 257.59C327.361 257.329 327.953 257.199 328.578 257.199C330.206 257.199 331.456 257.909 332.328 259.328C333.214 260.747 333.656 262.733 333.656 265.285C333.656 267.759 333.22 269.725 332.348 271.184C331.488 272.642 330.238 273.371 328.598 273.371C327.999 273.371 327.419 273.247 326.859 273C326.312 272.753 325.772 272.349 325.238 271.789C324.717 271.216 324.294 270.376 323.969 269.27C323.656 268.15 323.5 266.822 323.5 265.285ZM337.875 265.285C337.875 269.257 338.689 271.242 340.316 271.242C340.772 271.242 341.156 271.079 341.469 270.754C341.794 270.415 342.042 269.96 342.211 269.387C342.393 268.801 342.523 268.176 342.602 267.512C342.68 266.835 342.719 266.092 342.719 265.285C342.719 264.465 342.68 263.716 342.602 263.039C342.523 262.349 342.393 261.717 342.211 261.145C342.029 260.572 341.775 260.122 341.449 259.797C341.124 259.471 340.74 259.309 340.297 259.309C338.682 259.309 337.875 261.301 337.875 265.285ZM335.219 265.285C335.219 263.762 335.368 262.447 335.668 261.34C335.98 260.233 336.397 259.393 336.918 258.82C337.439 258.247 337.973 257.837 338.52 257.59C339.079 257.329 339.672 257.199 340.297 257.199C341.924 257.199 343.174 257.909 344.047 259.328C344.932 260.747 345.375 262.733 345.375 265.285C345.375 267.759 344.939 269.725 344.066 271.184C343.207 272.642 341.957 273.371 340.316 273.371C339.717 273.371 339.138 273.247 338.578 273C338.031 272.753 337.491 272.349 336.957 271.789C336.436 271.216 336.013 270.376 335.688 269.27C335.375 268.15 335.219 266.822 335.219 265.285Z" fill="#2D3B41"></path> <path d="M159.391 209V196.641H164.219C165.51 196.641 166.516 196.99 167.234 197.688C167.964 198.375 168.328 199.286 168.328 200.422C168.328 201.589 167.953 202.51 167.203 203.188C166.464 203.865 165.479 204.203 164.25 204.203H161.453V209H159.391ZM161.453 202.453H163.969C164.677 202.453 165.229 202.281 165.625 201.938C166.021 201.594 166.219 201.089 166.219 200.422C166.219 199.766 166.026 199.266 165.641 198.922C165.255 198.578 164.693 198.406 163.953 198.406H161.453V202.453ZM168.844 204.453C168.844 203.005 169.24 201.854 170.031 201C170.833 200.135 171.839 199.703 173.047 199.703C174.234 199.703 175.214 200.135 175.984 201C176.755 201.865 177.141 202.99 177.141 204.375C177.141 204.646 177.125 204.911 177.094 205.172H170.844C170.844 205.859 171.047 206.453 171.453 206.953C171.87 207.443 172.438 207.688 173.156 207.688C173.656 207.688 174.094 207.568 174.469 207.328C174.854 207.078 175.146 206.76 175.344 206.375L177 206.938C176.708 207.604 176.234 208.161 175.578 208.609C174.922 209.057 174.104 209.281 173.125 209.281C171.865 209.281 170.833 208.844 170.031 207.969C169.24 207.094 168.844 205.922 168.844 204.453ZM170.875 203.781H175.125C175.125 203.094 174.943 202.51 174.578 202.031C174.214 201.542 173.703 201.297 173.047 201.297C172.391 201.297 171.865 201.547 171.469 202.047C171.083 202.536 170.885 203.115 170.875 203.781ZM178.75 209V199.984H180.656V200.953C180.854 200.62 181.135 200.328 181.5 200.078C181.875 199.828 182.318 199.703 182.828 199.703C183.307 199.703 183.698 199.771 184 199.906V201.703C183.604 201.578 183.214 201.516 182.828 201.516C182.151 201.516 181.63 201.781 181.266 202.312C180.911 202.833 180.734 203.531 180.734 204.406V209H178.75ZM184.547 201.672V199.984H185.922V199.016C185.922 198.089 186.151 197.396 186.609 196.938C187.078 196.469 187.734 196.234 188.578 196.234H190V197.906H188.859C188.536 197.906 188.297 198.005 188.141 198.203C187.995 198.401 187.922 198.719 187.922 199.156V199.984H189.797V201.672H187.922V209H185.922V201.672H184.547ZM192.594 204.5C192.594 205.542 192.807 206.318 193.234 206.828C193.661 207.339 194.161 207.594 194.734 207.594C195.297 207.594 195.792 207.339 196.219 206.828C196.646 206.318 196.859 205.542 196.859 204.5C196.859 203.438 196.646 202.656 196.219 202.156C195.792 201.646 195.297 201.391 194.734 201.391C194.172 201.391 193.672 201.646 193.234 202.156C192.807 202.656 192.594 203.438 192.594 204.5ZM190.562 204.5C190.562 203.156 190.917 202.021 191.625 201.094C192.333 200.167 193.37 199.703 194.734 199.703C196.089 199.703 197.12 200.167 197.828 201.094C198.536 202.021 198.891 203.156 198.891 204.5C198.891 204.917 198.849 205.333 198.766 205.75C198.693 206.167 198.557 206.594 198.359 207.031C198.161 207.458 197.911 207.839 197.609 208.172C197.307 208.495 196.906 208.76 196.406 208.969C195.917 209.177 195.359 209.281 194.734 209.281C194.12 209.281 193.562 209.182 193.062 208.984C192.573 208.776 192.172 208.516 191.859 208.203C191.557 207.88 191.302 207.505 191.094 207.078C190.896 206.641 190.755 206.214 190.672 205.797C190.599 205.37 190.562 204.938 190.562 204.5ZM200.516 209V199.984H202.422V200.953C202.62 200.62 202.901 200.328 203.266 200.078C203.641 199.828 204.083 199.703 204.594 199.703C205.073 199.703 205.464 199.771 205.766 199.906V201.703C205.37 201.578 204.979 201.516 204.594 201.516C203.917 201.516 203.396 201.781 203.031 202.312C202.677 202.833 202.5 203.531 202.5 204.406V209H200.516ZM206.797 209V199.984H208.719V201.031C208.875 200.729 209.156 200.432 209.562 200.141C209.969 199.849 210.458 199.703 211.031 199.703C212.021 199.703 212.75 200.24 213.219 201.312C213.292 201.167 213.385 201.021 213.5 200.875C213.625 200.729 213.792 200.557 214 200.359C214.219 200.161 214.495 200.005 214.828 199.891C215.172 199.766 215.542 199.703 215.938 199.703C217.781 199.703 218.703 200.87 218.703 203.203V209H216.703V203.266C216.703 202.641 216.615 202.172 216.438 201.859C216.26 201.547 215.948 201.391 215.5 201.391C214.969 201.391 214.536 201.615 214.203 202.062C213.88 202.5 213.719 203.042 213.719 203.688V209H211.766V203.219C211.766 202 211.359 201.391 210.547 201.391C209.984 201.391 209.547 201.599 209.234 202.016C208.932 202.432 208.781 202.979 208.781 203.656V209H206.797ZM222.203 206.469C222.203 206.802 222.333 207.083 222.594 207.312C222.865 207.531 223.219 207.641 223.656 207.641C224.281 207.641 224.812 207.432 225.25 207.016C225.698 206.599 225.922 206.052 225.922 205.375V204.547C225.443 204.661 224.865 204.771 224.188 204.875C222.865 205.083 222.203 205.615 222.203 206.469ZM220.203 206.641C220.203 204.943 221.464 203.906 223.984 203.531C224.901 203.396 225.547 203.271 225.922 203.156V202.672C225.922 202.234 225.766 201.891 225.453 201.641C225.141 201.391 224.724 201.266 224.203 201.266C223.214 201.266 222.359 201.672 221.641 202.484L220.438 201.453C220.906 200.901 221.464 200.474 222.109 200.172C222.766 199.859 223.453 199.703 224.172 199.703C225.516 199.703 226.474 200.031 227.047 200.688C227.62 201.333 227.906 202.24 227.906 203.406V209H225.984V207.875C225.797 208.26 225.469 208.594 225 208.875C224.542 209.146 224 209.281 223.375 209.281C222.385 209.281 221.609 209.036 221.047 208.547C220.484 208.057 220.203 207.422 220.203 206.641ZM229.938 209V199.984H231.859V201.125H231.875C232.031 200.792 232.318 200.474 232.734 200.172C233.161 199.859 233.708 199.703 234.375 199.703C235.271 199.703 235.984 199.979 236.516 200.531C237.047 201.083 237.312 201.974 237.312 203.203V209H235.328V203.469C235.328 202.083 234.859 201.391 233.922 201.391C233.349 201.391 232.87 201.62 232.484 202.078C232.109 202.536 231.922 203.104 231.922 203.781V209H229.938ZM238.828 204.5C238.828 203.052 239.214 201.891 239.984 201.016C240.766 200.141 241.771 199.703 243 199.703C243.896 199.703 244.651 199.974 245.266 200.516C245.88 201.057 246.266 201.677 246.422 202.375L244.734 202.844C244.609 202.448 244.396 202.109 244.094 201.828C243.792 201.536 243.432 201.391 243.016 201.391C242.339 201.391 241.807 201.688 241.422 202.281C241.047 202.875 240.859 203.615 240.859 204.5C240.859 205.479 241.062 206.24 241.469 206.781C241.875 207.323 242.391 207.594 243.016 207.594C243.474 207.594 243.875 207.438 244.219 207.125C244.573 206.802 244.818 206.438 244.953 206.031L246.641 206.516C246.443 207.245 246.01 207.891 245.344 208.453C244.677 209.005 243.896 209.281 243 209.281C241.771 209.281 240.766 208.849 239.984 207.984C239.214 207.109 238.828 205.948 238.828 204.5ZM247.5 204.453C247.5 203.005 247.896 201.854 248.688 201C249.49 200.135 250.495 199.703 251.703 199.703C252.891 199.703 253.87 200.135 254.641 201C255.411 201.865 255.797 202.99 255.797 204.375C255.797 204.646 255.781 204.911 255.75 205.172H249.5C249.5 205.859 249.703 206.453 250.109 206.953C250.526 207.443 251.094 207.688 251.812 207.688C252.312 207.688 252.75 207.568 253.125 207.328C253.51 207.078 253.802 206.76 254 206.375L255.656 206.938C255.365 207.604 254.891 208.161 254.234 208.609C253.578 209.057 252.76 209.281 251.781 209.281C250.521 209.281 249.49 208.844 248.688 207.969C247.896 207.094 247.5 205.922 247.5 204.453ZM249.531 203.781H253.781C253.781 203.094 253.599 202.51 253.234 202.031C252.87 201.542 252.359 201.297 251.703 201.297C251.047 201.297 250.521 201.547 250.125 202.047C249.74 202.536 249.542 203.115 249.531 203.781ZM260.641 207.125L262.062 206.297C262.688 207.214 263.5 207.672 264.5 207.672C264.99 207.672 265.375 207.578 265.656 207.391C265.948 207.193 266.094 206.932 266.094 206.609C266.094 206.349 265.974 206.12 265.734 205.922C265.505 205.724 265.26 205.578 265 205.484C264.74 205.38 264.349 205.245 263.828 205.078C263.734 205.047 263.667 205.026 263.625 205.016C263.25 204.891 262.932 204.771 262.672 204.656C262.422 204.531 262.156 204.37 261.875 204.172C261.594 203.964 261.38 203.708 261.234 203.406C261.089 203.094 261.016 202.734 261.016 202.328C261.016 201.536 261.349 200.901 262.016 200.422C262.682 199.943 263.51 199.703 264.5 199.703C265.24 199.703 265.938 199.901 266.594 200.297C267.25 200.682 267.74 201.177 268.062 201.781L266.75 202.578C266.135 201.734 265.391 201.312 264.516 201.312C264.036 201.312 263.667 201.411 263.406 201.609C263.156 201.797 263.031 202.047 263.031 202.359C263.031 202.62 263.141 202.854 263.359 203.062C263.589 203.26 263.823 203.406 264.062 203.5C264.302 203.594 264.641 203.714 265.078 203.859C265.193 203.891 265.276 203.917 265.328 203.938C267.182 204.531 268.109 205.427 268.109 206.625C268.109 207.365 267.797 207.995 267.172 208.516C266.557 209.026 265.682 209.281 264.547 209.281C263.672 209.281 262.891 209.089 262.203 208.703C261.526 208.318 261.005 207.792 260.641 207.125ZM269.141 204.5C269.141 203.052 269.526 201.891 270.297 201.016C271.078 200.141 272.083 199.703 273.312 199.703C274.208 199.703 274.964 199.974 275.578 200.516C276.193 201.057 276.578 201.677 276.734 202.375L275.047 202.844C274.922 202.448 274.708 202.109 274.406 201.828C274.104 201.536 273.745 201.391 273.328 201.391C272.651 201.391 272.12 201.688 271.734 202.281C271.359 202.875 271.172 203.615 271.172 204.5C271.172 205.479 271.375 206.24 271.781 206.781C272.188 207.323 272.703 207.594 273.328 207.594C273.786 207.594 274.188 207.438 274.531 207.125C274.885 206.802 275.13 206.438 275.266 206.031L276.953 206.516C276.755 207.245 276.323 207.891 275.656 208.453C274.99 209.005 274.208 209.281 273.312 209.281C272.083 209.281 271.078 208.849 270.297 207.984C269.526 207.109 269.141 205.948 269.141 204.5ZM279.844 204.5C279.844 205.542 280.057 206.318 280.484 206.828C280.911 207.339 281.411 207.594 281.984 207.594C282.547 207.594 283.042 207.339 283.469 206.828C283.896 206.318 284.109 205.542 284.109 204.5C284.109 203.438 283.896 202.656 283.469 202.156C283.042 201.646 282.547 201.391 281.984 201.391C281.422 201.391 280.922 201.646 280.484 202.156C280.057 202.656 279.844 203.438 279.844 204.5ZM277.812 204.5C277.812 203.156 278.167 202.021 278.875 201.094C279.583 200.167 280.62 199.703 281.984 199.703C283.339 199.703 284.37 200.167 285.078 201.094C285.786 202.021 286.141 203.156 286.141 204.5C286.141 204.917 286.099 205.333 286.016 205.75C285.943 206.167 285.807 206.594 285.609 207.031C285.411 207.458 285.161 207.839 284.859 208.172C284.557 208.495 284.156 208.76 283.656 208.969C283.167 209.177 282.609 209.281 281.984 209.281C281.37 209.281 280.812 209.182 280.312 208.984C279.823 208.776 279.422 208.516 279.109 208.203C278.807 207.88 278.552 207.505 278.344 207.078C278.146 206.641 278.005 206.214 277.922 205.797C277.849 205.37 277.812 204.938 277.812 204.5ZM287.766 209V199.984H289.672V200.953C289.87 200.62 290.151 200.328 290.516 200.078C290.891 199.828 291.333 199.703 291.844 199.703C292.323 199.703 292.714 199.771 293.016 199.906V201.703C292.62 201.578 292.229 201.516 291.844 201.516C291.167 201.516 290.646 201.781 290.281 202.312C289.927 202.833 289.75 203.531 289.75 204.406V209H287.766ZM293.531 204.453C293.531 203.005 293.927 201.854 294.719 201C295.521 200.135 296.526 199.703 297.734 199.703C298.922 199.703 299.901 200.135 300.672 201C301.443 201.865 301.828 202.99 301.828 204.375C301.828 204.646 301.812 204.911 301.781 205.172H295.531C295.531 205.859 295.734 206.453 296.141 206.953C296.557 207.443 297.125 207.688 297.844 207.688C298.344 207.688 298.781 207.568 299.156 207.328C299.542 207.078 299.833 206.76 300.031 206.375L301.688 206.938C301.396 207.604 300.922 208.161 300.266 208.609C299.609 209.057 298.792 209.281 297.812 209.281C296.552 209.281 295.521 208.844 294.719 207.969C293.927 207.094 293.531 205.922 293.531 204.453ZM295.562 203.781H299.812C299.812 203.094 299.63 202.51 299.266 202.031C298.901 201.542 298.391 201.297 297.734 201.297C297.078 201.297 296.552 201.547 296.156 202.047C295.771 202.536 295.573 203.115 295.562 203.781ZM302.766 207.125L304.188 206.297C304.812 207.214 305.625 207.672 306.625 207.672C307.115 207.672 307.5 207.578 307.781 207.391C308.073 207.193 308.219 206.932 308.219 206.609C308.219 206.349 308.099 206.12 307.859 205.922C307.63 205.724 307.385 205.578 307.125 205.484C306.865 205.38 306.474 205.245 305.953 205.078C305.859 205.047 305.792 205.026 305.75 205.016C305.375 204.891 305.057 204.771 304.797 204.656C304.547 204.531 304.281 204.37 304 204.172C303.719 203.964 303.505 203.708 303.359 203.406C303.214 203.094 303.141 202.734 303.141 202.328C303.141 201.536 303.474 200.901 304.141 200.422C304.807 199.943 305.635 199.703 306.625 199.703C307.365 199.703 308.062 199.901 308.719 200.297C309.375 200.682 309.865 201.177 310.188 201.781L308.875 202.578C308.26 201.734 307.516 201.312 306.641 201.312C306.161 201.312 305.792 201.411 305.531 201.609C305.281 201.797 305.156 202.047 305.156 202.359C305.156 202.62 305.266 202.854 305.484 203.062C305.714 203.26 305.948 203.406 306.188 203.5C306.427 203.594 306.766 203.714 307.203 203.859C307.318 203.891 307.401 203.917 307.453 203.938C309.307 204.531 310.234 205.427 310.234 206.625C310.234 207.365 309.922 207.995 309.297 208.516C308.682 209.026 307.807 209.281 306.672 209.281C305.797 209.281 305.016 209.089 304.328 208.703C303.651 208.318 303.13 207.792 302.766 207.125Z" fill="#A3A9AC"></path></g> <defs><filter id="filter0_d" x="124" y="0" width="432" height="272" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"></feFlood> <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"></feColorMatrix> <feOffset dy="2"></feOffset> <feGaussianBlur stdDeviation="2"></feGaussianBlur> <feColorMatrix type="matrix" values="0 0 0 0 0.054902 0 0 0 0 0.117647 0 0 0 0 0.145098 0 0 0 0.12 0"></feColorMatrix> <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"></feBlend> <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape"></feBlend></filter> <filter id="solutions-scrim-perf-filter1_d" x="0" y="164" width="472" height="208" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"></feFlood> <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"></feColorMatrix> <feOffset dy="16"></feOffset> <feGaussianBlur stdDeviation="12"></feGaussianBlur> <feColorMatrix type="matrix" values="0 0 0 0 0.054902 0 0 0 0 0.117647 0 0 0 0 0.145098 0 0 0 0.08 0"></feColorMatrix> <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"></feBlend> <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape"></feBlend></filter></defs></svg> <div class="scrim-layers-caption scrim-layers-caption-bottom"> <div data-animate-on-scroll-element="" class="scrim-caption scrim-caption-align-center" style="--animation-on-scroll-delay:600ms;"><span>Ace your Lighthouse scores</span> <div aria-hidden="true" class="scrim-layers-caption-line"></div></div></div></div></div>  </section> <section class="tic-toc tic-toc-alternate">  <div class="tic-toc-image-left"><svg width="642" height="393" viewBox="0 0 642 393" fill="none" xmlns="http://www.w3.org/2000/svg" data-v-66806674><rect x="117" y="153" width="114" height="87" rx="8" fill="#0E1E25" data-v-66806674></rect> <path d="M176.883 188.838C176.027 187.982 175.085 187.04 174.315 186.184C173.544 187.04 172.774 187.811 172.003 188.581C171.832 188.752 171.661 189.009 171.575 189.266C171.404 189.694 171.318 190.122 171.404 190.465V190.55C171.489 190.807 171.575 190.978 171.746 191.235L171.832 191.321C172.346 192.006 173.63 193.205 174.315 193.804L178.424 198.085L179.623 199.369C180.651 200.396 181.592 201.595 182.363 202.794C182.449 202.965 182.62 203.051 182.791 203.136H182.877C183.048 203.136 183.219 202.965 183.305 202.794C183.562 201.938 183.733 201.081 183.733 200.14C183.733 198.085 183.048 196.03 181.849 194.318C180.308 192.434 178.681 190.55 176.883 188.838Z" fill="white" data-v-66806674></path> <path d="M177.995 202.623C176.968 201.338 176.026 200.225 174.485 198.598C173.201 200.054 172.002 201.253 170.975 202.451C169.262 204.335 169.348 207.332 171.231 209.044C173.115 210.756 176.112 210.671 177.824 208.787C179.28 207.16 179.451 204.763 178.252 202.965C178.167 202.794 178.081 202.708 177.995 202.623Z" fill="white" data-v-66806674></path> <path d="M172.003 196.544C172.089 196.373 172.089 196.201 172.003 196.116L169.007 193.034L168.322 192.434C167.808 193.034 167.294 193.718 166.866 194.318C166.096 195.345 165.582 196.544 165.239 197.828C164.897 199.284 164.897 200.739 165.325 202.195L165.411 202.366C165.496 202.537 165.582 202.623 165.668 202.794C165.668 202.794 166.01 203.393 166.353 203.393H166.438C166.524 203.393 166.609 203.308 166.695 203.222C166.952 202.623 167.294 202.023 167.722 201.51L168.835 200.14L172.003 196.544Z" fill="white" data-v-66806674></path> <path d="M174.4 171.8C160.273 171.8 148.8 183.273 148.8 197.4C148.8 211.527 160.273 223 174.4 223C188.527 223 200 211.527 200 197.4C200 183.273 188.527 171.8 174.4 171.8ZM174.314 213.668C166.866 213.668 160.872 207.589 160.872 200.14C160.872 193.804 165.068 189.609 168.835 185.841C171.318 183.359 173.715 180.961 174.4 178.307C175.085 180.961 177.482 183.359 179.965 185.841C183.647 189.609 187.928 193.804 187.928 200.14C187.757 207.589 181.763 213.668 174.314 213.668Z" fill="white" data-v-66806674></path> <path d="M174.4 171.8C160.273 171.8 148.8 183.273 148.8 197.4C148.8 211.527 160.273 223 174.4 223C188.527 223 200 211.527 200 197.4C200 183.273 188.527 171.8 174.4 171.8ZM174.314 213.668C166.866 213.668 160.872 207.589 160.872 200.14C160.872 193.804 165.068 189.609 168.835 185.841C171.318 183.359 173.715 180.961 174.4 178.307C175.085 180.961 177.482 183.359 179.965 185.841C183.647 189.609 187.928 193.804 187.928 200.14C187.757 207.589 181.763 213.668 174.314 213.668Z" fill="white" data-v-66806674></path> <rect x="264" y="153" width="114" height="87" rx="8" fill="black" data-v-66806674></rect> <rect x="411" y="153" width="114" height="87" rx="8" fill="black" data-v-66806674></rect> <foreignObject x="298" y="172" width="48" height="48" data-v-66806674><svg viewBox="0 0 128 128" xmlns="http://www.w3.org/2000/svg" data-theme="light" class="netlify-logo-encapsulated netlify-logo" style="width:48px;height:48px;" data-v-66806674><g fill="var(--_netlify-logo-fill)" class="netlify-logo-encapsulated-bg"><path d="M125.189 54.7739L73.2261 2.81074L71.2959 0.885028L69.1612 0H66.4394H61.5606H58.8388L56.7041 0.885028L54.7739 2.81074L2.81074 54.7739L0.885028 56.7041L0 58.8388V61.5606V66.4394V69.1612L0.885028 71.2959L2.81074 73.2261L54.7739 125.189L56.7041 127.115L58.8388 128H61.5606H66.4394H69.1612L71.2959 127.115L73.2261 125.189L125.189 73.2261L127.115 71.2959L128 69.1612V66.4394V61.5606V58.8388L127.115 56.7041L125.189 54.7739Z"></path></g> <g fill="var(--_netlify-logo-lines-color)" class="netlify-logo-encapsulated-lines"><path d="M59.3682 116.019V91.0556L60.0308 90.393H67.9738L68.6365 91.0556V116.019L67.9738 116.681H60.0308L59.3682 116.019Z"></path> <path d="M59.3682 36.9444V11.9812L60.0308 11.3186H67.9738L68.6365 11.9812V36.9444L67.9738 37.607H60.0308L59.3682 36.9444Z"></path> <path d="M38.3899 97.5221H37.2958L31.8389 92.0652V90.9711L39.1103 83.6952L44.8875 83.6997L45.6613 84.4691V90.2462L38.3899 97.5221Z"></path> <path d="M31.8389 37.3046V36.215L37.2958 30.7536H38.3854L45.6613 38.0295V43.8022L44.8919 44.5805H39.1148L31.8389 37.3046Z"></path> <path d="M9.85992 59.3547H37.9362L38.5989 60.0174V67.9693L37.9362 68.632H9.85992L9.19727 67.9693V60.0174L9.85992 59.3547Z"></path> <path d="M118.14 68.6453H90.064L89.4014 67.9826V60.0307L90.064 59.3681H118.14L118.803 60.0307V67.9826L118.14 68.6453Z"></path></g> <g fill="var(--_netlify-logo-text-color)" class="netlify-logo-encapsulated-text"><path d="M78.8832 80.5376H70.9446L70.2819 79.8749V61.2938C70.2864 57.9849 68.9878 55.4232 64.994 55.3387C62.9438 55.2854 60.5911 55.3387 58.0828 55.441L57.7048 55.8279V63.3351L57.7092 79.8749L57.0465 80.5376H49.108L48.4453 79.8749V48.1251L49.108 47.4624H66.9686C73.911 47.4624 79.5369 53.0884 79.5369 60.0307V79.8749L78.8743 80.5376H78.8832Z"></path></g></svg></foreignObject> <rect x="411" y="153" width="114" height="87" rx="8" fill="black" data-v-66806674></rect> <foreignObject x="448" y="172" width="48" height="48" data-v-66806674><svg viewBox="0 0 128 128" xmlns="http://www.w3.org/2000/svg" data-theme="light" class="netlify-logo-encapsulated netlify-logo" style="width:48px;height:48px;" data-v-66806674><g fill="var(--_netlify-logo-fill)" class="netlify-logo-encapsulated-bg"><path d="M125.189 54.7739L73.2261 2.81074L71.2959 0.885028L69.1612 0H66.4394H61.5606H58.8388L56.7041 0.885028L54.7739 2.81074L2.81074 54.7739L0.885028 56.7041L0 58.8388V61.5606V66.4394V69.1612L0.885028 71.2959L2.81074 73.2261L54.7739 125.189L56.7041 127.115L58.8388 128H61.5606H66.4394H69.1612L71.2959 127.115L73.2261 125.189L125.189 73.2261L127.115 71.2959L128 69.1612V66.4394V61.5606V58.8388L127.115 56.7041L125.189 54.7739Z"></path></g> <g fill="var(--_netlify-logo-lines-color)" class="netlify-logo-encapsulated-lines"><path d="M59.3682 116.019V91.0556L60.0308 90.393H67.9738L68.6365 91.0556V116.019L67.9738 116.681H60.0308L59.3682 116.019Z"></path> <path d="M59.3682 36.9444V11.9812L60.0308 11.3186H67.9738L68.6365 11.9812V36.9444L67.9738 37.607H60.0308L59.3682 36.9444Z"></path> <path d="M38.3899 97.5221H37.2958L31.8389 92.0652V90.9711L39.1103 83.6952L44.8875 83.6997L45.6613 84.4691V90.2462L38.3899 97.5221Z"></path> <path d="M31.8389 37.3046V36.215L37.2958 30.7536H38.3854L45.6613 38.0295V43.8022L44.8919 44.5805H39.1148L31.8389 37.3046Z"></path> <path d="M9.85992 59.3547H37.9362L38.5989 60.0174V67.9693L37.9362 68.632H9.85992L9.19727 67.9693V60.0174L9.85992 59.3547Z"></path> <path d="M118.14 68.6453H90.064L89.4014 67.9826V60.0307L90.064 59.3681H118.14L118.803 60.0307V67.9826L118.14 68.6453Z"></path></g> <g fill="var(--_netlify-logo-text-color)" class="netlify-logo-encapsulated-text"><path d="M78.8832 80.5376H70.9446L70.2819 79.8749V61.2938C70.2864 57.9849 68.9878 55.4232 64.994 55.3387C62.9438 55.2854 60.5911 55.3387 58.0828 55.441L57.7048 55.8279V63.3351L57.7092 79.8749L57.0465 80.5376H49.108L48.4453 79.8749V48.1251L49.108 47.4624H66.9686C73.911 47.4624 79.5369 53.0884 79.5369 60.0307V79.8749L78.8743 80.5376H78.8832Z"></path></g></svg></foreignObject> <path d="M160.602 132.031H155.836L154.766 135H153.219L157.562 123.625H158.875L163.227 135H161.688L160.602 132.031ZM156.289 130.797H160.156L158.219 125.477L156.289 130.797ZM166.258 130.547V135H164.758V123.625H168.953C170.198 123.625 171.172 123.943 171.875 124.578C172.583 125.214 172.938 126.055 172.938 127.102C172.938 128.206 172.591 129.057 171.898 129.656C171.211 130.25 170.224 130.547 168.938 130.547H166.258ZM166.258 129.32H168.953C169.755 129.32 170.37 129.133 170.797 128.758C171.224 128.378 171.438 127.831 171.438 127.117C171.438 126.44 171.224 125.898 170.797 125.492C170.37 125.086 169.784 124.875 169.039 124.859H166.258V129.32ZM176.461 135H174.961V123.625H176.461V135Z" fill="#D62740" data-v-66806674></path> <line x1="165" y1="90.5" x2="322" y2="90.5" stroke="#D62740" data-v-66806674></line> <line x1="164.5" y1="108" x2="164.5" y2="90" stroke="#D62740" data-v-66806674></line> <path d="M321.646 128.354C321.842 128.549 322.158 128.549 322.354 128.354L325.536 125.172C325.731 124.976 325.731 124.66 325.536 124.464C325.34 124.269 325.024 124.269 324.828 124.464L322 127.293L319.172 124.464C318.976 124.269 318.66 124.269 318.464 124.464C318.269 124.66 318.269 124.976 318.464 125.172L321.646 128.354ZM321.5 90L321.5 128L322.5 128L322.5 90L321.5 90Z" fill="#D62740" data-v-66806674></path> <path d="M305.32 270V258.625H309.039C310.273 258.625 311.201 258.88 311.82 259.391C312.445 259.901 312.758 260.656 312.758 261.656C312.758 262.188 312.607 262.659 312.305 263.07C312.003 263.477 311.591 263.792 311.07 264.016C311.685 264.188 312.169 264.516 312.523 265C312.883 265.479 313.062 266.052 313.062 266.719C313.062 267.74 312.732 268.542 312.07 269.125C311.409 269.708 310.474 270 309.266 270H305.32ZM306.82 264.68V268.773H309.297C309.995 268.773 310.544 268.594 310.945 268.234C311.352 267.87 311.555 267.37 311.555 266.734C311.555 265.365 310.81 264.68 309.32 264.68H306.82ZM306.82 263.477H309.086C309.742 263.477 310.266 263.312 310.656 262.984C311.052 262.656 311.25 262.211 311.25 261.648C311.25 261.023 311.068 260.57 310.703 260.289C310.339 260.003 309.784 259.859 309.039 259.859H306.82V263.477ZM320.281 269.164C319.719 269.826 318.893 270.156 317.805 270.156C316.904 270.156 316.216 269.896 315.742 269.375C315.273 268.849 315.036 268.073 315.031 267.047V261.547H316.477V267.008C316.477 268.289 316.997 268.93 318.039 268.93C319.143 268.93 319.878 268.518 320.242 267.695V261.547H321.688V270H320.312L320.281 269.164ZM325.461 270H324.016V261.547H325.461V270ZM323.898 259.305C323.898 259.07 323.969 258.872 324.109 258.711C324.255 258.549 324.469 258.469 324.75 258.469C325.031 258.469 325.245 258.549 325.391 258.711C325.536 258.872 325.609 259.07 325.609 259.305C325.609 259.539 325.536 259.734 325.391 259.891C325.245 260.047 325.031 260.125 324.75 260.125C324.469 260.125 324.255 260.047 324.109 259.891C323.969 259.734 323.898 259.539 323.898 259.305ZM329.352 270H327.906V258H329.352V270ZM331.32 265.703C331.32 264.406 331.628 263.365 332.242 262.578C332.857 261.786 333.661 261.391 334.656 261.391C335.646 261.391 336.43 261.729 337.008 262.406V258H338.453V270H337.125L337.055 269.094C336.477 269.802 335.672 270.156 334.641 270.156C333.661 270.156 332.862 269.755 332.242 268.953C331.628 268.151 331.32 267.104 331.32 265.812V265.703ZM332.766 265.867C332.766 266.826 332.964 267.576 333.359 268.117C333.755 268.659 334.302 268.93 335 268.93C335.917 268.93 336.586 268.518 337.008 267.695V263.812C336.576 263.016 335.911 262.617 335.016 262.617C334.307 262.617 333.755 262.891 333.359 263.438C332.964 263.984 332.766 264.794 332.766 265.867Z" fill="#2E51ED" data-v-66806674></path> <path d="M458.75 264.742H453.82V268.773H459.547V270H452.32V258.625H459.469V259.859H453.82V263.516H458.75V264.742ZM460.68 265.703C460.68 264.406 460.987 263.365 461.602 262.578C462.216 261.786 463.021 261.391 464.016 261.391C465.005 261.391 465.789 261.729 466.367 262.406V258H467.812V270H466.484L466.414 269.094C465.836 269.802 465.031 270.156 464 270.156C463.021 270.156 462.221 269.755 461.602 268.953C460.987 268.151 460.68 267.104 460.68 265.812V265.703ZM462.125 265.867C462.125 266.826 462.323 267.576 462.719 268.117C463.115 268.659 463.661 268.93 464.359 268.93C465.276 268.93 465.945 268.518 466.367 267.695V263.812C465.935 263.016 465.271 262.617 464.375 262.617C463.667 262.617 463.115 262.891 462.719 263.438C462.323 263.984 462.125 264.794 462.125 265.867ZM469.719 265.703C469.719 264.385 470.023 263.339 470.633 262.562C471.242 261.781 472.049 261.391 473.055 261.391C474.086 261.391 474.891 261.755 475.469 262.484L475.539 261.547H476.859V269.797C476.859 270.891 476.534 271.753 475.883 272.383C475.237 273.013 474.367 273.328 473.273 273.328C472.664 273.328 472.068 273.198 471.484 272.938C470.901 272.677 470.456 272.32 470.148 271.867L470.898 271C471.518 271.766 472.276 272.148 473.172 272.148C473.875 272.148 474.422 271.951 474.812 271.555C475.208 271.159 475.406 270.602 475.406 269.883V269.156C474.828 269.823 474.039 270.156 473.039 270.156C472.049 270.156 471.247 269.758 470.633 268.961C470.023 268.164 469.719 267.078 469.719 265.703ZM471.172 265.867C471.172 266.82 471.367 267.57 471.758 268.117C472.148 268.659 472.695 268.93 473.398 268.93C474.31 268.93 474.979 268.516 475.406 267.688V263.828C474.964 263.021 474.299 262.617 473.414 262.617C472.711 262.617 472.161 262.891 471.766 263.438C471.37 263.984 471.172 264.794 471.172 265.867ZM482.555 270.156C481.409 270.156 480.477 269.781 479.758 269.031C479.039 268.276 478.68 267.268 478.68 266.008V265.742C478.68 264.904 478.839 264.156 479.156 263.5C479.479 262.839 479.927 262.323 480.5 261.953C481.078 261.578 481.703 261.391 482.375 261.391C483.474 261.391 484.328 261.753 484.938 262.477C485.547 263.201 485.852 264.237 485.852 265.586V266.188H480.125C480.146 267.021 480.388 267.695 480.852 268.211C481.32 268.721 481.914 268.977 482.633 268.977C483.143 268.977 483.576 268.872 483.93 268.664C484.284 268.456 484.594 268.18 484.859 267.836L485.742 268.523C485.034 269.612 483.971 270.156 482.555 270.156ZM482.375 262.578C481.792 262.578 481.302 262.792 480.906 263.219C480.51 263.641 480.266 264.234 480.172 265H484.406V264.891C484.365 264.156 484.167 263.589 483.812 263.188C483.458 262.781 482.979 262.578 482.375 262.578Z" fill="#2E51ED" data-v-66806674></path> <line y1="-0.5" x2="149" y2="-0.5" transform="matrix(1 0 0 -1 321 302)" stroke="#2E51ED" data-v-66806674></line> <line y1="-0.5" x2="18" y2="-0.5" transform="matrix(-4.37114e-08 1 1 4.37114e-08 321 285)" stroke="#2E51ED" data-v-66806674></line> <path d="M470.354 284.646C470.158 284.451 469.842 284.451 469.646 284.646L466.464 287.828C466.269 288.024 466.269 288.34 466.464 288.536C466.66 288.731 466.976 288.731 467.172 288.536L470 285.707L472.828 288.536C473.024 288.731 473.34 288.731 473.536 288.536C473.731 288.34 473.731 288.024 473.536 287.828L470.354 284.646ZM470.5 303L470.5 285L469.5 285L469.5 303L470.5 303Z" fill="#2E51ED" data-v-66806674></path></svg></div> <div class="tic-toc-text-right"><h2 class="subheading type-a type-a-1">A seamless integration</h2> <p class="paragraph type-b type-b-0">Run Drupal as a headless CMS with Netlify building your site and delivering it to end users.</p> <ul class="list list-checked"><li class="list-item list-item-checked"><svg width="14" height="14" viewBox="0 0 14 14" xmlns="http://www.w3.org/2000/svg" version="1.1" preserveAspectRatio="xMinYMin" aria-hidden="true" focusable="false" class="icon-check"><use xlink:href="#icon-check"></use></svg>Netlify listens for any changes from Drupal and new content is fetched using Drupal’s APIs</li> <li class="list-item list-item-checked"><svg width="14" height="14" viewBox="0 0 14 14" xmlns="http://www.w3.org/2000/svg" version="1.1" preserveAspectRatio="xMinYMin" aria-hidden="true" focusable="false" class="icon-check"><use xlink:href="#icon-check"></use></svg>Netlify prerenders your entire site using any tools and frameworks you configure</li> <li class="list-item list-item-checked"><svg width="14" height="14" viewBox="0 0 14 14" xmlns="http://www.w3.org/2000/svg" version="1.1" preserveAspectRatio="xMinYMin" aria-hidden="true" focusable="false" class="icon-check"><use xlink:href="#icon-check"></use></svg>Once generated, your site is deployed across Netlify Edge in a single atomic update</li></ul></div></section> <section class="tic-toc"><div class="tic-toc-text-left"><h2 class="subheading type-a type-a-1">Bring your own framework to modernize development</h2> <p class="paragraph type-b type-b-0">Drupal’s APIs feed content to Netlify’s build & deploy automation allowing your team to create rich, immersive experiences in the modern development framework of your choosing</p> <ul class="list solutions-tictoc-features-2col list-checked"><li class="list-item list-item-checked"><svg width="14" height="14" viewBox="0 0 14 14" xmlns="http://www.w3.org/2000/svg" version="1.1" preserveAspectRatio="xMinYMin" aria-hidden="true" focusable="false" class="icon-check"><use xlink:href="#icon-check"></use></svg>React</li> <li class="list-item list-item-checked"><svg width="14" height="14" viewBox="0 0 14 14" xmlns="http://www.w3.org/2000/svg" version="1.1" preserveAspectRatio="xMinYMin" aria-hidden="true" focusable="false" class="icon-check"><use xlink:href="#icon-check"></use></svg>Gatsby</li> <li class="list-item list-item-checked"><svg width="14" height="14" viewBox="0 0 14 14" xmlns="http://www.w3.org/2000/svg" version="1.1" preserveAspectRatio="xMinYMin" aria-hidden="true" focusable="false" class="icon-check"><use xlink:href="#icon-check"></use></svg>Nextjs</li> <li class="list-item list-item-checked"><svg width="14" height="14" viewBox="0 0 14 14" xmlns="http://www.w3.org/2000/svg" version="1.1" preserveAspectRatio="xMinYMin" aria-hidden="true" focusable="false" class="icon-check"><use xlink:href="#icon-check"></use></svg>VueJS & Nuxt</li> <li class="list-item list-item-checked"><svg width="14" height="14" viewBox="0 0 14 14" xmlns="http://www.w3.org/2000/svg" version="1.1" preserveAspectRatio="xMinYMin" aria-hidden="true" focusable="false" class="icon-check"><use xlink:href="#icon-check"></use></svg>Hugo</li> <li class="list-item list-item-checked"><svg width="14" height="14" viewBox="0 0 14 14" xmlns="http://www.w3.org/2000/svg" version="1.1" preserveAspectRatio="xMinYMin" aria-hidden="true" focusable="false" class="icon-check"><use xlink:href="#icon-check"></use></svg>Many more…</li></ul></div> <div class="tic-toc-image-right"><div data-animate-on-scroll="" class="scrim-layers solutions-scrim-frameworks"><div class="scrim-layers-caption scrim-layers-caption-top"></div> <svg width="642" height="393" viewBox="0 0 642 393" fill="none" xmlns="http://www.w3.org/2000/svg"><g filter="url(#solutions-scrim-frameworks-filter1_d)"><path d="M509 72C509 67.5817 505.418 64 501 64H93C88.5817 64 85 67.5817 85 72V320C85 324.418 88.5817 328 93 328H501C505.418 328 509 324.418 509 320V72Z" fill="white"></path></g> <path d="M273 131.888C273 130.845 272.155 130 271.112 130H110.888C109.845 130 109 130.845 109 131.888V152.112C109 153.155 109.845 154 110.888 154H271.112C272.155 154 273 153.155 273 152.112V131.888Z" fill="#F0F2F2"></path> <path d="M273 185.888C273 184.845 272.155 184 271.112 184H110.888C109.845 184 109 184.845 109 185.888V286.112C109 287.155 109.845 288 110.888 288H271.112C272.155 288 273 287.155 273 286.112V185.888Z" fill="#F0F2F2"></path> <path d="M353 88H389V90H353V88Z" fill="#CB3F14"></path> <path fill-rule="evenodd" clip-rule="evenodd" d="M429 88H393V90H429V88ZM469 88H433V90H469V88Z" fill="#B6D2DC"></path> <path opacity="0.4" d="M109.773 123V117.039H112.047C112.641 117.039 113.107 117.201 113.445 117.523C113.789 117.846 113.961 118.276 113.961 118.812C113.961 119.359 113.786 119.792 113.438 120.109C113.089 120.427 112.628 120.586 112.055 120.586H110.531V123H109.773ZM110.531 119.945H111.945C112.336 119.945 112.638 119.852 112.852 119.664C113.07 119.471 113.18 119.188 113.18 118.812C113.18 118.448 113.073 118.169 112.859 117.977C112.646 117.784 112.336 117.688 111.93 117.688H110.531V119.945ZM114.984 121.859C114.984 122.047 115.062 122.206 115.219 122.336C115.375 122.466 115.586 122.531 115.852 122.531C116.206 122.531 116.505 122.417 116.75 122.188C117 121.958 117.125 121.664 117.125 121.305V120.773C116.917 120.826 116.578 120.888 116.109 120.961C115.359 121.086 114.984 121.385 114.984 121.859ZM114.25 121.922C114.25 121.115 114.862 120.617 116.086 120.43C116.617 120.346 116.964 120.279 117.125 120.227V119.984C117.125 119.734 117.036 119.531 116.859 119.375C116.688 119.219 116.443 119.141 116.125 119.141C115.875 119.141 115.633 119.201 115.398 119.32C115.169 119.435 114.977 119.589 114.82 119.781L114.359 119.391C114.573 119.135 114.833 118.932 115.141 118.781C115.448 118.63 115.771 118.555 116.109 118.555C117.271 118.555 117.852 119.128 117.852 120.273V123H117.148V122.352C117.06 122.565 116.891 122.75 116.641 122.906C116.391 123.062 116.096 123.141 115.758 123.141C115.284 123.141 114.914 123.029 114.648 122.805C114.383 122.576 114.25 122.281 114.25 121.922ZM119.469 120.766C119.469 121.25 119.573 121.638 119.781 121.93C119.99 122.216 120.26 122.359 120.594 122.359C120.927 122.359 121.193 122.219 121.391 121.938C121.594 121.656 121.695 121.263 121.695 120.758C121.695 120.263 121.594 119.875 121.391 119.594C121.188 119.312 120.924 119.172 120.602 119.172C120.258 119.172 119.982 119.32 119.773 119.617C119.57 119.914 119.469 120.297 119.469 120.766ZM118.727 120.773C118.727 120.107 118.893 119.57 119.227 119.164C119.56 118.758 119.987 118.555 120.508 118.555C120.815 118.555 121.068 118.635 121.266 118.797C121.469 118.953 121.612 119.13 121.695 119.328V118.695H122.422V122.461C122.422 123.273 122.271 123.878 121.969 124.273C121.672 124.669 121.203 124.867 120.562 124.867C119.859 124.867 119.315 124.602 118.93 124.07L119.43 123.734C119.747 124.094 120.13 124.273 120.578 124.273C120.922 124.273 121.193 124.141 121.391 123.875C121.589 123.609 121.69 123.258 121.695 122.82C121.695 122.747 121.695 122.646 121.695 122.516C121.701 122.385 121.703 122.294 121.703 122.242C121.599 122.456 121.445 122.633 121.242 122.773C121.039 122.909 120.802 122.977 120.531 122.977C119.99 122.977 119.552 122.773 119.219 122.367C118.891 121.956 118.727 121.424 118.727 120.773ZM123.344 120.82C123.344 120.143 123.529 119.596 123.898 119.18C124.268 118.763 124.742 118.555 125.32 118.555C125.898 118.555 126.359 118.76 126.703 119.172C127.052 119.583 127.227 120.109 127.227 120.75C127.227 120.833 127.221 120.948 127.211 121.094H124.086C124.086 121.49 124.198 121.831 124.422 122.117C124.651 122.398 124.964 122.539 125.359 122.539C125.891 122.539 126.279 122.31 126.523 121.852L127.141 122.047C127.005 122.365 126.784 122.628 126.477 122.836C126.174 123.039 125.799 123.141 125.352 123.141C124.753 123.141 124.268 122.93 123.898 122.508C123.529 122.081 123.344 121.518 123.344 120.82ZM124.102 120.555H126.484C126.484 120.164 126.38 119.833 126.172 119.562C125.964 119.292 125.68 119.156 125.32 119.156C124.956 119.156 124.664 119.297 124.445 119.578C124.227 119.854 124.112 120.18 124.102 120.555ZM129.633 119.312V118.695H130.359V117.352H131.094V118.695H132.172V119.312H131.094V121.695C131.094 121.94 131.141 122.115 131.234 122.219C131.328 122.323 131.477 122.375 131.68 122.375H132.18V123H131.586C130.768 123 130.359 122.586 130.359 121.758V119.312H129.633ZM133.07 117.844V116.953H133.938V117.844H133.07ZM133.148 123V118.695H133.867V123H133.148ZM134.742 119.312V118.695H135.469V117.352H136.203V118.695H137.281V119.312H136.203V121.695C136.203 121.94 136.25 122.115 136.344 122.219C136.438 122.323 136.586 122.375 136.789 122.375H137.289V123H136.695C135.878 123 135.469 122.586 135.469 121.758V119.312H134.742ZM138.211 123V116.828H138.938V123H138.211ZM139.938 120.82C139.938 120.143 140.122 119.596 140.492 119.18C140.862 118.763 141.336 118.555 141.914 118.555C142.492 118.555 142.953 118.76 143.297 119.172C143.646 119.583 143.82 120.109 143.82 120.75C143.82 120.833 143.815 120.948 143.805 121.094H140.68C140.68 121.49 140.792 121.831 141.016 122.117C141.245 122.398 141.557 122.539 141.953 122.539C142.484 122.539 142.872 122.31 143.117 121.852L143.734 122.047C143.599 122.365 143.378 122.628 143.07 122.836C142.768 123.039 142.393 123.141 141.945 123.141C141.346 123.141 140.862 122.93 140.492 122.508C140.122 122.081 139.938 121.518 139.938 120.82ZM140.695 120.555H143.078C143.078 120.164 142.974 119.833 142.766 119.562C142.557 119.292 142.273 119.156 141.914 119.156C141.549 119.156 141.258 119.297 141.039 119.578C140.82 119.854 140.706 120.18 140.695 120.555Z" fill="#2D3B41"></path> <path fill-rule="evenodd" clip-rule="evenodd" d="M353 130H457V132H353V130ZM353 140H457V142H353V140ZM457 150H353V152H457V150Z" fill="#B6D2DC"></path> <path fill-rule="evenodd" clip-rule="evenodd" d="M353 182H457V184H353V182ZM353 192H457V194H353V192ZM457 202H353V204H457V202Z" fill="#B6D2DC"></path> <path opacity="0.4" d="M109.773 177V171.039H112.047C112.641 171.039 113.107 171.201 113.445 171.523C113.789 171.846 113.961 172.276 113.961 172.812C113.961 173.359 113.786 173.792 113.438 174.109C113.089 174.427 112.628 174.586 112.055 174.586H110.531V177H109.773ZM110.531 173.945H111.945C112.336 173.945 112.638 173.852 112.852 173.664C113.07 173.471 113.18 173.188 113.18 172.812C113.18 172.448 113.073 172.169 112.859 171.977C112.646 171.784 112.336 171.688 111.93 171.688H110.531V173.945ZM114.984 175.859C114.984 176.047 115.062 176.206 115.219 176.336C115.375 176.466 115.586 176.531 115.852 176.531C116.206 176.531 116.505 176.417 116.75 176.188C117 175.958 117.125 175.664 117.125 175.305V174.773C116.917 174.826 116.578 174.888 116.109 174.961C115.359 175.086 114.984 175.385 114.984 175.859ZM114.25 175.922C114.25 175.115 114.862 174.617 116.086 174.43C116.617 174.346 116.964 174.279 117.125 174.227V173.984C117.125 173.734 117.036 173.531 116.859 173.375C116.688 173.219 116.443 173.141 116.125 173.141C115.875 173.141 115.633 173.201 115.398 173.32C115.169 173.435 114.977 173.589 114.82 173.781L114.359 173.391C114.573 173.135 114.833 172.932 115.141 172.781C115.448 172.63 115.771 172.555 116.109 172.555C117.271 172.555 117.852 173.128 117.852 174.273V177H117.148V176.352C117.06 176.565 116.891 176.75 116.641 176.906C116.391 177.062 116.096 177.141 115.758 177.141C115.284 177.141 114.914 177.029 114.648 176.805C114.383 176.576 114.25 176.281 114.25 175.922ZM119.469 174.766C119.469 175.25 119.573 175.638 119.781 175.93C119.99 176.216 120.26 176.359 120.594 176.359C120.927 176.359 121.193 176.219 121.391 175.938C121.594 175.656 121.695 175.263 121.695 174.758C121.695 174.263 121.594 173.875 121.391 173.594C121.188 173.312 120.924 173.172 120.602 173.172C120.258 173.172 119.982 173.32 119.773 173.617C119.57 173.914 119.469 174.297 119.469 174.766ZM118.727 174.773C118.727 174.107 118.893 173.57 119.227 173.164C119.56 172.758 119.987 172.555 120.508 172.555C120.815 172.555 121.068 172.635 121.266 172.797C121.469 172.953 121.612 173.13 121.695 173.328V172.695H122.422V176.461C122.422 177.273 122.271 177.878 121.969 178.273C121.672 178.669 121.203 178.867 120.562 178.867C119.859 178.867 119.315 178.602 118.93 178.07L119.43 177.734C119.747 178.094 120.13 178.273 120.578 178.273C120.922 178.273 121.193 178.141 121.391 177.875C121.589 177.609 121.69 177.258 121.695 176.82C121.695 176.747 121.695 176.646 121.695 176.516C121.701 176.385 121.703 176.294 121.703 176.242C121.599 176.456 121.445 176.633 121.242 176.773C121.039 176.909 120.802 176.977 120.531 176.977C119.99 176.977 119.552 176.773 119.219 176.367C118.891 175.956 118.727 175.424 118.727 174.773ZM123.344 174.82C123.344 174.143 123.529 173.596 123.898 173.18C124.268 172.763 124.742 172.555 125.32 172.555C125.898 172.555 126.359 172.76 126.703 173.172C127.052 173.583 127.227 174.109 127.227 174.75C127.227 174.833 127.221 174.948 127.211 175.094H124.086C124.086 175.49 124.198 175.831 124.422 176.117C124.651 176.398 124.964 176.539 125.359 176.539C125.891 176.539 126.279 176.31 126.523 175.852L127.141 176.047C127.005 176.365 126.784 176.628 126.477 176.836C126.174 177.039 125.799 177.141 125.352 177.141C124.753 177.141 124.268 176.93 123.898 176.508C123.529 176.081 123.344 175.518 123.344 174.82ZM124.102 174.555H126.484C126.484 174.164 126.38 173.833 126.172 173.562C125.964 173.292 125.68 173.156 125.32 173.156C124.956 173.156 124.664 173.297 124.445 173.578C124.227 173.854 124.112 174.18 124.102 174.555ZM129.867 174.023C129.867 173.06 130.104 172.299 130.578 171.742C131.057 171.18 131.68 170.898 132.445 170.898C132.924 170.898 133.333 171.031 133.672 171.297C134.01 171.557 134.263 171.875 134.43 172.25L133.781 172.469C133.432 171.854 132.982 171.547 132.43 171.547C131.883 171.547 131.448 171.773 131.125 172.227C130.807 172.674 130.648 173.273 130.648 174.023C130.648 174.784 130.81 175.385 131.133 175.828C131.461 176.266 131.893 176.484 132.43 176.484C132.773 176.484 133.073 176.388 133.328 176.195C133.589 175.997 133.781 175.755 133.906 175.469L134.586 175.688C134.508 175.865 134.409 176.031 134.289 176.188C134.174 176.344 134.031 176.497 133.859 176.648C133.688 176.799 133.479 176.919 133.234 177.008C132.995 177.096 132.732 177.141 132.445 177.141C131.69 177.141 131.07 176.865 130.586 176.312C130.107 175.76 129.867 174.997 129.867 174.023ZM135.859 174.852C135.859 175.378 135.977 175.789 136.211 176.086C136.445 176.378 136.732 176.523 137.07 176.523C137.404 176.523 137.688 176.378 137.922 176.086C138.156 175.789 138.273 175.378 138.273 174.852C138.273 174.315 138.156 173.901 137.922 173.609C137.688 173.318 137.404 173.172 137.07 173.172C136.737 173.172 136.451 173.318 136.211 173.609C135.977 173.896 135.859 174.31 135.859 174.852ZM135.109 174.852C135.109 174.201 135.279 173.656 135.617 173.219C135.956 172.776 136.44 172.555 137.07 172.555C137.69 172.555 138.169 172.776 138.508 173.219C138.852 173.656 139.023 174.201 139.023 174.852C139.023 175.122 138.987 175.385 138.914 175.641C138.846 175.896 138.74 176.141 138.594 176.375C138.453 176.604 138.25 176.789 137.984 176.93C137.719 177.07 137.414 177.141 137.07 177.141C136.727 177.141 136.422 177.073 136.156 176.938C135.896 176.797 135.69 176.612 135.539 176.383C135.393 176.154 135.284 175.911 135.211 175.656C135.143 175.396 135.109 175.128 135.109 174.852ZM139.93 177V172.695H140.648V173.367H140.656C140.724 173.174 140.872 172.992 141.102 172.82C141.336 172.643 141.622 172.555 141.961 172.555C142.372 172.555 142.706 172.682 142.961 172.938C143.221 173.193 143.352 173.62 143.352 174.219V177H142.609V174.336C142.609 173.56 142.339 173.172 141.797 173.172C141.49 173.172 141.224 173.299 141 173.555C140.781 173.805 140.672 174.107 140.672 174.461V177H139.93ZM144 173.312V172.695H144.727V171.352H145.461V172.695H146.539V173.312H145.461V175.695C145.461 175.94 145.508 176.115 145.602 176.219C145.695 176.323 145.844 176.375 146.047 176.375H146.547V177H145.953C145.135 177 144.727 176.586 144.727 175.758V173.312H144ZM147.102 174.82C147.102 174.143 147.286 173.596 147.656 173.18C148.026 172.763 148.5 172.555 149.078 172.555C149.656 172.555 150.117 172.76 150.461 173.172C150.81 173.583 150.984 174.109 150.984 174.75C150.984 174.833 150.979 174.948 150.969 175.094H147.844C147.844 175.49 147.956 175.831 148.18 176.117C148.409 176.398 148.721 176.539 149.117 176.539C149.648 176.539 150.036 176.31 150.281 175.852L150.898 176.047C150.763 176.365 150.542 176.628 150.234 176.836C149.932 177.039 149.557 177.141 149.109 177.141C148.51 177.141 148.026 176.93 147.656 176.508C147.286 176.081 147.102 175.518 147.102 174.82ZM147.859 174.555H150.242C150.242 174.164 150.138 173.833 149.93 173.562C149.721 173.292 149.438 173.156 149.078 173.156C148.714 173.156 148.422 173.297 148.203 173.578C147.984 173.854 147.87 174.18 147.859 174.555ZM151.883 177V172.695H152.602V173.367H152.609C152.677 173.174 152.826 172.992 153.055 172.82C153.289 172.643 153.576 172.555 153.914 172.555C154.326 172.555 154.659 172.682 154.914 172.938C155.174 173.193 155.305 173.62 155.305 174.219V177H154.562V174.336C154.562 173.56 154.292 173.172 153.75 173.172C153.443 173.172 153.177 173.299 152.953 173.555C152.734 173.805 152.625 174.107 152.625 174.461V177H151.883ZM155.953 173.312V172.695H156.68V171.352H157.414V172.695H158.492V173.312H157.414V175.695C157.414 175.94 157.461 176.115 157.555 176.219C157.648 176.323 157.797 176.375 158 176.375H158.5V177H157.906C157.089 177 156.68 176.586 156.68 175.758V173.312H155.953Z" fill="#2D3B41"></path> <g></g> <rect x="481" y="229" width="76" height="58" rx="8" fill="black"></rect> <path d="M531.711 245.206C528.454 240.579 522.021 239.209 517.37 242.148L509.202 247.315C506.969 248.707 505.434 250.969 504.968 253.542C504.579 255.686 504.921 257.898 505.942 259.828C505.243 260.881 504.764 262.062 504.539 263.302C504.069 265.924 504.683 268.627 506.246 270.796C509.503 275.423 515.936 276.793 520.586 273.85L528.754 268.686C530.987 267.294 532.522 265.032 532.989 262.46C533.377 260.316 533.036 258.103 532.015 256.174C532.713 255.121 533.189 253.94 533.414 252.7C533.887 250.075 533.274 247.374 531.711 245.206ZM529.374 251.836C529.327 252.094 529.262 252.346 529.18 252.594L529.027 253.061L528.607 252.756C527.639 252.051 526.559 251.516 525.413 251.171L525.109 251.081L525.137 250.78C525.175 250.351 525.056 249.925 524.808 249.574C524.341 248.906 523.505 248.599 522.71 248.804C522.531 248.85 522.362 248.925 522.209 249.021L514.041 254.185C513.637 254.437 513.358 254.847 513.273 255.313C513.189 255.789 513.299 256.28 513.584 256.671C514.05 257.339 514.886 257.647 515.682 257.445C515.86 257.398 516.029 257.324 516.183 257.227L519.299 255.257C519.813 254.934 520.37 254.689 520.959 254.533C523.593 253.853 526.374 254.878 527.924 257.094C528.864 258.399 529.233 260.021 528.952 261.599C528.673 263.146 527.746 264.507 526.405 265.343L518.231 270.507C517.718 270.83 517.16 271.076 516.571 271.231C513.937 271.912 511.156 270.886 509.606 268.671C508.666 267.366 508.297 265.744 508.579 264.165C508.626 263.908 508.692 263.656 508.773 263.407L508.926 262.941L509.346 263.246C510.314 263.951 511.394 264.485 512.541 264.83L512.844 264.92L512.816 265.222C512.779 265.651 512.894 266.076 513.145 266.427C513.612 267.095 514.448 267.403 515.243 267.198C515.422 267.151 515.591 267.077 515.744 266.981L523.912 261.816C524.316 261.565 524.595 261.155 524.68 260.689C524.764 260.213 524.652 259.722 524.37 259.331C523.903 258.663 523.067 258.355 522.271 258.557C522.093 258.604 521.924 258.678 521.77 258.775L518.654 260.744C518.14 261.068 517.583 261.313 516.994 261.468C514.36 262.149 511.579 261.127 510.029 258.908C509.089 257.603 508.72 255.981 509.002 254.403C509.28 252.855 510.207 251.495 511.548 250.659L519.716 245.495C520.229 245.171 520.787 244.926 521.376 244.771C524.009 244.09 526.791 245.116 528.341 247.331C529.29 248.636 529.659 250.261 529.374 251.836Z" fill="white"></path> <rect x="393" y="229" width="74.7119" height="58" rx="8" fill="black"></rect> <path d="M410.241 241.76L430.213 276.529L450.185 241.76H442.196L430.213 262.621L418.13 241.76H410.241Z" fill="white"></path> <path d="M418.13 241.76L430.213 262.722L442.196 241.76H434.806L430.213 249.822L425.519 241.76H418.13Z" fill="#BDBDBD"></path> <rect x="304" y="229" width="76" height="58" rx="8" fill="black"></rect> <path d="M359.699 258.079H348.487V261.258H356.175C355.054 266.025 351.53 269.997 346.885 271.586L328.466 253.312C330.388 247.751 335.833 243.778 342.08 243.778C346.885 243.778 351.21 246.162 353.932 249.816L356.335 247.751C353.132 243.46 348.006 240.6 342.08 240.6C333.751 240.6 326.704 246.479 324.942 254.266L346.084 275.241C353.772 273.334 359.699 266.342 359.699 258.079ZM324.461 258.238C324.461 262.688 326.223 266.978 329.587 270.315C332.95 273.652 337.435 275.4 341.76 275.4L324.461 258.238Z" fill="white"></path> <defs><filter id="solutions-scrim-frameworks-filter1_d" x="81" y="62" width="432" height="272" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"></feFlood> <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"></feColorMatrix> <feOffset dy="2"></feOffset> <feGaussianBlur stdDeviation="2"></feGaussianBlur> <feColorMatrix type="matrix" values="0 0 0 0 0.054902 0 0 0 0 0.117647 0 0 0 0 0.145098 0 0 0 0.12 0"></feColorMatrix> <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"></feBlend> <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape"></feBlend></filter></defs></svg> <div class="scrim-layers-caption scrim-layers-caption-bottom"> <div data-animate-on-scroll-element="" class="scrim-caption scrim-caption-align-center" style="--animation-on-scroll-delay:300ms;">Render Drupal pages with modern frontend tools</div></div></div></div>  </section> <section class="tic-toc home-tictoc-build-plugins tic-toc-alternate">  <div class="tic-toc-image-left"><div data-animate-on-scroll="" class="scrim-layers home-scrim-build-plugins"><div class="scrim-layers-caption scrim-layers-caption-top"></div> <svg width="642" height="357" viewBox="0 0 642 357" fill="none" xmlns="http://www.w3.org/2000/svg"><g filter="url(#home-scrim-build-plugins-filter0_d)" data-animate-on-scroll-element="" class="scrim-layers-website"><rect x="122" y="24" width="424" height="264" rx="8" fill="#4D565F"></rect> <path d="M187.382 56C185.435 56 184.503 54.0215 183.755 52.4308C182.999 50.8215 182.474 49.8462 181.588 49.8462C180.703 49.8462 180.178 50.8215 179.422 52.4308C178.674 54.0215 177.742 56 175.795 56C173.848 56 172.916 54.0215 172.168 52.4308C171.409 50.8215 170.884 49.8462 169.999 49.8462C169.113 49.8462 168.588 50.8215 167.832 52.4308C167.081 54.0215 166.152 56 164.205 56C162.258 56 161.326 54.0215 160.578 52.4308C159.82 50.8215 159.297 49.8462 158.412 49.8462C157.526 49.8462 157.001 50.8215 156.245 52.4308C155.494 54.0215 154.565 56 152.618 56C150.672 56 149.739 54.0215 148.992 52.4308C148.235 50.8215 147.71 49.8462 146.825 49.8462C146.368 49.8462 146 49.4338 146 48.9231C146 48.4123 146.368 48 146.825 48C148.772 48 149.704 49.9785 150.452 51.5692C151.208 53.1785 151.733 54.1538 152.618 54.1538C153.504 54.1538 154.029 53.1785 154.785 51.5692C155.533 49.9785 156.465 48 158.412 48C160.358 48 161.288 49.9785 162.038 51.5692C162.795 53.1785 163.32 54.1538 164.205 54.1538C165.091 54.1538 165.616 53.1785 166.372 51.5692C167.12 49.9785 168.052 48 169.999 48C171.945 48 172.877 49.9785 173.625 51.5692C174.382 53.1754 174.907 54.1538 175.792 54.1538C176.677 54.1538 177.203 53.1785 177.959 51.5692C178.707 49.9785 179.639 48 181.585 48C183.532 48 184.464 49.9785 185.212 51.5692C185.968 53.1785 186.494 54.1538 187.379 54.1538C188.267 54.1538 188.789 53.1785 189.546 51.5692C190.296 49.9785 191.228 48 193.175 48C193.632 48 194 48.4123 194 48.9231C194 49.4338 193.632 49.8462 193.175 49.8462C192.287 49.8462 191.765 50.8215 191.008 52.4308C190.258 54.0215 189.328 56 187.382 56Z" fill="#fbf0cc"></path> <path fill-rule="evenodd" clip-rule="evenodd" d="M146 72H204V74H146V72ZM146 78H186V80H146V78ZM194 84H146V86H194V84Z" fill="#9DA7B2"></path> <path fill-rule="evenodd" clip-rule="evenodd" d="M228 72H286V74H228V72ZM228 78H268V80H228V78ZM276 84H228V86H276V84Z" fill="#9DA7B2"></path> <path d="M342 24H538C542.418 24 546 27.5817 546 32V280C546 284.418 542.418 288 538 288H342V24Z" fill="#181A1C"></path> <text fill="#9DA7B2" xml:space="preserve" letter-spacing="-0.3px" font-family="SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace" font-size="9" style="white-space:pre;"><tspan x="350" y="70.8659">module.exports = () => { </tspan><tspan x="350" y="86.9096"> return { </tspan><tspan x="350" y="102.953"> name: "netlify-plugin-image-optim", </tspan><tspan x="350" y="118.997"> </tspan><tspan x="350" y="135.041"> </tspan><tspan x="350" y="151.085"> </tspan><tspan x="350" y="167.128"> </tspan><tspan x="350" y="183.172"> </tspan><tspan x="350" y="199.216"> </tspan><tspan x="350" y="215.26"> onPostBuild: async config => { </tspan><tspan x="350" y="231.304"> const files = {};</tspan></text></g> <g style="display:none;"><rect x="439" y="271" width="2" height="34" fill="#D62740"></rect> <circle cx="440" cy="271" r="2" fill="#D62740"></circle></g> <g filter="url(#home-scrim-build-plugins-filter1_d)" data-animate-on-scroll-element="" class="scrim-layers-notification" style="--animation-on-scroll-delay:850ms;"><rect x="14" y="118" width="164" height="76" rx="6" fill="white"></rect> <text fill="#2D3B41" xml:space="preserve" font-family="Mulish, sans-serif" font-size="12" letter-spacing="0px" style="white-space:pre;"><tspan x="54" y="159.574">Optimize images </tspan><tspan x="54" y="179.574">during your builds</tspan></text> <text fill="#2D3B41" xml:space="preserve" font-family="Mulish, sans-serif" font-size="12" font-weight="bold" letter-spacing="0px" style="white-space:pre;"><tspan x="54" y="139.574">Image optim plugin</tspan></text> <circle cx="34" cy="138" r="12" fill="#B2E6E2"></circle> <path d="M40.8503 138.948C40.666 139.254 40.4315 139.619 40.1396 140.032C39.5804 140.825 38.9288 140.936 38.6346 140.389C38.4293 140.007 38.1982 139.676 37.9935 139.47C37.308 138.784 36.1972 138.784 35.5117 139.47C34.8261 140.157 34.8261 141.27 35.5117 141.957C35.7164 142.162 36.0469 142.393 36.4283 142.599C36.9746 142.893 36.8634 143.546 36.072 144.106C35.6597 144.399 35.2947 144.634 34.9893 144.818C34.436 145.153 33.5896 145.004 33.1328 144.546L27.3426 138.746C26.8858 138.288 26.8858 137.546 27.3426 137.088L33.1328 131.287C33.5896 130.829 34.1821 130.935 34.5161 131.489C34.7004 131.795 34.9349 132.161 35.2268 132.574C35.786 133.367 36.4376 133.477 36.7312 132.931C36.9366 132.549 37.1676 132.218 37.3723 132.012C38.0573 131.326 39.1686 131.326 39.8542 132.012C40.5397 132.699 40.5397 133.812 39.8542 134.499C39.6494 134.704 39.3189 134.935 38.9376 135.141C38.3913 135.435 38.5024 136.088 39.2938 136.649C39.7062 136.941 40.0712 137.176 40.3765 137.361C40.9304 137.694 41.1843 138.393 40.8503 138.948Z" fill="#009488"></path></g> <g filter="url(#home-scrim-build-plugins-filter1_d)" data-animate-on-scroll-element="" class="scrim-layers-notification" style="--animation-on-scroll-delay:1050ms;"><rect x="186" y="118" width="164" height="76" rx="6" fill="white"></rect> <text fill="#2D3B41" xml:space="preserve" font-family="Mulish, sans-serif" font-size="12" letter-spacing="0px" style="white-space:pre;"><tspan x="226" y="159.574">Analyze & optimize </tspan><tspan x="226" y="179.574">your web fonts usage</tspan></text> <text fill="#2D3B41" xml:space="preserve" font-family="Mulish, sans-serif" font-size="12" font-weight="bold" letter-spacing="0px" style="white-space:pre;"><tspan x="226" y="139.574">Subfont plugin</tspan></text> <circle cx="206" cy="138" r="12" fill="#B2E6E2"></circle> <path d="M212.85 138.948C212.666 139.254 212.431 139.619 212.14 140.032C211.58 140.825 210.929 140.936 210.635 140.389C210.429 140.007 210.198 139.676 209.994 139.47C209.308 138.784 208.197 138.784 207.512 139.47C206.826 140.157 206.826 141.27 207.512 141.957C207.716 142.162 208.047 142.393 208.428 142.599C208.975 142.893 208.863 143.546 208.072 144.106C207.66 144.399 207.295 144.634 206.989 144.818C206.436 145.153 205.59 145.004 205.133 144.546L199.343 138.746C198.886 138.288 198.886 137.546 199.343 137.088L205.133 131.287C205.59 130.829 206.182 130.935 206.516 131.489C206.7 131.795 206.935 132.161 207.227 132.574C207.786 133.367 208.438 133.477 208.731 132.931C208.937 132.549 209.168 132.218 209.372 132.012C210.057 131.326 211.169 131.326 211.854 132.012C212.54 132.699 212.54 133.812 211.854 134.499C211.649 134.704 211.319 134.935 210.938 135.141C210.391 135.435 210.502 136.088 211.294 136.649C211.706 136.941 212.071 137.176 212.376 137.361C212.93 137.694 213.184 138.393 212.85 138.948Z" fill="#009488"></path></g> <g filter="url(#home-scrim-build-plugins-filter1_d)" data-animate-on-scroll-element="" class="scrim-layers-notification" style="--animation-on-scroll-delay:1250ms;"><rect x="358" y="118" width="164" height="76" rx="6" fill="white"></rect> <text fill="#2D3B41" xml:space="preserve" font-family="Mulish, sans-serif" font-size="12" letter-spacing="0px" style="white-space:pre;"><tspan x="398" y="159.574">Notify and stop build </tspan><tspan x="398" y="179.574">if a11y checks fails</tspan></text> <text fill="#2D3B41" xml:space="preserve" font-family="Mulish, sans-serif" font-size="12" font-weight="bold" letter-spacing="0px" style="white-space:pre;"><tspan x="398" y="139.574">A11y plugin</tspan></text> <circle cx="378" cy="138" r="12" fill="#B2E6E2"></circle> <path d="M384.85 138.948C384.666 139.254 384.431 139.619 384.14 140.032C383.58 140.825 382.929 140.936 382.635 140.389C382.429 140.007 382.198 139.676 381.994 139.47C381.308 138.784 380.197 138.784 379.512 139.47C378.826 140.157 378.826 141.27 379.512 141.957C379.716 142.162 380.047 142.393 380.428 142.599C380.975 142.893 380.863 143.546 380.072 144.106C379.66 144.399 379.295 144.634 378.989 144.818C378.436 145.153 377.59 145.004 377.133 144.546L371.343 138.746C370.886 138.288 370.886 137.546 371.343 137.088L377.133 131.287C377.59 130.829 378.182 130.935 378.516 131.489C378.7 131.795 378.935 132.161 379.227 132.574C379.786 133.367 380.438 133.477 380.731 132.931C380.937 132.549 381.168 132.218 381.372 132.012C382.057 131.326 383.169 131.326 383.854 132.012C384.54 132.699 384.54 133.812 383.854 134.499C383.649 134.704 383.319 134.935 382.938 135.141C382.391 135.435 382.502 136.088 383.294 136.649C383.706 136.941 384.071 137.176 384.376 137.361C384.93 137.694 385.184 138.393 384.85 138.948Z" fill="#009488"></path></g> <defs><filter id="home-scrim-build-plugins-filter0_d" x="118" y="22" width="432" height="272" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"></feFlood> <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"></feColorMatrix> <feOffset dy="2"></feOffset> <feGaussianBlur stdDeviation="2"></feGaussianBlur> <feColorMatrix type="matrix" values="0 0 0 0 0.054902 0 0 0 0 0.117647 0 0 0 0 0.145098 0 0 0 0.12 0"></feColorMatrix> <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"></feBlend> <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape"></feBlend></filter> <filter id="home-scrim-build-plugins-filter1_d" x="10" y="116" width="516" height="84" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"></feFlood> <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"></feColorMatrix> <feOffset dy="2"></feOffset> <feGaussianBlur stdDeviation="2"></feGaussianBlur> <feColorMatrix type="matrix" values="0 0 0 0 0.054902 0 0 0 0 0.117647 0 0 0 0 0.145098 0 0 0 0.12 0"></feColorMatrix> <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"></feBlend> <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape"></feBlend></filter></defs></svg> <div class="scrim-layers-caption scrim-layers-caption-bottom"><div data-animate-on-scroll-element="" class="scrim-caption scrim-caption-align-center" style="--animation-on-scroll-delay:300ms;"><span>Use build plugins from the community or create your own</span> <div aria-hidden="true" class="scrim-layers-caption-line"></div></div></div></div></div> <div class="tic-toc-text-right"><h2 class="subheading type-a type-a-1">Customize your projects with your own build tools or microservices</h2> <p class="paragraph type-b type-b-0">Netlify discovers and installs your project dependencies and allows you to write powerful plugins that hook into any stage of the build process.</p> <a href="/integrations/" id="cta-integrations-explore-button" class="call-to-action call-to-action-variant-text">  <span>Explore integrations or create your own</span><span class="icon"><svg width="12" height="10" viewBox="0 0 12 10" xmlns="http://www.w3.org/2000/svg" version="1.1" preserveAspectRatio="xMinYMin" aria-hidden="true" focusable="false" class="icon-arrow"><use xlink:href="#icon-arrow"></use></svg></span></a></div></section></div> <a href="/contact/" type="button" id="cta-drupal-tictoc" class="solutions-tictoc-cta call-to-action call-to-action-button call-to-action-variant-teal">  <span>Talk to an expert</span></a></section> <section class="pancake solutions-pancake"><div class="solutions-4up solutions-card"><div class="lo solutions-4up-layout"><div><div class="lo"><div><div class="solutions-icon-circle"><svg width="44" height="40" viewBox="0 0 44 40" fill="none" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid" aria-hidden="true" focusable="false"><path d="M16.7284 30.225C16.6335 30.1285 16.5204 30.0518 16.3957 29.9992C16.271 29.9466 16.1371 29.9192 16.0018 29.9185C15.8664 29.9177 15.7323 29.9438 15.607 29.995C15.4818 30.0463 15.3679 30.1218 15.2719 30.2172L10.6206 34.754V1.66607C10.6206 1.48331 10.548 1.30804 10.4188 1.17882C10.2896 1.04959 10.1143 0.97699 9.93153 0.97699H8.55165C8.3689 0.97699 8.19363 1.04959 8.0644 1.17882C7.93517 1.30804 7.86257 1.48331 7.86257 1.66607V34.735L3.21645 30.2258C3.02279 30.0333 2.76082 29.9253 2.48775 29.9253C2.21468 29.9253 1.95271 30.0333 1.75905 30.2258L1.27325 30.7134C1.17689 30.8094 1.10043 30.9235 1.04826 31.0491C0.996093 31.1748 0.969238 31.3095 0.969238 31.4455C0.969238 31.5816 0.996093 31.7162 1.04826 31.8419C1.10043 31.9675 1.17689 32.0816 1.27325 32.1777L8.51375 39.2666C8.70657 39.459 8.96787 39.5671 9.2403 39.5671C9.51273 39.5671 9.77403 39.459 9.96685 39.2666L17.2022 32.1759C17.2991 32.0804 17.3761 31.9667 17.429 31.8414C17.4818 31.716 17.5094 31.5814 17.5101 31.4454C17.5108 31.3094 17.4847 31.1745 17.4332 31.0486C17.3816 30.9227 17.3058 30.8082 17.2099 30.7116L16.7284 30.225ZM23.3669 14.7586H36.4594C36.6856 14.7586 36.9096 14.714 37.1186 14.6275C37.3276 14.5409 37.5175 14.414 37.6775 14.254C37.8375 14.094 37.9644 13.9041 38.0509 13.6951C38.1375 13.4861 38.1821 13.2621 38.1821 13.0359V2.69969C38.1821 2.2428 38.0006 1.80463 37.6775 1.48156C37.3544 1.15849 36.9163 0.97699 36.4594 0.97699H23.3669C22.91 0.97699 22.4718 1.15849 22.1487 1.48156C21.8257 1.80463 21.6442 2.2428 21.6442 2.69969V13.0359C21.6442 13.2621 21.6887 13.4861 21.7753 13.6951C21.8619 13.9041 21.9888 14.094 22.1487 14.254C22.3087 14.414 22.4986 14.5409 22.7076 14.6275C22.9166 14.714 23.1406 14.7586 23.3669 14.7586ZM24.4005 3.73331H35.4258V12.0023H24.4005V3.73331ZM41.2829 20.2712H24.0559C23.4163 20.2712 22.8029 20.5253 22.3506 20.9776C21.8983 21.4299 21.6442 22.0434 21.6442 22.683V37.1537C21.6442 37.7933 21.8983 38.4068 22.3506 38.8591C22.8029 39.3114 23.4163 39.5655 24.0559 39.5655H41.2829C41.9226 39.5655 42.536 39.3114 42.9883 38.8591C43.4406 38.4068 43.6947 37.7933 43.6947 37.1537V22.683C43.6947 22.0434 43.4406 21.4299 42.9883 20.9776C42.536 20.5253 41.9226 20.2712 41.2829 20.2712ZM40.9384 36.8091H24.4005V23.0275H40.9384V36.8091Z" fill="white"></path></svg></div></div> <div class="lo-max"><h2 class="subheading type-a type-a-1">Low predictable costs</h2> <p class="paragraph type-b type-b-0">Reduce the cost and complexity of your content delivery infrastructure</p></div></div></div> <div><div class="lo"><div><div class="solutions-icon-circle"><svg width="44" height="34" viewBox="0 0 44 34" fill="none" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid" aria-hidden="true" focusable="false"><path d="M18.3828 17.165L19.1452 16.3952C19.3555 16.1828 19.3555 15.8378 19.1452 15.6254L15.9747 12.4244L19.1452 9.22347C19.3555 9.01112 19.3555 8.66605 19.1452 8.45369L18.3828 7.68391C18.1724 7.47155 17.8306 7.47155 17.6203 7.68391L13.3058 12.0399C13.0955 12.2522 13.0955 12.5973 13.3058 12.8097L17.6203 17.1656C17.8313 17.378 18.1724 17.378 18.3828 17.165ZM24.8545 16.3952L25.6169 17.165C25.8273 17.3773 26.1691 17.3773 26.3794 17.165L30.6939 12.809C30.9042 12.5966 30.9042 12.2516 30.6939 12.0392L26.3794 7.68323C26.1691 7.47087 25.8273 7.47087 25.6169 7.68323L24.8545 8.45301C24.6442 8.66536 24.6442 9.01044 24.8545 9.22279L28.0256 12.4244L24.8552 15.6254C24.805 15.6759 24.7652 15.7359 24.7381 15.8019C24.7109 15.8679 24.6969 15.9387 24.6968 16.0102C24.6968 16.0816 24.7107 16.1524 24.7377 16.2185C24.7648 16.2846 24.8044 16.3446 24.8545 16.3952ZM42.494 23.3144H39.2582V4.80147C39.2582 2.39888 37.322 0.445496 34.9437 0.445496H9.05671C6.67834 0.445496 4.74221 2.39888 4.74221 4.80147V23.3144H1.50634C0.910403 23.3144 0.427719 23.8017 0.427719 24.4034V27.6704C0.427719 30.6726 2.84653 33.1153 5.82084 33.1153H38.1795C41.1538 33.1153 43.5727 30.6726 43.5727 27.6704V24.4034C43.5727 23.8017 43.09 23.3144 42.494 23.3144ZM6.89946 4.80147C6.89946 3.59882 7.8655 2.62349 9.05671 2.62349H34.9437C36.1349 2.62349 37.1009 3.59882 37.1009 4.80147V23.3144H26.7953C26.5216 23.3144 26.3221 23.5274 26.2614 23.7969C26.0437 24.7675 25.1841 25.4924 24.1574 25.4924H19.8429C18.8162 25.4924 17.9567 24.7675 17.739 23.7969C17.6783 23.5274 17.4787 23.3144 17.205 23.3144H6.89946V4.80147ZM41.4154 27.6704C41.4154 29.472 39.964 30.9373 38.1795 30.9373H5.82084C4.03639 30.9373 2.58497 29.472 2.58497 27.6704V25.4924H15.7138C16.1581 26.7597 17.3574 27.6704 18.7643 27.6704H25.2361C26.6437 27.6704 27.8423 26.7597 28.2865 25.4924H41.4154V27.6704Z" fill="white"></path></svg></div></div> <div class="lo-max"><h2 class="subheading type-a type-a-1">Streamlined developer workflow</h2> <p class="paragraph type-b type-b-0">Deliver new web properties faster with better developer workflows</p></div></div></div> <div><div class="lo"><div><div class="solutions-icon-circle"><svg width="25" height="39" viewBox="0 0 25 39" fill="none" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid" aria-hidden="true" focusable="false"><path d="M22.3816 12.4679H13.8167L16.9784 2.8342C17.2753 1.70606 16.4218 0.592773 15.2565 0.592773H4.56893C3.6783 0.592773 2.92126 1.25333 2.80251 2.13654L0.427494 19.9492C0.286477 21.0179 1.11773 21.9679 2.19392 21.9679H11.0038L7.58224 36.4036C7.31505 37.5317 8.176 38.5931 9.31155 38.5931C9.92757 38.5931 10.5287 38.2665 10.8553 37.7024L23.9179 15.1398C24.6082 13.9597 23.7546 12.4679 22.3816 12.4679ZM10.8256 33.0192L13.312 22.5097L14.0022 19.5855H2.86931L5.08847 2.96779H14.4327L11.5604 11.7257L10.5362 14.8429H21.3499L10.8256 33.0192Z" fill="white"></path></svg></div></div> <div class="lo-max"><h2 class="subheading type-a type-a-1">Fast engaging sites</h2> <p class="paragraph type-b type-b-0">Higher search rankings, lower bounce rates, & higher conversion</p></div></div></div> <div><div class="lo"><div><div class="solutions-icon-circle"><svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid" aria-hidden="true" focusable="false"><path d="M13.4658 15.8651L13.8338 16.2332C14.1388 16.5381 14.1388 17.0325 13.8338 17.3375L4.08207 27.0893H8.07582C8.50706 27.0893 8.8567 27.4389 8.8567 27.8702V28.3908C8.8567 28.822 8.50706 29.1716 8.07582 29.1716H1.30819C0.876952 29.1716 0.527313 28.822 0.527313 28.3908V21.6231C0.527313 21.1919 0.876952 20.8423 1.30819 20.8423H1.82878C2.26002 20.8423 2.60966 21.1919 2.60966 21.6231V25.6169L12.3614 15.8651C12.6664 15.5601 13.1608 15.5601 13.4658 15.8651ZM28.8993 0.0187988H22.1317C21.7004 0.0187988 21.3508 0.368438 21.3508 0.799679V1.32027C21.3508 1.75151 21.7004 2.10115 22.1317 2.10115H26.1254L16.3736 11.8529C16.0687 12.1578 16.0687 12.6523 16.3736 12.9573L16.7417 13.3253C17.0466 13.6303 17.5411 13.6303 17.8461 13.3253L27.5978 3.57356V7.5673C27.5978 7.99855 27.9475 8.34818 28.3787 8.34818H28.8993C29.3305 8.34818 29.6802 7.99855 29.6802 7.5673V0.799679C29.6802 0.368438 29.3305 0.0187988 28.8993 0.0187988Z" fill="white"></path></svg></div></div> <div class="lo-max"><h2 class="subheading type-a type-a-1">Instant scaling when traffic surges</h2> <p class="paragraph type-b type-b-0">Effortlessly handle massive traffic with site content cached across the globe</p></div></div></div></div></div></section> <section class="pancake solutions-pancake"><blockquote class="testimonial solutions-testimonial"><div class="testimonial-thumbnail"><picture><source type="image/webp" srcset="https://netlify-eleventy-api-img.netlify.app/https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fo0o2tn5x%2Fproduction%2F59aa3c2c4facebaa1f7d630271a4b2007841e943-328x328.webp/webp/164/ 164w, https://netlify-eleventy-api-img.netlify.app/https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fo0o2tn5x%2Fproduction%2F59aa3c2c4facebaa1f7d630271a4b2007841e943-328x328.webp/webp/328/ 328w" sizes="10.25rem"><source type="image/jpeg" srcset="https://netlify-eleventy-api-img.netlify.app/https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fo0o2tn5x%2Fproduction%2F59aa3c2c4facebaa1f7d630271a4b2007841e943-328x328.webp/jpeg/164/ 164w, https://netlify-eleventy-api-img.netlify.app/https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fo0o2tn5x%2Fproduction%2F59aa3c2c4facebaa1f7d630271a4b2007841e943-328x328.webp/jpeg/328/ 328w" sizes="10.25rem"><img alt="Alex De Winne" loading="lazy" src="https://netlify-eleventy-api-img.netlify.app/https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fo0o2tn5x%2Fproduction%2F59aa3c2c4facebaa1f7d630271a4b2007841e943-328x328.webp/jpeg/164/" width="328" height="328"></picture> <div class="scrim-icon theme-dark"><svg width="167" height="158" viewBox="0 0 167 158" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M82.5 95C108.734 95 130 73.7335 130 47.5C130 21.2665 108.734 0 82.5 0C56.2665 0 35 21.2665 35 47.5C35 73.7335 56.2665 95 82.5 95ZM82.9657 71.7157C96.0824 71.7157 106.716 61.0825 106.716 47.9657C106.716 34.8489 96.0824 24.2157 82.9657 24.2157C69.8489 24.2157 59.2157 34.8489 59.2157 47.9657C59.2157 61.0825 69.8489 71.7157 82.9657 71.7157Z" fill="white"></path> <path fill-rule="evenodd" clip-rule="evenodd" d="M47.5 158C73.7335 158 95 136.734 95 110.5C95 84.2665 73.7335 63 47.5 63C21.2665 63 0 84.2665 0 110.5C0 136.734 21.2665 158 47.5 158ZM47.9657 134.716C61.0824 134.716 71.7157 124.082 71.7157 110.966C71.7157 97.8489 61.0824 87.2157 47.9657 87.2157C34.8489 87.2157 24.2157 97.8489 24.2157 110.966C24.2157 124.082 34.8489 134.716 47.9657 134.716Z" fill="white"></path> <path fill-rule="evenodd" clip-rule="evenodd" d="M119.5 158C145.734 158 167 136.734 167 110.5C167 84.2665 145.734 63 119.5 63C93.2665 63 72 84.2665 72 110.5C72 136.734 93.2665 158 119.5 158ZM119.966 134.716C133.082 134.716 143.716 124.082 143.716 110.966C143.716 97.8489 133.082 87.2157 119.966 87.2157C106.849 87.2157 96.2157 97.8489 96.2157 110.966C96.2157 124.082 106.849 134.716 119.966 134.716Z" fill="white"></path></svg></div></div> <div class="testimonial-content type-a type-a-1"><p>Netlify makes it easy for us to meet the performance and security requirements of our clients, especially given the time constraints we often have. Compared to just working in Drupal, it allows us to be far more agile and ramp up new team members in a fraction of the time.</p> <footer class="testimonial-footer type-b type-b-0 type--nested"> — <strong class="testimonial-footer-author">Alex de Winne</strong>, CTO, Therefore Interactive</footer> </div></blockquote></section> <section class="pancake solutions-pancake"><section id="page-pre-footer" class="pre-footer solutions-learn"> <h2 class="heading type-a type-a-4"> Learn more about using <br> Drupal with Netlify </h2> <p class="paragraph pre-footer-subhed type-a type-a-1">We’ll show you what it takes to make the shift</p> <ul class="button-group button-group-center"><li><a href="/contact/" type="button" id="cta-solutions-learnmore-expert" class="pre-footer-btn call-to-action call-to-action-button call-to-action-variant-blue">  <span>Talk to an expert</span></a></li> </ul></section></section> <section class="pancake solutions-pancake"><div class="solutions-card solutions-card-pad"><div class="lo solutions-video-layout"><div class="solutions-video-content"><svg width="588" height="588" viewBox="0 0 588 588" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" class="logo-drupal solutions-video-logo"><use xlink:href="#logo-drupal"></use></svg> <h2 class="subheading type-a type-a-1">Using Drupal as a headless CMS with Netlify at Longos</h2></div> <div class="video-placeholder"><svg viewBox="0 0 128 113" fill="none" xmlns="http://www.w3.org/2000/svg" data-theme="dark" class="netlify-logo-monogram netlify-logo video-placeholder-logo"><g fill="var(--_netlify-logo-text-color)" class="netlify-logo-monogram-text"><path d="M80.4595 74.6047H71.6825L70.9494 73.8717V53.3259C70.9494 49.6705 69.513 46.8372 65.1047 46.7382C62.8361 46.6787 60.2406 46.7382 57.4669 46.8471L57.0508 47.2731V55.5746V73.8618L56.3177 74.5948H47.5407L46.8076 73.8618V38.7636L47.5407 38.0305H67.294C74.9714 38.0305 81.1926 44.2517 81.1926 51.9291V73.8717L80.4595 74.6047Z"></path></g> <g fill="var(--_netlify-logo-lines-color)" class="netlify-logo-monogram-lines"><path d="M34.5931 94.0509H33.3845L27.3516 88.0179V86.8094L36.5744 77.5866H42.964L43.8159 78.4385V84.8281L34.5931 94.0509Z"></path> <path d="M27.3516 25.816V24.6074L33.3845 18.5744H34.5931L43.8159 27.7972V34.1868L42.964 35.0388H36.5744L27.3516 25.816Z"></path> <path d="M35.8412 61.4491H0.73307L0 60.716V51.9192L0.73307 51.1861H35.8412L36.5743 51.9192V60.716L35.8412 61.4491Z"></path> <path d="M127.277 61.4491H92.1686L91.4355 60.716V51.9192L92.1686 51.1861H127.277L128.01 51.9192V60.716L127.277 61.4491Z"></path> <path d="M58.9429 27.0642V0.73307L59.6759 0H68.4728L69.2059 0.73307V27.0642L68.4728 27.7972H59.6759L58.9429 27.0642Z"></path> <path d="M58.9429 111.902V85.5711L59.6759 84.838H68.4728L69.2059 85.5711V111.902L68.4728 112.635H59.6759L58.9429 111.902Z"></path></g></svg> <svg width="65" height="64" viewBox="0 0 65 64" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-video-play video-placeholder-play"><circle cx="32.4088" cy="31.8951" r="31.5943" fill="white"></circle> <path d="M52.0247 30.163C53.358 30.9328 53.358 32.8573 52.0247 33.6271L24.1006 49.7491C22.7673 50.5189 21.1006 49.5566 21.1006 48.017L21.1006 15.7731C21.1006 14.2335 22.7673 13.2713 24.1006 14.0411L52.0247 30.163Z"></path></svg> <a href="/resources/webinars/a-drupal-journey-to-the-jamstack/" id="cta-drupal-webinar" class="call-to-action call-to-action-variant-text"><span class="visually-hidden">Sign up for the video</span>  <span></span></a></div></div></div></section></main> <div class="beon" style="display:contents;transform:translate3d(0px, 0px, 0px);"><style>.w3tbaejrt{display:inline-block;height:auto;width:clamp(40px,8vw,50px)}.w3tbaejrt .spark{fill:var(--color-brand-logo-spark)}.w3tbaejrt .text{fill:var(--color-brand-logo-text)}.icon-twitter-bird{display:none}.swap-logos{animation:appear .4s cubic-bezier(.215,.61,.355,1)}.swap-logos .icon-twitter-bird{display:block}.swap-logos .icon-twitter-x{display:none}@keyframes appear{0%{opacity:0;transform:scale3d(.3,.3,.3)}20%{opacity:1;transform:scale3d(1.1,1.1,1.1)}40%{transform:scale3d(.9,.9,.9)}60%{transform:scale3d(1.03,1.03,1.03)}80%{transform:scale3d(.97,.97,.97)}to{transform:scale3d(1.001,1.001,1.001)}}.ntl-footer-popover{position:relative}.ntl-footer-popover .icon{--icon-size:0.65em}.ntl-footer-popover .icon-minus{display:none}.ntl-footer-popover[open] .icon-minus{display:block}.ntl-footer-popover[open] .icon-plus{display:none}.ntl-footer-popover .label{color:var(--color-text-2);cursor:pointer}.ntl-footer-popover summary{width:max-content}.ntl-footer-popover ul{background:var(--neutral-dark-800);border-radius:var(--radius-m);bottom:100%;gap:var(--space-3xs);padding:var(--space-xs);position:absolute}.ntl-footer-popover a.link{color:var(--neutral-light-000);width:max-content}.wzun5wjan{display:none}.wzun5wjan[data-viewport-size=narrow]{display:block;flex-basis:100%;padding:var(--space-2xs)}.wzun5wjan[data-viewport-size=narrow]:not(:last-child){border-block-end:1px solid var(--neutral-light-200)}.wzun5wjan[open] .column-label .icon-chevron{transform:rotate(180deg)}.wzun5wjan summary{align-items:center;cursor:pointer;display:flex;gap:var(--space-3xs);justify-content:space-between}.wzun5wjan :is(.wzun5wjan summary)::-webkit-details-marker,.wzun5wjan :is(.wzun5wjan summary)::marker{display:none}.wzun5wjan h3{font-weight:var(--font-weight-bold);padding-block:var(--space-s)}.wzun5wjan li{max-width:max-content}@media (min-width:750px){.wzun5wjan{display:block;flex-basis:15%}.wzun5wjan[data-viewport-size=narrow]{display:none}}.ntl-newsletter-signup{--stack-space:var(--space-xs);--max-inline-size:28rem}.ntl-newsletter-signup a{display:inline}.ntl-newsletter-signup .logo{--size:3rem;block-size:var(--size);display:block;inline-size:var(--size);margin-inline:auto}.ntl-newsletter-signup .headline{font-weight:var(--font-weight-semibold);text-align:center}.ntl-newsletter-signup .hs-form{--cluster-gap:var(--space-s)}.ntl-newsletter-signup .hs-input{margin-top:unset}.ntl-newsletter-signup .hs-email{flex:1 1 25ch;margin-bottom:unset}.ntl-newsletter-signup .hs-error-msg{color:var(--color-text-invalid);font-size:.8em}.ntl-newsletter-signup .hs-submit{inline-size:100%;max-inline-size:10ch}.ntl-newsletter-signup .hs-submit input{margin-top:0;min-block-size:42px;width:auto}.ntl-newsletter-signup .hs_error_rollup{display:none}.ntl-newsletter-signup .newsletter-signup-privacy{color:var(--color-text-2);font-size:.8em}.w1fn1vjqe{--stack-space:var(--space-xs);margin-block:var(--space-3xl);position:sticky;top:100vh;width:100%}.w1fn1vjqe .logo{display:inline-block;height:auto;width:clamp(40px,8vw,50px)}.w1fn1vjqe .social svg{--icon-size:auto;color:var(--neutral-dark-300)}.w1fn1vjqe .links-container{display:flex;flex-wrap:wrap;margin:auto;padding-block-start:var(--space-l);width:100%}.w1fn1vjqe ul{display:grid;gap:var(--space-xs);list-style:none;margin-block-end:var(--space-xs)}.w1fn1vjqe .popover ul{gap:var(--space-3xs)}.w1fn1vjqe ul a,.w1fn1vjqe ul button{color:var(--color-text-2);display:block;text-decoration:none}.w1fn1vjqe :is(.w1fn1vjqe ul a):hover,.w1fn1vjqe :is(.w1fn1vjqe ul button):hover{text-decoration:underline}.w1fn1vjqe button{border:none;font:inherit;font-size:var(--step--1);padding:0}.w1fn1vjqe .form{margin:var(--space-2xl) auto;max-width:28.125rem;width:100%}.w1fn1vjqe .fine-print-container{border-block-start:1px solid var(--color-bg-3);display:flex;flex-wrap:wrap;gap:var(--space-s);inline-size:100%;justify-content:space-between;padding-block-start:var(--space-s)}.w1fn1vjqe .copyright{color:var(--color-text-2)}.w1fn1vjqe .legal{display:flex;flex-wrap:wrap;gap:var(--space-s);margin-block-end:unset}@media (min-width:750px){.w1fn1vjqe .links-container{gap:var(--space-l);justify-content:space-between;max-width:62.5rem;width:100%}.w1fn1vjqe ul{margin-bottom:unset}}</style> <script></script> <footer data-theme="light" class="l-breakout l-stack w1fn1vjqe"> <div style="--cluster-align: center; --cluster-justify: space-between" class="l-cluster"> <a href="/" id="cta-footer-netlifyLogo"> <span class="visually-hidden">Go to Netlify homepage</span> <svg width="128" height="113" viewBox="0 0 128 113" fill="none" xmlns="http://www.w3.org/2000/svg" class="w3tbaejrt"> <g clip-path="url(#clip0_236_138)"> <path d="M34.593 94.0509H33.3844L27.3514 88.0179V86.8094L36.5743 77.5866H42.9639L43.8158 78.4385V84.8281L34.593 94.0509Z" fill="#05BDBA" class="spark"></path> <path d="M27.3514 25.816V24.6074L33.3844 18.5744H34.593L43.8158 27.7972V34.1868L42.9639 35.0388H36.5743L27.3514 25.816Z" class="spark"></path> <path d="M35.8412 61.4491H0.73307L0 60.716V51.9192L0.73307 51.1861H35.8412L36.5743 51.9192V60.716L35.8412 61.4491Z" class="spark"></path> <path d="M127.277 61.4491H92.1687L91.4356 60.716V51.9192L92.1687 51.1861H127.277L128.01 51.9192V60.716L127.277 61.4491Z" class="spark"></path> <path d="M58.9428 27.0642V0.73307L59.6759 0H68.4727L69.2058 0.73307V27.0642L68.4727 27.7972H59.6759L58.9428 27.0642Z" class="spark"></path> <path d="M58.9428 111.902V85.5711L59.6759 84.838H68.4727L69.2058 85.5711V111.902L68.4727 112.635H59.6759L58.9428 111.902Z" class="spark"></path> <path d="M80.4594 74.6047H71.6824L70.9493 73.8717V53.3259C70.9493 49.6705 69.5129 46.8372 65.1046 46.7382C62.836 46.6787 60.2405 46.7382 57.4668 46.8471L57.0507 47.2731V73.8618L56.3176 74.5948H47.5406L46.8075 73.8618V38.7636L47.5406 38.0305H67.2939C74.9713 38.0305 81.1925 44.2517 81.1925 51.9291V73.8717L80.4594 74.6047Z" class="text"></path> </g> <defs> <clipPath id="clip0_236_138"> <rect width="128" height="112.635" fill="white"></rect> </clipPath> </defs> </svg> </a> <div class="social | l-cluster"> <a href="https://github.com/netlify" id="cta-footer-github" target="_blank" rel="noopener noreferrer"> <svg class="icon" width="18" height="20"> <use href="#icon-github"></use> </svg> <span class="visually-hidden">Github</span> </a> <a href="https://www.youtube.com/@NetlifyApp" id="cta-footer-youtube" target="_blank" rel="noopener noreferrer"> <svg class="icon" width="27" height="20"> <use href="#icon-youtube"></use> </svg> <span class="visually-hidden">Youtube</span> </a> <a href="https://twitter.com/netlify" id="cta-footer-twitter" target="_blank" rel="noopener noreferrer"> <svg aria-label="X formerly known as Twitter" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" src="public/icons/twitter.svg" width="20" height="20" class="icon-twitter"><path fill="currentcolor" d="M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z" class="icon-twitter-bird"></path><path fill="currentcolor" d="M389.2 48h70.6L305.6 224.2 487 464H345L233.7 318.6 106.5 464H35.8L200.7 275.5 26.8 48H172.4L272.9 180.9 389.2 48zM364.4 421.8h39.1L151.1 88h-42L364.4 421.8z" class="icon-twitter-x"></path></svg> <span class="visually-hidden">Twitter</span> </a> <a href="https://www.linkedin.com/company/netlify" id="cta-footer-linkedin" target="_blank" rel="noopener noreferrer"> <svg class="icon" width="20" height="20"> <use href="#icon-linkedin"></use> </svg> <span class="visually-hidden">LinkedIn</span> </a> <a href="https://answers.netlify.com" id="cta-footer-discourse" target="_blank" rel="noopener noreferrer"> <svg class="icon" width="20" height="20"> <use href="#icon-discourse"></use> </svg> <span class="visually-hidden">Discourse</span> </a> </div> </div> <div class="links-container"> <section data-viewport-size="wide" aria-expanded="true" open class="wzun5wjan"> <h3 class="headline text-0">Why Netlify</h3> <ul role="list"> <li> <a id="cta-footer-customers" href="/customers/" class="text--1">Customers</a> </li> <li> <a id="cta-footer-why-composable-web-platform" href="/platform/" class="text--1">Composable Web Platform</a> </li> <li> <a id="cta-footer-security" href="/security/" class="text--1">Security</a> </li> <li> <a id="cta-footer-agencyPartners" href="/partners/agency/" class="text--1">Agency Partner Program</a> </li> <li> <a id="cta-footer-techPartners" href="/partners/technology/" class="text--1">Technology Partner Program</a> </li> </ul> </section> <section data-viewport-size="wide" aria-expanded="true" open class="wzun5wjan"> <h3 class="headline text-0">Products</h3> <ul role="list"> <li> <a id="cta-footer-products-composable-web-platform" href="/platform/" class="text--1">Composable Web Platform</a> </li> <li> <a id="cta-footer-connect" href="/platform/connect/" class="text--1">Netlify Connect</a> </li> <li> <a id="cta-footer-core" href="/platform/core/" class="text--1">Netlify Core</a> </li> <li> <a id="cta-footer-create" href="/platform/create/" class="text--1">Netlify Create</a> </li> <li> <a id="cta-footer-sdk" href="/platform/software-development-kit/" class="text--1">Netlify SDK</a> </li> <li> <a id="cta-footer-pricing" href="/pricing/" class="text--1">Pricing</a> </li> <li> <a id="cta-footer-changelog" href="/changelog/" class="text--1">Changelog</a> </li> <li> <details id="footer-popover-Add-ons" class="popover ntl-footer-popover"> <summary> <span class="label text--1">Add-ons</span> <svg class="icon icon-plus" ariaHidden="true"> <use href="#icon-plus"></use> </svg> <svg class="icon icon-minus" ariaHidden="true"> <use href="#icon-minus"></use> </svg> </summary> <ul role="list"> <li> <a id="cta-footer-analytics" href="/platform/core/analytics/" class="link text--1">Analytics</a> </li> <li> <a id="cta-footer-functions" href="/platform/core/functions/" class="link text--1">Functions</a> </li> <li> <a id="cta-footer-forms" href="/platform/core/forms/" class="link text--1">Forms</a> </li> <li> <a id="cta-footer-largeMedia" href="/platform/core/large-media/" class="link text--1">Large Media</a> </li> </ul> </details> </li> </ul> </section> <section data-viewport-size="wide" aria-expanded="true" open class="wzun5wjan"> <h3 class="headline text-0">Explore</h3> <ul role="list"> <li> <a id="cta-footer-docs" href="https://docs.netlify.com/" class="text--1">Docs</a> </li> <li> <a id="cta-footer-integrations" href="/integrations/" class="text--1">Integrations</a> </li> <li> <a id="cta-footer-oreilly-jamstack" href="/oreilly-jamstack/" class="text--1">Jamstack Book</a> </li> <li> <a id="cta-footer-community-hub" href="https://answers.netlify.com/ " class="text--1">Community</a> </li> <li> <a id="cta-footer-learn-resources" href="/resources/" class="text--1">Resources & Guides</a> </li> <li> <a id="cta-footer-remotelyInteresting" href="https://remotelyinteresting.netlify.com/" class="text--1">Remotely Interesting</a> </li> <li> <details id="footer-popover-Technologies" class="popover ntl-footer-popover"> <summary> <span class="label text--1">Technologies</span> <svg class="icon icon-plus" ariaHidden="true"> <use href="#icon-plus"></use> </svg> <svg class="icon icon-minus" ariaHidden="true"> <use href="#icon-minus"></use> </svg> </summary> <ul role="list"> <li> <a id="cta-footer-jamstack" href="/jamstack/" class="link text--1">Jamstack</a> </li> <li> <a id="cta-footer-react" href="/with/react/" class="link text--1">React</a> </li> <li> <a id="cta-footer-nextjs" href="/with/nextjs/" class="link text--1">Next.js</a> </li> <li> <a id="cta-footer-vue" href="/with/vue/" class="link text--1">Vue</a> </li> <li> <a id="cta-footer-svelte" href="/with/svelte/" class="link text--1">Svelte</a> </li> <li> <a id="cta-footer-gatsby" href="/with/gatsby/" class="link text--1">Gatsby</a> </li> <li> <a id="cta-footer-nuxt" href="/with/nuxt/" class="link text--1">Nuxt</a> </li> <li> <a id="cta-footer-sitecore" href="/with/sitecore/" class="link text--1">Sitecore</a> </li> <li> <a id="cta-footer-drupal" href="/with/drupal/" class="link text--1">Drupal</a> </li> <li> <a id="cta-footer-wordpress" href="/with/wordpress/" class="link text--1">WordPress</a> </li> </ul> </details> </li> </ul> </section> <section data-viewport-size="wide" aria-expanded="true" open class="wzun5wjan"> <h3 class="headline text-0">Company</h3> <ul role="list"> <li> <a id="cta-footer-blog" href="/blog/" class="text--1">Blog</a> </li> <li> <a id="cta-footer-about" href="/about/" class="text--1">About</a> </li> <li> <a id="cta-footer-careers" href="/careers/" class="text--1">Careers</a> </li> <li> <a id="cta-footer-compose-conference" href="/compose/" class="text--1">Compose Conference</a> </li> <li> <a id="cta-footer-press" href="/press/" class="text--1">Press</a> </li> <li> <a id="cta-footer-jamstack-fund" href="/jamstack-fund/" class="text--1">Jamstack Fund</a> </li> <li> <a id="cta-footer-store" href="https://swag.netlify.com/" class="text--1">Netlify Store</a> </li> <li> <a id="cta-footer-sustainability" href="/sustainability/" class="text--1">Sustainability</a> </li> </ul> </section> <section data-viewport-size="wide" aria-expanded="true" open class="wzun5wjan"> <h3 class="headline text-0">Contact Us</h3> <ul role="list"> <li> <a id="cta-footer-sales" href="/contact/" class="text--1">Sales</a> </li> <li> <a id="cta-footer-support" href="/support/" class="text--1">Support</a> </li> <li> <a id="cta-footer-status" href="https://netlifystatus.com/" class="text--1">Status</a> </li> <li> <a id="cta-footer-answers" href="https://answers.netlify.com/" class="text--1">Forums</a> </li> <li> <a id="cta-footer-agencyDirectory" href="/agency-directory/" class="text--1">Hire an Agency</a> </li> </ul> </section> <details data-viewport-size="narrow" class="wzun5wjan"> <summary class="column-label"> <h3 class="headline text-0">Why Netlify</h3> <svg class="icon icon-chevron" ariaHidden="true"> <use href="#icon-chevron"></use> </svg> </summary> <ul role="list"> <li> <a id="cta-footer-customers" href="/customers/" class="text--1">Customers</a> </li> <li> <a id="cta-footer-why-composable-web-platform" href="/platform/" class="text--1">Composable Web Platform</a> </li> <li> <a id="cta-footer-security" href="/security/" class="text--1">Security</a> </li> <li> <a id="cta-footer-agencyPartners" href="/partners/agency/" class="text--1">Agency Partner Program</a> </li> <li> <a id="cta-footer-techPartners" href="/partners/technology/" class="text--1">Technology Partner Program</a> </li> </ul> </details> <details data-viewport-size="narrow" class="wzun5wjan"> <summary class="column-label"> <h3 class="headline text-0">Products</h3> <svg class="icon icon-chevron" ariaHidden="true"> <use href="#icon-chevron"></use> </svg> </summary> <ul role="list"> <li> <a id="cta-footer-products-composable-web-platform" href="/platform/" class="text--1">Composable Web Platform</a> </li> <li> <a id="cta-footer-connect" href="/platform/connect/" class="text--1">Netlify Connect</a> </li> <li> <a id="cta-footer-core" href="/platform/core/" class="text--1">Netlify Core</a> </li> <li> <a id="cta-footer-create" href="/platform/create/" class="text--1">Netlify Create</a> </li> <li> <a id="cta-footer-sdk" href="/platform/software-development-kit/" class="text--1">Netlify SDK</a> </li> <li> <a id="cta-footer-pricing" href="/pricing/" class="text--1">Pricing</a> </li> <li> <a id="cta-footer-changelog" href="/changelog/" class="text--1">Changelog</a> </li> <li> <details id="footer-popover-Add-ons" class="popover ntl-footer-popover"> <summary> <span class="label text--1">Add-ons</span> <svg class="icon icon-plus" ariaHidden="true"> <use href="#icon-plus"></use> </svg> <svg class="icon icon-minus" ariaHidden="true"> <use href="#icon-minus"></use> </svg> </summary> <ul role="list"> <li> <a id="cta-footer-analytics" href="/platform/core/analytics/" class="link text--1">Analytics</a> </li> <li> <a id="cta-footer-functions" href="/platform/core/functions/" class="link text--1">Functions</a> </li> <li> <a id="cta-footer-forms" href="/platform/core/forms/" class="link text--1">Forms</a> </li> <li> <a id="cta-footer-largeMedia" href="/platform/core/large-media/" class="link text--1">Large Media</a> </li> </ul> </details> </li> </ul> </details> <details data-viewport-size="narrow" class="wzun5wjan"> <summary class="column-label"> <h3 class="headline text-0">Explore</h3> <svg class="icon icon-chevron" ariaHidden="true"> <use href="#icon-chevron"></use> </svg> </summary> <ul role="list"> <li> <a id="cta-footer-docs" href="https://docs.netlify.com/" class="text--1">Docs</a> </li> <li> <a id="cta-footer-integrations" href="/integrations/" class="text--1">Integrations</a> </li> <li> <a id="cta-footer-oreilly-jamstack" href="/oreilly-jamstack/" class="text--1">Jamstack Book</a> </li> <li> <a id="cta-footer-community-hub" href="https://answers.netlify.com/ " class="text--1">Community</a> </li> <li> <a id="cta-footer-learn-resources" href="/resources/" class="text--1">Resources & Guides</a> </li> <li> <a id="cta-footer-remotelyInteresting" href="https://remotelyinteresting.netlify.com/" class="text--1">Remotely Interesting</a> </li> <li> <details id="footer-popover-Technologies" class="popover ntl-footer-popover"> <summary> <span class="label text--1">Technologies</span> <svg class="icon icon-plus" ariaHidden="true"> <use href="#icon-plus"></use> </svg> <svg class="icon icon-minus" ariaHidden="true"> <use href="#icon-minus"></use> </svg> </summary> <ul role="list"> <li> <a id="cta-footer-jamstack" href="/jamstack/" class="link text--1">Jamstack</a> </li> <li> <a id="cta-footer-react" href="/with/react/" class="link text--1">React</a> </li> <li> <a id="cta-footer-nextjs" href="/with/nextjs/" class="link text--1">Next.js</a> </li> <li> <a id="cta-footer-vue" href="/with/vue/" class="link text--1">Vue</a> </li> <li> <a id="cta-footer-svelte" href="/with/svelte/" class="link text--1">Svelte</a> </li> <li> <a id="cta-footer-gatsby" href="/with/gatsby/" class="link text--1">Gatsby</a> </li> <li> <a id="cta-footer-nuxt" href="/with/nuxt/" class="link text--1">Nuxt</a> </li> <li> <a id="cta-footer-sitecore" href="/with/sitecore/" class="link text--1">Sitecore</a> </li> <li> <a id="cta-footer-drupal" href="/with/drupal/" class="link text--1">Drupal</a> </li> <li> <a id="cta-footer-wordpress" href="/with/wordpress/" class="link text--1">WordPress</a> </li> </ul> </details> </li> </ul> </details> <details data-viewport-size="narrow" class="wzun5wjan"> <summary class="column-label"> <h3 class="headline text-0">Company</h3> <svg class="icon icon-chevron" ariaHidden="true"> <use href="#icon-chevron"></use> </svg> </summary> <ul role="list"> <li> <a id="cta-footer-blog" href="/blog/" class="text--1">Blog</a> </li> <li> <a id="cta-footer-about" href="/about/" class="text--1">About</a> </li> <li> <a id="cta-footer-careers" href="/careers/" class="text--1">Careers</a> </li> <li> <a id="cta-footer-compose-conference" href="/compose/" class="text--1">Compose Conference</a> </li> <li> <a id="cta-footer-press" href="/press/" class="text--1">Press</a> </li> <li> <a id="cta-footer-jamstack-fund" href="/jamstack-fund/" class="text--1">Jamstack Fund</a> </li> <li> <a id="cta-footer-store" href="https://swag.netlify.com/" class="text--1">Netlify Store</a> </li> <li> <a id="cta-footer-sustainability" href="/sustainability/" class="text--1">Sustainability</a> </li> </ul> </details> <details data-viewport-size="narrow" class="wzun5wjan"> <summary class="column-label"> <h3 class="headline text-0">Contact Us</h3> <svg class="icon icon-chevron" ariaHidden="true"> <use href="#icon-chevron"></use> </svg> </summary> <ul role="list"> <li> <a id="cta-footer-sales" href="/contact/" class="text--1">Sales</a> </li> <li> <a id="cta-footer-support" href="/support/" class="text--1">Support</a> </li> <li> <a id="cta-footer-status" href="https://netlifystatus.com/" class="text--1">Status</a> </li> <li> <a id="cta-footer-answers" href="https://answers.netlify.com/" class="text--1">Forums</a> </li> <li> <a id="cta-footer-agencyDirectory" href="/agency-directory/" class="text--1">Hire an Agency</a> </li> </ul> </details> </div> <newsletter-signup class="form ntl-newsletter-signup"><section class="l-stack"> <h2 class="text-0">Stay up to date with Netlify news</h2> <div id="newsletter-signup-hs-form-target" data-target-hs-form-id="52611e5e-cc55-4960-bf4a-a2adb36291f6"></div> </section> </newsletter-signup> <section class="fine-print-container"> <ul class="legal"> <li> <a id="cta-legal-footer-trustCenter" href="/trust-center/" class="text--1"> Trust Center </a> </li> <li> <a id="cta-legal-footer-privacyPolicy" href="/privacy/" class="text--1"> Privacy </a> </li> <li> <a id="cta-legal-footer-security" href="/security/" class="text--1"> Security </a> </li> <li> <a id="cta-legal-footer-gdpr" href="/gdpr-ccpa/" class="text--1"> GDPR/CCPA </a> </li> <li> <a id="cta-legal-footer-abuse" href="mailto:fraud@netlify.com?subject=Abuse%20report&body=Please%20include%20the%20site%20URL%20and%20reason%20for%20your%20report%2C%20and%20we%20will%20reply%20promptly." class="text--1"> Abuse </a> </li> <li> <button id="cta-legal-footer-cookieSettings" class="text--1">Cookie Settings</button> </li> </ul> <p class="copyright text--1">© 2025 Netlify</p> </section> </footer> <script type="module">(function(){let s=Array.from(document.querySelectorAll("[id^='footer-popover']"));document.addEventListener("click",e=>{s.map(t=>{t.hasAttribute("open")&&!t.contains(e.target)&&t.removeAttribute("open")})})})();var n="#newsletter-signup-hs-form-target",c=document.querySelector(n).getAttribute("data-target-hs-form-id");hbspt.forms.create({region:"na1",portalId:"7477936",formId:c,target:n,cssClass:"l-cluster",onFormReady:s=>{let e=s.querySelector(".hs-email"),t=s.querySelector(".hs-submit"),r=s.querySelector(".hs-recaptcha"),a=e.querySelector("input"),i=e.querySelector("label"),o=t.querySelector("input");a.placeholder="Email address",i.classList.add("visually-hidden"),o.setAttribute("data-variant","secondary"),o.setAttribute("id","submit-footer-newsletter-signup-form"),r&&(r.classList.add("visually-hidden"),t.after(r))}});(function(){let s=document.querySelector("#cta-legal-footer-cookieSettings"),e=document.querySelector(".icon-twitter");s.addEventListener("click",r=>{r.preventDefault(),window.OneTrust&&window.OneTrust.ToggleInfoDisplay()});let t={hover:"hovered",keypress:"swap-logos"};e&&(document.addEventListener("keypress",()=>{e.classList.contains(t.hover)&&e.classList.add(t.keypress)}),e.addEventListener("mouseover",()=>e.classList.add(t.hover)),e.addEventListener("mouseout",()=>e.classList.remove(t.hover)))})(); </script> </div></div> <script> if("fonts"in document){let t={unicodeRange:"U+0-FF,U+131,U+152,U+153,U+2BB,U+2BC,U+2C6,U+2DA,U+2DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD",display:"swap"},e=new FontFace("Pacaembu","url(/v3/_fonts/PacaembuNetlify-Variable.woff2) format('woff2')",Object.assign({weight:"100 1000"},t)),a=new FontFace("Mulish","url(/v3/_fonts/MulishVar-latin.woff2) format('woff2')",Object.assign({weight:"200 900"},t)),o=new FontFace("Mulish","url(/v3/_fonts/MulishVar-italic-latin.woff2) format('woff2')",Object.assign({weight:"200 900",style:"italic"},t));Promise.all([e.load(),a.load(),o.load()]).then((function(t){t.forEach((function(t){document.fonts.add(t)}))}))}!function(){if(!("querySelectorAll"in document)||!("from"in Array)||!("open"in document.createElement("details")))return;var t="data-details-modal",e="data-force-state-closed",a="data-force-state-closed-toggle-tabindex",o="data-details-anchor",n="data-details-anchor-class",i="data-details-anchor-scrollto",r="data-details-anchor-enhanced",c="data-details-anchor-class-enhanced";function l(t){if(t.open){switch(t.getAttribute(i)){case"top":window.scrollTo(0,0);break;case"sticky-nav":setTimeout((()=>{document.querySelector(".masthead-wrapper").scrollIntoView()}),30)}}}function s(t,e){if(t.hasAttribute(a)){let a=t.querySelector(":scope > summary"),o=a.querySelector(":scope a[href]");e?(!a||o&&window.chrome||a.setAttribute("tabindex",-1),o&&o.setAttribute("tabindex",0)):(a&&a.removeAttribute("tabindex"),o&&o.removeAttribute("tabindex"))}e?t.setAttribute("open","open"):t.removeAttribute("open")}function d(t){if(!t)return;let a=t.getAttribute(e);return a&&"matchMedia"in window?window.matchMedia(a):void 0}function u(t){return t.getAttribute(n)}function f(e){return e.getAttribute(t)}function m(t,e){return"closest"in t?t.closest(t.getAttribute(e)):document.querySelector(t.getAttribute(e))}let h=Array.from(document.querySelectorAll("details[data-force-state]"));for(let t of h){let e=d(t);e&&(s(t,!e.matches),e.addListener((function(e){s(t,!e.matches)})));let a=m(t,r);a&&a.classList.add(t.getAttribute(c)),u(t)&&(document.documentElement.addEventListener("keydown",(e=>{let a=document.querySelector(".masthead-nav-menu");window.getComputedStyle(a);if(27===e.keyCode&&t.open){let e=d(t);e&&s(t,!e.matches)}}),!1),t.addEventListener("toggle",(e=>{let a=m(t,o);if(a){a.classList.toggle(u(t),t.open);let e=d(t),o=e&&e.matches;o&&l(t);let n=f(t);n&&a.classList.toggle(n,t.open&&o)}})))}}(); </script> <script src="/rum.js" data-application-id="be4d070b-9645-4227-b084-41fa141b62b3" data-client-token="pubb2e68ad93b9891edc190fcd4c7bbe1b1" data-service="www" data-env="production" defer ></script> <script async defer src="/v3/js/c3b3fc84.js"></script> <svg width="0" height="0" aria-hidden="true" style="position: absolute;"> <defs>  <g id="logo-drupal"> <path d="M322.411 195.604C312.581 185.774 301.769 174.962 292.923 165.133C284.076 174.962 275.23 183.809 266.383 192.655C264.417 194.621 262.451 197.57 261.468 200.519C259.503 205.433 258.52 210.348 259.503 214.28V215.263C260.485 218.212 261.468 220.177 263.434 223.126L264.417 224.109C270.315 231.973 285.059 245.734 292.923 252.615L340.104 301.762L353.865 316.506C365.66 328.301 376.473 342.062 385.319 355.824C386.302 357.789 388.268 358.772 390.234 359.755H391.217C393.183 359.755 395.149 357.789 396.132 355.824C399.08 345.994 401.046 336.165 401.046 325.352C401.046 301.762 393.183 278.171 379.422 258.512C361.729 236.887 343.053 215.263 322.411 195.604Z"/> <path d="M335.177 353.858C323.381 339.113 312.569 326.335 294.876 307.659C280.132 324.369 266.371 338.13 254.575 351.892C234.916 373.516 235.899 407.919 257.524 427.578C279.149 447.237 313.552 446.254 333.211 424.629C349.921 405.954 351.887 378.431 338.125 357.789C337.142 355.823 336.16 354.84 335.177 353.858Z"/> <path d="M266.384 284.071C267.367 282.106 267.367 280.14 266.384 279.157L231.981 243.771L224.117 236.89C218.22 243.771 212.322 251.634 207.407 258.515C198.561 270.31 192.663 284.071 188.731 298.816C184.8 315.526 184.8 332.236 189.714 348.946L190.697 350.912C191.68 352.877 192.663 353.86 193.646 355.826C193.646 355.826 197.578 362.707 201.51 362.707H202.493C203.476 362.707 204.459 361.724 205.442 360.741C208.39 353.86 212.322 346.98 217.237 341.082L230.015 325.355L266.384 284.071Z"/> <path d="M293.9 0C131.714 0 0 131.714 0 293.9C0 456.086 131.714 587.8 293.9 587.8C456.086 587.8 587.8 456.086 587.8 293.9C587.8 131.714 456.086 0 293.9 0ZM292.917 480.659C207.401 480.659 138.595 410.87 138.595 325.354C138.595 252.616 186.759 204.452 230.009 161.203C258.514 132.697 286.036 105.175 293.9 74.7037C301.764 105.175 329.286 132.697 357.791 161.203C400.058 204.452 449.205 252.616 449.205 325.354C447.239 410.87 378.433 480.659 292.917 480.659Z"/> <path d="M293.9 0C131.714 0 0 131.714 0 293.9C0 456.086 131.714 587.8 293.9 587.8C456.086 587.8 587.8 456.086 587.8 293.9C587.8 131.714 456.086 0 293.9 0ZM292.917 480.659C207.401 480.659 138.595 410.87 138.595 325.354C138.595 252.616 186.759 204.452 230.009 161.203C258.514 132.697 286.036 105.175 293.9 74.7037C301.764 105.175 329.286 132.697 357.791 161.203C400.058 204.452 449.205 252.616 449.205 325.354C447.239 410.87 378.433 480.659 292.917 480.659Z"/> </g> </defs> </svg> <script async id="netlify-rum-container" src="/.netlify/scripts/rum" data-netlify-rum-site-id="69350086-d20e-4b5a-84cf-bf367a848374" data-netlify-deploy-branch="main" data-netlify-deploy-context="production" data-netlify-cwv-token="eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJzaXRlX2lkIjoiNjkzNTAwODYtZDIwZS00YjVhLTg0Y2YtYmYzNjdhODQ4Mzc0IiwiYWNjb3VudF9pZCI6IjU4ZGE4ODkzZDY4NjVkMzVjOTJhNzJiOCIsImRlcGxveV9pZCI6IjY3YWY5ZDUyMTZhOTBlMDAwODA1ZjFmMyIsImlzc3VlciI6Im5mc2VydmVyIn0.60Sy1Tl_eldj_nGZbaSfyMTnoJKSFVSRm7Mcllor_pU"></script></body> </html>