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 Deploy Previews - Share, Review, & Gather Feedback on Web Projects</title><link rel="canonical" href="https://www.netlify.com/platform/core/deploy-previews/"/> <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="Netlify Deploy Previews give teams tools they need to effectively manage and collaborate on web projects. Get feedback, annotate, and comment - all synced to productivity tools."/> <meta itemprop="name" content="Netlify Deploy Previews - Share, Review, & Gather Feedback on Web Projects"/> <meta itemprop="description" content="Netlify Deploy Previews give teams tools they need to effectively manage and collaborate on web projects. Get feedback, annotate, and comment - all synced to productivity tools."/> <meta itemprop="image" content="https://www.netlify.com/v3/img/components/deploy-previews-og.png"/> <meta name="twitter:card" content="summary_large_image"/> <meta name="twitter:site" content="@netlify"/> <meta name="twitter:title" content="Netlify Deploy Previews - Share, Review, & Gather Feedback on Web Projects"/> <meta name="twitter:description" content="Netlify Deploy Previews give teams tools they need to effectively manage and collaborate on web projects. Get feedback, annotate, and comment - all synced to productivity tools."/> <meta name="twitter:creator" content="@netlify"/> <meta name="twitter:image" content="https://www.netlify.com/v3/img/components/deploy-previews-og.png"/> <meta name="og:image" content="https://www.netlify.com/v3/img/components/deploy-previews-og.png"/> <meta name="og:image:secure_url" content="https://www.netlify.com/v3/img/components/deploy-previews-og.png"/> <meta name="image" property="og:image" content="https://www.netlify.com/v3/img/components/deploy-previews-og.png"/> <meta property="og:site_name" content="Netlify"/> <meta property="og:title" content="Netlify Deploy Previews - Share, Review, & Gather Feedback on Web Projects"/> <meta property="og:description" content="Netlify Deploy Previews give teams tools they need to effectively manage and collaborate on web projects. Get feedback, annotate, and comment - all synced to productivity tools."/> <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))}[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}: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}.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}.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}.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}.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}.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}.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}.heading{color:var(--heading-color,var(--color-gray-L800));position:relative}.heading-center{text-align:center}.hero-intro{--color-accent:var(--color-teal-T900);margin-top:0}.hero-intro-p{color:var(--color-gray-D800);margin:1rem auto;max-width:65ch}.hero-intro-hed{color:var(--color-gray-L800)}.hero-intro-align-center .hero-intro-hed{text-align:center}.hero-intro-align-center .hero-intro-p{text-align:center}@media (min-width:37.5em){.hero-intro-align-md-center .hero-intro-hed{text-align:center}.hero-intro-align-md-center .hero-intro-p{text-align:center}}.hero-intro-cta{margin-top:1.6875em}@media (min-width:37.5em){.hero-intro-cta{text-align:center}}.hero-intro-extra{margin:1em 0;border-top:1px solid rgba(255,255,255,.4);padding-top:1em;font-weight:700}.scrim{display:flex;justify-content:center;flex-wrap:wrap;align-items:center;background-color:var(--color-gray-L000);position:relative}.scrim-large{box-shadow:-10px 10px 80px rgba(0,0,0,.1);border-radius:var(--border-radius);padding:var(--scrim-padding,1em)}.scrim-flush{padding:0}.scrim-shadow-tight{box-shadow:0 6px 12px rgba(14,30,37,.08)}.scrim-shadow-under{box-shadow:none}.scrim-shadow-light{box-shadow:var(--shadow-light)}.scrim-shadow-under:before{content:"";position:absolute;left:0;top:0;right:0;bottom:0;z-index:-1;box-shadow:-10px 10px 80px rgba(0,0,0,.1);border-radius:var(--border-radius)}.block-link{position:absolute;top:0;right:0;bottom:0;left:0}.explore-netlify-platform{margin-bottom:6em;background-color:var(--color-gray-L100)}.explore-netlify-platform-heading{letter-spacing:0;margin-bottom:1.5em}.explore-netlify-platform .explore-netlify-platform-icon img{margin:4em 0;width:2.8em;height:2.8em}.explore-netlify-platform-list{list-style:none;display:grid;grid-template-columns:1fr;grid-gap:1.5em}@media (min-width:31.26rem){.explore-netlify-platform-list{grid-template-columns:repeat(2,1fr)}}@media (min-width:71rem){.explore-netlify-platform-list{grid-template-columns:repeat(4,1fr)}}.explore-netlify-platform-scrim{--border-radius:8px;flex-direction:column;height:100%;border:2px solid var(--color-gray-L300);border-radius:var(--border-radius);transition:transform .2s;background:var(--color-blue-B050)}.explore-netlify-platform-scrim:hover{transform:translateY(-5px);box-shadow:0 4px 7px rgb(14 30 37 / 12%)}.explore-netlify-platform-content{background-color:var(--color-gray-L000);padding:2em;display:flex;flex-direction:column;flex-grow:1;border-bottom-left-radius:var(--border-radius);border-bottom-right-radius:var(--border-radius)}.explore-netlify-platform .subheading{color:var(--color-gray-L800);min-height:3.5em;margin-bottom:0}.explore-netlify-platform .paragraph{color:var(--color-gray-D500);font-size:1.125em;line-height:1.55}.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)}.logo-mute-path{fill:var(--theme-icon-color,var(--color-gray-L800))}.logo-mute-circle{fill:var(--theme-icon-bgcolor,var(--color-gray-L000))}.icon-video-play{fill:#2d3b41}.icon-closed-captions-circle{fill:var(--theme-icon-bgcolor,var(--color-gray-L000))}.icon-closed-captions-fill{fill:var(--theme-icon-color,var(--color-gray-L800))}.icon-closed-captions-stroke{stroke:var(--theme-icon-color,var(--color-gray-L800))}.video-autoplay{display:block;width:100%;position:relative;padding:0;padding-top:var(--video-aspectratio,56.25%)}.video-autoplay video{position:absolute;top:0;left:0;width:100%;height:100%}.video-autoplay-btn-captions,.video-autoplay-btn-mute,.video-autoplay-btn-play{background:0 0;border:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.video-autoplay-btn-play{position:absolute;left:50%;top:50%;transform:translateX(-50%) translateY(-50%)}.radiostar-ended .video-autoplay-btn-play,.radiostar-playing .video-autoplay-btn-play{display:none}.video-autoplay-btn-captions,.video-autoplay-btn-mute{position:absolute;right:.5rem;top:.5rem;filter:drop-shadow(0 2px 4px rgba(14, 30, 37, .12))}.video-autoplay-btn-captions{top:2.75rem}.radiostar-muted .video-autoplay-btn-mute{--theme-icon-bgcolor:var(--color-teal-T500);--theme-icon-color:var(--color-teal-T900)}.radiostar-paused .video-autoplay-btn-captions,.radiostar-paused .video-autoplay-btn-mute{display:none}.radiostar-captions .video-autoplay-btn-captions{--theme-icon-bgcolor:var(--color-teal-T500);--theme-icon-color:var(--color-teal-T900)}@media (max-width:47.9375em){.video-autoplay-btn-mute{top:-3em;right:3em}.video-autoplay-btn-captions{top:-3em;right:0}}.icon-github{fill:var(--theme-icon-color)}.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}.annotations-bounding-box{position:relative;padding:0 .25em;display:inline-block}.annotations-bounding-box-dash{position:absolute;top:.1em;left:0;width:100%;height:100%;transition:all 1s}.annotations-bounding-box-squares{position:absolute;bottom:0;right:0;top:0;left:0}.annotations-bounding-box-square{position:absolute;transition:transform 1s}.annotations-bounding-box-square:nth-child(1){top:0;left:-.1em}.annotations-bounding-box-square:nth-child(2){top:0;right:-.1em}.annotations-bounding-box-square:nth-child(3){bottom:-.2em;right:-.1em}.annotations-bounding-box-square:nth-child(4){bottom:-.2em;left:-.1em}.js .annotations-will-animate .annotations-bounding-box-dash{width:0;height:0}.js .annotations-will-animate .annotations-bounding-box-square{opacity:0}.js .annotations-animate .annotations-bounding-box-square{opacity:1}.js .annotations-animate .annotations-bounding-box-dash{width:100%;height:100%}.js .annotations-animate .annotations-bounding-box-square:nth-child(2){transform:translateX(290px)}.js .annotations-animate .annotations-bounding-box-square:nth-child(3){transform:translate(290px,83px)}.js .annotations-animate .annotations-bounding-box-square:nth-child(4){transform:translateY(83px)}.annotations-circle{position:relative;display:inline-block}.annotations-circle-svg{position:absolute;top:-.05em;left:-.3em;width:calc(100% + .6em);height:calc(100% + .3em);z-index:-1}@media (prefers-reduced-motion:no-preference){.js .annotations-will-animate .annotations-circle-svg{opacity:0}.js .annotations-animate .annotations-circle-svg{opacity:1}.js .annotations-animate .annotations-circle-svg ellipse{stroke-dasharray:460;stroke-dashoffset:460;animation:draw .8s linear forwards}}@keyframes draw{to{stroke-dashoffset:0}}.annotations-line{position:relative;display:inline-block}.annotations-line-svg{position:absolute;bottom:.05em;left:0;width:100%;z-index:-1;transition:transform .5s linear;border-radius:.2em}.annotations-line-svg-variant-wave{bottom:-.1em}@media (prefers-reduced-motion:no-preference){.js .annotations-will-animate .annotations-line-svg{opacity:0}.js .annotations-animate .annotations-line-svg{opacity:1}.js .annotations-animate .annotations-line-svg{stroke-dasharray:var(--dash-length);stroke-dashoffset:var(--dash-length);animation:draw .4s ease-in-out forwards}}@keyframes draw{to{stroke-dashoffset:0}}.annotations-brackets{position:relative;display:inline-block;margin-right:.6em}.annotations-brackets-svg{position:absolute;top:.3em;left:-.7em;z-index:-1;width:auto;height:70%}.annotations-brackets-right{transform:rotate(180deg);left:auto;right:-.7em}@media (prefers-reduced-motion:no-preference){.js .annotations-will-animate .annotations-brackets-svg{opacity:0}.js .annotations-animate .annotations-brackets-svg{opacity:1;stroke-dasharray:40;stroke-dashoffset:40;animation:draw .4s ease-in-out forwards}.js .annotations-animate .annotations-brackets-right{animation-delay:.5s}}@keyframes draw{to{stroke-dashoffset:0}}.annotations-bubble .cdp-bubble-text{fill:var(--color-gray-L000)}.annotations-bubble-theme-light .cdp-bubble-text{fill:var(--color-gray-L800)}@media (prefers-reduced-motion:no-preference){.js .annotations-will-animate.annotations-bubble{opacity:0}.js .annotations-animate.annotations-bubble{animation:fadePopIn .3s forwards ease-out}}@keyframes fadePopIn{0%{opacity:0;transform:scale(.9)}70%{transform:scale(1.05)}100%{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:no-preference){.js .annotations-will-animate.annotations-arrow{opacity:0}.js .annotations-animate.annotations-arrow{opacity:1}.js .annotations-animate.annotations-arrow path{stroke-dasharray:var(--dash-length);stroke-dashoffset:var(--dash-length);animation:draw .4s ease-in-out forwards}.js .annotations-animate.annotations-arrow path:nth-child(2){stroke-dasharray:160;stroke-dashoffset:160;animation:draw .6s ease-in-out forwards;animation-delay:.5s}}@keyframes draw{to{stroke-dashoffset:0}}.deploy-previews-share-progress-illustration-wrapper{margin:0 auto;display:grid;grid-template-columns:1fr}@media (min-width:37.5rem){.deploy-previews-share-progress-illustration-wrapper{grid-template-columns:1fr 1fr}}.deploy-previews-share-progress-illustration-1,.deploy-previews-share-progress-illustration-2,.deploy-previews-share-progress-illustration-3{max-width:100%;height:auto}@media (min-width:37.5rem){.deploy-previews-share-progress-illustration-2{margin-top:4em}}@media (min-width:37.5rem){.deploy-previews-share-progress-illustration-3{margin-top:-3em;margin-left:1.5em}}@media (prefers-reduced-motion:no-preference){.js .illustrations-will-animate{opacity:0}.js .illustrations-animate{opacity:1}.js .illustrations-animate [data-deploy-previews-share-progress-card1],.js .illustrations-animate [data-deploy-previews-share-progress-card2],.js .illustrations-animate [data-deploy-previews-share-progress-card3]{opacity:0}.js .illustrations-animate [data-deploy-previews-share-progress-card1],.js .illustrations-animate [data-deploy-previews-share-progress-card2],.js .illustrations-animate [data-deploy-previews-share-progress-card3]{animation:fadeSlideIn .5s forwards ease-out}.js .illustrations-animate [data-deploy-previews-share-progress-card2]{animation-delay:.4s}.js .illustrations-animate [data-deploy-previews-share-progress-card3]{animation-delay:.8s}}@keyframes fadeSlideIn{from{opacity:0;transform:translate3d(0,15px,0)}to{opacity:1;transform:translate3d(0,0,0)}}@media (prefers-reduced-motion:no-preference){.js .illustrations-will-animate{opacity:0}.js .illustrations-will-animate [data-deploy-previews-illustration-unlimited-reviewers-path],.js .illustrations-will-animate [data-deploy-previews-illustration-unlimited-reviewers-people]{opacity:0}.js .illustrations-animate{opacity:1}.js .illustrations-animate [data-deploy-previews-illustration-unlimited-reviewers-people],.js .illustrations-will-animate [data-deploy-previews-illustration-unlimited-reviewers-path]{animation:fadeSlideIn .3s forwards ease-out}.js .illustrations-animate [data-deploy-previews-illustration-unlimited-reviewers-people]:nth-child(2){animation-delay:150ms}.js .illustrations-animate [data-deploy-previews-illustration-unlimited-reviewers-people]:nth-child(3){animation-delay:.3s}.js .illustrations-animate [data-deploy-previews-illustration-unlimited-reviewers-people]:nth-child(4){animation-delay:450ms}.js .illustrations-animate [data-deploy-previews-illustration-unlimited-reviewers-people]:nth-child(5){animation-delay:.6s}.js .illustrations-animate [data-deploy-previews-illustration-unlimited-reviewers-people]:nth-child(6){animation-delay:750ms}.js .illustrations-animate [data-deploy-previews-illustration-unlimited-reviewers-people]:nth-child(7){animation-delay:.9s}.js .illustrations-animate [data-deploy-previews-illustration-unlimited-reviewers-people]:nth-child(8){animation-delay:1.05s}.js .illustrations-animate [data-deploy-previews-illustration-unlimited-reviewers-people]:nth-child(9){animation-delay:1.2s}.js .illustrations-will-animate [data-deploy-previews-illustration-unlimited-reviewers-path]{animation:fadeIn .2s forwards ease-out;animation-delay:1.5s}}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(15px)}70%{transform:translateY(-5px)}100%{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}.pancake>*{grid-column:standard}.deploy-preview-hero-intro-copy-change{position:absolute;top:0;right:-1em;display:flex}@media (max-width:87.5rem){.deploy-preview-hero-intro-copy-change{display:none}}.deploy-preview-hero-intro-copy-change-arrow{margin-top:1em}.deploy-preview-hero-intro-bubble-tegan{position:absolute;bottom:-1em;left:-7em}@media (max-width:87.5rem){.deploy-preview-hero-intro-bubble-tegan{display:none}}.deploy-previews-hero-intro{margin-bottom:5em}@media (min-width:37.5rem){.deploy-previews-hero-intro{margin-top:3em}}.deploy-previews-hero-intro .heading{max-width:25ch;margin-left:auto;margin-right:auto}@media (max-width:31.26rem){.deploy-previews-hero-intro .heading br{display:none}}.deploy-previews-hero-intro .hero-intro-p{color:var(--color-gray-L800)}.deploy-previews-hero-intro .preheader{color:var(--color-gray-D500)}.deploy-previews-hero-intro .hero-intro-cta{margin-top:3.5em}.deploy-previews-share-progress-pancake-heading{text-align:center;margin-bottom:2em}@media (max-width:75.375rem){.deploy-previews-share-progress-pancake-heading{margin-bottom:0}}.deploy-previews-share-progress-title{font-weight:600;margin-bottom:.6em}.deploy-previews-share-progress-tic-toc{display:grid;grid-template-columns:1fr;grid-gap:5em;margin-bottom:4em;position:relative;justify-content:center;justify-items:center}@media (min-width:75.375rem){.deploy-previews-share-progress-tic-toc{margin-bottom:10em;grid-template-columns:1.5fr 1fr}}@media (min-width:75.375rem){.deploy-previews-share-progress-tic-toc-alternate{grid-template-columns:1fr 1.5fr}}.deploy-previews-share-progress-illustration{flex-basis:53%;display:flex;flex-grow:1;max-width:40em;width:100%}.deploy-previews-video{display:none;padding-top:80.8%;border-radius:8px;overflow:hidden;border:2px solid var(--color-gray-L300);box-shadow:0 16px 24px rgb(0 0 0 / 7%),0 6px 30px rgb(0 0 0 / 6%),0 8px 10px rgb(0 0 0 / 10%);background-color:var(--color-gray-L000)}.deploy-previews-video video{width:100.5%}.deploy-previews-video-image-fallback,.deploy-previews-video-image-fallback img{height:auto}@media (prefers-reduced-motion:no-preference){.deploy-previews-video{display:block}.deploy-previews-video-image-fallback{display:none}}.deploy-previews-share-progress-content{--color-accent:var(--color-teal-T600);flex-basis:40%;flex-grow:1;max-width:45em}@media (max-width:75.375rem){.deploy-previews-share-progress-content{text-align:center}}.deploy-previews-share-progress-annotations{position:absolute;left:25em;top:15em;display:flex;align-items:flex-end;z-index:1}@media (max-width:75.375rem){.deploy-previews-share-progress-annotations{display:none}}.deploy-previews-share-progress-annotations .annotations-bubble{margin-bottom:1em}.deploy-previews-share-progress-content .list{margin-top:1.5em;text-align:left}.deploy-previews-share-progress-content-automated-previews,.deploy-previews-share-progress-content-unlimited-reviewers{margin-top:3em}@media (max-width:75.375rem){.deploy-previews-share-progress-content-automated-previews{order:-1}}.deploy-previews-share-progress-illustration-unlimited-reviewers{margin-top:-15em;max-width:43em}@media (max-width:76.375rem){.deploy-previews-share-progress-illustration-unlimited-reviewers{margin-top:-10em}}@media (max-width:31.26rem){.deploy-previews-share-progress-illustration-unlimited-reviewers{margin-top:-7em}}.deploy-previews-share-progress-illustration-unlimited-reviewers>svg{max-width:100%;height:auto}@media (max-width:76.375rem){.deploy-previews-share-progress-illustration-unlimited-reviewers .data-deploy-previews-illustration-unlimited-reviewers-top-path{display:none}}.deploy-previews-unlimited-reviewers-annotations{position:absolute;left:-9em;top:19em;display:flex;align-items:center}@media (max-width:75.375rem){.deploy-previews-unlimited-reviewers-annotations{display:none}}.deploy-previews-unlimited-reviewers-bubble-joel{position:absolute;top:5em;left:90%}@media (max-width:96rem){.deploy-previews-unlimited-reviewers-bubble-joel{display:none}}.deploy-previews-flow-tools-pancake{text-align:center}@media (min-width:56.25rem){.deploy-previews-flow-tools-pancake{text-align:left}}.deploy-previews-flow-tools-annotations-header{display:flex;flex-direction:column}@media (max-width:75.375rem){.deploy-previews-flow-tools-annotations-header{text-align:center}}.deploy-previews-flow-tools-annotations{display:flex;margin-left:auto;margin-right:4em;margin-bottom:-3em}@media (max-width:75.375rem){.deploy-previews-flow-tools-annotations{display:none}}.deploy-previews-flow-tools-wrapper{display:flex}.deploy-previews-flow-tools-grid{position:relative;display:grid;grid-template-columns:1fr;max-width:36em;margin:3em auto}@media (min-width:56.25rem){.deploy-previews-flow-tools-grid{grid-template-columns:1fr 1fr;grid-column-gap:4em;max-width:none;margin:0}}.deploy-previews-flow-tools-content{margin-bottom:5em;position:relative}@media (min-width:56.25rem){.deploy-previews-flow-tools-content{min-height:30vh;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;margin:min(20vh,15em) 0}}.deploy-previews-flow-tools-content-logos{--gutter:1em;display:flex;margin:calc(-1 * var(--gutter));align-items:center}@media (max-width:56.25rem){.deploy-previews-flow-tools-content-logos{justify-content:center}}.deploy-previews-flow-tools-content-logos>svg{margin:var(--gutter)}.deploy-previews-flow-tools-sticky-container{display:none}@media (min-width:56.25rem){.deploy-previews-flow-tools-sticky-container{display:grid;place-items:center;position:sticky;top:35vh;margin:10vh 0;min-height:30vh;align-self:flex-start}}.deploy-previews-flow-tools-sticky-container [data-sticky-container-video]{grid-column:1;grid-row:1;opacity:0;display:flex;width:100%;max-width:27.5em}@media (prefers-reduced-motion:no-preference){.deploy-previews-flow-tools-sticky-container [data-sticky-container-video]{transition:opacity .5s}}.deploy-previews-flow-tools-sticky-container [data-sticky-container-video].deploy-previews-flow-tools-sticky-container-video-active{opacity:1}.deploy-previews-flow-tools-replies-arrow{display:none}@media (min-width:56.25rem) and (min-height:37.5rem){.deploy-previews-flow-tools-replies-arrow{display:block;position:absolute;left:-15em}}@media (min-height:37.5rem){.deploy-previews-flow-tools-replies-arrow{top:-14em}}@media (min-height:56.25rem){.deploy-previews-flow-tools-replies-arrow{top:-11em}}.deploy-previews-flow-tools-sticky-image,.deploy-previews-flow-tools-sticky-image img{width:100%;height:auto}.deploy-previews-flow-tools-heading{margin-bottom:.75em}.deploy-previews-flow-tools-paragraph{margin-bottom:1.25em}.deploy-previews-flow-tools-responsive-arrow{display:none}@media (min-width:56.25rem){.deploy-previews-flow-tools-responsive-arrow{display:block;position:absolute;left:-13em;top:-3em}}.deploy-previews-flow-tools-video-wrapper-small{display:flex;max-width:26em;margin:3em auto}@media (min-width:56.25rem){.deploy-previews-flow-tools-video-wrapper-small{display:none}}.deploy-previews-stakeholders-pancake-heading{max-width:22ch;text-align:center;margin:0 auto 1em auto}.deploy-previews-stakeholders-pancake-intro{max-width:45ch;text-align:center;margin:0 auto 5em auto}.deploy-previews-stakeholders-list{list-style:none;display:grid;grid-template-columns:1fr;grid-gap:3em}@media (min-width:31.26rem){.deploy-previews-stakeholders-list{grid-template-columns:repeat(auto-fit,minmax(25em,1fr))}}@media (max-width:36.9375rem){.deploy-previews-stakeholders-list{text-align:center}}.deploy-previews-stakeholders-item{display:grid;grid-template-columns:repeat(auto-fill,minmax(15em,1fr));grid-gap:3em;align-items:center;justify-items:center}.deploy-previews-stakeholders-item-illustration{max-width:100%;height:auto}.deploy-previews-stakeholders-title{font-weight:600;margin-bottom:.65em}.deploy-previews-pre-footer{padding:clamp(10em,13vw,12em) 0 15em 0;position:relative}@media (max-width:68.75rem){.deploy-previews-pre-footer{padding:1em 0 6em 0}}.deploy-previews-pre-footer-arrows-large{position:absolute;top:0;left:0;max-width:100%;height:auto}@media (max-width:68.75rem){.deploy-previews-pre-footer-arrows-large{display:none}}.deploy-previews-pre-footer-arrows-small{display:none}@media (max-width:68.75rem){.deploy-previews-pre-footer-arrows-small{height:auto;max-width:100%;margin:1em auto;display:block}} } </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> <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 600 530" id="icon-bluesky"> <path fill="currentColor" d="M135.72 44.03C202.216 93.951 273.74 195.17 300 249.49c26.262-54.316 97.782-155.54 164.28-205.46C512.26 8.009 590-19.862 590 68.825c0 17.712-10.155 148.79-16.111 170.07-20.703 73.984-96.144 92.854-163.25 81.433 117.3 19.964 147.14 86.092 82.697 152.22-122.39 125.59-175.91-31.511-189.63-71.766-2.514-7.38-3.69-10.832-3.708-7.896-.017-2.936-1.193.516-3.707 7.896-13.714 40.255-67.233 197.36-189.63 71.766-64.444-66.128-34.605-132.26 82.697-152.22-67.108 11.421-142.55-7.45-163.25-81.433C20.15 217.613 9.997 86.535 9.997 68.825c0-88.687 77.742-60.816 125.72-24.795z"></path> </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-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>  <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> </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"><section data-pancake-anim="hero" class="pancake deploy-preview-hero-pancake"><div class="deploy-preview-hero-intro-copy-change"><span class="annotations-arrow annotations-will-animate" style="--dash-length:284;"><svg width="146" height="140" viewBox="0 0 146 140" fill="none" xmlns="http://www.w3.org/2000/svg" class="deploys-preview-hero-intro-bubble-todd-arrow"><path d="M13.1495 89.0967C38.035 44.0704 94.7097 27.7432 139.736 52.6287" stroke="#fe4e5c" stroke-width="8" stroke-linecap="round" stroke-linejoin="round"></path> <path d="M11.458 65.4282L11.9124 89.733L36.2172 89.2786" stroke="#fe4e5c" stroke-width="8" stroke-linecap="round" stroke-linejoin="round"></path></svg></span> <svg width="360" height="129" x="0" y="0" viewBox="0 0 360 129" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" class="annotations-bubble cdp-bubble deploy-preview-hero-intro-bubble-todd annotations-bubble-theme-light annotations-will-animate"><g class="cdp-bubble-group"><g filter="url(#bubble-filter0_ddd-0-0-todd)"><rect x="30" y="32.2" width="300" height="56" rx="8" fill="#fff"></rect> <rect x="30.5" y="32.7" width="300" height="55" rx="7.5" stroke="#E9EBED"></rect></g> <text font-family="Mulish, sans-serif" font-size="16" font-weight="bold" letter-spacing="0" class="cdp-bubble-text"><tspan x="61.8" y="18"> Todd <tspan font-weight="normal">commented</tspan></tspan></text> <text fill="#000" font-family="Mulish, sans-serif" font-size="16" letter-spacing="0" style="white-space:pre;"><tspan x="45.8" y="66">Should this just be "and" instead?</tspan></text> <rect x="30" y="0.2" width="24" height="24" rx="12" fill="url(#bubble-pattern0-0-0-todd)"></rect></g> <defs><pattern id="bubble-pattern0-0-0-todd" width="1" height="1"><rect width="48" height="48" fill="#EEEEEE"></rect> <image xlink:href="/v3/img/build/luiOtdzSqn-48.jpeg" width="24" height="24"></image></pattern> <filter id="bubble-filter0_ddd-0-0-todd" x="0" y="8.2" width="360" height="120" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"></feFlood> <feColorMatrix in="SourceAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"></feColorMatrix> <feOffset dy="8"></feOffset> <feGaussianBlur stdDeviation="5"></feGaussianBlur> <feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0"></feColorMatrix> <feBlend in2="BackgroundImageFix" result="effect1_dropShadow"></feBlend> <feColorMatrix in="SourceAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"></feColorMatrix> <feOffset dy="6"></feOffset> <feGaussianBlur stdDeviation="15"></feGaussianBlur> <feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.06 0"></feColorMatrix> <feBlend in2="effect1_dropShadow" result="effect2_dropShadow"></feBlend> <feColorMatrix in="SourceAlpha" 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 values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.07 0"></feColorMatrix> <feBlend in2="effect2_dropShadow" result="effect3_dropShadow"></feBlend> <feBlend in="SourceGraphic" in2="effect3_dropShadow" result="shape"></feBlend></filter></defs></svg></div> <svg width="260" height="129" x="0" y="0" viewBox="0 0 260 129" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" class="annotations-bubble cdp-bubble deploy-preview-hero-intro-bubble-tegan annotations-bubble-theme-light annotations-will-animate"><g class="cdp-bubble-group"><g filter="url(#bubble-filter0_ddd-0-0-tegan)"><rect x="30" y="32.2" width="200" height="56" rx="8" fill="#fff"></rect> <rect x="30.5" y="32.7" width="200" height="55" rx="7.5" stroke="#E9EBED"></rect></g> <text font-family="Mulish, sans-serif" font-size="16" font-weight="bold" letter-spacing="0" class="cdp-bubble-text"><tspan x="61.8" y="18"> Tegan <tspan font-weight="normal">commented</tspan></tspan></text> <text fill="#000" font-family="Mulish, sans-serif" font-size="16" letter-spacing="0" style="white-space:pre;"><tspan x="45.8" y="66">I absolutely ❤️ this! 🚀</tspan></text> <rect x="30" y="0.2" width="24" height="24" rx="12" fill="url(#bubble-pattern0-0-0-tegan)"></rect></g> <defs><pattern id="bubble-pattern0-0-0-tegan" width="1" height="1"><rect width="48" height="48" fill="#EEEEEE"></rect> <image xlink:href="/v3/img/build/jEVc54WiSX-48.jpeg" width="24" height="24"></image></pattern> <filter id="bubble-filter0_ddd-0-0-tegan" x="0" y="8.2" width="260" height="120" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"></feFlood> <feColorMatrix in="SourceAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"></feColorMatrix> <feOffset dy="8"></feOffset> <feGaussianBlur stdDeviation="5"></feGaussianBlur> <feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0"></feColorMatrix> <feBlend in2="BackgroundImageFix" result="effect1_dropShadow"></feBlend> <feColorMatrix in="SourceAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"></feColorMatrix> <feOffset dy="6"></feOffset> <feGaussianBlur stdDeviation="15"></feGaussianBlur> <feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.06 0"></feColorMatrix> <feBlend in2="effect1_dropShadow" result="effect2_dropShadow"></feBlend> <feColorMatrix in="SourceAlpha" 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 values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.07 0"></feColorMatrix> <feBlend in2="effect2_dropShadow" result="effect3_dropShadow"></feBlend> <feBlend in="SourceGraphic" in2="effect3_dropShadow" result="shape"></feBlend></filter></defs></svg> <div class="hero-intro deploy-previews-hero-intro hero-intro-align-center"><div class="preheader type-a type-a--1"><span>Deploy Previews</span></div> <h1 class="heading hero-intro-hed type-a type-a-4"><span class="annotations-line annotations-anim-direction-left" style="--dash-length:170;"><svg width="40" height="8" viewBox="0 0 40 8" fill="none" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none" class="annotations-line-svg"><path d="M0 4H40" stroke="#fe4e5c" stroke-width="8" stroke-linecap="round" vector-effect="non-scaling-stroke"></path></svg> Share,</span> review, & manage <br> feedback on <span class="annotations-circle"><svg width="119" height="60" viewBox="0 0 119 60" fill="none" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none" class="annotations-circle-svg"><ellipse cx="59.5" cy="30" rx="55.5" ry="26" stroke="#fe4e5c" stroke-width="8" vector-effect="non-scaling-stroke"></ellipse></svg> your</span> web <span class="annotations-bounding-box"><svg width="304" height="87" viewBox="0 0 304 87" fill="none" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none" aria-hidden="true" class="annotations-bounding-box-dash"><rect x="1.25" y="1" width="301" height="85" stroke="#9DA7B2" stroke-width="2" stroke-dasharray="8 8" vector-effect="non-scaling-stroke"></rect></svg> <div aria-hidden="true" class="annotations-bounding-box-squares"><svg width="17" height="16" viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="annotations-bounding-box-square"><rect x="1.25" y="1" width="14" height="14" fill="white" stroke="#9DA7B2" stroke-width="2"></rect></svg> <svg width="17" height="16" viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="annotations-bounding-box-square"><rect x="1.25" y="1" width="14" height="14" fill="white" stroke="#9DA7B2" stroke-width="2"></rect></svg> <svg width="17" height="16" viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="annotations-bounding-box-square"><rect x="1.25" y="1" width="14" height="14" fill="white" stroke="#9DA7B2" stroke-width="2"></rect></svg> <svg width="17" height="16" viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="annotations-bounding-box-square"><rect x="1.25" y="1" width="14" height="14" fill="white" stroke="#9DA7B2" stroke-width="2"></rect></svg></div> projects</span></h1> <p class="paragraph hero-intro-p type-a type-a-1">Empower stakeholders to view and leave feedback about your web project, with every annotation and comment synched to your favorite productivity tools.</p> <div class="hero-intro-cta"><ul class="button-group button-group-center"><li><a href="https://app.netlify.com/signup" type="button" id="cta-hero-getstartedforfree" class="call-to-action call-to-action-button call-to-action-variant-teal">  <span>Get started for free</span></a></li> <li><a href="/contact/" id="cta-hero-talktoanexpert" class="call-to-action call-to-action-variant-text">  <span>Request demo</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></li></ul></div> </div></section> <section class="pancake deploy-previews-share-progress"><div class="preheader type-a type-a--1">Develop better together</div> <h2 class="deploy-previews-share-progress-pancake-heading type-a type-a-3">Share progress faster. Get better feedback.</h2> <div data-deploy-previews-share-progress="" data-pancake-anim="shareProgress" class="deploy-previews-share-progress-tic-toc"><div class="deploy-previews-share-progress-illustration"><div data-deploy-previews-share-progress-illustration="" class="deploy-previews-share-progress-illustration-wrapper illustrations-will-animate"><svg width="363" height="289" viewBox="0 0 363 289" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" data-deploy-previews-share-progress-card1 class="deploy-previews-share-progress-illustration-1"><g filter="url(#deploy-previews-share-progress-illustration-1-filter0_ddd)"><rect width="302.85" height="224" rx="8" transform="matrix(-1 0 0 1 332.85 24)" fill="white"></rect></g> <rect x="203.318" y="92.8987" width="110.253" height="3.56856" rx="1.78428" fill="#E9EBED"></rect> <rect x="203.318" y="99.2893" width="100.61" height="3.56856" rx="1.78428" fill="#E9EBED"></rect> <rect x="224.834" y="137.144" width="79.0946" height="3.56856" rx="1.78428" fill="#E9EBED"></rect> <rect x="224.834" y="176.713" width="79.0946" height="3.56856" rx="1.78428" fill="#E9EBED"></rect> <rect x="203.318" y="105.68" width="75.9859" height="3.56856" rx="1.78428" fill="#E9EBED"></rect> <rect x="224.834" y="143.535" width="74.9485" height="3.56856" rx="1.78428" fill="#E9EBED"></rect> <rect x="224.834" y="183.104" width="74.9485" height="3.56856" rx="1.78428" fill="#E9EBED"></rect> <g filter="url(#deploy-previews-share-progress-illustration-1-filter1_ddd)"><rect x="60.1328" y="41.2329" width="121.405" height="163.554" rx="3.02504" fill="white"></rect> <rect x="60.3345" y="41.4346" width="121.002" height="163.151" rx="2.82337" stroke="#F6F6F7" stroke-width="0.403339"></rect></g> <rect x="89.1738" y="143.965" width="36.5331" height="1.97033" rx="0.985165" fill="#E9EBED"></rect> <rect x="89.1738" y="164.812" width="36.5331" height="1.97033" rx="0.985165" fill="#E9EBED"></rect> <rect x="89.1738" y="184.767" width="36.5331" height="1.97033" rx="0.985165" fill="#E9EBED"></rect> <ellipse cx="77.6376" cy="183.212" rx="7.21773" ry="7.21773" fill="#181A1C"></ellipse> <ellipse cx="77.6376" cy="183.212" rx="7.21773" ry="7.21773" fill="url(#deploy-previews-share-progress-illustration-1-pattern0)"></ellipse> <text fill="#AAB0B7" xml:space="preserve" font-family="Mulish" font-size="3.82115" font-weight="bold" letter-spacing="0px" style="white-space: pre"><tspan x="160.289" y="187.627">Visa</tspan></text> <text fill="#05bdba" xml:space="preserve" font-family="Mulish" font-size="4.24572" font-weight="bold" letter-spacing="0px" style="white-space: pre"><tspan x="154.521" y="181.843">$2,500</tspan></text> <text fill="#353A3E" xml:space="preserve" font-family="Mulish" font-size="4.24572" font-weight="bold" letter-spacing="0px" style="white-space: pre"><tspan x="88.8867" y="181.737">Transaction 3</tspan></text> <circle cx="77.6357" cy="163.257" r="7.21773" fill="#F6F6F7"></circle> <ellipse cx="77.6357" cy="163.257" rx="7.21773" ry="7.21773" fill="#181A1C"></ellipse> <ellipse cx="77.6357" cy="163.257" rx="7.21773" ry="7.21773" fill="url(#deploy-previews-share-progress-illustration-1-pattern1)"></ellipse> <text fill="#AAB0B7" xml:space="preserve" font-family="Mulish" font-size="3.82115" font-weight="bold" letter-spacing="0px" style="white-space: pre"><tspan x="147.217" y="167.672">MasterCard</tspan></text> <text fill="#fe4e5c" xml:space="preserve" font-family="Mulish" font-size="4.24572" font-weight="bold" letter-spacing="0px" style="white-space: pre"><tspan x="158.344" y="161.888">$146</tspan></text> <text fill="#353A3E" xml:space="preserve" font-family="Mulish" font-size="4.24572" font-weight="bold" letter-spacing="0px" style="white-space: pre"><tspan x="88.8848" y="161.782">Transaction 2</tspan></text> <circle cx="77.6376" cy="143.09" r="7.21773" fill="#272F38"></circle> <circle cx="77.6376" cy="143.09" r="7.21773" fill="url(#deploy-previews-share-progress-illustration-1-pattern2)"></circle> <text fill="#AAB0B7" xml:space="preserve" font-family="Mulish" font-size="3.82115" font-weight="bold" letter-spacing="0px" style="white-space: pre"><tspan x="155.569" y="147.504">PayPal</tspan></text> <text fill="#fe4e5c" xml:space="preserve" font-family="Mulish" font-size="4.24572" font-weight="bold" letter-spacing="0px" style="white-space: pre"><tspan x="157.921" y="141.721">$273</tspan></text> <text fill="#353A3E" xml:space="preserve" font-family="Mulish" font-size="4.24572" font-weight="bold" letter-spacing="0px" style="white-space: pre"><tspan x="88.8867" y="141.615">Transaction 1</tspan></text> <rect x="70.418" y="69.4668" width="100.835" height="57.6775" rx="3.02504" fill="#1b205b"></rect> <rect x="75.0566" y="75.9204" width="12.5035" height="7.86511" fill="url(#deploy-previews-share-progress-illustration-1-pattern3)"></rect> <text fill="#F6F6F7" xml:space="preserve" font-family="Mulish" font-size="3.63005" font-weight="500" letter-spacing="0px" style="white-space: pre"><tspan x="74.8535" y="94.5333">CARD NUMBER</tspan></text> <text fill="#F6F6F7" xml:space="preserve" font-family="Mulish" font-size="5.64675" font-weight="600" letter-spacing="0px" style="white-space: pre"><tspan x="74.6523" y="102.756">5469 3984 4129 9573</tspan></text> <text fill="#F6F6F7" xml:space="preserve" font-family="Mulish" font-size="3.63005" font-weight="500" letter-spacing="0px" style="white-space: pre"><tspan x="74.8555" y="113.692">CARD HOLDER</tspan></text> <text fill="#F6F6F7" xml:space="preserve" font-family="Mulish" font-size="4.03339" font-weight="600" letter-spacing="0px" style="white-space: pre"><tspan x="75.0566" y="119.087">Alpamys Moldashev</tspan></text> <text fill="#F6F6F7" xml:space="preserve" font-family="Mulish" font-size="3.63005" font-weight="500" letter-spacing="0px" style="white-space: pre"><tspan x="124.062" y="113.692">EXPIRY DATE</tspan></text> <text fill="#F6F6F7" xml:space="preserve" font-family="Mulish" font-size="4.03339" font-weight="600" letter-spacing="0px" style="white-space: pre"><tspan x="124.062" y="119.087">14/25</tspan></text> <circle cx="167.32" cy="55.8542" r="4.13422" fill="#ebf1fb"></circle> <path d="M167.246 53.9856V57.6693" stroke="#2e51ed" stroke-width="0.605008" stroke-linecap="round" stroke-linejoin="round"></path> <path d="M165.404 55.8276H169.088" stroke="#2e51ed" stroke-width="0.605008" stroke-linecap="round" stroke-linejoin="round"></path> <text fill="#353A3E" xml:space="preserve" font-family="Inter" font-size="5.24341" font-weight="600" letter-spacing="0px" style="white-space: pre"><tspan x="70.2832" y="57.3353">All Transactions</tspan></text> <circle cx="210.78" cy="166.268" r="7.46177" fill="#d3f8f6"></circle> <text fill="#353A3E" xml:space="preserve" font-family="Pacaembu" font-size="4.84007" font-weight="600" letter-spacing="0px" style="white-space: pre"><tspan x="224.695" y="164.484">Close cooperation with other </tspan><tspan x="224.695" y="170.332">banks and payment systems</tspan></text> <path fill-rule="evenodd" clip-rule="evenodd" d="M212.39 164.029L208.645 167.768C208.413 168 208.413 168.376 208.645 168.608V168.608C208.876 168.84 209.252 168.84 209.484 168.608L213.224 164.862C213.454 164.632 213.454 164.259 213.224 164.028L213.224 164.028C212.993 163.798 212.62 163.798 212.39 164.029V164.029Z" fill="#05bdba"></path> <path opacity="0.3" fill-rule="evenodd" clip-rule="evenodd" d="M210.139 164.481C210.139 164.913 209.879 165.303 209.48 165.468C209.081 165.633 208.621 165.542 208.316 165.236C208.011 164.93 207.92 164.471 208.086 164.072C208.251 163.673 208.641 163.413 209.073 163.414C209.356 163.414 209.627 163.527 209.827 163.727C210.027 163.927 210.139 164.198 210.139 164.481ZM213.836 168.179C213.836 168.61 213.576 169 213.177 169.165C212.778 169.331 212.319 169.239 212.014 168.934C211.708 168.629 211.617 168.169 211.782 167.77C211.948 167.371 212.337 167.111 212.769 167.111C213.052 167.111 213.324 167.224 213.524 167.424C213.724 167.624 213.836 167.896 213.836 168.179Z" fill="#05bdba"></path> <circle cx="210.78" cy="125.934" r="7.46177" fill="#ebf1fb"></circle> <text fill="#353A3E" xml:space="preserve" font-family="Pacaembu" font-size="4.84007" font-weight="600" letter-spacing="0px" style="white-space: pre"><tspan x="224.695" y="124.15">Set limits on spending </tspan><tspan x="224.695" y="129.999">per month</tspan></text> <path opacity="0.3" fill-rule="evenodd" clip-rule="evenodd" d="M208.131 126.088L211.243 126.71V123.273C212.706 123.457 213.768 124.756 213.657 126.226C213.546 127.696 212.302 128.822 210.828 128.785C209.354 128.748 208.168 127.562 208.131 126.088L208.131 126.088Z" fill="#2e51ed"></path> <path fill-rule="evenodd" clip-rule="evenodd" d="M207.807 125.331C207.979 123.945 209.157 122.905 210.553 122.905V125.88L207.807 125.331Z" fill="#2e51ed"></path> <text fill="#353A3E" xml:space="preserve" font-family="Pacaembu" font-size="12.1002" font-weight="bold" letter-spacing="0px" style="white-space: pre"><tspan x="203.318" y="72.2105">All transactions </tspan><tspan x="203.318" y="86.9324">are at hand!</tspan></text> <text fill="#181A1C" xml:space="preserve" font-family="Mulish" font-size="12" font-weight="bold" letter-spacing="0.12em" style="white-space: pre"><tspan x="163.1" y="280.763">MAIN</tspan></text> <defs><filter id="deploy-previews-share-progress-illustration-1-filter0_ddd" x="0" y="0" width="362.85" height="288" 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="8"></feOffset> <feGaussianBlur stdDeviation="5"></feGaussianBlur> <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0"></feColorMatrix> <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"></feBlend> <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="6"></feOffset> <feGaussianBlur stdDeviation="15"></feGaussianBlur> <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.06 0"></feColorMatrix> <feBlend mode="normal" in2="effect1_dropShadow" result="effect2_dropShadow"></feBlend> <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 0 0 0 0 0 0 0 0 0 0 0 0 0 0.07 0"></feColorMatrix> <feBlend mode="normal" in2="effect2_dropShadow" result="effect3_dropShadow"></feBlend> <feBlend mode="normal" in="SourceGraphic" in2="effect3_dropShadow" result="shape"></feBlend></filter> <filter id="deploy-previews-share-progress-illustration-1-filter1_ddd" x="30.1328" y="17.2329" width="181.405" height="227.554" 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="8"></feOffset> <feGaussianBlur stdDeviation="5"></feGaussianBlur> <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0"></feColorMatrix> <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"></feBlend> <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="6"></feOffset> <feGaussianBlur stdDeviation="15"></feGaussianBlur> <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.06 0"></feColorMatrix> <feBlend mode="normal" in2="effect1_dropShadow" result="effect2_dropShadow"></feBlend> <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 0 0 0 0 0 0 0 0 0 0 0 0 0 0.07 0"></feColorMatrix> <feBlend mode="normal" in2="effect2_dropShadow" result="effect3_dropShadow"></feBlend> <feBlend mode="normal" in="SourceGraphic" in2="effect3_dropShadow" result="shape"></feBlend></filter> <pattern id="deploy-previews-share-progress-illustration-1-pattern0" width="1" height="1"><image xlink:href="/v3/img/build/yM9EGPY78l-30.jpeg" width="15" height="15"></image></pattern> <pattern id="deploy-previews-share-progress-illustration-1-pattern1" width="1" height="1"><image xlink:href="/v3/img/build/ByeDzN7hOJ-30.jpeg" width="15" height="15"></image></pattern> <pattern id="deploy-previews-share-progress-illustration-1-pattern2" width="1" height="1"><image xlink:href="/v3/img/build/uaJNCuOudO-30.jpeg" width="15" height="15"></image></pattern> <pattern id="deploy-previews-share-progress-illustration-1-pattern3" width="1" height="1"><image xlink:href="/v3/img/build/thfBhFfRPD-26.jpeg" width="13" height="9"></image></pattern></defs></svg> <svg width="363" height="289" viewBox="0 0 363 289" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" data-deploy-previews-share-progress-card2 class="deploy-previews-share-progress-illustration-2"><g filter="url(#deploy-previews-share-progress-illustration-2-filter0_ddd)"><rect width="302.85" height="224" rx="8" transform="matrix(-1 0 0 1 332.85 24)" fill="white"></rect></g> <rect x="45.4961" y="114.944" width="102.577" height="5.0484" rx="2.5242" fill="#E9EBED"></rect> <rect x="45.4961" y="123.984" width="93.6055" height="5.0484" rx="2.5242" fill="#E9EBED"></rect> <g filter="url(#deploy-previews-share-progress-illustration-2-filter1_d)"><rect x="180.51" y="40.8276" width="128.221" height="165.795" rx="3.18429" fill="url(#deploy-previews-share-progress-illustration-2-pattern0)"></rect></g> <rect x="196.857" y="132.11" width="95.9533" height="88.9479" rx="2.97201" fill="#F6F6F7" stroke="#F6F6F7" stroke-width="0.424572"></rect> <rect x="221.691" y="165.516" width="36.5331" height="1.97033" rx="0.985165" fill="#E9EBED"></rect> <rect x="221.691" y="186.363" width="36.5331" height="1.97033" rx="0.985165" fill="#E9EBED"></rect> <rect x="221.691" y="206.317" width="36.5331" height="1.97033" rx="0.985165" fill="#E9EBED"></rect> <ellipse cx="210.442" cy="203.651" rx="7.21773" ry="7.21773" fill="#181A1C"></ellipse> <ellipse cx="210.442" cy="203.651" rx="7.21773" ry="7.21773" fill="url(#deploy-previews-share-progress-illustration-2-pattern1)"></ellipse> <text fill="#AAB0B7" xml:space="preserve" font-family="Mulish" font-size="3.82115" font-weight="bold" letter-spacing="0px" style="white-space: pre"><tspan x="278.094" y="208.065">Visa</tspan></text> <text fill="#05bdba" xml:space="preserve" font-family="Mulish" font-size="4.24572" font-weight="bold" letter-spacing="0px" style="white-space: pre"><tspan x="272.326" y="202.282">$2,500</tspan></text> <text fill="#353A3E" xml:space="preserve" font-family="Mulish" font-size="4.24572" font-weight="bold" letter-spacing="0px" style="white-space: pre"><tspan x="221.691" y="202.175">Transaction 3</tspan></text> <circle cx="210.44" cy="183.696" r="7.21773" fill="#F6F6F7"></circle> <ellipse cx="210.44" cy="183.696" rx="7.21773" ry="7.21773" fill="#181A1C"></ellipse> <ellipse cx="210.44" cy="183.696" rx="7.21773" ry="7.21773" fill="url(#deploy-previews-share-progress-illustration-2-pattern2)"></ellipse> <text fill="#AAB0B7" xml:space="preserve" font-family="Mulish" font-size="3.82115" font-weight="bold" letter-spacing="0px" style="white-space: pre"><tspan x="265.022" y="188.11">MasterCard</tspan></text> <text fill="#fe4e5c" xml:space="preserve" font-family="Mulish" font-size="4.24572" font-weight="bold" letter-spacing="0px" style="white-space: pre"><tspan x="276.149" y="182.327">$146</tspan></text> <text fill="#353A3E" xml:space="preserve" font-family="Mulish" font-size="4.24572" font-weight="bold" letter-spacing="0px" style="white-space: pre"><tspan x="221.689" y="182.221">Transaction 2</tspan></text> <circle cx="210.442" cy="163.529" r="7.21773" fill="#272F38"></circle> <circle cx="210.442" cy="163.529" r="7.21773" fill="url(#deploy-previews-share-progress-illustration-2-pattern3)"></circle> <text fill="#AAB0B7" xml:space="preserve" font-family="Mulish" font-size="3.82115" font-weight="bold" letter-spacing="0px" style="white-space: pre"><tspan x="273.374" y="167.943">PayPal</tspan></text> <text fill="#fe4e5c" xml:space="preserve" font-family="Mulish" font-size="4.24572" font-weight="bold" letter-spacing="0px" style="white-space: pre"><tspan x="275.726" y="162.159">$273</tspan></text> <text fill="#353A3E" xml:space="preserve" font-family="Mulish" font-size="4.24572" font-weight="bold" letter-spacing="0px" style="white-space: pre"><tspan x="221.691" y="162.054">Transaction 1</tspan></text> <circle cx="281.875" cy="144.635" r="4.35187" fill="#ebf1fb"></circle> <path d="M281.797 142.669V146.546" stroke="#2e51ed" stroke-width="0.636858" stroke-linecap="round" stroke-linejoin="round"></path> <path d="M279.859 144.607H283.737" stroke="#2e51ed" stroke-width="0.636858" stroke-linecap="round" stroke-linejoin="round"></path> <text fill="#353A3E" xml:space="preserve" font-family="Pacaembu" font-size="5.51944" font-weight="600" letter-spacing="0px" style="white-space: pre"><tspan x="203.293" y="146.639">All Transactions</tspan></text> <rect x="45.4961" y="142.088" width="45.0047" height="14.0109" rx="2.12286" fill="#2e51ed"></rect> <text fill="#F6F6F7" xml:space="preserve" font-family="Mulish" font-size="4.24572" font-weight="bold" letter-spacing="0px" style="white-space: pre"><tspan x="56.1028" y="150.697">Get Started</tspan></text> <rect x="97.2949" y="142.088" width="45.0047" height="14.0109" rx="2.12286" fill="#ebf1fb"></rect> <text fill="#2e51ed" xml:space="preserve" font-family="Mulish" font-size="4.24572" font-weight="bold" letter-spacing="0px" style="white-space: pre"><tspan x="108.867" y="150.697">View more</tspan></text> <text fill="#353A3E" xml:space="preserve" font-family="Pacaembu" font-size="12.7372" font-weight="bold" letter-spacing="0px" style="white-space: pre"><tspan x="45.4961" y="85.7489">Quick payments </tspan><tspan x="45.4961" y="101.246">Online</tspan></text> <text fill="#181A1C" xml:space="preserve" font-family="Mulish" font-size="12" font-weight="bold" letter-spacing="0.12em" style="white-space: pre"><tspan x="121.973" y="280.763">PROMO-BANNER</tspan></text> <defs><filter id="deploy-previews-share-progress-illustration-2-filter0_ddd" x="0" y="0" width="362.85" height="288" 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="8"></feOffset> <feGaussianBlur stdDeviation="5"></feGaussianBlur> <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0"></feColorMatrix> <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"></feBlend> <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="6"></feOffset> <feGaussianBlur stdDeviation="15"></feGaussianBlur> <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.06 0"></feColorMatrix> <feBlend mode="normal" in2="effect1_dropShadow" result="effect2_dropShadow"></feBlend> <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 0 0 0 0 0 0 0 0 0 0 0 0 0 0.07 0"></feColorMatrix> <feBlend mode="normal" in2="effect2_dropShadow" result="effect3_dropShadow"></feBlend> <feBlend mode="normal" in="SourceGraphic" in2="effect3_dropShadow" result="shape"></feBlend></filter> <filter id="deploy-previews-share-progress-illustration-2-filter1_d" x="169.895" y="40.8276" width="149.449" height="187.873" 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="11.4635"></feOffset> <feGaussianBlur stdDeviation="5.30715"></feGaussianBlur> <feColorMatrix type="matrix" values="0 0 0 0 0.262745 0 0 0 0 0.262745 0 0 0 0 0.266667 0 0 0 0.0705882 0"></feColorMatrix> <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"></feBlend> <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape"></feBlend></filter> <pattern id="deploy-previews-share-progress-illustration-2-pattern0" width="1" height="1"><image xlink:href="/v3/img/build/LpAzqLzpi3-257.jpeg" width="128" height="166"></image></pattern> <pattern id="deploy-previews-share-progress-illustration-2-pattern1" width="1" height="1"><image xlink:href="/v3/img/build/yM9EGPY78l-30.jpeg" width="15" height="15"></image></pattern> <pattern id="deploy-previews-share-progress-illustration-2-pattern2" width="1" height="1"><image xlink:href="/v3/img/build/ByeDzN7hOJ-30.jpeg" width="15" height="15"></image></pattern> <pattern id="deploy-previews-share-progress-illustration-2-pattern3" width="1" height="1"><image xlink:href="/v3/img/build/uaJNCuOudO-30.jpeg" width="15" height="15"></image></pattern></defs></svg> <svg width="363" height="289" viewBox="0 0 363 289" fill="none" xmlns="http://www.w3.org/2000/svg" data-deploy-previews-share-progress-card3 class="deploy-previews-share-progress-illustration-3"><g filter="url(#deploy-previews-share-progress-illustration-3-filter0_ddd)"><rect width="302.85" height="224" rx="8" transform="matrix(-1 0 0 1 332.85 24)" fill="white"></rect></g> <rect x="184.971" y="136.62" width="105.567" height="87.9725" rx="3.99364" fill="#F6F6F7"></rect> <rect x="193.225" y="198.448" width="72.5085" height="3.56856" rx="1.78428" fill="#E9EBED"></rect> <rect x="193.225" y="204.839" width="66.1669" height="3.56856" rx="1.78428" fill="#E9EBED"></rect> <circle cx="203.874" cy="155.79" r="10.6497" fill="#fbd3d0"></circle> <path opacity="0.3" fill-rule="evenodd" clip-rule="evenodd" d="M200.414 153.588H202.784C203.177 153.588 203.495 153.907 203.495 154.299C203.495 154.692 203.177 155.01 202.784 155.01L200.414 155.01C200.022 155.01 199.703 154.692 199.703 154.299C199.703 153.907 200.022 153.588 200.414 153.588L200.414 153.588ZM204.683 157.38H207.053C207.445 157.381 207.763 157.699 207.763 158.092C207.763 158.484 207.445 158.802 207.053 158.803H204.683C204.291 158.802 203.972 158.484 203.972 158.092C203.972 157.699 204.291 157.381 204.683 157.38H204.683Z" fill="#fe4e5c"></path> <path fill-rule="evenodd" clip-rule="evenodd" d="M206.343 155.484C205.557 155.484 204.92 154.847 204.92 154.062C204.92 153.276 205.557 152.64 206.343 152.64C207.128 152.64 207.765 153.276 207.765 154.062C207.765 154.847 207.128 155.484 206.343 155.484H206.343ZM201.127 159.277C200.342 159.277 199.705 158.64 199.705 157.854C199.705 157.069 200.342 156.432 201.127 156.432C201.913 156.432 202.55 157.069 202.55 157.854C202.55 158.64 201.913 159.277 201.127 159.277L201.127 159.277Z" fill="#fe4e5c"></path> <path d="M198.063 175.993V174.517H193.761V180.257H195.304V178.319H197.205V176.843H195.304V175.993H198.063ZM199.903 176.507V176.008H198.486V180.257H199.903V178.266C199.903 177.625 200.134 177.387 200.767 177.387H201.349V175.896C200.648 175.896 200.171 176.127 199.903 176.507ZM206.06 178.14C206.06 176.813 205.21 175.933 203.809 175.933C202.429 175.933 201.572 176.82 201.572 178.147C201.572 179.459 202.452 180.331 203.816 180.331C204.957 180.331 205.762 179.728 205.985 178.908H204.494C204.397 179.116 204.174 179.243 203.831 179.243C203.361 179.243 203.108 178.937 203.063 178.512H206.06V178.14ZM203.816 177.021C204.204 177.021 204.502 177.253 204.562 177.655H203.071C203.145 177.275 203.436 177.021 203.816 177.021ZM210.93 178.14C210.93 176.813 210.08 175.933 208.679 175.933C207.3 175.933 206.442 176.82 206.442 178.147C206.442 179.459 207.322 180.331 208.686 180.331C209.827 180.331 210.632 179.728 210.856 178.908H209.365C209.268 179.116 209.044 179.243 208.701 179.243C208.232 179.243 207.978 178.937 207.933 178.512H210.93V178.14ZM208.686 177.021C209.074 177.021 209.372 177.253 209.432 177.655H207.941C208.015 177.275 208.306 177.021 208.686 177.021ZM216.772 174.233V176.403C216.503 176.09 216.101 175.896 215.564 175.896C214.498 175.896 213.723 176.641 213.723 178.132C213.723 179.616 214.498 180.369 215.564 180.369C216.101 180.369 216.503 180.175 216.772 179.862V180.249H218.188V174.233H216.772ZM215.989 179.079C215.542 179.079 215.206 178.744 215.206 178.095C215.206 177.446 215.542 177.111 215.989 177.111C216.444 177.111 216.772 177.446 216.772 178.095C216.772 178.744 216.444 179.079 215.989 179.079ZM223.226 178.14C223.226 176.813 222.376 175.933 220.975 175.933C219.596 175.933 218.739 176.82 218.739 178.147C218.739 179.459 219.618 180.331 220.982 180.331C222.123 180.331 222.928 179.728 223.152 178.908H221.661C221.564 179.116 221.34 179.243 220.997 179.243C220.528 179.243 220.274 178.937 220.23 178.512H223.226V178.14ZM220.982 177.021C221.37 177.021 221.668 177.253 221.728 177.655H220.237C220.312 177.275 220.602 177.021 220.982 177.021ZM226.46 175.896C225.923 175.896 225.513 176.097 225.245 176.418V174.233H223.828V180.249H225.245V179.847C225.513 180.167 225.923 180.369 226.46 180.369C227.526 180.369 228.309 179.616 228.309 178.132C228.309 176.641 227.526 175.896 226.46 175.896ZM226.035 179.154C225.58 179.154 225.245 178.758 225.245 178.169C225.245 177.521 225.58 177.185 226.035 177.185C226.482 177.185 226.825 177.528 226.825 178.169C226.825 178.751 226.482 179.154 226.035 179.154ZM229.552 173.89C229.038 173.89 228.74 174.256 228.74 174.71C228.74 175.165 229.038 175.538 229.552 175.538C230.066 175.538 230.372 175.165 230.372 174.71C230.372 174.256 230.066 173.89 229.552 173.89ZM229.56 176.097C229.239 176.097 229.03 176.023 228.851 175.881V180.257H230.268V175.881C230.089 176.023 229.88 176.097 229.56 176.097ZM233.983 176.008H233.089V174.681H231.672V176.008H230.912V177.2H231.672V180.257H233.089V177.2H233.983V176.008ZM195.655 184.896C194.238 184.896 193.418 185.805 193.418 187.132C193.418 188.459 194.238 189.369 195.655 189.369C196.937 189.369 197.809 188.549 197.824 187.49H196.341C196.303 187.878 196.057 188.146 195.655 188.146C195.208 188.146 194.902 187.788 194.902 187.132C194.902 186.476 195.208 186.126 195.655 186.126C196.057 186.126 196.303 186.387 196.341 186.774H197.824C197.809 185.716 196.937 184.896 195.655 184.896ZM200.395 184.933C199.075 184.933 198.426 185.701 198.412 186.499H199.835C199.85 186.208 200.029 186.021 200.395 186.021C200.775 186.021 200.969 186.223 200.969 186.558V186.573L199.783 186.789C198.687 186.991 198.24 187.468 198.24 188.139C198.24 188.892 198.792 189.331 199.694 189.331C200.268 189.331 200.693 189.167 200.969 188.862V189.257H202.385V186.886C202.385 185.619 201.654 184.933 200.395 184.933ZM200.104 188.31C199.835 188.31 199.694 188.183 199.694 188.012C199.694 187.826 199.798 187.691 200.163 187.624L200.969 187.483V187.505C200.969 187.982 200.648 188.31 200.104 188.31ZM204.526 185.507V185.008H203.109V189.257H204.526V187.266C204.526 186.625 204.757 186.387 205.39 186.387H205.972V184.896C205.271 184.896 204.794 185.127 204.526 185.507ZM209.244 183.233V185.403C208.976 185.09 208.573 184.896 208.036 184.896C206.97 184.896 206.195 185.641 206.195 187.132C206.195 188.616 206.97 189.369 208.036 189.369C208.573 189.369 208.976 189.175 209.244 188.862V189.249H210.66V183.233H209.244ZM208.461 188.079C208.014 188.079 207.678 187.744 207.678 187.095C207.678 186.446 208.014 186.111 208.461 186.111C208.916 186.111 209.244 186.446 209.244 187.095C209.244 187.744 208.916 188.079 208.461 188.079ZM215.831 184.926C214.579 184.926 213.915 185.537 213.915 186.335C213.915 186.946 214.228 187.453 215.354 187.609L215.891 187.684C216.39 187.758 216.472 187.855 216.472 188.019C216.472 188.198 216.279 188.31 215.906 188.31C215.429 188.31 215.205 188.116 215.205 187.84H213.833C213.833 188.742 214.519 189.339 215.861 189.339C217.181 189.339 217.844 188.787 217.844 187.937C217.844 187.274 217.591 186.782 216.368 186.61L215.831 186.528C215.384 186.461 215.294 186.372 215.294 186.23C215.294 186.059 215.481 185.954 215.809 185.954C216.167 185.954 216.39 186.126 216.39 186.372H217.769C217.769 185.544 217.113 184.926 215.831 184.926ZM222.768 187.14C222.768 185.813 221.918 184.933 220.516 184.933C219.137 184.933 218.28 185.82 218.28 187.147C218.28 188.459 219.16 189.331 220.524 189.331C221.664 189.331 222.47 188.728 222.693 187.908H221.202C221.105 188.116 220.882 188.243 220.539 188.243C220.069 188.243 219.816 187.937 219.771 187.512H222.768V187.14ZM220.524 186.021C220.911 186.021 221.21 186.253 221.269 186.655H219.778C219.853 186.275 220.144 186.021 220.524 186.021ZM224.735 185.507V185.008H223.319V189.257H224.735V187.266C224.735 186.625 224.966 186.387 225.6 186.387H226.181V184.896C225.481 184.896 225.003 185.127 224.735 185.507ZM229.674 185.008L228.787 187.788L227.892 185.008H226.401L227.9 189.257H229.637L231.128 185.008H229.674ZM232.137 182.89C231.622 182.89 231.324 183.256 231.324 183.71C231.324 184.165 231.622 184.538 232.137 184.538C232.651 184.538 232.957 184.165 232.957 183.71C232.957 183.256 232.651 182.89 232.137 182.89ZM232.144 185.097C231.823 185.097 231.615 185.023 231.436 184.881V189.257H232.852V184.881C232.673 185.023 232.465 185.097 232.144 185.097ZM235.615 184.896C234.199 184.896 233.379 185.805 233.379 187.132C233.379 188.459 234.199 189.369 235.615 189.369C236.897 189.369 237.77 188.549 237.785 187.49H236.301C236.264 187.878 236.018 188.146 235.615 188.146C235.168 188.146 234.862 187.788 234.862 187.132C234.862 186.476 235.168 186.126 235.615 186.126C236.018 186.126 236.264 186.387 236.301 186.774H237.785C237.77 185.716 236.897 184.896 235.615 184.896ZM242.693 187.14C242.693 185.813 241.843 184.933 240.442 184.933C239.063 184.933 238.205 185.82 238.205 187.147C238.205 188.459 239.085 189.331 240.449 189.331C241.59 189.331 242.395 188.728 242.619 187.908H241.128C241.031 188.116 240.807 188.243 240.464 188.243C239.995 188.243 239.741 187.937 239.696 187.512H242.693V187.14ZM240.449 186.021C240.837 186.021 241.135 186.253 241.195 186.655H239.704C239.778 186.275 240.069 186.021 240.449 186.021Z" fill="#353A3E"></path> <rect x="71.3125" y="136.62" width="105.567" height="87.9725" rx="3.99364" fill="#F6F6F7"></rect> <rect x="79.5645" y="198.448" width="56.9798" height="3.56856" rx="1.78428" fill="#E9EBED"></rect> <rect x="79.5645" y="204.839" width="66.1669" height="3.56856" rx="1.78428" fill="#E9EBED"></rect> <rect x="79.5645" y="211.229" width="69.4779" height="3.56856" rx="1.78428" fill="#E9EBED"></rect> <circle cx="90.2142" cy="155.79" r="10.6497" fill="#fbf0cc"></circle> <path opacity="0.3" fill-rule="evenodd" clip-rule="evenodd" d="M86.5321 152.108H94.1634C94.6902 152.108 95.1173 152.535 95.1173 153.062V158.786C95.1175 159.312 94.6906 159.74 94.1637 159.74H86.5321C86.2789 159.74 86.0362 159.639 85.8572 159.46C85.6783 159.281 85.5779 159.038 85.5781 158.785V153.062C85.5779 152.535 86.0049 152.108 86.5317 152.108H86.5321Z" fill="#fbb13d"></path> <path fill-rule="evenodd" clip-rule="evenodd" d="M93.4491 155.446H87.2486C86.8535 155.446 86.5332 155.767 86.5332 156.162V156.401H88.7204C88.8469 156.401 88.9683 156.452 89.0577 156.541L89.5346 157.017C89.9842 157.467 90.7132 157.467 91.1629 157.017L91.6397 156.54C91.7292 156.451 91.8505 156.401 91.9771 156.401H94.1643V156.161C94.1638 155.766 93.8438 155.446 93.4491 155.446H93.4491Z" fill="#fbb13d"></path> <path fill-rule="evenodd" clip-rule="evenodd" d="M87.2486 153.062C86.8535 153.062 86.5332 153.382 86.5332 153.777V154.017H94.1645V153.777C94.1647 153.382 93.8445 153.062 93.4494 153.062L87.2486 153.062Z" fill="#fbb13d"></path> <path d="M80.1012 174.517V180.257H81.6443V174.517H80.1012ZM85.221 175.896C84.7215 175.896 84.3189 176.097 84.0804 176.395V176.008H82.664V180.257H84.0804V178.11C84.0804 177.595 84.3338 177.282 84.7364 177.282C85.1315 177.282 85.3775 177.588 85.3775 178.11V180.257H86.7939V177.841C86.7939 176.597 86.1901 175.896 85.221 175.896ZM89.566 175.896C88.1496 175.896 87.3296 176.805 87.3296 178.132C87.3296 179.459 88.1496 180.369 89.566 180.369C90.8482 180.369 91.7204 179.549 91.7353 178.49H90.2518C90.2146 178.878 89.9686 179.146 89.566 179.146C89.1187 179.146 88.8131 178.788 88.8131 178.132C88.8131 177.476 89.1187 177.126 89.566 177.126C89.9686 177.126 90.2146 177.387 90.2518 177.774H91.7353C91.7204 176.716 90.8482 175.896 89.566 175.896ZM93.8211 176.507V176.008H92.4047V180.257H93.8211V178.266C93.8211 177.625 94.0522 177.387 94.6859 177.387H95.2674V175.896C94.5666 175.896 94.0895 176.127 93.8211 176.507ZM99.9783 178.14C99.9783 176.813 99.1285 175.933 97.727 175.933C96.3478 175.933 95.4905 176.82 95.4905 178.147C95.4905 179.459 96.3702 180.331 97.7344 180.331C98.875 180.331 99.6801 179.728 99.9038 178.908H98.4128C98.3159 179.116 98.0923 179.243 97.7493 179.243C97.2797 179.243 97.0262 178.937 96.9815 178.512H99.9783V178.14ZM97.7344 177.021C98.1221 177.021 98.4203 177.253 98.4799 177.655H96.9889C97.0635 177.275 97.3542 177.021 97.7344 177.021ZM102.598 175.933C101.278 175.933 100.63 176.701 100.615 177.499H102.039C102.053 177.208 102.232 177.021 102.598 177.021C102.978 177.021 103.172 177.223 103.172 177.558V177.573L101.986 177.789C100.891 177.991 100.443 178.468 100.443 179.139C100.443 179.892 100.995 180.331 101.897 180.331C102.471 180.331 102.896 180.167 103.172 179.862V180.257H104.588V177.886C104.588 176.619 103.858 175.933 102.598 175.933ZM102.307 179.31C102.039 179.31 101.897 179.183 101.897 179.012C101.897 178.826 102.001 178.691 102.367 178.624L103.172 178.483V178.505C103.172 178.982 102.851 179.31 102.307 179.31ZM107.151 175.926C105.898 175.926 105.235 176.537 105.235 177.335C105.235 177.946 105.548 178.453 106.674 178.609L107.21 178.684C107.71 178.758 107.792 178.855 107.792 179.019C107.792 179.198 107.598 179.31 107.225 179.31C106.748 179.31 106.524 179.116 106.524 178.84H105.153C105.153 179.742 105.839 180.339 107.18 180.339C108.5 180.339 109.163 179.787 109.163 178.937C109.163 178.274 108.91 177.782 107.687 177.61L107.151 177.528C106.703 177.461 106.614 177.372 106.614 177.23C106.614 177.059 106.8 176.954 107.128 176.954C107.486 176.954 107.71 177.126 107.71 177.372H109.089C109.089 176.544 108.433 175.926 107.151 175.926ZM114.087 178.14C114.087 176.813 113.237 175.933 111.836 175.933C110.457 175.933 109.599 176.82 109.599 178.147C109.599 179.459 110.479 180.331 111.843 180.331C112.984 180.331 113.789 179.728 114.013 178.908H112.522C112.425 179.116 112.201 179.243 111.858 179.243C111.388 179.243 111.135 178.937 111.09 178.512H114.087V178.14ZM111.843 177.021C112.231 177.021 112.529 177.253 112.589 177.655H111.098C111.172 177.275 111.463 177.021 111.843 177.021ZM117.519 174.233V176.403C117.25 176.09 116.848 175.896 116.311 175.896C115.245 175.896 114.47 176.641 114.47 178.132C114.47 179.616 115.245 180.369 116.311 180.369C116.848 180.369 117.25 180.175 117.519 179.862V180.249H118.935V174.233H117.519ZM116.736 179.079C116.289 179.079 115.953 178.744 115.953 178.095C115.953 177.446 116.289 177.111 116.736 177.111C117.191 177.111 117.519 177.446 117.519 178.095C117.519 178.744 117.191 179.079 116.736 179.079ZM81.9947 184.896C80.5783 184.896 79.7583 185.805 79.7583 187.132C79.7583 188.459 80.5783 189.369 81.9947 189.369C83.2769 189.369 84.1492 188.549 84.1641 187.49H82.6806C82.6433 187.878 82.3973 188.146 81.9947 188.146C81.5474 188.146 81.2418 187.788 81.2418 187.132C81.2418 186.476 81.5474 186.126 81.9947 186.126C82.3973 186.126 82.6433 186.387 82.6806 186.774H84.1641C84.1492 185.716 83.2769 184.896 81.9947 184.896ZM86.7344 184.933C85.4149 184.933 84.7663 185.701 84.7514 186.499H86.1753C86.1902 186.208 86.3691 186.021 86.7344 186.021C87.1146 186.021 87.3084 186.223 87.3084 186.558V186.573L86.1231 186.789C85.0273 186.991 84.58 187.468 84.58 188.139C84.58 188.892 85.1316 189.331 86.0336 189.331C86.6077 189.331 87.0326 189.167 87.3084 188.862V189.257H88.7248V186.886C88.7248 185.619 87.9943 184.933 86.7344 184.933ZM86.4437 188.31C86.1753 188.31 86.0336 188.183 86.0336 188.012C86.0336 187.826 86.138 187.691 86.5033 187.624L87.3084 187.483V187.505C87.3084 187.982 86.9879 188.31 86.4437 188.31ZM91.2874 184.926C90.035 184.926 89.3715 185.537 89.3715 186.335C89.3715 186.946 89.6846 187.453 90.8103 187.609L91.347 187.684C91.8465 187.758 91.9285 187.855 91.9285 188.019C91.9285 188.198 91.7347 188.31 91.3619 188.31C90.8848 188.31 90.6612 188.116 90.6612 187.84H89.2895C89.2895 188.742 89.9753 189.339 91.3172 189.339C92.6367 189.339 93.3002 188.787 93.3002 187.937C93.3002 187.274 93.0467 186.782 91.8241 186.61L91.2874 186.528C90.8401 186.461 90.7506 186.372 90.7506 186.23C90.7506 186.059 90.937 185.954 91.265 185.954C91.6228 185.954 91.8465 186.126 91.8465 186.372H93.2256C93.2256 185.544 92.5696 184.926 91.2874 184.926ZM96.5495 184.896C96.0574 184.896 95.6474 185.097 95.4089 185.395V183.233H93.9925V189.257H95.4089V187.11C95.4089 186.595 95.6623 186.282 96.0574 186.282C96.4526 186.282 96.6986 186.588 96.6986 187.11V189.257H98.115V186.841C98.115 185.597 97.5186 184.896 96.5495 184.896ZM101.603 184.896C101.066 184.896 100.656 185.097 100.388 185.418V183.233H98.9713V189.249H100.388V188.847C100.656 189.167 101.066 189.369 101.603 189.369C102.669 189.369 103.452 188.616 103.452 187.132C103.452 185.641 102.669 184.896 101.603 184.896ZM101.178 188.154C100.723 188.154 100.388 187.758 100.388 187.169C100.388 186.521 100.723 186.185 101.178 186.185C101.625 186.185 101.968 186.528 101.968 187.169C101.968 187.751 101.625 188.154 101.178 188.154ZM106.027 184.933C104.707 184.933 104.059 185.701 104.044 186.499H105.468C105.482 186.208 105.661 186.021 106.027 186.021C106.407 186.021 106.601 186.223 106.601 186.558V186.573L105.415 186.789C104.319 186.991 103.872 187.468 103.872 188.139C103.872 188.892 104.424 189.331 105.326 189.331C105.9 189.331 106.325 189.167 106.601 188.862V189.257H108.017V186.886C108.017 185.619 107.286 184.933 106.027 184.933ZM105.736 188.31C105.468 188.31 105.326 188.183 105.326 188.012C105.326 187.826 105.43 187.691 105.796 187.624L106.601 187.483V187.505C106.601 187.982 106.28 188.31 105.736 188.31ZM110.773 184.896C109.356 184.896 108.536 185.805 108.536 187.132C108.536 188.459 109.356 189.369 110.773 189.369C112.055 189.369 112.927 188.549 112.942 187.49H111.459C111.421 187.878 111.175 188.146 110.773 188.146C110.326 188.146 110.02 187.788 110.02 187.132C110.02 186.476 110.326 186.126 110.773 186.126C111.175 186.126 111.421 186.387 111.459 186.774H112.942C112.927 185.716 112.055 184.896 110.773 184.896ZM117.746 189.257L115.912 187.102L117.672 185.03H116.039L114.831 186.476V183.233H113.415V189.257H114.831V187.736L116.106 189.257H117.746Z" fill="#353A3E"></path> <rect x="184.699" y="40.8276" width="105.567" height="87.9725" rx="3.99364" fill="#F6F6F7"></rect> <rect x="192.953" y="100.382" width="72.5085" height="3.56856" rx="1.78428" fill="#E9EBED"></rect> <rect x="192.953" y="106.773" width="66.1669" height="3.56856" rx="1.78428" fill="#E9EBED"></rect> <rect x="192.953" y="113.163" width="49.9726" height="3.56856" rx="1.78428" fill="#E9EBED"></rect> <circle cx="203.603" cy="59.9971" r="10.6497" fill="#8efbf7"></circle> <path opacity="0.3" fill-rule="evenodd" clip-rule="evenodd" d="M200.755 55.7244H206.892C207.16 55.7239 207.382 55.9332 207.397 56.2012L207.813 63.2628C207.829 63.5311 207.738 63.7948 207.559 63.9957C207.38 64.1966 207.129 64.3182 206.861 64.3336C206.841 64.3348 206.821 64.3355 206.802 64.3355H200.846C200.287 64.3355 199.834 63.8825 199.834 63.3237C199.834 63.3039 199.835 63.2841 199.836 63.2644L200.25 56.2012C200.265 55.9333 200.487 55.7241 200.755 55.7244L200.755 55.7244Z" fill="#05bdba"></path> <path fill-rule="evenodd" clip-rule="evenodd" d="M201.29 57.2437H202.301C202.301 58.0833 202.982 58.7639 203.822 58.7639C204.661 58.7639 205.342 58.0833 205.342 57.2437H206.354C206.372 58.1606 205.894 59.0161 205.103 59.4801C204.312 59.9441 203.331 59.9441 202.54 59.4801C201.749 59.0161 201.271 58.1606 201.29 57.2437L201.29 57.2437Z" fill="#05bdba"></path> <path d="M195.667 78.7244H193.49V84.4646H195.033V82.9513H195.667C197.158 82.9513 198.067 82.1014 198.067 80.8639C198.067 79.5966 197.158 78.7244 195.667 78.7244ZM195.622 81.7585H195.033V79.9768H195.622C196.114 79.9768 196.472 80.2974 196.472 80.8639C196.472 81.4379 196.114 81.7585 195.622 81.7585ZM200.56 80.1408C199.24 80.1408 198.592 80.9087 198.577 81.7063H200.001C200.016 81.4156 200.195 81.2292 200.56 81.2292C200.94 81.2292 201.134 81.4305 201.134 81.766V81.7809L199.949 81.9971C198.853 82.1983 198.405 82.6754 198.405 83.3464C198.405 84.0993 198.957 84.5391 199.859 84.5391C200.433 84.5391 200.858 84.3751 201.134 84.0695V84.4646H202.55V82.094C202.55 80.8267 201.82 80.1408 200.56 80.1408ZM200.269 83.5178C200.001 83.5178 199.859 83.3911 199.859 83.2196C199.859 83.0333 199.963 82.8991 200.329 82.832L201.134 82.6904V82.7127C201.134 83.1898 200.813 83.5178 200.269 83.5178ZM206.109 80.2154L205.117 82.5934L204.155 80.2154H202.739L204.394 84.3155L203.753 85.8586H205.11L207.465 80.2154H206.109ZM212.339 80.1408C211.02 80.1408 210.371 80.9087 210.356 81.7063H211.78C211.795 81.4156 211.974 81.2292 212.339 81.2292C212.719 81.2292 212.913 81.4305 212.913 81.766V81.7809L211.728 81.9971C210.632 82.1983 210.185 82.6754 210.185 83.3464C210.185 84.0993 210.736 84.5391 211.638 84.5391C212.212 84.5391 212.637 84.3751 212.913 84.0695V84.4646H214.329V82.094C214.329 80.8267 213.599 80.1408 212.339 80.1408ZM212.048 83.5178C211.78 83.5178 211.638 83.3911 211.638 83.2196C211.638 83.0333 211.743 82.8991 212.108 82.832L212.913 82.6904V82.7127C212.913 83.1898 212.593 83.5178 212.048 83.5178ZM217.611 80.1035C217.111 80.1035 216.709 80.3048 216.47 80.603V80.2154H215.054V84.4646H216.47V82.3176C216.47 81.8032 216.724 81.4901 217.126 81.4901C217.521 81.4901 217.767 81.7958 217.767 82.3176V84.4646H219.184V82.0492C219.184 80.8043 218.58 80.1035 217.611 80.1035ZM222.722 80.2154L221.73 82.5934L220.769 80.2154H219.352L221.007 84.3155L220.366 85.8586H221.723L224.078 80.2154H222.722ZM229.501 80.2154L228.83 82.6009L228.137 80.2154H226.944L226.251 82.6084L225.572 80.2154H224.193L225.386 84.4646H226.795L227.511 82.0716L228.219 84.4646H229.658L230.85 80.2154H229.501ZM233.744 80.1035C233.252 80.1035 232.842 80.3048 232.603 80.603V78.4411H231.187V84.4646H232.603V82.3176C232.603 81.8032 232.857 81.4901 233.252 81.4901C233.647 81.4901 233.893 81.7958 233.893 82.3176V84.4646H235.31V82.0492C235.31 80.8043 234.713 80.1035 233.744 80.1035ZM240.347 82.3474C240.347 81.0205 239.497 80.1408 238.096 80.1408C236.716 80.1408 235.859 81.0279 235.859 82.3549C235.859 83.6669 236.739 84.5391 238.103 84.5391C239.244 84.5391 240.049 83.9353 240.272 83.1153H238.781C238.685 83.324 238.461 83.4507 238.118 83.4507C237.648 83.4507 237.395 83.1451 237.35 82.7202H240.347V82.3474ZM238.103 81.2292C238.491 81.2292 238.789 81.4603 238.849 81.8629H237.358C237.432 81.4827 237.723 81.2292 238.103 81.2292ZM242.314 80.7148V80.2154H240.898V84.4646H242.314V82.4742C242.314 81.8331 242.545 81.5945 243.179 81.5945H243.761V80.1035C243.06 80.1035 242.583 80.3346 242.314 80.7148ZM248.472 82.3474C248.472 81.0205 247.622 80.1408 246.22 80.1408C244.841 80.1408 243.984 81.0279 243.984 82.3549C243.984 83.6669 244.863 84.5391 246.228 84.5391C247.368 84.5391 248.173 83.9353 248.397 83.1153H246.906C246.809 83.324 246.585 83.4507 246.243 83.4507C245.773 83.4507 245.519 83.1451 245.475 82.7202H248.472V82.3474ZM246.228 81.2292C246.615 81.2292 246.913 81.4603 246.973 81.8629H245.482C245.557 81.4827 245.847 81.2292 246.228 81.2292Z" fill="#353A3E"></path> <g filter="url(#filter1_ddd)"><rect x="71.3125" y="40.8276" width="105.567" height="87.9725" rx="3.99364" fill="white"></rect></g> <rect x="79.5645" y="100.382" width="72.5085" height="3.56856" rx="1.78428" fill="#E9EBED"></rect> <rect x="79.5645" y="106.773" width="66.1669" height="3.56856" rx="1.78428" fill="#E9EBED"></rect> <rect x="79.5645" y="113.163" width="69.4779" height="3.56856" rx="1.78428" fill="#E9EBED"></rect> <circle cx="90.2142" cy="59.9971" r="10.6497" fill="#ebf1fb"></circle> <path opacity="0.3" fill-rule="evenodd" clip-rule="evenodd" d="M85.4238 57.6011V57.0686C85.4238 56.9216 85.4758 56.7961 85.5798 56.6921C85.6838 56.5881 85.8093 56.5361 85.9563 56.5361H94.4761C94.6231 56.5361 94.7486 56.5881 94.8526 56.6921C94.9566 56.7961 95.0086 56.9216 95.0086 57.0686V62.6597C95.0086 62.8068 94.9566 62.9323 94.8526 63.0362C94.7486 63.1402 94.6231 63.1922 94.4761 63.1922H85.9563C85.8093 63.1922 85.6838 63.1402 85.5798 63.0362C85.4758 62.9323 85.4238 62.8068 85.4238 62.6597V57.6011Z" fill="#2e51ed"></path> <rect x="85.4238" y="57.8672" width="9.58475" height="1.8637" fill="#2e51ed"></rect> <path opacity="0.3" fill-rule="evenodd" clip-rule="evenodd" d="M92.3438 61.4614V61.3283C92.3438 61.2547 92.3697 61.192 92.4217 61.14C92.4737 61.088 92.5365 61.062 92.61 61.062H93.9412C94.0147 61.062 94.0775 61.088 94.1295 61.14C94.1815 61.192 94.2075 61.2547 94.2075 61.3283V61.5945C94.2075 61.668 94.1815 61.7308 94.1295 61.7828C94.0775 61.8347 94.0147 61.8607 93.9412 61.8607H92.61C92.5365 61.8607 92.4737 61.8347 92.4217 61.7828C92.3697 61.7308 92.3438 61.668 92.3438 61.5945V61.4614Z" fill="#2e51ed"></path> <path d="M84.5219 78.7244H79.7881V80.193H81.3834V84.4646H82.9266V80.193H84.5219V78.7244ZM86.1552 80.7148V80.2154H84.7388V84.4646H86.1552V82.4742C86.1552 81.8331 86.3863 81.5945 87.02 81.5945H87.6014V80.1035C86.9007 80.1035 86.4236 80.3346 86.1552 80.7148ZM89.9158 80.1408C88.5963 80.1408 87.9477 80.9087 87.9328 81.7063H89.3567C89.3716 81.4156 89.5505 81.2292 89.9158 81.2292C90.296 81.2292 90.4898 81.4305 90.4898 81.766V81.7809L89.3045 81.9971C88.2086 82.1983 87.7614 82.6754 87.7614 83.3464C87.7614 84.0993 88.313 84.5391 89.215 84.5391C89.7891 84.5391 90.214 84.3751 90.4898 84.0695V84.4646H91.9062V82.094C91.9062 80.8267 91.1757 80.1408 89.9158 80.1408ZM89.6251 83.5178C89.3567 83.5178 89.215 83.3911 89.215 83.2196C89.215 83.0333 89.3194 82.8991 89.6847 82.832L90.4898 82.6904V82.7127C90.4898 83.1898 90.1693 83.5178 89.6251 83.5178ZM95.1874 80.1035C94.6879 80.1035 94.2854 80.3048 94.0468 80.603V80.2154H92.6304V84.4646H94.0468V82.3176C94.0468 81.8032 94.3003 81.4901 94.7028 81.4901C95.0979 81.4901 95.3439 81.7958 95.3439 82.3176V84.4646H96.7604V82.0492C96.7604 80.8043 96.1565 80.1035 95.1874 80.1035ZM99.3246 80.1334C98.0722 80.1334 97.4087 80.7447 97.4087 81.5423C97.4087 82.1536 97.7218 82.6605 98.8475 82.8171L99.3842 82.8916C99.8837 82.9662 99.9657 83.0631 99.9657 83.2271C99.9657 83.406 99.7719 83.5178 99.3991 83.5178C98.922 83.5178 98.6984 83.324 98.6984 83.0482H97.3267C97.3267 83.9502 98.0125 84.5466 99.3544 84.5466C100.674 84.5466 101.337 83.9949 101.337 83.1451C101.337 82.4816 101.084 81.9896 99.8613 81.8181L99.3246 81.7361C98.8773 81.669 98.7878 81.5796 98.7878 81.4379C98.7878 81.2665 98.9742 81.1621 99.3022 81.1621C99.66 81.1621 99.8837 81.3336 99.8837 81.5796H101.263C101.263 80.7521 100.607 80.1334 99.3246 80.1334ZM104.351 79.455H104.954V78.4113H104.008C103.061 78.4113 102.561 78.9704 102.561 79.8352V80.2154H101.853V81.4081H102.561V84.4646H103.978V81.4081H104.865V80.2154H103.978V79.8203C103.978 79.5742 104.097 79.455 104.351 79.455ZM109.603 82.3474C109.603 81.0205 108.753 80.1408 107.351 80.1408C105.972 80.1408 105.115 81.0279 105.115 82.3549C105.115 83.6669 105.994 84.5391 107.359 84.5391C108.499 84.5391 109.304 83.9353 109.528 83.1153H108.037C107.94 83.324 107.717 83.4507 107.374 83.4507C106.904 83.4507 106.65 83.1451 106.606 82.7202H109.603V82.3474ZM107.359 81.2292C107.746 81.2292 108.045 81.4603 108.104 81.8629H106.613C106.688 81.4827 106.978 81.2292 107.359 81.2292ZM111.57 80.7148V80.2154H110.154V84.4646H111.57V82.4742C111.57 81.8331 111.801 81.5945 112.435 81.5945H113.016V80.1035C112.315 80.1035 111.838 80.3346 111.57 80.7148ZM115.326 80.1334C114.074 80.1334 113.41 80.7447 113.41 81.5423C113.41 82.1536 113.723 82.6605 114.849 82.8171L115.386 82.8916C115.885 82.9662 115.967 83.0631 115.967 83.2271C115.967 83.406 115.773 83.5178 115.401 83.5178C114.924 83.5178 114.7 83.324 114.7 83.0482H113.328C113.328 83.9502 114.014 84.5466 115.356 84.5466C116.676 84.5466 117.339 83.9949 117.339 83.1451C117.339 82.4816 117.086 81.9896 115.863 81.8181L115.326 81.7361C114.879 81.669 114.789 81.5796 114.789 81.4379C114.789 81.2665 114.976 81.1621 115.304 81.1621C115.662 81.1621 115.885 81.3336 115.885 81.5796H117.264C117.264 80.7521 116.608 80.1334 115.326 80.1334ZM84.9245 89.2154L84.2535 91.6009L83.5602 89.2154H82.3675L81.6742 91.6084L80.9958 89.2154H79.6166L80.8094 93.4646H82.2184L82.934 91.0716L83.6422 93.4646H85.081L86.2738 89.2154H84.9245ZM87.2739 87.0982C86.7596 87.0982 86.4614 87.4635 86.4614 87.9182C86.4614 88.373 86.7596 88.7457 87.2739 88.7457C87.7883 88.7457 88.094 88.373 88.094 87.9182C88.094 87.4635 87.7883 87.0982 87.2739 87.0982ZM87.2814 89.3048C86.9608 89.3048 86.7521 89.2303 86.5732 89.0886V93.4646H87.9896V89.0886C87.8107 89.2303 87.602 89.3048 87.2814 89.3048ZM91.7053 89.2154H90.8107V87.8884H89.3943V89.2154H88.6339V90.4081H89.3943V93.4646H90.8107V90.4081H91.7053V89.2154ZM94.8823 89.1035C94.3903 89.1035 93.9803 89.3048 93.7417 89.603V87.4411H92.3253V93.4646H93.7417V91.3176C93.7417 90.8032 93.9952 90.4901 94.3903 90.4901C94.7854 90.4901 95.0314 90.7958 95.0314 91.3176V93.4646H96.4478V91.0492C96.4478 89.8043 95.8514 89.1035 94.8823 89.1035ZM99.2787 89.1035C97.8101 89.1035 96.9975 90.0428 96.9975 91.34C96.9975 92.6371 97.8101 93.5764 99.2787 93.5764C100.74 93.5764 101.552 92.6371 101.552 91.34C101.552 90.0428 100.74 89.1035 99.2787 89.1035ZM99.2787 90.3559C99.7781 90.3559 100.069 90.7361 100.069 91.34C100.069 91.9438 99.7781 92.3315 99.2787 92.3315C98.7718 92.3315 98.481 91.9438 98.481 91.34C98.481 90.7361 98.7718 90.3559 99.2787 90.3559ZM104.688 89.2154V91.3623C104.688 91.8693 104.442 92.1898 104.069 92.1898C103.689 92.1898 103.458 91.8842 103.458 91.3623V89.2154H102.042V91.6307C102.042 92.8831 102.631 93.5764 103.577 93.5764C104.062 93.5764 104.45 93.3751 104.688 93.0844V93.4646H106.105V89.2154H104.688ZM109.789 89.2154H108.894V87.8884H107.478V89.2154H106.718V90.4081H107.478V93.4646H108.894V90.4081H109.789V89.2154ZM114.843 89.1408C113.523 89.1408 112.875 89.9087 112.86 90.7063H114.284C114.299 90.4156 114.478 90.2292 114.843 90.2292C115.223 90.2292 115.417 90.4305 115.417 90.766V90.7809L114.231 90.9971C113.136 91.1983 112.688 91.6754 112.688 92.3464C112.688 93.0993 113.24 93.5391 114.142 93.5391C114.716 93.5391 115.141 93.3751 115.417 93.0695V93.4646H116.833V91.094C116.833 89.8267 116.103 89.1408 114.843 89.1408ZM114.552 92.5178C114.284 92.5178 114.142 92.3911 114.142 92.2196C114.142 92.0333 114.246 91.8991 114.612 91.832L115.417 91.6904V91.7127C115.417 92.1898 115.096 92.5178 114.552 92.5178ZM122.354 88.455H122.958V87.4113H122.011C121.064 87.4113 120.565 87.9704 120.565 88.8352V89.2154H119.857V90.4081H120.565V93.4646H121.981V90.4081H122.869V89.2154H121.981V88.8203C121.981 88.5742 122.101 88.455 122.354 88.455ZM127.606 91.3474C127.606 90.0205 126.756 89.1408 125.355 89.1408C123.976 89.1408 123.118 90.0279 123.118 91.3549C123.118 92.6669 123.998 93.5391 125.362 93.5391C126.503 93.5391 127.308 92.9353 127.532 92.1153H126.041C125.944 92.324 125.72 92.4507 125.377 92.4507C124.908 92.4507 124.654 92.1451 124.609 91.7202H127.606V91.3474ZM125.362 90.2292C125.75 90.2292 126.048 90.4603 126.108 90.8629H124.617C124.691 90.4827 124.982 90.2292 125.362 90.2292ZM132.477 91.3474C132.477 90.0205 131.627 89.1408 130.225 89.1408C128.846 89.1408 127.989 90.0279 127.989 91.3549C127.989 92.6669 128.868 93.5391 130.233 93.5391C131.373 93.5391 132.178 92.9353 132.402 92.1153H130.911C130.814 92.324 130.591 92.4507 130.248 92.4507C129.778 92.4507 129.524 92.1451 129.48 91.7202H132.477V91.3474ZM130.233 90.2292C130.62 90.2292 130.919 90.4603 130.978 90.8629H129.487C129.562 90.4827 129.853 90.2292 130.233 90.2292Z" fill="#353A3E"></path> <path d="M117.246 281.233V272.689H122.838V273.925H118.77V276.277H122.598V277.513H118.77V281.233H117.246ZM125.554 281.233V272.689H131.266V273.901H127.066V276.277H131.026V277.501H127.066V280.021H131.266V281.233H125.554ZM134.626 281.233H133.066L136.93 272.689H138.19L142.054 281.233H140.518L137.374 273.889H137.794L134.626 281.233ZM134.77 279.229L135.358 278.029H139.714L140.278 279.229H134.77ZM145.367 281.233V273.961H142.583V272.689H149.711V273.961H146.927V281.233H145.367ZM155.749 281.329C154.573 281.329 153.681 281.029 153.073 280.429C152.473 279.829 152.173 278.945 152.173 277.777V272.689H153.685V277.861C153.685 278.597 153.857 279.157 154.201 279.541C154.553 279.917 155.069 280.105 155.749 280.105C156.405 280.105 156.905 279.913 157.249 279.529C157.601 279.145 157.777 278.589 157.777 277.861V272.689H159.313V277.777C159.313 278.937 159.005 279.821 158.389 280.429C157.781 281.029 156.901 281.329 155.749 281.329ZM162.544 281.233V272.689H166.204C167.172 272.689 167.908 272.901 168.412 273.325C168.916 273.749 169.168 274.357 169.168 275.149C169.168 275.901 168.908 276.501 168.388 276.949C167.868 277.389 167.144 277.609 166.216 277.609L167.176 277.417C167.472 277.417 167.736 277.505 167.968 277.681C168.2 277.857 168.384 278.129 168.52 278.497L169.576 281.233H167.944L166.864 278.389C166.752 278.109 166.592 277.921 166.384 277.825C166.184 277.729 165.932 277.681 165.628 277.681H164.068V281.233H162.544ZM164.056 276.481H165.988C166.58 276.481 167.012 276.373 167.284 276.157C167.556 275.941 167.692 275.617 167.692 275.185C167.692 274.745 167.556 274.421 167.284 274.213C167.012 274.005 166.58 273.901 165.988 273.901H164.056V276.481ZM172.41 281.233V272.689H178.122V273.901H173.922V276.277H177.882V277.501H173.922V280.021H178.122V281.233H172.41ZM180.855 278.593V277.405H184.467V278.593H180.855ZM187.653 281.233V272.689H191.409C192.281 272.689 192.969 272.885 193.473 273.277C193.985 273.669 194.241 274.217 194.241 274.921C194.241 275.401 194.109 275.813 193.845 276.157C193.581 276.501 193.209 276.741 192.729 276.877V276.781C193.281 276.901 193.705 277.145 194.001 277.513C194.305 277.881 194.457 278.345 194.457 278.905C194.457 279.633 194.197 280.205 193.677 280.621C193.165 281.029 192.445 281.233 191.517 281.233H187.653ZM189.165 280.021H191.361C191.929 280.021 192.341 279.925 192.597 279.733C192.861 279.533 192.993 279.213 192.993 278.773C192.993 278.341 192.861 278.021 192.597 277.813C192.333 277.605 191.921 277.501 191.361 277.501H189.165V280.021ZM189.165 276.289H191.145C191.697 276.289 192.105 276.189 192.369 275.989C192.633 275.789 192.765 275.489 192.765 275.089C192.765 274.681 192.633 274.381 192.369 274.189C192.105 273.997 191.697 273.901 191.145 273.901H189.165V276.289ZM197.378 281.233V272.689H201.038C202.006 272.689 202.742 272.901 203.246 273.325C203.75 273.749 204.002 274.357 204.002 275.149C204.002 275.901 203.742 276.501 203.222 276.949C202.702 277.389 201.978 277.609 201.05 277.609L202.01 277.417C202.306 277.417 202.57 277.505 202.802 277.681C203.034 277.857 203.218 278.129 203.354 278.497L204.41 281.233H202.778L201.698 278.389C201.586 278.109 201.426 277.921 201.218 277.825C201.018 277.729 200.766 277.681 200.462 277.681H198.902V281.233H197.378ZM198.89 276.481H200.822C201.414 276.481 201.846 276.373 202.118 276.157C202.39 275.941 202.526 275.617 202.526 275.185C202.526 274.745 202.39 274.421 202.118 274.213C201.846 274.005 201.414 273.901 200.822 273.901H198.89V276.481ZM207.786 281.233H206.226L210.09 272.689H211.35L215.214 281.233H213.678L210.534 273.889H210.954L207.786 281.233ZM207.93 279.229L208.518 278.029H212.874L213.438 279.229H207.93ZM217.579 281.233V272.689H218.731L223.651 279.085L223.327 279.253V272.689H224.779V281.233H223.615L218.719 274.861L219.031 274.669V281.233H217.579ZM231.953 281.329C231.105 281.329 230.369 281.153 229.745 280.801C229.121 280.441 228.641 279.933 228.305 279.277C227.977 278.621 227.813 277.845 227.813 276.949C227.813 276.061 227.977 275.293 228.305 274.645C228.641 273.989 229.121 273.485 229.745 273.133C230.369 272.773 231.105 272.593 231.953 272.593C232.529 272.593 233.069 272.681 233.573 272.857C234.085 273.025 234.509 273.273 234.845 273.601L234.341 274.729C233.949 274.417 233.565 274.193 233.189 274.057C232.813 273.913 232.409 273.841 231.977 273.841C231.153 273.841 230.513 274.109 230.057 274.645C229.609 275.173 229.385 275.941 229.385 276.949C229.385 277.957 229.609 278.733 230.057 279.277C230.513 279.813 231.153 280.081 231.977 280.081C232.409 280.081 232.813 280.013 233.189 279.877C233.565 279.733 233.949 279.505 234.341 279.193L234.845 280.321C234.509 280.649 234.085 280.901 233.573 281.077C233.069 281.245 232.529 281.329 231.953 281.329ZM243.636 281.233V272.689H245.148V281.233H243.636ZM237.72 281.233V272.689H239.244V281.233H237.72ZM238.272 277.513V276.277H244.524V277.513H238.272Z" fill="#181A1C"></path> <defs><filter id="deploy-previews-share-progress-illustration-3-filter0_ddd" x="0" y="0" width="362.85" height="288" 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="8"></feOffset> <feGaussianBlur stdDeviation="5"></feGaussianBlur> <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0"></feColorMatrix> <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"></feBlend> <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="6"></feOffset> <feGaussianBlur stdDeviation="15"></feGaussianBlur> <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.06 0"></feColorMatrix> <feBlend mode="normal" in2="effect1_dropShadow" result="effect2_dropShadow"></feBlend> <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 0 0 0 0 0 0 0 0 0 0 0 0 0 0.07 0"></feColorMatrix> <feBlend mode="normal" in2="effect2_dropShadow" result="effect3_dropShadow"></feBlend> <feBlend mode="normal" in="SourceGraphic" in2="effect3_dropShadow" result="shape"></feBlend></filter> <filter id="filter1_ddd" x="61.3125" y="31.8276" width="125.567" height="107.972" 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 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0"></feColorMatrix> <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"></feBlend> <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="1"></feOffset> <feGaussianBlur stdDeviation="5"></feGaussianBlur> <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.06 0"></feColorMatrix> <feBlend mode="normal" in2="effect1_dropShadow" result="effect2_dropShadow"></feBlend> <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="4"></feOffset> <feGaussianBlur stdDeviation="2.5"></feGaussianBlur> <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.07 0"></feColorMatrix> <feBlend mode="normal" in2="effect2_dropShadow" result="effect3_dropShadow"></feBlend> <feBlend mode="normal" in="SourceGraphic" in2="effect3_dropShadow" result="shape"></feBlend></filter></defs></svg></div></div> <div class="deploy-previews-share-progress-content deploy-previews-share-progress-content-automated-previews"><h3 class="deploy-previews-share-progress-title type-a type-a-2">Show automated previews of development as it happens</h3> <p class="type-b type-b-0">Netlify automatically builds a new Deploy Preview as a unique permanent URL for each Pull/Merge Request. It’s posted as a commit status for easy collaboration.</p></div> <div class="deploy-previews-share-progress-annotations"><svg width="302" height="129" x="0" y="0" viewBox="0 0 302 129" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" class="annotations-bubble cdp-bubble annotations-bubble-theme-light annotations-will-animate"><g class="cdp-bubble-group"><g filter="url(#bubble-filter0_ddd-0-0-amie)"><rect x="30" y="32.2" width="242" height="56" rx="8" fill="#fff"></rect> <rect x="30.5" y="32.7" width="242" height="55" rx="7.5" stroke="#E9EBED"></rect></g> <text font-family="Mulish, sans-serif" font-size="16" font-weight="bold" letter-spacing="0" class="cdp-bubble-text"><tspan x="61.8" y="18"> Amie <tspan font-weight="normal">commented</tspan></tspan></text> <text fill="#000" font-family="Mulish, sans-serif" font-size="16" letter-spacing="0" style="white-space:pre;"><tspan x="45.8" y="66">Latest updates are ready ✅</tspan></text> <rect x="30" y="0.2" width="24" height="24" rx="12" fill="url(#bubble-pattern0-0-0-amie)"></rect></g> <defs><pattern id="bubble-pattern0-0-0-amie" width="1" height="1"><rect width="48" height="48" fill="#EEEEEE"></rect> <image xlink:href="/v3/img/build/Zstf-PrHOq-48.jpeg" width="24" height="24"></image></pattern> <filter id="bubble-filter0_ddd-0-0-amie" x="0" y="8.2" width="302" height="120" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"></feFlood> <feColorMatrix in="SourceAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"></feColorMatrix> <feOffset dy="8"></feOffset> <feGaussianBlur stdDeviation="5"></feGaussianBlur> <feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0"></feColorMatrix> <feBlend in2="BackgroundImageFix" result="effect1_dropShadow"></feBlend> <feColorMatrix in="SourceAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"></feColorMatrix> <feOffset dy="6"></feOffset> <feGaussianBlur stdDeviation="15"></feGaussianBlur> <feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.06 0"></feColorMatrix> <feBlend in2="effect1_dropShadow" result="effect2_dropShadow"></feBlend> <feColorMatrix in="SourceAlpha" 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 values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.07 0"></feColorMatrix> <feBlend in2="effect2_dropShadow" result="effect3_dropShadow"></feBlend> <feBlend in="SourceGraphic" in2="effect3_dropShadow" result="shape"></feBlend></filter></defs></svg> <span class="annotations-arrow annotations-will-animate" style="--dash-length:284;"><svg width="285" height="292" viewBox="0 0 285 292" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M45.8782 209.008C139.03 225.376 227.814 163.131 244.183 69.979" stroke="#fe4e5c" stroke-width="8" stroke-linecap="round" stroke-linejoin="round"></path> <path d="M77.7891 238.75L43.5372 210.043L72.2435 175.791" stroke="#fe4e5c" stroke-width="8" stroke-linecap="round" stroke-linejoin="round"></path></svg></span></div></div> <div data-deploy-previews-unlimited-reviewers="" data-pancake-anim="unlimitedReviewers" class="deploy-previews-share-progress-tic-toc deploy-previews-share-progress-tic-toc-alternate"><div class="deploy-previews-share-progress-content deploy-previews-share-progress-content-unlimited-reviewers"><h3 class="deploy-previews-share-progress-title type-a type-a-2">Invite unlimited Reviewers</h3> <p class="type-b type-b-0">Let everyone test & review critical features before they are merged into production.</p></div> <div class="deploy-previews-share-progress-illustration deploy-previews-share-progress-illustration-unlimited-reviewers"><svg width="621" height="671" viewBox="0 0 621 671" fill="none" xmlns="http://www.w3.org/2000/svg" data-deploy-previews-unlimited-reviewers-illustration="" class="illustrations-will-animate"><g data-deploy-previews-illustration-unlimited-reviewers-path><path d="M39.5566 1.61536C31.2481 23.4004 24.2637 79.6786 40.3791 136.831C56.4944 193.984 91.3986 236.723 109.638 250.158" stroke="#E9EBED" stroke-width="4" stroke-dasharray="8 8" class="data-deploy-previews-illustration-unlimited-reviewers-top-path"></path> <path d="M61.8899 459.616C61.431 478.475 71.831 520.525 100.963 552.536C130.094 584.546 170.164 597.955 188.576 598.822" stroke="#E9EBED" stroke-width="4" stroke-dasharray="8 8"></path> <path d="M5.22595 598.241C17.3908 612.193 52.7803 635.731 95.0729 639.592C137.366 643.453 175.248 626.604 189.146 615.032" stroke="#E9EBED" stroke-width="4" stroke-dasharray="8 8"></path> <path d="M61.1254 453.169C75.9558 461.513 113.855 471.019 151.682 461.354C189.508 451.689 217.143 425.44 225.623 411.139" stroke="#E9EBED" stroke-width="4" stroke-dasharray="8 8"></path> <path d="M378.378 549.15C377.907 528.408 364.307 482.753 330.648 449.094C296.99 415.436 252.277 402.779 232.007 402.779" stroke="#E9EBED" stroke-width="4" stroke-dasharray="8 8"></path> <path d="M359.313 551.933C344.44 545.631 308.074 540.855 274.438 554.439C240.802 568.023 218.895 596.335 213.04 611.008" stroke="#E9EBED" stroke-width="4" stroke-dasharray="8 8"></path> <path d="M364.007 534.785C377.397 527.867 401.879 504.967 410.541 473.655C419.203 442.343 409.727 410.994 401.675 398.616" stroke="#E9EBED" stroke-width="4" stroke-dasharray="8 8"></path> <path d="M396.521 378.83C383.256 369.188 348.04 355.863 310.755 360.894C273.47 365.926 244.09 387.969 234.378 400.711" stroke="#E9EBED" stroke-width="4" stroke-dasharray="8 8"></path> <path d="M408.007 370.082C426.567 367.652 466.206 351.033 493.141 317.583C520.076 284.133 527.103 242.799 525.141 224.616" stroke="#E9EBED" stroke-width="4" stroke-dasharray="8 8"></path> <path d="M529.375 198.461C512.97 186.536 469.414 170.055 423.3 176.278C377.186 182.501 340.85 209.764 328.838 225.523" stroke="#E9EBED" stroke-width="4" stroke-dasharray="8 8"></path> <path d="M545.787 521.569C545.334 501.618 532.253 457.704 499.878 425.33C467.504 392.956 424.497 380.781 404.999 380.781" stroke="#E9EBED" stroke-width="4" stroke-dasharray="8 8"></path> <path d="M136.006 268.99C151.37 275.08 191.193 280.55 231.849 269.657C272.505 258.763 303.119 234.419 312.809 221.616" stroke="#E9EBED" stroke-width="4" stroke-dasharray="8 8"></path> <path d="M120.525 278.616C119.41 294.24 126.398 329.521 149.313 357.205C172.229 384.889 204.941 397.571 220.177 399.007" stroke="#E9EBED" stroke-width="4" stroke-dasharray="8 8"></path> <path d="M396.87 366.324C400.708 351.737 400.379 317.103 383.624 286.822C366.869 256.541 338.17 238.713 324.006 234.64" stroke="#E9EBED" stroke-width="4" stroke-dasharray="8 8"></path> <path d="M196.005 603.597C212.288 590.74 240.571 552.406 247.201 505.27C253.832 458.134 237.038 414.805 224.841 398.615" stroke="#E9EBED" stroke-width="4" stroke-dasharray="8 8"></path> <path d="M561.875 485.055C579.679 464.846 606.878 409.307 604.377 347.566C601.876 285.826 570.344 234.398 551 216.56" stroke="#E9EBED" stroke-width="4" stroke-dasharray="8 8"></path></g> <g><g data-deploy-previews-illustration-unlimited-reviewers-people mask="url(#deploy-previews-illustration-unlimited-reviewers-mask0)"><rect x="67.4272" y="195.043" width="129.143" height="129.143" fill="#8efbf7"></rect> <rect x="67.4272" y="195.043" width="129.143" height="129.143" fill="url(#deploy-previews-illustration-unlimited-reviewers-people0)"></rect></g> <g data-deploy-previews-illustration-unlimited-reviewers-people mask="url(#deploy-previews-illustration-unlimited-reviewers-mask1)"><rect x="451.427" y="136.043" width="129.143" height="129.143" fill="#fe4e5c"></rect> <rect x="451.427" y="136.043" width="129.143" height="129.143" fill="url(#deploy-previews-illustration-unlimited-reviewers-people1)"></rect></g> <g data-deploy-previews-illustration-unlimited-reviewers-people mask="url(#deploy-previews-illustration-unlimited-reviewers-mask2)"><rect x="120.427" y="542.043" width="129.143" height="129.143" fill="#fbd3d0"></rect> <rect x="120.427" y="542.043" width="129.143" height="129.143" fill="url(#deploy-previews-illustration-unlimited-reviewers-people2)"></rect></g> <g data-deploy-previews-illustration-unlimited-reviewers-people mask="url(#deploy-previews-illustration-unlimited-reviewers-mask3)"><rect x="335.427" y="307.043" width="129.143" height="129.143" fill="#80abfa"></rect> <rect x="335.427" y="307.043" width="129.143" height="129.143" fill="url(#deploy-previews-illustration-unlimited-reviewers-people3)"></rect></g> <g data-deploy-previews-illustration-unlimited-reviewers-people mask="url(#deploy-previews-illustration-unlimited-reviewers-mask4)"><rect x="492.427" y="456.043" width="129.143" height="129.143" fill="#f6e0a5"></rect> <rect x="492.427" y="456.043" width="129.143" height="129.143" fill="url(#deploy-previews-illustration-unlimited-reviewers-people4)"></rect></g> <g data-deploy-previews-illustration-unlimited-reviewers-people mask="url(#deploy-previews-illustration-unlimited-reviewers-mask5)"><rect x="275.57" y="177.186" width="96.8572" height="96.8572" fill="#fbf0cc"></rect> <rect x="275.57" y="177.186" width="96.8572" height="96.8572" fill="url(#deploy-previews-illustration-unlimited-reviewers-people5)"></rect></g> <g data-deploy-previews-illustration-unlimited-reviewers-people mask="url(#deploy-previews-illustration-unlimited-reviewers-mask6)"><rect x="323.57" y="498.186" width="96.8572" height="96.8572" fill="#d3f8f6"></rect> <rect x="323.57" y="498.186" width="96.8572" height="96.8572" fill="url(#deploy-previews-illustration-unlimited-reviewers-people6)"></rect></g> <g data-deploy-previews-illustration-unlimited-reviewers-people mask="url(#deploy-previews-illustration-unlimited-reviewers-mask7)"><rect x="184.57" y="350.186" width="96.8572" height="96.8572" fill="#f6e0a5"></rect> <rect x="184.57" y="350.186" width="96.8572" height="96.8572" fill="url(#deploy-previews-illustration-unlimited-reviewers-people7)"></rect></g> <g data-deploy-previews-illustration-unlimited-reviewers-people mask="url(#deploy-previews-illustration-unlimited-reviewers-mask8)"><rect x="13.5704" y="402.186" width="96.8572" height="96.8572" fill="#80abfa"></rect> <rect x="13.5704" y="402.186" width="96.8572" height="96.8572" fill="url(#deploy-previews-illustration-unlimited-reviewers-people8)"></rect></g></g> <mask id="deploy-previews-illustration-unlimited-reviewers-mask1" mask-type="alpha" maskUnits="userSpaceOnUse" x="452" y="136" width="128" height="129"><circle cx="516" cy="200.615" r="64" fill="#C4C4C4"></circle></mask> <mask id="deploy-previews-illustration-unlimited-reviewers-mask0" mask-type="alpha" maskUnits="userSpaceOnUse" x="68" y="195" width="128" height="129"><circle cx="132" cy="259.615" r="64" fill="#C4C4C4"></circle></mask> <mask id="deploy-previews-illustration-unlimited-reviewers-mask2" mask-type="alpha" maskUnits="userSpaceOnUse" x="121" y="542" width="128" height="129"><circle cx="185" cy="606.615" r="64" fill="#C4C4C4"></circle></mask> <mask id="deploy-previews-illustration-unlimited-reviewers-mask3" mask-type="alpha" maskUnits="userSpaceOnUse" x="336" y="307" width="128" height="129"><circle cx="400" cy="371.615" r="64" fill="#C4C4C4"></circle></mask> <mask id="deploy-previews-illustration-unlimited-reviewers-mask4" mask-type="alpha" maskUnits="userSpaceOnUse" x="493" y="456" width="128" height="129"><circle cx="557" cy="520.615" r="64" fill="#C4C4C4"></circle></mask> <mask id="deploy-previews-illustration-unlimited-reviewers-mask5" mask-type="alpha" maskUnits="userSpaceOnUse" x="276" y="177" width="96" height="97"><circle cx="324" cy="225.615" r="48" fill="#C4C4C4"></circle></mask> <mask id="deploy-previews-illustration-unlimited-reviewers-mask6" mask-type="alpha" maskUnits="userSpaceOnUse" x="324" y="498" width="96" height="97"><circle cx="372" cy="546.615" r="48" fill="#C4C4C4"></circle></mask> <mask id="deploy-previews-illustration-unlimited-reviewers-mask7" mask-type="alpha" maskUnits="userSpaceOnUse" x="185" y="350" width="96" height="97"><circle cx="233" cy="398.615" r="48" fill="#C4C4C4"></circle></mask> <mask id="deploy-previews-illustration-unlimited-reviewers-mask8" mask-type="alpha" maskUnits="userSpaceOnUse" x="14" y="402" width="96" height="97"><circle cx="62" cy="450.615" r="48" fill="#C4C4C4"></circle></mask> <defs><pattern id="deploy-previews-illustration-unlimited-reviewers-people0" width="1" height="1"><image xlink:href="/v3/img/build/BvxEOeXKbP-256.jpeg" width="132" height="132"></image></pattern> <pattern id="deploy-previews-illustration-unlimited-reviewers-people1" width="1" height="1"><image xlink:href="/v3/img/build/cg_6RAFzqr-256.jpeg" width="132" height="132"></image></pattern> <pattern id="deploy-previews-illustration-unlimited-reviewers-people2" width="1" height="1"><image xlink:href="/v3/img/build/3yZKj7V64W-256.jpeg" width="132" height="132"></image></pattern> <pattern id="deploy-previews-illustration-unlimited-reviewers-people3" width="1" height="1"><image xlink:href="/v3/img/build/CzoAV4z2hk-256.jpeg" width="132" height="132"></image></pattern> <pattern id="deploy-previews-illustration-unlimited-reviewers-people4" width="1" height="1"><image xlink:href="/v3/img/build/oEX_4FlAJq-256.jpeg" width="132" height="132"></image></pattern> <pattern id="deploy-previews-illustration-unlimited-reviewers-people5" width="1" height="1"><image xlink:href="/v3/img/build/nbCYww3inp-193.jpeg" width="96" height="96"></image></pattern> <pattern id="deploy-previews-illustration-unlimited-reviewers-people6" width="1" height="1"><image xlink:href="/v3/img/build/Cz45s_siMv-193.jpeg" width="96" height="96"></image></pattern> <pattern id="deploy-previews-illustration-unlimited-reviewers-people7" width="1" height="1"><image xlink:href="/v3/img/build/HyMF5Hzmmf-193.jpeg" width="96" height="96"></image></pattern> <pattern id="deploy-previews-illustration-unlimited-reviewers-people8" width="1" height="1"><image xlink:href="/v3/img/build/UrHyAuxBI4-193.jpeg" width="96" height="96"></image></pattern></defs></svg></div> <svg width="302" height="129" x="0" y="0" viewBox="0 0 302 129" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" class="annotations-bubble cdp-bubble deploy-previews-unlimited-reviewers-bubble-joel annotations-bubble-theme-light annotations-will-animate"><g class="cdp-bubble-group"><g filter="url(#bubble-filter0_ddd-0-0-joel)"><rect x="30" y="32.2" width="242" height="56" rx="8" fill="#fff"></rect> <rect x="30.5" y="32.7" width="242" height="55" rx="7.5" stroke="#E9EBED"></rect></g> <text font-family="Mulish, sans-serif" font-size="16" font-weight="bold" letter-spacing="0" class="cdp-bubble-text"><tspan x="61.8" y="18"> Joel <tspan font-weight="normal">commented</tspan></tspan></text> <text fill="#000" font-family="Mulish, sans-serif" font-size="16" letter-spacing="0" style="white-space:pre;"><tspan x="45.8" y="66">Check this out @Jacklyn 🤯</tspan></text> <rect x="30" y="0.2" width="24" height="24" rx="12" fill="url(#bubble-pattern0-0-0-joel)"></rect></g> <defs><pattern id="bubble-pattern0-0-0-joel" width="1" height="1"><rect width="48" height="48" fill="#EEEEEE"></rect> <image xlink:href="/v3/img/build/ILCn28flJJ-48.jpeg" width="24" height="24"></image></pattern> <filter id="bubble-filter0_ddd-0-0-joel" x="0" y="8.2" width="302" height="120" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"></feFlood> <feColorMatrix in="SourceAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"></feColorMatrix> <feOffset dy="8"></feOffset> <feGaussianBlur stdDeviation="5"></feGaussianBlur> <feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0"></feColorMatrix> <feBlend in2="BackgroundImageFix" result="effect1_dropShadow"></feBlend> <feColorMatrix in="SourceAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"></feColorMatrix> <feOffset dy="6"></feOffset> <feGaussianBlur stdDeviation="15"></feGaussianBlur> <feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.06 0"></feColorMatrix> <feBlend in2="effect1_dropShadow" result="effect2_dropShadow"></feBlend> <feColorMatrix in="SourceAlpha" 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 values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.07 0"></feColorMatrix> <feBlend in2="effect2_dropShadow" result="effect3_dropShadow"></feBlend> <feBlend in="SourceGraphic" in2="effect3_dropShadow" result="shape"></feBlend></filter></defs></svg> <div class="deploy-previews-unlimited-reviewers-annotations"><span class="annotations-arrow annotations-will-animate" style="--dash-length:420;"><svg width="437" height="59" viewBox="0 0 437 59" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10 29.5H430" stroke="#fe4e5c" stroke-width="8" stroke-linecap="round" stroke-linejoin="round"></path> <path d="M407.672 6.00006L431.032 29.3597L407.672 52.7194" stroke="#fe4e5c" stroke-width="8" stroke-linecap="round" stroke-linejoin="round"></path></svg></span> <svg width="302" height="129" x="0" y="0" viewBox="0 0 302 129" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" class="annotations-bubble cdp-bubble deploy-previews-unlimited-reviewers-bubble-jacklyn annotations-bubble-theme-light annotations-will-animate"><g class="cdp-bubble-group"><g filter="url(#bubble-filter0_ddd-0-0-jacklyn)"><rect x="30" y="32.2" width="242" height="56" rx="8" fill="#fff"></rect> <rect x="30.5" y="32.7" width="242" height="55" rx="7.5" stroke="#E9EBED"></rect></g> <text font-family="Mulish, sans-serif" font-size="16" font-weight="bold" letter-spacing="0" class="cdp-bubble-text"><tspan x="61.8" y="18"> Jacklyn <tspan font-weight="normal">commented</tspan></tspan></text> <text fill="#000" font-family="Mulish, sans-serif" font-size="16" letter-spacing="0" style="white-space:pre;"><tspan x="45.8" y="66">This is amazing 😻</tspan></text> <rect x="30" y="0.2" width="24" height="24" rx="12" fill="url(#bubble-pattern0-0-0-jacklyn)"></rect></g> <defs><pattern id="bubble-pattern0-0-0-jacklyn" width="1" height="1"><rect width="48" height="48" fill="#EEEEEE"></rect> <image xlink:href="/v3/img/build/OC8v5ZOhiE-48.jpeg" width="24" height="24"></image></pattern> <filter id="bubble-filter0_ddd-0-0-jacklyn" x="0" y="8.2" width="302" height="120" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"></feFlood> <feColorMatrix in="SourceAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"></feColorMatrix> <feOffset dy="8"></feOffset> <feGaussianBlur stdDeviation="5"></feGaussianBlur> <feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0"></feColorMatrix> <feBlend in2="BackgroundImageFix" result="effect1_dropShadow"></feBlend> <feColorMatrix in="SourceAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"></feColorMatrix> <feOffset dy="6"></feOffset> <feGaussianBlur stdDeviation="15"></feGaussianBlur> <feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.06 0"></feColorMatrix> <feBlend in2="effect1_dropShadow" result="effect2_dropShadow"></feBlend> <feColorMatrix in="SourceAlpha" 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 values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.07 0"></feColorMatrix> <feBlend in2="effect2_dropShadow" result="effect3_dropShadow"></feBlend> <feBlend in="SourceGraphic" in2="effect3_dropShadow" result="shape"></feBlend></filter></defs></svg></div></div> <div class="deploy-previews-share-progress-tic-toc"><div class="deploy-previews-share-progress-illustration"><video-radio-star data-visible-autoplay="(min-width: 768px)" class="video-autoplay deploy-previews-video"><video src="/v3/video/deploy-previews-feedback-v2.mp4" id="video-on-the-homepage" muted="muted" loop="loop" controlsList="nodownload" playsinline="" disablePictureInPicture="" disableRemotePlayback="" preload="none" class="home-comprehensive-video"></video>   </video-radio-star> <picture class="deploy-previews-video-image-fallback"><source type="image/webp" srcset="/v3/img/build/Fya1wtwh9x-703.webp 703w, /v3/img/build/Fya1wtwh9x-1407.webp 1407w" sizes="43.9375em"><source type="image/jpeg" srcset="/v3/img/build/Fya1wtwh9x-703.jpeg 703w, /v3/img/build/Fya1wtwh9x-1407.jpeg 1407w" sizes="43.9375em"><img alt="Graphic showing a Deploy Preview with the collaborative UI" loading="lazy" src="/v3/img/build/Fya1wtwh9x-703.jpeg" width="1407" height="1109"></picture></div> <div class="deploy-previews-share-progress-content"><h3 class="deploy-previews-share-progress-title type-a type-a-2">Gather feedback—with images & video—right from the browser</h3> <p class="type-b type-b-0">With no coding or setup, preview links include the handy Netlify Drawer that enables reviewers to:</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>Take screenshots</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>Create screen recordings</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>Submit issues directly</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>Add comments and annotations</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><strong>No plugins to install</strong></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><strong>No code changes needed</strong></li></ul></div></div></section> <section class="pancake deploy-previews-flow-tools-pancake"><div data-pancake-anim="flowToolsHeader" data-deploy-previews-flow-tools-header="" class="deploy-previews-flow-tools-annotations-header"><div class="deploy-previews-flow-tools-annotations"><span class="annotations-arrow annotations-will-animate" style="--dash-length:284;"><svg width="250" height="238" viewBox="0 0 250 238" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M18.9277 167.48C54.5965 78.8729 155.342 35.9575 243.95 71.6262" stroke="#fe4e5c" stroke-width="8" stroke-linecap="round" stroke-linejoin="round"></path> <path d="M10.4512 124.247L16.7894 168.933L61.4759 162.595" stroke="#fe4e5c" stroke-width="8" stroke-linecap="round" stroke-linejoin="round"></path></svg></span> <svg width="355" height="129" x="0" y="0" viewBox="0 0 355 129" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" class="annotations-bubble cdp-bubble annotations-bubble-theme-light annotations-will-animate"><g class="cdp-bubble-group"><g filter="url(#bubble-filter0_ddd-0-0-jb)"><rect x="30" y="32.2" width="295" height="56" rx="8" fill="#fff"></rect> <rect x="30.5" y="32.7" width="295" height="55" rx="7.5" stroke="#E9EBED"></rect></g> <text font-family="Mulish, sans-serif" font-size="16" font-weight="bold" letter-spacing="0" class="cdp-bubble-text"><tspan x="61.8" y="18"> JB <tspan font-weight="normal">commented</tspan></tspan></text> <text fill="#000" font-family="Mulish, sans-serif" font-size="16" letter-spacing="0" style="white-space:pre;"><tspan x="45.8" y="66">@Eric Let’s file a new issue for this</tspan></text> <rect x="30" y="0.2" width="24" height="24" rx="12" fill="url(#bubble-pattern0-0-0-jb)"></rect></g> <defs><pattern id="bubble-pattern0-0-0-jb" width="1" height="1"><rect width="48" height="48" fill="#EEEEEE"></rect> <image xlink:href="/v3/img/build/uDkDsc5bWH-48.jpeg" width="24" height="24"></image></pattern> <filter id="bubble-filter0_ddd-0-0-jb" x="0" y="8.2" width="355" height="120" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"></feFlood> <feColorMatrix in="SourceAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"></feColorMatrix> <feOffset dy="8"></feOffset> <feGaussianBlur stdDeviation="5"></feGaussianBlur> <feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0"></feColorMatrix> <feBlend in2="BackgroundImageFix" result="effect1_dropShadow"></feBlend> <feColorMatrix in="SourceAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"></feColorMatrix> <feOffset dy="6"></feOffset> <feGaussianBlur stdDeviation="15"></feGaussianBlur> <feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.06 0"></feColorMatrix> <feBlend in2="effect1_dropShadow" result="effect2_dropShadow"></feBlend> <feColorMatrix in="SourceAlpha" 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 values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.07 0"></feColorMatrix> <feBlend in2="effect2_dropShadow" result="effect3_dropShadow"></feBlend> <feBlend in="SourceGraphic" in2="effect3_dropShadow" result="shape"></feBlend></filter></defs></svg></div> <h2 class="type-a type-a-3"> It all flows right into <span class="annotations-line annotations-will-animate annotations-anim-direction-left" style="--dash-length:170;"><svg width="40" height="8" viewBox="0 0 40 8" fill="none" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none" class="annotations-line-svg"><path d="M0 4H40" stroke="#fe4e5c" stroke-width="8" stroke-linecap="round" vector-effect="non-scaling-stroke"></path></svg> your</span> tools </h2></div> <div class="deploy-previews-flow-tools-grid"><div><div class="deploy-previews-flow-tools-content deploy-previews-flow-tools-sticky-container-content-active"><h3 class="deploy-previews-flow-tools-heading type-a type-a-1"> Their feedback <span class="annotations-line annotations-will-animate annotations-anim-direction-left" style="--dash-length:230;"><svg width="40" height="4" viewBox="0 0 40 4" fill="none" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none" class="annotations-line-svg"><path d="M0 2H40" stroke="#fe4e5c" stroke-width="4" stroke-linecap="round" vector-effect="non-scaling-stroke"></path></svg> inside your workflow</span></h3> <p class="deploy-previews-flow-tools-paragraph type-b type-b-0">Netlify brings feedback into your tools so you can continue to use the services that you’ve come to know and love: GitHub, GitLab, Jira, Linear, Shortcut, Trello, and more.</p> <div class="deploy-previews-flow-tools-content-logos"><svg width="60" height="60" viewBox="0 0 60 60" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-github"><path fill-rule="evenodd" clip-rule="evenodd" d="M30 0C13.425 0 0 13.763 0 30.755c0 13.593 8.6 25.11 20.516 29.187 1.491.284 2.044-.66 2.044-1.491 0-.736-.019-2.662-.037-5.23-8.342 1.85-10.11-4.115-10.11-4.115-1.363-3.55-3.334-4.513-3.334-4.513-2.725-1.907.203-1.869.203-1.869 3.002.227 4.604 3.172 4.604 3.172 2.67 4.701 7.016 3.342 8.73 2.549.275-1.983 1.049-3.342 1.896-4.116-6.648-.755-13.646-3.398-13.646-15.18 0-3.36 1.16-6.097 3.094-8.25-.314-.792-1.345-3.908.276-8.137 0 0 2.523-.83 8.25 3.153 2.394-.68 4.954-1.02 7.514-1.038 2.541.019 5.12.359 7.514 1.038 5.727-3.983 8.25-3.152 8.25-3.152 1.64 4.228.608 7.362.295 8.137 1.915 2.152 3.075 4.89 3.075 8.25 0 11.819-7.016 14.405-13.701 15.179 1.068.944 2.044 2.832 2.044 5.702 0 4.115-.037 7.42-.037 8.439 0 .83.534 1.775 2.063 1.472C51.418 55.864 60 44.348 60 30.774 60 13.764 46.575 0 30 0z"></path></svg> <svg width="65" height="60" viewBox="0 0 65 60" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M64.88 34.307l-3.643-11.214L54.033.853c-.37-1.137-1.98-1.137-2.363 0l-7.206 22.229h-23.94L13.316.852c-.37-1.136-1.98-1.136-2.362 0L3.762 23.08.122 34.307a2.49 2.49 0 00.896 2.777L32.495 60l31.474-22.916a2.49 2.49 0 00.91-2.777z" fill="#F59F25"></path><path d="M32.504 59.985l11.97-36.907H20.532l11.972 36.907z" fill="#DC4128"></path><path d="M32.495 59.986L20.524 23.079H3.764l28.731 36.907z" fill="#F56A25"></path><path d="M3.762 23.091h16.774L13.317.862c-.37-1.136-1.98-1.136-2.363 0l-7.192 22.23z" fill="#DC4128"></path><path d="M32.504 59.986l11.97-36.907h16.774L32.504 59.986z" fill="#F56A25"></path><path d="M61.243 23.091H44.469L51.675.862c.37-1.136 1.979-1.136 2.362 0l7.206 22.23z" fill="#DC4128"></path></svg> <svg width="74" height="76" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M72.4 35.76 39.8 3.16 36.64 0 12.1 24.54.88 35.76a3 3 0 0 0 0 4.24L23.3 62.42l13.34 13.34 24.54-24.54.38-.38L72.4 40a3 3 0 0 0 0-4.24ZM36.64 49.08l-11.2-11.2 11.2-11.2 11.2 11.2-11.2 11.2Z" fill="#2684FF"></path><path d="M36.64 26.68A18.86 18.86 0 0 1 36.56.09l-24.51 24.5 13.34 13.34 11.25-11.25Z" fill="url(#a)"></path><path d="M47.87 37.85 36.64 49.08a18.86 18.86 0 0 1 0 26.68l24.57-24.57-13.34-13.34Z" fill="url(#b)"></path><defs><linearGradient id="a" x1="34.64" y1="15.35" x2="19" y2="30.99" gradientUnits="userSpaceOnUse"><stop offset=".18" stop-color="#0052CC"></stop><stop offset="1" stop-color="#2684FF"></stop></linearGradient><linearGradient id="b" x1="989.465" y1="2323.06" x2="1529.64" y2="1972.97" gradientUnits="userSpaceOnUse"><stop offset=".18" stop-color="#0052CC"></stop><stop offset="1" stop-color="#2684FF"></stop></linearGradient></defs></svg> <svg width="57" height="56" viewBox="0 0 57 56" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0.60144 32.7244L23.5246 55.6475C11.8185 53.6688 2.58017 44.4305 0.60144 32.7244Z" fill="#5E6AD2"></path> <path d="M0.248047 26.5008L29.7471 55.9999C31.5015 55.9061 33.213 55.651 34.867 55.2491L0.998788 21.3809C0.596891 23.035 0.341786 24.7464 0.248047 26.5008Z" fill="#5E6AD2"></path> <path d="M2.46741 16.9787L39.2698 53.7811C40.6102 53.2058 41.8967 52.529 43.1196 51.7603L4.48822 13.1288C3.71951 14.3517 3.04268 15.6383 2.46741 16.9787Z" fill="#5E6AD2"></path> <path d="M6.9812 9.75161C12.1198 3.78081 19.7323 0 28.2279 0C43.703 0 56.2481 12.5451 56.2481 28.0202C56.2481 36.5158 52.4673 44.1283 46.4965 49.2669L6.9812 9.75161Z" fill="#5E6AD2"></path></svg> <svg width="60" height="60" viewBox="0 0 60 60" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M60 15C60 6.71854 53.2815 0 45 0H15C11.1637 0 7.31732 1.46144 4.39445 4.39445C-1.46144 10.2503 -1.46144 19.7497 4.39445 25.6056L9.73275 30.9438C4.04939 33.0853 0 38.5656 0 45C0 53.2815 6.71854 60 15 60H45C48.8363 60 52.6827 58.5386 55.6055 55.6056C61.4614 49.7497 61.4614 40.2503 55.6055 34.3945L50.2672 29.0562C55.9506 26.9249 60 21.4344 60 15ZM8.51488 51.4953C6.77943 49.7598 5.82544 47.456 5.82544 45.0102C5.82544 42.5643 6.77943 40.2503 8.51488 38.525C10.159 36.8809 12.3106 35.9371 14.6245 35.8457L32.9736 54.1949H15C12.544 54.1746 10.2503 53.2307 8.51488 51.4953ZM51.4851 38.5149C53.2206 40.2503 54.1746 42.5541 54.1746 45C54.1746 47.456 53.2206 49.7598 51.4851 51.4851C49.7497 53.2206 47.4459 54.1746 45 54.1746C42.544 54.1746 40.2402 53.2206 38.5149 51.4851L8.51488 21.4953C6.77943 19.7598 5.82544 17.456 5.82544 15.0101C5.82544 12.5643 6.77943 10.2503 8.51488 8.52503C10.2503 6.78958 12.5541 5.83559 15 5.83559C17.4459 5.83559 19.7598 6.78958 21.4851 8.52503L51.4851 38.5149ZM51.4851 21.4953C49.841 23.1394 47.6894 24.0832 45.3755 24.1746L27.0365 5.82544H45.0101C47.4662 5.82544 49.77 6.77943 51.4953 8.51489C53.2307 10.2503 54.1847 12.5541 54.1847 15C54.1847 17.4459 53.2307 19.7598 51.4851 21.4953Z" fill="#58B1E4"></path></svg> <svg width="57" height="56" viewBox="0 0 57 56" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M49.6001 0H6.90497C3.23201 0 0.253105 2.97489 0.248101 6.64784V49.2802C0.240998 51.0503 0.939178 52.7504 2.18835 54.0047C3.43752 55.2589 5.1348 55.9639 6.90497 55.9639H49.6001C51.3687 55.9615 53.0637 55.2554 54.3109 54.0015C55.5581 52.7475 56.2551 51.0488 56.248 49.2802V6.64784C56.243 2.97839 53.2695 0.00494203 49.6001 0V0ZM24.3993 40.3087C24.3969 40.9004 24.159 41.4667 23.7381 41.8825C23.3172 42.2984 22.7481 42.5294 22.1564 42.5247H12.8261C11.6058 42.5197 10.6191 41.5291 10.6191 40.3087V12.5421C10.6191 11.3217 11.6058 10.3311 12.8261 10.3261H22.1564C23.3782 10.3311 24.3675 11.3203 24.3724 12.5421L24.3993 40.3087ZM45.9308 27.5603C45.9308 28.1527 45.6937 28.7204 45.2722 29.1368C44.8508 29.5531 44.2803 29.7834 43.6879 29.7764H34.3576C33.1358 29.7713 32.1466 28.7821 32.1417 27.5603V12.5421C32.1466 11.3203 33.1358 10.3311 34.3576 10.3261H43.6879C44.9082 10.3311 45.8949 11.3217 45.8949 12.5421L45.9308 27.5603Z" fill="url(#paint0_linear)"></path> <defs><linearGradient id="paint0_linear" x1="28.275" y1="55.9639" x2="28.275" y2="0" gradientUnits="userSpaceOnUse"><stop stop-color="#0052CC"></stop> <stop offset="1" stop-color="#2684FF"></stop></linearGradient></defs></svg></div> <div class="deploy-previews-flow-tools-video-wrapper-small"><video-radio-star data-visible-autoplay="(min-width: 768px)" class="video-autoplay deploy-previews-video"><video src="/v3/video/deploy-previews-workflow-v2.mp4" muted="muted" loop="loop" controlsList="nodownload" playsinline="" disablePictureInPicture="" disableRemotePlayback="" preload="none"></video>   </video-radio-star> <picture class="deploy-previews-video-image-fallback"><source type="image/webp" srcset="/v3/img/build/B5UdlQ48-5-460.webp 460w, /v3/img/build/B5UdlQ48-5-920.webp 920w" sizes="28.75em"><source type="image/jpeg" srcset="/v3/img/build/B5UdlQ48-5-460.jpeg 460w, /v3/img/build/B5UdlQ48-5-920.jpeg 920w" sizes="28.75em"><img alt="Graphic showing the Collaborative Deploy Previews UI" loading="lazy" src="/v3/img/build/B5UdlQ48-5-460.jpeg" width="920" height="760"></picture></div></div> <div class="deploy-previews-flow-tools-content"><span class="annotations-arrow deploy-previews-flow-tools-replies-arrow annotations-will-animate" style="--dash-length:474;"><svg width="354" height="323" viewBox="0 0 354 323" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M327.077 254.416C289.486 114.124 145.284 30.8693 4.9922 68.4603" stroke="#fe4e5c" stroke-width="8" stroke-linecap="round" stroke-linejoin="round"></path> <path d="M349.402 189.105L331.639 255.396L265.349 237.633" stroke="#fe4e5c" stroke-width="8" stroke-linecap="round" stroke-linejoin="round"></path></svg></span> <h3 class="deploy-previews-flow-tools-heading type-a type-a-1">Notify with @replies</h3> <p class="deploy-previews-flow-tools-paragraph type-b type-b-0">Tag team members with @replies to notify them in your favorite issue tracking platforms and make sure that the whole team stays aligned.</p> <div class="deploy-previews-flow-tools-video-wrapper-small"><video-radio-star data-visible-autoplay="(min-width: 768px)" class="video-autoplay deploy-previews-video"><video src="/v3/video/deploy-previews-notifications-v2.mp4" muted="muted" loop="loop" controlsList="nodownload" playsinline="" disablePictureInPicture="" disableRemotePlayback="" preload="none"></video>   </video-radio-star> <picture class="deploy-previews-video-image-fallback"><source type="image/webp" srcset="/v3/img/build/MRJBoqfXeX-460.webp 460w, /v3/img/build/MRJBoqfXeX-920.webp 920w" sizes="28.75em"><source type="image/jpeg" srcset="/v3/img/build/MRJBoqfXeX-460.jpeg 460w, /v3/img/build/MRJBoqfXeX-920.jpeg 920w" sizes="28.75em"><img alt="Graphic showing how to tag team members with @replies" loading="lazy" src="/v3/img/build/MRJBoqfXeX-460.jpeg" width="920" height="760"></picture></div></div> <div class="deploy-previews-flow-tools-content"><h3 class="deploy-previews-flow-tools-heading type-a type-a-1">Record browser metadata for every review</h3> <p class="deploy-previews-flow-tools-paragraph type-b type-b-0">Automatically record browser metadata from every reviewer so developers can more easily reproduce and troubleshoot QA issues. Developers can also view in BrowserStack to replicate and test different reviewers’ browser environments.</p> <div class="deploy-previews-flow-tools-video-wrapper-small"><video-radio-star data-visible-autoplay="(min-width: 768px)" class="video-autoplay deploy-previews-video"><video src="/v3/video/deploy-previews-metadata-v2.mp4" muted="muted" loop="loop" controlsList="nodownload" playsinline="" disablePictureInPicture="" disableRemotePlayback="" preload="none"></video>   </video-radio-star> <picture class="deploy-previews-video-image-fallback"><source type="image/webp" srcset="/v3/img/build/GC5yD2p8Pa-460.webp 460w, /v3/img/build/GC5yD2p8Pa-920.webp 920w" sizes="28.75em"><source type="image/jpeg" srcset="/v3/img/build/GC5yD2p8Pa-460.jpeg 460w, /v3/img/build/GC5yD2p8Pa-920.jpeg 920w" sizes="28.75em"><img alt="Graphic showing how metadata are attached to every comment" loading="lazy" src="/v3/img/build/GC5yD2p8Pa-460.jpeg" width="920" height="760"></picture></div></div> <div class="deploy-previews-flow-tools-content"><span class="annotations-arrow deploy-previews-flow-tools-responsive-arrow annotations-will-animate" style="--dash-length:420;"><svg width="437" height="59" viewBox="0 0 437 59" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10 29.5H430" stroke="#fe4e5c" stroke-width="8" stroke-linecap="round" stroke-linejoin="round"></path> <path d="M407.672 6.00006L431.032 29.3597L407.672 52.7194" stroke="#fe4e5c" stroke-width="8" stroke-linecap="round" stroke-linejoin="round"></path></svg></span> <h3 class="deploy-previews-flow-tools-heading type-a type-a-1">Test responsive site performance</h3> <p class="deploy-previews-flow-tools-paragraph type-b type-b-0">View your Deploy Preview with various device dimensions to test responsive features. Create a QR code that you can scan to see how your Deploy Preview performs on mobile or personal devices.</p> <div class="deploy-previews-flow-tools-video-wrapper-small"><video-radio-star data-visible-autoplay="(min-width: 768px)" class="video-autoplay deploy-previews-video"><video src="/v3/video/deploy-previews-responsive-v2.mp4" muted="muted" loop="loop" controlsList="nodownload" playsinline="" disablePictureInPicture="" disableRemotePlayback="" preload="none"></video>   </video-radio-star> <picture class="deploy-previews-video-image-fallback"><source type="image/webp" srcset="/v3/img/build/tx0YWY25CI-460.webp 460w, /v3/img/build/tx0YWY25CI-920.webp 920w" sizes="28.75em"><source type="image/jpeg" srcset="/v3/img/build/tx0YWY25CI-460.jpeg 460w, /v3/img/build/tx0YWY25CI-920.jpeg 920w" sizes="28.75em"><img alt="Graphic showing a QR code attached to your Deploy Preview" loading="lazy" src="/v3/img/build/tx0YWY25CI-460.jpeg" width="920" height="760"></picture></div></div> <div class="deploy-previews-flow-tools-content"><h3 class="deploy-previews-flow-tools-heading type-a type-a-1"> Handy access to <span class="annotations-circle annotations-will-animate"><svg width="119" height="60" viewBox="0 0 119 60" fill="none" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none" class="annotations-circle-svg"><ellipse cx="59.5" cy="30" rx="55.5" ry="26" stroke="#fe4e5c" stroke-width="4" vector-effect="non-scaling-stroke"></ellipse></svg> deploy logs</span></h3> <p class="deploy-previews-flow-tools-paragraph type-b type-b-0">See the logs from the most recent deploy—right in The Netlify Drawer.</p> <div class="deploy-previews-flow-tools-video-wrapper-small"><video-radio-star data-visible-autoplay="(min-width: 768px)" class="video-autoplay deploy-previews-video"><video src="/v3/video/deploy-previews-logs-v2.mp4" muted="muted" loop="loop" controlsList="nodownload" playsinline="" disablePictureInPicture="" disableRemotePlayback="" preload="none"></video>   </video-radio-star> <picture class="deploy-previews-video-image-fallback"><source type="image/webp" srcset="/v3/img/build/rkkAHkySt5-460.webp 460w, /v3/img/build/rkkAHkySt5-920.webp 920w" sizes="28.75em"><source type="image/jpeg" srcset="/v3/img/build/rkkAHkySt5-460.jpeg 460w, /v3/img/build/rkkAHkySt5-920.jpeg 920w" sizes="28.75em"><img alt="Graphic showing Netlify build logs" loading="lazy" src="/v3/img/build/rkkAHkySt5-460.jpeg" width="920" height="760"></picture></div></div></div> <div class="deploy-previews-flow-tools-sticky-container"><div data-sticky-container-video="" class="deploy-previews-flow-tools-wrapper deploy-previews-flow-tools-sticky-container-video-active"><video-radio-star data-visible-autoplay="(min-width: 768px)" class="video-autoplay deploy-previews-video"><video src="/v3/video/deploy-previews-workflow-v2.mp4" muted="muted" loop="loop" controlsList="nodownload" playsinline="" disablePictureInPicture="" disableRemotePlayback="" preload="none"></video>   </video-radio-star> <picture class="deploy-previews-video-image-fallback"><source type="image/webp" srcset="/v3/img/build/B5UdlQ48-5-460.webp 460w, /v3/img/build/B5UdlQ48-5-920.webp 920w" sizes="28.75em"><source type="image/jpeg" srcset="/v3/img/build/B5UdlQ48-5-460.jpeg 460w, /v3/img/build/B5UdlQ48-5-920.jpeg 920w" sizes="28.75em"><img alt="Graphic showing the Collaborative Deploy Previews UI" loading="lazy" src="/v3/img/build/B5UdlQ48-5-460.jpeg" width="920" height="760"></picture></div> <div data-sticky-container-video="" class="deploy-previews-flow-tools-wrapper"><video-radio-star data-visible-autoplay="(min-width: 768px)" class="video-autoplay deploy-previews-video"><video src="/v3/video/deploy-previews-notifications-v2.mp4" muted="muted" loop="loop" controlsList="nodownload" playsinline="" disablePictureInPicture="" disableRemotePlayback="" preload="none"></video>   </video-radio-star> <picture class="deploy-previews-video-image-fallback"><source type="image/webp" srcset="/v3/img/build/MRJBoqfXeX-460.webp 460w, /v3/img/build/MRJBoqfXeX-920.webp 920w" sizes="28.75em"><source type="image/jpeg" srcset="/v3/img/build/MRJBoqfXeX-460.jpeg 460w, /v3/img/build/MRJBoqfXeX-920.jpeg 920w" sizes="28.75em"><img alt="Graphic showing how to tag team members with @replies" loading="lazy" src="/v3/img/build/MRJBoqfXeX-460.jpeg" width="920" height="760"></picture></div> <div data-sticky-container-video="" class="deploy-previews-flow-tools-wrapper"><video-radio-star data-visible-autoplay="(min-width: 768px)" class="video-autoplay deploy-previews-video"><video src="/v3/video/deploy-previews-metadata-v2.mp4" muted="muted" loop="loop" controlsList="nodownload" playsinline="" disablePictureInPicture="" disableRemotePlayback="" preload="none"></video>   </video-radio-star> <picture class="deploy-previews-video-image-fallback"><source type="image/webp" srcset="/v3/img/build/GC5yD2p8Pa-460.webp 460w, /v3/img/build/GC5yD2p8Pa-920.webp 920w" sizes="28.75em"><source type="image/jpeg" srcset="/v3/img/build/GC5yD2p8Pa-460.jpeg 460w, /v3/img/build/GC5yD2p8Pa-920.jpeg 920w" sizes="28.75em"><img alt="Graphic showing how metadata are attached to every comment" loading="lazy" src="/v3/img/build/GC5yD2p8Pa-460.jpeg" width="920" height="760"></picture></div> <div data-sticky-container-video="" class="deploy-previews-flow-tools-wrapper"><video-radio-star data-visible-autoplay="(min-width: 768px)" class="video-autoplay deploy-previews-video"><video src="/v3/video/deploy-previews-responsive-v2.mp4" muted="muted" loop="loop" controlsList="nodownload" playsinline="" disablePictureInPicture="" disableRemotePlayback="" preload="none"></video>   </video-radio-star> <picture class="deploy-previews-video-image-fallback"><source type="image/webp" srcset="/v3/img/build/tx0YWY25CI-460.webp 460w, /v3/img/build/tx0YWY25CI-920.webp 920w" sizes="28.75em"><source type="image/jpeg" srcset="/v3/img/build/tx0YWY25CI-460.jpeg 460w, /v3/img/build/tx0YWY25CI-920.jpeg 920w" sizes="28.75em"><img alt="Graphic showing a QR code attached to your Deploy Preview" loading="lazy" src="/v3/img/build/tx0YWY25CI-460.jpeg" width="920" height="760"></picture></div> <div data-sticky-container-video="" class="deploy-previews-flow-tools-wrapper"><video-radio-star data-visible-autoplay="(min-width: 768px)" class="video-autoplay deploy-previews-video"><video src="/v3/video/deploy-previews-logs-v2.mp4" muted="muted" loop="loop" controlsList="nodownload" playsinline="" disablePictureInPicture="" disableRemotePlayback="" preload="none"></video>   </video-radio-star> <picture class="deploy-previews-video-image-fallback"><source type="image/webp" srcset="/v3/img/build/rkkAHkySt5-460.webp 460w, /v3/img/build/rkkAHkySt5-920.webp 920w" sizes="28.75em"><source type="image/jpeg" srcset="/v3/img/build/rkkAHkySt5-460.jpeg 460w, /v3/img/build/rkkAHkySt5-920.jpeg 920w" sizes="28.75em"><img alt="Graphic showing Netlify build logs" loading="lazy" src="/v3/img/build/rkkAHkySt5-460.jpeg" width="920" height="760"></picture></div></div></div></section> <section data-pancake-anim="empowerStakeholders" data-deploy-previews-stakeholders="" class="pancake deploy-previews-stakeholders"><h2 class="deploy-previews-stakeholders-pancake-heading type-a type-a-3"> Empower <span class="annotations-line annotations-will-animate annotations-anim-direction-left" style="--dash-length:170;"><svg width="40" height="8" viewBox="0 0 40 8" fill="none" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none" class="annotations-line-svg"><path d="M0 4H40" stroke="#fe4e5c" stroke-width="8" stroke-linecap="round" vector-effect="non-scaling-stroke"></path></svg> every</span> stakeholder to collaborate on Netlify </h2> <p class="deploy-previews-stakeholders-pancake-intro type-a type-a-1">Collaborative Deploy Previews help developers get implementation feedback from stakeholders without disrupting development workflows.</p> <ul class="deploy-previews-stakeholders-list"><li class="deploy-previews-stakeholders-item"><svg width="195" height="141" viewBox="0 0 195 141" fill="none" xmlns="http://www.w3.org/2000/svg" class="deploy-previews-stakeholders-item-illustration"><path d="M4 1.04785H40.3969C42.3299 1.04785 43.8969 2.61485 43.8969 4.54785V40.8634C43.8969 42.7964 42.3299 44.3634 40.3969 44.3634H4C2.067 44.3634 0.5 42.7964 0.5 40.8634V4.54785C0.5 2.61486 2.067 1.04785 4 1.04785Z" stroke="#E9EBED"></path> <path d="M106.475 48.552H142.871C144.804 48.552 146.371 50.119 146.371 52.052V88.3676C146.371 90.3006 144.804 91.8676 142.871 91.8676H106.475C104.542 91.8676 102.975 90.3006 102.975 88.3676V52.052C102.975 50.119 104.542 48.552 106.475 48.552Z" stroke="#E9EBED"></path> <path d="M154.246 48.552H190.643C192.576 48.552 194.143 50.119 194.143 52.052V88.3676C194.143 90.3006 192.576 91.8676 190.643 91.8676H154.246C152.313 91.8676 150.746 90.3006 150.746 88.3676V52.052C150.746 50.119 152.313 48.552 154.246 48.552Z" stroke="#2e51ed"></path> <path d="M51.7715 96.2363H88.1683C90.1013 96.2363 91.6683 97.8033 91.6683 99.7363V136.052C91.6683 137.985 90.1013 139.552 88.1683 139.552H51.7715C49.8385 139.552 48.2715 137.985 48.2715 136.052V99.7363C48.2715 97.8033 49.8385 96.2363 51.7715 96.2363Z" stroke="#E9EBED"></path> <path d="M4 96.3444H40.3969C42.3299 96.3444 43.8969 97.9114 43.8969 99.8444V136.16C43.8969 138.093 42.3299 139.66 40.3969 139.66H4C2.067 139.66 0.5 138.093 0.5 136.16V99.8444C0.5 97.9114 2.067 96.3444 4 96.3444Z" stroke="#E9EBED"></path> <path d="M154.246 1.08386H190.643C192.576 1.08386 194.143 2.65087 194.143 4.58386V40.8995C194.143 42.8325 192.576 44.3995 190.643 44.3995H154.246C152.313 44.3995 150.746 42.8325 150.746 40.8995V4.58387C150.746 2.65087 152.313 1.08386 154.246 1.08386Z" stroke="#E9EBED"></path> <path d="M144.869 0.583862C145.974 0.583862 146.866 1.48109 146.837 2.58665C146.693 8.05942 145.96 23.7889 142.222 37.7365C142.092 38.22 141.782 38.6334 141.357 38.8985L132.234 44.5958C131.917 44.7943 131.55 44.8995 131.175 44.8995H98.4348C97.0373 44.8995 96.0664 43.5036 96.5027 42.176C101.395 27.2879 102.268 8.6125 102.423 2.56844C102.452 1.46532 103.351 0.583862 104.454 0.583862H144.869Z" fill="#fbb13d"></path> <path d="M131.748 44.8995V38.3242H142.017L131.748 44.8995Z" fill="#8c4c0d"></path> <path d="M190.618 95.7363C192.83 95.7363 194.611 97.5218 194.525 99.732C194.27 106.284 193.368 119.815 190.174 132.136C189.922 133.105 189.3 133.933 188.451 134.463L180.474 139.445C179.839 139.842 179.104 140.052 178.355 140.052H149.096C146.301 140.052 144.35 137.25 145.126 134.565C148.861 121.627 149.862 106.696 150.13 99.717C150.215 97.5116 152.016 95.7363 154.223 95.7363H190.618Z" fill="#F6F6F7"></path> <path d="M179.52 140.034V133.477H189.789L179.52 140.034Z" fill="#9DA7B2"></path> <path d="M93.7201 48.2682C94.826 48.2682 95.7177 49.1654 95.6887 50.271C95.545 55.7437 94.8118 71.4733 91.0732 85.4209C90.9436 85.9043 90.6333 86.3177 90.2088 86.5829L81.086 92.2802C80.7683 92.4786 80.4012 92.5838 80.0266 92.5838H47.2863C45.8889 92.5838 44.918 91.188 45.3543 89.8603C50.2464 74.9723 51.1193 56.2968 51.2749 50.2528C51.3033 49.1496 52.2024 48.2682 53.3059 48.2682H93.7201Z" fill="#2e51ed"></path> <path d="M80.5996 92.5658V86.0085L90.8686 86.1527L80.5996 92.5658Z" fill="#2036a1"></path></svg> <div><h3 class="deploy-previews-stakeholders-title type-a type-a-2"> Project <span class="annotations-line annotations-project-managers annotations-will-animate annotations-anim-direction-left" style="--dash-length:170;"><svg width="40" height="4" viewBox="0 0 40 4" fill="none" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none" class="annotations-line-svg"><path d="M0 2H40" stroke="#fe4e5c" stroke-width="4" stroke-linecap="round" vector-effect="non-scaling-stroke"></path></svg> Managers</span></h3> <p class="deploy-previews-stakeholders-description type-b type-b-0">Prevent last-minute scrambles at the end of your release cycle by engaging stakeholders earlier in your development workflow</p></div></li> <li class="deploy-previews-stakeholders-item"><svg width="257" height="194" viewBox="0 0 257 194" fill="none" xmlns="http://www.w3.org/2000/svg" class="deploy-previews-stakeholders-item-illustration"><text fill="#9DA7B2" xml:space="preserve" font-family="SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace" font-size="10.0548" font-weight="bold" letter-spacing="0em" style="white-space:pre;"><tspan x="22.7168" y="32.1497">1 </tspan> <tspan x="22.7168" y="45.7781">2 </tspan> <tspan x="22.7168" y="59.4066">3 </tspan> <tspan x="22.7168" y="73.035">4 </tspan> <tspan x="22.7168" y="86.6634">5 </tspan> <tspan x="22.7168" y="100.292">6 </tspan> <tspan x="22.7168" y="113.92">7 </tspan> <tspan x="22.7168" y="127.549">8 </tspan> <tspan x="22.7168" y="141.177">9 </tspan> <tspan x="22.7168" y="154.806">10 </tspan> <tspan x="22.7168" y="168.434">11</tspan></text> <text fill="#5d8df5" xml:space="preserve" font-family="SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace" font-size="10.0548" font-weight="500" letter-spacing="0em" style="white-space:pre;"><tspan x="91.6272" y="45.7781">schema</tspan> <tspan x="67.4721" y="59.4066">name</tspan> <tspan x="79.5497" y="73.035">type</tspan> <tspan x="79.5497" y="86.6634">required</tspan> <tspan x="67.4721" y="127.549">description</tspan> <tspan x="79.5497" y="141.177">type</tspan> <tspan x="79.5497" y="168.434">timestamps</tspan></text> <text fill="#778089" xml:space="preserve" font-family="SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace" font-size="10.0548" font-weight="500" letter-spacing="0em" style="white-space:pre;"><tspan x="85.5884" y="45.7781"></tspan> <tspan x="127.86" y="45.7781">=</tspan> <tspan x="164.093" y="45.7781">Schema({ </tspan> <tspan x="55.3945" y="59.4066"></tspan> <tspan x="91.6272" y="59.4066">: { </tspan> <tspan x="55.3945" y="73.035"></tspan> <tspan x="103.705" y="73.035">: String, </tspan> <tspan x="55.3945" y="86.6634"></tspan> <tspan x="127.86" y="86.6634">: true </tspan> <tspan x="55.3945" y="100.292">}, </tspan> <tspan x="55.3945" y="113.92"> </tspan> <tspan x="55.3945" y="127.549"></tspan> <tspan x="133.899" y="127.549">: { </tspan> <tspan x="55.3945" y="141.177"></tspan> <tspan x="103.705" y="141.177">: String </tspan> <tspan x="55.3945" y="154.806">} </tspan> <tspan x="55.3945" y="168.434">}, {</tspan> <tspan x="139.937" y="168.434">: true})</tspan></text> <text fill="#fe4e5c" xml:space="preserve" font-family="SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace" font-size="10.0548" font-weight="500" letter-spacing="0em" style="white-space:pre;"><tspan x="55.3945" y="45.7781">const</tspan> <tspan x="145.976" y="45.7781">new</tspan></text> <text fill="#05bdba" xml:space="preserve" font-family="SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace" font-size="10.0548" font-weight="500" letter-spacing="0em" style="white-space:pre;"><tspan x="55.3945" y="32.1497">// Schema </tspan></text> <rect x="0.5" y="1.48291" width="250.226" height="191.805" rx="7.5" stroke="#2e51ed"></rect></svg> <div><h3 class="deploy-previews-stakeholders-title type-a type-a-2"><span class="annotations-brackets annotations-web-developers annotations-will-animate"><svg width="18" height="30" viewBox="0 0 18 30" fill="none" xmlns="http://www.w3.org/2000/svg" class="annotations-brackets-svg annotations-brackets-left"><path d="M15.0445 27.0001L3.02352 14.9794L15.0443 2.95856" stroke="#fe4e5c" stroke-width="5" stroke-linecap="round" stroke-linejoin="round"></path></svg> Web <svg width="18" height="30" viewBox="0 0 18 30" fill="none" xmlns="http://www.w3.org/2000/svg" class="annotations-brackets-svg annotations-brackets-right"><path d="M15.0445 27.0001L3.02352 14.9794L15.0443 2.95856" stroke="#fe4e5c" stroke-width="5" stroke-linecap="round" stroke-linejoin="round"></path></svg></span> Developers </h3> <p class="deploy-previews-stakeholders-description type-b type-b-0">Collect implementation feedback with your Deploy Previews without waiting for code reviews</p></div></li> <li class="deploy-previews-stakeholders-item"><svg width="155" height="149" viewBox="0 0 155 149" fill="none" xmlns="http://www.w3.org/2000/svg" class="deploy-previews-stakeholders-item-illustration"><path fill-rule="evenodd" clip-rule="evenodd" d="M5.28252 0.632812H149.663C152.043 0.632812 153.973 2.17775 153.973 4.08344V144.697C153.973 146.602 152.043 148.147 149.663 148.147H5.28252C2.90225 148.147 0.972656 146.602 0.972656 144.697V4.08344C0.972656 2.17775 2.90225 0.632812 5.28252 0.632812V0.632812Z" stroke="#2e51ed"></path> <path fill-rule="evenodd" clip-rule="evenodd" d="M9.59243 19.0078H145.353C146.543 19.0078 147.508 19.733 147.508 20.6275V137.248C147.508 138.143 146.543 138.868 145.353 138.868H9.59243C8.4023 138.868 7.4375 138.143 7.4375 137.248V20.6275C7.4375 19.733 8.4023 19.0078 9.59243 19.0078V19.0078Z" stroke="#2e51ed"></path> <path fill-rule="evenodd" clip-rule="evenodd" d="M12.1338 8.11762C13.3266 9.31415 13.3266 11.2541 12.1338 12.4507C10.9411 13.6472 9.00724 13.6472 7.81449 12.4507C6.62173 11.2541 6.62173 9.31415 7.81449 8.11762C9.00724 6.92108 10.9411 6.92108 12.1338 8.11762Z" fill="#32e6e2"></path> <path d="M12.1338 8.11762C13.3266 9.31415 13.3266 11.2541 12.1338 12.4507C10.9411 13.6472 9.00724 13.6472 7.81449 12.4507C6.62173 11.2541 6.62173 9.31415 7.81449 8.11762C9.00724 6.92108 10.9411 6.92108 12.1338 8.11762" stroke="#2e51ed"></path> <path d="M24.3506 8.11762C25.5434 9.31415 25.5434 11.2541 24.3506 12.4507C23.1579 13.6472 21.224 13.6472 20.0313 12.4507C18.8385 11.2541 18.8385 9.31415 20.0313 8.11762C21.224 6.92108 23.1579 6.92108 24.3506 8.11762" stroke="#2e51ed"></path> <path d="M36.5674 8.11762C37.7602 9.31415 37.7602 11.2541 36.5674 12.4507C35.3747 13.6472 33.4408 13.6472 32.2481 12.4507C31.0553 11.2541 31.0553 9.31415 32.2481 8.11762C33.4408 6.92108 35.3747 6.92108 36.5674 8.11762" stroke="#2e51ed"></path> <path fill-rule="evenodd" clip-rule="evenodd" d="M27.9088 43.8092H127.036C128.226 43.8092 129.191 44.777 129.191 45.971V111.905C129.191 113.099 128.226 114.067 127.036 114.067H27.9088C26.7187 114.067 25.7539 113.099 25.7539 111.905V45.971C25.7539 44.777 26.7187 43.8092 27.9088 43.8092Z" fill="white" stroke="#2e51ed"></path> <path fill-rule="evenodd" clip-rule="evenodd" d="M32.22 62.1842H88.2482C88.8433 62.1842 89.3257 62.6681 89.3257 63.2651V67.5886C89.3257 68.1856 88.8433 68.6695 88.2482 68.6695H32.22C31.625 68.6695 31.1426 68.1856 31.1426 67.5886V63.2651C31.1426 62.6681 31.625 62.1842 32.22 62.1842Z" fill="#2e51ed"></path> <path fill-rule="evenodd" clip-rule="evenodd" d="M32.22 74.074H109.798C110.393 74.074 110.875 74.5579 110.875 75.1549V79.4784C110.875 80.0754 110.393 80.5593 109.798 80.5593H32.22C31.625 80.5593 31.1426 80.0754 31.1426 79.4784V75.1549C31.1426 74.5579 31.625 74.074 32.22 74.074Z" fill="#2e51ed"></path> <path fill-rule="evenodd" clip-rule="evenodd" d="M32.22 87.0446H88.2482C88.8433 87.0446 89.3257 87.5285 89.3257 88.1254V91.3681C89.3257 91.965 88.8433 92.449 88.2482 92.449H32.22C31.625 92.449 31.1426 91.965 31.1426 91.3681V88.1254C31.1426 87.5285 31.625 87.0446 32.22 87.0446Z" fill="#2e51ed"></path> <path fill-rule="evenodd" clip-rule="evenodd" d="M121.639 51.4109C123.428 53.2057 123.428 56.1157 121.639 57.9105C119.85 59.7053 116.949 59.7053 115.16 57.9105C113.371 56.1157 113.371 53.2057 115.16 51.4109C116.949 49.6161 119.85 49.6161 121.639 51.4109Z" fill="#2e51ed"></path> <path fill-rule="evenodd" clip-rule="evenodd" d="M108.72 102.177H121.65C122.245 102.177 122.727 102.661 122.727 103.258V107.581C122.727 108.178 122.245 108.662 121.65 108.662H108.72C108.125 108.662 107.643 108.178 107.643 107.581V103.258C107.643 102.661 108.125 102.177 108.72 102.177Z" fill="#2e51ed"></path> <path fill-rule="evenodd" clip-rule="evenodd" d="M90.4017 102.177H103.331C103.926 102.177 104.409 102.661 104.409 103.258V107.581C104.409 108.178 103.926 108.662 103.331 108.662H90.4017C89.8066 108.662 89.3242 108.178 89.3242 107.581V103.258C89.3242 102.661 89.8066 102.177 90.4017 102.177Z" fill="#2e51ed"></path></svg> <div><h3 class="deploy-previews-stakeholders-title type-a type-a-2"> Product <span class="annotations-line annotations-ux-designers annotations-will-animate annotations-anim-direction-left" style="--dash-length:170;"><svg width="156" height="8" viewBox="0 0 156 8" fill="none" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none" class="annotations-line-svg annotations-line-svg-variant-wave"><path d="M154 2.56099C151.988 2.17075 150.088 2.00002 148.188 2.00002C143.792 2.00001 140.439 2.95123 136.863 3.95123C133.286 4.95122 129.561 6 124.792 6C120.024 6 116.298 4.95122 112.722 3.95122C109.145 2.95123 105.755 2.00001 101.396 2.00001C97 2.00001 93.6471 2.95123 90.0706 3.95122C86.4941 4.95122 82.7686 5.99999 78 5.99999C73.2314 5.99999 69.5059 4.95121 65.9294 3.95122C62.3529 2.95122 58.9627 2.00001 54.6039 2.00001C50.2078 2 46.8549 2.95122 43.2784 3.95122C39.702 4.95121 35.9765 5.99999 31.2078 5.99999C26.4392 5.99999 22.7137 4.95121 19.1372 3.95121C15.5608 2.95122 12.1706 2 7.81176 2C5.91176 2 4.01176 2.19512 1.99999 2.56097" stroke="#fe4e5c" stroke-width="4" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round" vector-effect="non-scaling-stroke"></path></svg> Designers</span></h3> <p class="deploy-previews-stakeholders-description type-b type-b-0">Iterate more quickly by leaving feedback about your designs before changes land in production</p></div></li> <li class="deploy-previews-stakeholders-item"><svg width="189" height="157" viewBox="0 0 189 157" fill="none" xmlns="http://www.w3.org/2000/svg" class="deploy-previews-stakeholders-item-illustration"><g filter="url(#filter0_d)"><path d="M135.986 26.7472H187.821V6.01339C187.821 2.91854 185.312 0.40966 182.217 0.40966H179.536H135.986V26.7472Z" fill="#fe4e5c"></path></g> <text transform="translate(141.031 16.405)" fill="white" xml:space="preserve" font-family="Mulish, sans-serif" font-size="3.92261" letter-spacing="0em" style="white-space:pre;"><tspan x="0" y="3.77879">First phase</tspan></text> <rect x="141.031" y="5.453" width="6.52565" height="6.63187" rx="3.26283" fill="white"></rect> <text transform="translate(143.273 6.85388)" fill="#fe4e5c" xml:space="preserve" font-family="Roboto" font-size="3.36224" font-weight="bold" letter-spacing="0em" style="white-space:pre;"><tspan x="0.0560048" y="3.1492">1</tspan></text> <g filter="url(#filter1_d)"><path d="M127.582 145.266H179.417V124.532C179.417 121.437 176.908 118.929 173.813 118.929H171.132H127.582V145.266Z" fill="#2e51ed"></path></g> <text transform="translate(132.625 134.924)" fill="white" xml:space="preserve" font-family="Mulish, sans-serif" font-size="3.92261" letter-spacing="0em" style="white-space:pre;"><tspan x="0" y="3.77879">Interaction</tspan></text> <rect x="132.584" y="124.018" width="6.52565" height="6.63187" rx="3.26283" fill="white"></rect> <text transform="translate(134.826 125.419)" fill="#2e51ed" xml:space="preserve" font-family="Roboto" font-size="3.36224" font-weight="bold" letter-spacing="0em" style="white-space:pre;"><tspan x="0.0560048" y="3.1492">3</tspan></text> <g filter="url(#filter2_d)"><path d="M0.376953 69.0554H52.2115V48.3216C52.2115 45.2268 49.7026 42.7179 46.6077 42.7179H0.376953L0.376953 69.0554Z" fill="#05bdba"></path></g> <text transform="translate(5.41992 58.7134)" fill="white" xml:space="preserve" font-family="Mulish, sans-serif" font-size="3.92261" letter-spacing="0em" style="white-space:pre;"><tspan x="0" y="3.77879">Development</tspan></text> <rect x="5.41992" y="47.7612" width="6.52565" height="6.63187" rx="3.26283" fill="white"></rect> <text transform="translate(7.66211 49.1621)" fill="#05bdba" xml:space="preserve" font-family="Mulish, sans-serif" font-size="3.36224" font-weight="bold" letter-spacing="0em" style="white-space:pre;"><tspan x="0.0133201" y="3.26925">2</tspan></text> <path d="M72.2441 116.233V107.014C72.2441 103.919 74.753 101.41 77.8479 101.41L138.938 101.41C142.033 101.41 144.542 103.919 144.542 107.014L144.542 116.233" stroke="#2e51ed" stroke-width="0.560373"></path> <circle cx="108.115" cy="84.3254" r="1.54103" stroke="#2e51ed" stroke-width="0.560373"></circle> <line x1="108.253" y1="101.277" x2="108.253" y2="85.8666" stroke="#2e51ed" stroke-width="0.560373"></line> <path d="M147.211 113.431L144.617 116.233L142.16 113.431" stroke="#2e51ed" stroke-width="0.560373" stroke-linecap="round" stroke-linejoin="round"></path> <path d="M74.9121 113.431L72.3186 116.233L69.8616 113.431" stroke="#2e51ed" stroke-width="0.560373" stroke-linecap="round" stroke-linejoin="round"></path> <g filter="url(#filter3_d)"><path d="M106.804 39.5396C107.679 38.6642 109.098 38.6642 109.974 39.5396L127.397 56.9633C128.273 57.8387 128.273 59.2579 127.397 60.1333L109.974 77.557C109.098 78.4324 107.679 78.4324 106.804 77.557L89.3799 60.1333C88.5045 59.2579 88.5045 57.8387 89.3799 56.9633L106.804 39.5396Z" fill="#2e51ed"></path> <path d="M106.903 39.6386C107.723 38.818 109.054 38.818 109.875 39.6386L127.298 57.0624C128.119 57.883 128.119 59.2136 127.298 60.0342L109.875 77.458C109.054 78.2786 107.723 78.2786 106.903 77.458L89.479 60.0342C88.6583 59.2136 88.6583 57.883 89.479 57.0624L106.903 39.6386Z" stroke="#ebf1fb" stroke-width="0.280187"></path></g> <text transform="translate(98.6367 55.9478)" fill="white" xml:space="preserve" font-family="Mulish, sans-serif" font-size="4.48298" letter-spacing="0em" style="white-space:pre;"><tspan x="1.50647" y="4.69233">Options</tspan></text> <path d="M25.875 34.5924V28.1434C25.875 21.9537 30.8928 16.9359 37.0825 16.9359H58.7295" stroke="#2e51ed" stroke-width="0.560373" stroke-linecap="round" stroke-linejoin="round"></path> <path d="M59.0543 17.1496L56.8161 19.1799C56.636 19.3433 56.3477 19.2155 56.3477 18.9724V15.0236C56.3477 14.7842 56.6284 14.6551 56.8102 14.8109L59.0484 16.7293C59.1764 16.8391 59.1792 17.0362 59.0543 17.1496Z" fill="#2e51ed"></path> <circle r="1.54103" transform="matrix(1 0 0 -1 25.7344 35.8533)" fill="#2e51ed"></circle> <line x1="59.2148" y1="58.5483" x2="86.5175" y2="58.5483" stroke="#fe4e5c" stroke-width="0.560373"></line> <path d="M83.7168 55.9001L86.6588 58.5619L83.7168 61.0836" stroke="#fe4e5c" stroke-width="0.560373" stroke-linecap="round" stroke-linejoin="round"></path> <circle cx="57.9551" cy="58.6884" r="1.54103" stroke="#fe4e5c" stroke-width="0.560373"></circle> <path d="M135.428 59.5292L151.069 59.5292C157.258 59.5292 162.276 54.5114 162.276 48.3217L162.276 34.0794" stroke="#2e51ed" stroke-width="0.560373" stroke-linecap="round" stroke-linejoin="round"></path> <path d="M162.063 33.7543L160.032 35.9925C159.869 36.1726 159.997 36.4609 160.24 36.4609L164.189 36.4609C164.428 36.4609 164.557 36.1802 164.401 35.9984L162.483 33.7602C162.373 33.6322 162.176 33.6294 162.063 33.7543Z" fill="#2e51ed"></path> <circle cx="134.166" cy="59.6692" r="1.54103" transform="rotate(-90 134.166 59.6692)" fill="#2e51ed"></circle> <path d="M35.6016 77.4609L35.6016 90.2228C35.6016 93.3177 38.1104 95.8266 41.2053 95.8266L47.7289 95.8266C50.8237 95.8266 53.3326 98.3354 53.3326 101.43L53.3326 112.934" stroke="#fe4e5c" stroke-width="0.560373"></path> <path d="M55.7207 110.133L53.1272 112.934L50.6702 110.133" stroke="#fe4e5c" stroke-width="0.560373" stroke-linecap="round" stroke-linejoin="round"></path> <circle cx="35.4609" cy="75.9201" r="1.54103" transform="rotate(90 35.4609 75.9201)" fill="#fe4e5c"></circle> <line x1="99.002" y1="15.9599" x2="132.433" y2="15.9599" stroke="#2e51ed" stroke-width="0.560373" stroke-dasharray="1.4 2.24"></line> <path d="M129.633 13.0563L132.575 15.718L129.633 18.2397" stroke="#2e51ed" stroke-width="0.560373" stroke-linecap="round" stroke-linejoin="round"></path> <circle cx="97.7422" cy="16.1" r="1.54103" stroke="#2e51ed" stroke-width="0.560373"></circle> <g filter="url(#filter4_d)"><rect x="62.5781" y="10.2162" width="28.7554" height="11.3205" rx="5.66024" fill="#fe4e5c"></rect> <text transform="translate(72.1035 13.5784)" fill="white" xml:space="preserve" font-family="Mulish, sans-serif" font-size="3.92261" font-weight="500" letter-spacing="0em" style="white-space:pre;"><tspan x="0.296791" y="3.98079">Label</tspan></text> <rect x="62.7182" y="10.3563" width="28.4752" height="11.0403" rx="5.52015" stroke="#fe4e5c" stroke-width="0.280187"></rect></g> <g filter="url(#filter5_d)"><path d="M44.3672 122.571C44.3672 121.333 45.3707 120.33 46.6087 120.33H84.4339C85.6718 120.33 86.6754 121.333 86.6754 122.571V127.054H44.3672V122.571Z" fill="#ebf1fb"></path> <circle cx="47.7301" cy="123.692" r="1.12075" fill="#2e51ed"></circle> <circle cx="51.6539" cy="123.692" r="1.12075" fill="#2e51ed"></circle> <circle cx="55.5758" cy="123.692" r="1.12075" fill="#2e51ed"></circle> <path d="M44.5073 122.571C44.5073 121.411 45.4481 120.47 46.6087 120.47H84.4339C85.5944 120.47 86.5353 121.411 86.5353 122.571V126.914H44.5073V122.571Z" stroke="#2e51ed" stroke-width="0.280187"></path></g> <g filter="url(#filter6_d)"><path d="M44.3672 126.755H86.6754V153.411C86.6754 154.649 85.6718 155.652 84.4339 155.652H46.6087C45.3707 155.652 44.3672 154.649 44.3672 153.411V126.755Z" fill="white"></path> <text transform="translate(51.8613 138.522)" fill="#2e51ed" xml:space="preserve" font-family="Mulish, sans-serif" font-size="4.48298" font-weight="500" letter-spacing="0em" style="white-space:pre;"><tspan x="3.22908" y="4.69233">Page Title</tspan></text> <path d="M44.5073 126.895H86.5353V153.411C86.5353 154.571 85.5944 155.512 84.4339 155.512H46.6087C45.4481 155.512 44.5073 154.571 44.5073 153.411V126.895Z" stroke="#2e51ed" stroke-width="0.280187"></path></g> <defs><filter id="filter0_d" x="135.986" y="0.409668" width="52.9553" height="27.4583" 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 dx="1.12075" dy="1.12075"></feOffset> <feColorMatrix type="matrix" values="0 0 0 0 0.9875 0 0 0 0 0.738327 0 0 0 0 0.703594 0 0 0 1 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="filter1_d" x="127.582" y="118.929" width="52.9553" height="27.4583" 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 dx="1.12075" dy="1.12075"></feOffset> <feColorMatrix type="matrix" values="0 0 0 0 0.898039 0 0 0 0 0.929412 0 0 0 0 1 0 0 0 1 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="filter2_d" x="0.376953" y="42.7179" width="52.9553" height="27.4583" 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 dx="1.12075" dy="1.12075"></feOffset> <feColorMatrix type="matrix" values="0 0 0 0 0.0211704 0 0 0 0 0.281189 0 0 0 0 0.379167 0 0 0 1 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="filter3_d" x="88.7227" y="38.8831" width="40.4513" height="40.4513" 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 dx="1.12075" dy="1.12075"></feOffset> <feColorMatrix type="matrix" values="0 0 0 0 0.898039 0 0 0 0 0.929412 0 0 0 0 1 0 0 0 1 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="filter4_d" x="62.5781" y="10.2162" width="29.8761" height="12.4412" 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 dx="1.12075" dy="1.12075"></feOffset> <feColorMatrix type="matrix" values="0 0 0 0 0.9875 0 0 0 0 0.738327 0 0 0 0 0.703594 0 0 0 1 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="filter5_d" x="44.3672" y="120.33" width="43.4289" height="7.84522" 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 dx="1.12075" dy="1.12075"></feOffset> <feColorMatrix type="matrix" values="0 0 0 0 0.674908 0 0 0 0 0.662083 0 0 0 0 0.945833 0 0 0 1 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="filter6_d" x="44.3672" y="126.755" width="43.4289" height="30.0184" 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 dx="1.12075" dy="1.12075"></feOffset> <feColorMatrix type="matrix" values="0 0 0 0 0.674908 0 0 0 0 0.662083 0 0 0 0 0.945833 0 0 0 1 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><h3 class="deploy-previews-stakeholders-title type-a type-a-2"><span class="annotations-circle annotations-devops annotations-will-animate"><svg width="119" height="60" viewBox="0 0 119 60" fill="none" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none" class="annotations-circle-svg"><ellipse cx="59.5" cy="30" rx="55.5" ry="26" stroke="#fe4e5c" stroke-width="4" vector-effect="non-scaling-stroke"></ellipse></svg> DevOps</span> and SREs </h3> <p class="deploy-previews-stakeholders-description type-b type-b-0">Integrate Netlify with existing CI/CD pipelines to automate approvals or create issue tickets</p></div></li></ul></section> <section class="pancake"><svg width="1203" height="559" viewBox="0 0 1203 559" fill="none" xmlns="http://www.w3.org/2000/svg" class="deploy-previews-pre-footer-arrows-large"><path d="M311.226 171.735L303.597 200.206L275.127 192.577" stroke="#fe4e5c" stroke-width="8" stroke-linecap="round" stroke-linejoin="round"></path> <path d="M302.327 199.095C286.183 138.844 224.252 103.088 164 119.232" stroke="#fe4e5c" stroke-width="8" stroke-linecap="round" stroke-linejoin="round"></path> <path d="M258.398 370.868L279.239 391.709L258.398 412.551" stroke="#fe4e5c" stroke-width="8" stroke-linecap="round" stroke-linejoin="round"></path> <path d="M277.643 392.254C217.391 376.11 155.46 411.866 139.316 472.117" stroke="#fe4e5c" stroke-width="8" stroke-linecap="round" stroke-linejoin="round"></path> <path d="M970.768 394.647L941.293 394.647L941.293 424.122" stroke="#fe4e5c" stroke-width="8" stroke-linecap="round" stroke-linejoin="round"></path> <path d="M942.037 396.161C996.057 427.35 1014.57 496.425 983.377 550.445" stroke="#fe4e5c" stroke-width="8" stroke-linecap="round" stroke-linejoin="round"></path> <path d="M1049.54 324.719L1026.18 301.36L1049.54 278" stroke="#fe4e5c" stroke-width="8" stroke-linecap="round" stroke-linejoin="round"></path> <line x1="1030" y1="302.087" x2="1199" y2="302.087" stroke="#fe4e5c" stroke-width="8" stroke-linecap="round" stroke-linejoin="round"></line> <path d="M130.461 272L153.821 295.36L130.461 318.719" stroke="#fe4e5c" stroke-width="8" stroke-linecap="round" stroke-linejoin="round"></path> <path d="M150 295L4 295" stroke="#fe4e5c" stroke-width="8" stroke-linecap="round" stroke-linejoin="round"></path> <path d="M905.515 151.256L905.515 184.291L938.55 184.291" stroke="#fe4e5c" stroke-width="8" stroke-linecap="round" stroke-linejoin="round"></path> <line x1="4" y1="-4" x2="233" y2="-4" transform="matrix(0.707107 -0.707107 -0.707107 -0.707107 902.454 181.186)" stroke="#fe4e5c" stroke-width="8" stroke-linecap="round" stroke-linejoin="round"></line></svg> <svg width="332" height="143" viewBox="0 0 332 143" fill="none" xmlns="http://www.w3.org/2000/svg" class="deploy-previews-pre-footer-arrows-small"><path d="M163.797 110.348L150.179 123.965L136.562 110.348" stroke="#fe4e5c" stroke-width="5" stroke-linecap="round" stroke-linejoin="round"></path> <path d="M149.824 122.922C160.373 83.5544 137.01 43.0894 97.6425 32.5408" stroke="#fe4e5c" stroke-width="5" stroke-linecap="round" stroke-linejoin="round"></path> <path d="M208.904 100.408L208.904 122.219L230.716 122.219" stroke="#fe4e5c" stroke-width="5" stroke-linecap="round" stroke-linejoin="round"></path> <line x1="2.5" y1="-2.5" x2="153.976" y2="-2.5" transform="matrix(0.707107 -0.707107 -0.707107 -0.707107 208.562 120.542)" stroke="#fe4e5c" stroke-width="5" stroke-linecap="round" stroke-linejoin="round"></line> <path d="M75.957 102.225L69.6938 125.6L46.3189 119.337" stroke="#fe4e5c" stroke-width="5" stroke-linecap="round" stroke-linejoin="round"></path> <path d="M68.5234 123.044L15.049 30.4239" stroke="#fe4e5c" stroke-width="5" stroke-linecap="round" stroke-linejoin="round"></path></svg> <section id="page-pre-footer" class="pre-footer deploy-previews-pre-footer"><div class="preheader type-a type-a--1">Don’t just take our word for it</div> <h2 class="heading type-a type-a-4"> Ready to try <span class="annotations-line annotations-anim-direction-left" style="--dash-length:170;"><svg width="40" height="8" viewBox="0 0 40 8" fill="none" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none" class="annotations-line-svg"><path d="M0 4H40" stroke="#fe4e5c" stroke-width="8" stroke-linecap="round" vector-effect="non-scaling-stroke"></path></svg> Netlify</span> ? </h2>  <ul class="button-group button-group-center"><li><a href="https://app.netlify.com/signup" type="button" id="cta-bodyLower-getstartedforfree" class="pre-footer-btn call-to-action call-to-action-button call-to-action-variant-blue">  <span>Get started for free</span></a></li> <li><a href="/contact/" id="cta-bottom-talktoanexpert" class="call-to-action call-to-action-variant-text">  <span>Request demo</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></li></ul></section></section> <section class="pancake explore-netlify-platform pancake-theme-light"><h2 class="heading explore-netlify-platform-heading type-a type-a-3 heading-center">Keep exploring the Netlify Platform</h2> <ul class="explore-netlify-platform-list"><li><div class="scrim explore-netlify-platform-scrim scrim-shadow-light"><a href="/platform/core/workflow/" class="block-link"><span class="visually-hidden">Netlify Workflow</span></a> <span class="explore-netlify-platform-icon"><img src="https://netlify-marketing-icons.netlify.app/fa/fal/sync-alt/%232e51ed/" alt="" width="45" height="45" loading="lazy" decoding="async"></span> <div class="explore-netlify-platform-content"><h3 class="subheading type-a type-a-1">Netlify Workflow</h3> <p class="paragraph type-b type-b-0">Work as a team, right in Git. Netlify neatly deploys every resource to the right place, from global static assets to serverless functions.</p></div></div></li>  <li><div class="scrim explore-netlify-platform-scrim scrim-shadow-light"><a href="/platform/core/build/" class="block-link"><span class="visually-hidden">Netlify Build</span></a> <span class="explore-netlify-platform-icon"><img src="https://netlify-marketing-icons.netlify.app/fa/fal/layer-group/%232e51ed/" alt="" width="45" height="45" loading="lazy" decoding="async"></span> <div class="explore-netlify-platform-content"><h3 class="subheading type-a type-a-1">Netlify Build</h3> <p class="paragraph type-b type-b-0">The Git workflow for web development. Build, deploy, and manage modern web projects.</p></div></div></li> <li><div class="scrim explore-netlify-platform-scrim scrim-shadow-light"><a href="/platform/core/edge/" class="block-link"><span class="visually-hidden">Netlify Edge</span></a> <span class="explore-netlify-platform-icon"><img src="https://netlify-marketing-icons.netlify.app/fa/fal/globe/%232e51ed/" alt="" width="45" height="45" loading="lazy" decoding="async"></span> <div class="explore-netlify-platform-content"><h3 class="subheading type-a type-a-1">Netlify Edge</h3> <p class="paragraph type-b type-b-0">A fast, resilient network for web apps. Connected to your development workflow and designed to handle the most complex tasks - or even to run your own custom logic.</p></div></div></li> <li><div class="scrim explore-netlify-platform-scrim scrim-shadow-light"><a href="/integrations/" class="block-link"><span class="visually-hidden">Addons & Integrations</span></a> <span class="explore-netlify-platform-icon"><img src="https://netlify-marketing-icons.netlify.app/fa/fal/puzzle-piece/%232e51ed/" alt="" width="45" height="45" loading="lazy" decoding="async"></span> <div class="explore-netlify-platform-content"><h3 class="subheading type-a type-a-1">Addons & Integrations</h3> <p class="paragraph type-b type-b-0">Add powerful capabilities to every build and integrate easily with other SaaS services. Find the plugins you need from the community or even create your own.</p></div></div></li></ul></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.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://bsky.app/profile/netlify.com" id="cta-footer-bluesky" target="_blank" rel="noopener noreferrer"> <svg class="icon" width="20" height="20"> <use href="#icon-bluesky"></use> </svg> <span class="visually-hidden">Bluesky</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://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/80788d97.js"></script> <svg width="0" height="0" aria-hidden="true" style="position: absolute;"> <defs> </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.eyJzaXRlX2lkIjoiNjkzNTAwODYtZDIwZS00YjVhLTg0Y2YtYmYzNjdhODQ4Mzc0IiwiYWNjb3VudF9pZCI6IjU4ZGE4ODkzZDY4NjVkMzVjOTJhNzJiOCIsImRlcGxveV9pZCI6IjY3Yjg5YWRmNDg3Y2U2MDAwOGQxODA2OSIsImlzc3VlciI6Im5mc2VydmVyIn0.HSwDScbfrvp2NvUkQ4rL1UIW4A8XLBp1XhboGzNLT_Q"></script></body> </html>