* {
    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%
  }

  :where(h1, h2, h3, h4, h5, h6, main) {
    scroll-margin-top: calc(1em + var(--masthead-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
  }

  @font-face {
    font-family: Pacaembu;
    src: url("https://d33wubrfki0l68.cloudfront.net/007a6152091569c2ef2d32c05896526ae64a32f7/f13d3/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("https://d33wubrfki0l68.cloudfront.net/e57ac908cd4a04ff2c67d6ac1e582a0fa3b666ca/80d68/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-500, #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-headline-feature-settings: "salt" 1;
    --font-primary: Pacaembu, sans-serif;
    --font-primary-feature-settings: "salt" 1;
    --font-secondary: Mulish, sans-serif;
    --font-monospace: SFMono-Regular, Consolas, Liberation Mono, Menlo, monospace;
    --radius-1: 0.125rem;
    --radius-2: 0.25rem;
    --radius-3: 0.5rem;
    --radius-4: 1rem;
    --radius-circle: 50%;
    --radius-pill: 360px;
    --space-1: 0.25rem;
    --space-2: 0.5rem;
    --space-3: 1rem;
    --space-4: 1.5rem;
    --space-5: 2rem;
    --space-6: 4rem;
    --pancake-block-space: 5rem;
    --ease-out: cubic-bezier(0.5, 1, 0.89, 1);
    --border-radius: 6px;
    --border-radius-large: 12px;
    --color-focus-ring: var(--color-teal-T500);
    --grid-gutter: 2.5rem;
    --shadow-light: 0px 2px 4px rgba(14, 30, 37, 0.12);
    --shadow-heavy: -10px 10px 80px rgba(0, 0, 0, 0.1);
    --shadow-hover: 0 4px 12px rgba(0, 0, 0, 0.25);
    --shadow-deep: 0px 16px 24px rgba(0, 0, 0, 0.07), 0px 6px 30px rgba(0, 0, 0, 0.06), 0px 8px 10px rgba(0, 0, 0, 0.1);
    --shadow-coheeze-shallow: 0px 2px 4px rgba(51, 55, 59, 0.08), 0px 1px 10px rgba(51, 55, 59, 0.06);
    --shadow-coheeze-deepest: 0px 24px 38px rgba(0, 0, 0, 0.14), 0px 9px 46px rgba(0, 0, 0, 0.04);
    --shadow-coheeze-shallow-filter: drop-shadow(0px 1px 10px rgba(51, 55, 59, 0.06)) drop-shadow(0px 2px 4px rgba(51, 55, 59, 0.08));
    --shadow-coheeze-deep-filter: drop-shadow(0px 6px 30px rgba(51, 55, 59, 0.04)) drop-shadow(0px 8px 24px rgba(51, 55, 59, 0.04)) drop-shadow(0px 4px 8px rgba(0, 0, 0, 0.08))
  }

  :root {
    --theme-background: var(--color-gray-L000);
    --theme-foreground: var(--color-gray-L800)
  }

  .theme-dark {
    --theme-background: var(--color-gray-L800);
    --theme-foreground: var(--color-gray-L000)
  }

  .theme-dark-translucent {
    --theme-background: hsla(0 0% 0% / 0.2);
    --theme-foreground: var(--color-gray-L000)
  }

  .icon-arrow {
    fill: var(--theme-icon-color, currentColor)
  }

  .link-button {
    --button-color-foreground: var(--color-accent, var(--theme-foreground, #000));
    --button-color-background: var(--theme-background, #fff);
    font-size: .9375em;
    color: var(--button-color-foreground);
    border-radius: 3em;
    padding: .7em 1.8em;
    border: 2px var(--button-color-foreground) solid;
    font-weight: 700;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    background-color: transparent;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
  }

  .link-button>svg {
    fill: currentColor;
    width: .9em;
    height: auto;
    margin-left: .5em;
    pointer-events: none
  }

  .link-button .visually-hidden+svg {
    margin: 0
  }

  .link-button:active,
  .link-button:hover {
    color: var(--button-color-background);
    background-color: var(--button-color-foreground);
    text-decoration: none
  }

  .link-button-icon-pos-left>svg {
    margin-left: 0;
    margin-right: .5em
  }

  .link-button-full {
    color: var(--button-color-background);
    background-color: var(--button-color-foreground)
  }

  .link-button-full:active,
  .link-button-full:hover {
    color: var(--button-color-foreground);
    background-color: var(--button-color-background)
  }

  .link-button-icon-align-spread {
    justify-content: space-between
  }

  .link-button-external>svg {
    transform: rotate(-45deg)
  }

  .link-button-icon-mirror>svg {
    transform: rotate(-180deg)
  }

  .link-button-small {
    font-size: .9375em
  }

  .link-inline {
    --button-color-foreground: var(--color-accent, var(--theme-foreground, #ffffff));
    color: var(--button-color-foreground);
    display: inline-flex;
    align-items: center
  }

  .link-inline:hover {
    text-decoration: none
  }

  .link-inline>svg {
    fill: currentColor;
    width: .85em;
    margin-left: .25em
  }

  .link-block {
    position: static
  }

  .link-block::before {
    bottom: 0;
    content: "";
    display: block;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1
  }

  .cta {
    font-size: .9375em;
    padding: 0 0 .25em 0;
    color: var(--color-gray-L800);
    border-bottom: 2px var(--cta-border-override, #bdbdbd) solid;
    font-weight: 700;
    text-decoration: none;
    display: inline-flex;
    align-items: center
  }

  .cta>svg {
    fill: currentColor;
    width: .9em;
    height: auto;
    margin-left: .5em
  }

  .cta:hover {
    text-decoration: none;
    border-color: var(--cta-border-override, var(--color-accent, --color-gray-L800))
  }

  .cta:active {
    border-color: var(--cta-border-override, var(--color-gray-L800))
  }

  .cta-external>svg {
    transform: rotate(-45deg)
  }

  .cta-small {
    font-size: .9375em
  }

  @media (max-width:63.1875em) {
    .masthead-nav-menu-open .announcement-bar {
      display: none
    }
  }

  .announcement-bar {
    --announcement-bar-text: var(--color-gray-L000);
    --announcement-bar-background: var(--color-blue-B500);
    --announcement-bar-icon-color: rgba(255, 255, 255, 0.5);
    z-index: 2
  }

  .announcement-bar.theme-translucent,
  .theme-translucent .announcement-bar {
    --announcement-bar-text: var(--color-gray-L000);
    --announcement-bar-background: rgba(0, 0, 0, 0.25)
  }

  .announcement-bar.theme-dark,
  .theme-dark .announcement-bar {
    --announcement-bar-text: var(--color-gray-L000);
    --announcement-bar-background: var(--color-gray-L800)
  }

  .announcement-bar--helper-hide .announcement-bar,
  .announcement-bar[hidden] {
    display: none
  }

  .announcement-bar-content {
    --color-accent: var(--color-teal-T900);
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: center;
    grid-column: full;
    background: var(--announcement-bar-background);
    text-align: left;
    position: relative;
    color: var(--announcement-bar-text);
    font-weight: 500;
    font-size: .9375em;
    padding: 0
  }

  @media (min-width:32rem) {
    .announcement-bar-content {
      text-align: center
    }
  }

  .announcement-bar-content .link-inline {
    color: var(--announcement-bar-text)
  }

  .announcement-bar-content>* {
    padding: .5em
  }

  .announcement-bar-content p {
    position: relative
  }

  .announcement-bar-close {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0;
    background: 0 0;
    width: 3rem;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    position: relative;
    z-index: 2;
    pointer-events: none
  }

  .announcement-bar-close svg {
    fill: var(--announcement-bar-icon-color);
    width: 1.2rem;
    height: 1.2rem
  }

  .announcement-bar.js .announcement-bar-close {
    pointer-events: auto;
    opacity: .8
  }

  .announcement-bar.js .announcement-bar-close:hover {
    opacity: 1
  }

  .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
  }

  .icon-dropdown-arrow path {
    fill: none;
    stroke: var(--theme-icon-color, var(--theme-foreground))
  }

  .dropdown {
    --theme-dropdown-foreground: var(--theme-foreground);
    --theme-dropdown-background: var(--theme-background);
    color: var(--theme-dropdown-foreground)
  }

  .dropdown-content-overlay {
    --theme-foreground: #000;
    --theme-background: #ffffff;
    background-color: var(--theme-background);
    color: var(--theme-foreground)
  }

  .dropdown {
    position: relative;
    padding: .25em .625em
  }

  .dropdown-summary {
    list-style: none
  }

  .dropdown-summary::-webkit-details-marker {
    display: none
  }

  .dropdown-hed {
    display: flex;
    align-items: center;
    text-decoration: none
  }

  .dropdown-link {
    pointer-events: auto;
    font-weight: 700
  }

  .dropdown-link.dropdown-link {
    padding-left: 0;
    padding-right: 0
  }

  .dropdown-link:not(:hover) {
    text-decoration: none
  }

  .dropdown-content {
    overflow: hidden;
    padding: 1.5em
  }

  .dropdown-content-overlay {
    --duration: 0.1s;
    position: absolute;
    top: 100%;
    min-width: 15.625em;
    left: -9999px;
    z-index: 3;
    border-radius: .75em;
    overflow: hidden;
    box-shadow: var(--shadow-deep);
    opacity: 0;
    transition: opacity .2s;
    width: var(--dropdown-width, auto);
    max-width: var(--dropdown-maxwidth);
    transition: opacity var(--duration), left 0s var(--duration)
  }

  @media (hover:hover) {

    .dropdown-link:focus~.dropdown-content-overlay,
    .dropdown:hover .dropdown-content-overlay {
      opacity: 1;
      left: var(--dropdown-position-left, 0);
      transition-delay: .15s
    }

    .dropdown-content-overlay:focus-within {
      opacity: 1;
      left: var(--dropdown-position-left, 0)
    }
  }

  .dropdown-arrow {
    display: none;
    margin-left: .1875em;
    margin-top: -.125em;
    opacity: .8;
    width: var(--dropdown-arrow-size, 11px);
    height: var(--dropdown-arrow-size, 11px)
  }

  .dropdown-arrow {
    display: inline-block
  }

  .dropdown-list {
    list-style: none
  }

  .dropdown-list a {
    font-size: 1em;
    white-space: nowrap
  }

  .dropdown-list a {
    text-decoration: underline
  }

  .dropdown-list a:not(:hover) {
    text-decoration: none
  }

  .dropdown-list li:not(:last-child) {
    margin-bottom: 1.375em
  }

  .icon-search {
    fill: var(--theme-icon-color, var(--theme-foreground))
  }

  .icon-hamburger rect {
    fill: var(--theme-icon-color, var(--theme-foreground));
    transition: all .15s
  }

  .masthead-nav-menu-open .icon-hamburger rect,
  .icon-hamburger-close rect {
    x: 0;
    y: 10.35px;
    rx: 2px;
  }

  .icon-hamburger-close rect,
  .masthead-nav-menu-open .icon-hamburger rect {
    transform-origin: center
  }

  .icon-hamburger-close rect:first-child,
  .masthead-nav-menu-open .icon-hamburger rect:first-child {
    transform: rotate(45deg)
  }

  .icon-hamburger-close rect:first-child+rect,
  .masthead-nav-menu-open .icon-hamburger rect:first-child+rect {
    opacity: 0;
    transition-duration: 0s
  }

  .icon-hamburger-close rect:last-child,
  .masthead-nav-menu-open .icon-hamburger rect:last-child {
    transform: rotate(-45deg)
  }

  .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;
    -webkit-margin-start: .1em;
    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);
    font-feature-settings: var(--font-headline-feature-settings);
    --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)
  }

  .masthead-nav-hed {
    display: block;
    color: var(--color-gray-L600);
    margin-bottom: var(--space-4);
    white-space: nowrap;
    font-weight: 500;
    font-size: .75rem;
    letter-spacing: .04em;
    text-transform: uppercase
  }

  .masthead-meganav a {
    color: var(--color-gray-L800);
    font-weight: 600;
    font-size: clamp(14px, 1.3vw, 15px)
  }

  .masthead-meganav a:hover {
    text-decoration: none
  }

  .masthead-meganav-columns {
    display: flex;
    flex-wrap: wrap
  }

  @media (max-width:63.1875em) {
    .masthead-meganav-columns {
      -webkit-margin-before: 1rem;
      margin-block-start: 1rem
    }
  }

  .masthead-meganav-column {
    --padding: var(--space-5);
    --gap: var(--space-2);
    --border: 1px solid var(--color-gray-L300);
    --meganav-column-min-width: min(256px, 100%);
    flex: 1 0 var(--flex-basis, 50%);
    padding: var(--padding)
  }

  @media (max-width:63.1875em) {
    .masthead-meganav-column {
      padding: 1rem var(--padding) 1rem var(--padding)
    }
  }

  .masthead-meganav-column>*+* {
    -webkit-margin-before: var(--space-4);
    margin-block-start: var(--space-4)
  }

  @media (max-width:63.1875em) {
    .masthead-meganav-column>*+* {
      -webkit-margin-before: var(--space-3);
      margin-block-start: var(--space-3)
    }
  }

  .masthead-meganav-list {
    gap: var(--gap);
    list-style: none
  }

  .masthead-meganav-list>li+li {
    -webkit-margin-before: var(--gap);
    margin-block-start: var(--gap)
  }

  .masthead-meganav-list--multi-col {
    -moz-column-count: 2;
    column-count: 2
  }

  .masthead-meganav-column:first-child {
    background: linear-gradient(247.58deg, #f3f5f8 .09%, #fafbfd 64.6%);
    -webkit-border-end: var(--border);
    border-inline-end: var(--border)
  }

  @media (max-width:63.1875em) {
    .masthead-meganav-column:first-child {
      background: 0 0
    }
  }

  .masthead-meganav-column--wide {
    --gap: var(--space-3);
    flex-basis: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--gap);
    padding-block: var(--space-4);
    -webkit-border-before: var(--border);
    border-block-start: var(--border)
  }

  .masthead-meganav-column--wide>*+* {
    -webkit-margin-before: unset;
    margin-block-start: unset
  }

  .masthead-meganav-column--wide .masthead-meganav-list {
    display: flex;
    flex-wrap: wrap;
    gap: var(--gap);
    color: var(--color-gray-D800)
  }

  @media (max-width:63.1875em) {
    .masthead-meganav-column--wide .masthead-meganav-list {
      --gap: var(--space-2);
      flex-direction: column
    }
  }

  .masthead-meganav-column--wide .masthead-meganav-list>li+li {
    -webkit-margin-before: unset;
    margin-block-start: unset
  }

  @media (max-width:34.9375em) {

    .masthead-meganav-column--wide,
    .masthead-meganav-column:first-child {
      border: none
    }
  }

  .masthead-meganav-subhed {
    font-family: var(--font-primary);
    display: block;
    white-space: nowrap;
    font-weight: 500;
    font-size: .75rem;
    letter-spacing: .04em;
    text-transform: uppercase;
    color: var(--color-gray-L600)
  }

  .masthead-meganav-cta-copy {
    display: flex;
    flex-direction: column;
    gap: var(--space-2)
  }

  .masthead-meganav-cta-copy small {
    display: block;
    font-size: .875em;
    color: var(--color-gray-L600)
  }

  @media (max-width:63.1875em) {
    .masthead-meganav-p {
      font-size: .875em
    }
  }

  .masthead-meganav-column--ecosystem {
    background-repeat: no-repeat;
    background-position: right center;
    background-size: contain;
    background-image: url("../../d33wubrfki0l68.cloudfront.net/be5497b725d42759dea8c36677410b6bf7100486/3b557/v3/img/components/nav-ecosystem-bg.png")
  }

  @media (max-width:63.1875em) {
    .masthead-meganav-column--ecosystem {
      background-image: none;
      flex-direction: column;
      align-items: start
    }
  }

  .masthead-meganav-list--features {
    -moz-column-count: 2;
    column-count: 2
  }

  @media (max-width:63.1875em) {
    .masthead-meganav-list--features {
      -moz-column-count: 1;
      column-count: 1
    }
  }

  .masthead-meganav--solutions .masthead-meganav-cta-copy {
    margin-inline: calc(var(--padding) * -1);
    padding: var(--space-4) var(--padding) 0;
    -webkit-border-before: var(--border);
    border-block-start: var(--border);
    line-height: normal
  }

  @media (max-width:34.9375em) {
    .masthead-meganav--solutions .masthead-meganav-cta-copy {
      border: none
    }
  }

  .masthead-meganav-column--why {
    --flex-basis: 33%
  }

  @media (max-width:63.1875em) {
    .masthead-meganav-column--why {
      --flex-basis: 50%;
      min-width: var(--meganav-column-min-width)
    }
  }

  .masthead-meganav-column--cases {
    --flex-basis: 60%
  }

  @media (max-width:63.1875em) {
    .masthead-meganav-column--cases {
      --flex-basis: 50%
    }
  }

  .logo-nextjs-alt {
    fill: var(--theme-icon-color)
  }

  .logo-jamstack {
    fill: var(--theme-icon-color)
  }

  .react-logo {
    fill: var(--theme-icon-color, #61dafb)
  }

  .logo-wordpress {
    --theme-icon-color: #006181;
    fill: var(--theme-icon-color)
  }

  .logo-sitecore {
    --theme-icon-color: #d13022;
    fill: var(--theme-icon-color)
  }

  .masthead-meganav-column--start {
    --flex-basis: 45%
  }

  @media (max-width:63.1875em) {
    .masthead-meganav-column--start {
      --flex-basis: 50%;
      min-width: var(--meganav-column-min-width)
    }
  }

  .masthead-meganav-column--projects {
    --flex-basis: 55%
  }

  @media (max-width:63.1875em) {
    .masthead-meganav-column--projects {
      --flex-basis: 50%
    }
  }

  .masthead-meganav-column--projects .masthead-meganav-listitem a {
    display: flex;
    align-items: center;
    gap: .5rem
  }

  .masthead-meganav-column--projects .masthead-meganav-listitem a svg {
    max-width: 1rem;
    max-height: 1rem;
    --theme-icon-color: var(--color-gray-L600)
  }

  .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-feature-settings: var(--font-headline-feature-settings);
    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-feature-settings: var(--font-headline-feature-settings);
    font-weight: 680;
    letter-spacing: -.02em;
    line-height: 1.4
  }

  .type-a--1 {
    --type-fontsize-min: 0.875em;
    --type-fontsize-max: 1em;
    --type-fontsize-value: 0.83em + 0.23vw
  }

  .type-a-0 {
    font-size: 1em;
    line-height: 1.5
  }

  .type-a-0.type--nested {
    font-size: 1rem
  }

  .type-a-1 {
    --type-fontsize-min: 1.125em;
    --type-fontsize-max: 1.4375em;
    --type-fontsize-value: 1.02em + 0.53vw
  }

  .type-a-2 {
    --type-fontsize-min: 1.25em;
    --type-fontsize-max: 2em;
    --type-fontsize-value: 1em + 1.33vw;
    line-height: 1.4
  }

  .type-a-3 {
    --type-fontsize-min: 1.4375em;
    --type-fontsize-max: 2.8125em;
    --type-fontsize-value: 0.91em + 2.55vw
  }

  .type-a-4 {
    --type-fontsize-min: 1.625em;
    --type-fontsize-max: 4em;
    --type-fontsize-value: 0.73em + 4.36vw
  }

  .type-a-5 {
    --type-fontsize-min: 1.8125em;
    --type-fontsize-max: 5.625em;
    --type-fontsize-value: 0.4em + 7vw
  }

  .type-b {
    font-family: var(--font-secondary);
    font-weight: 400
  }

  .type-b-1,
  .type-b-2 {
    font-weight: 600
  }

  .type-b--1 {
    --type-fontsize-min: 0.8125em;
    --type-fontsize-max: 0.9375em;
    --type-fontsize-value: 0.76rem + 0.24vw
  }

  .type-b-0 {
    font-size: 1em;
    line-height: 1.5
  }

  .type-b-0.type--nested {
    font-size: 1rem
  }

  .type-b-1 {
    --type-fontsize-min: 1.0625em;
    --type-fontsize-max: 1.3125em;
    --type-fontsize-value: 0.96em + 0.49vw
  }

  .type-b-2 {
    --type-fontsize-min: 1.1875em;
    --type-fontsize-max: 1.875em;
    --type-fontsize-value: 0.92em + 1.34vw
  }

  .type-uppercase {
    text-transform: uppercase
  }

  .heading {
    color: var(--heading-color, var(--color-gray-L800));
    position: relative
  }

  .heading-center {
    text-align: center
  }

  .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
  }

  .stats {
    display: inline-block;
    text-align: center
  }

  .stats-align-left {
    text-align: left
  }

  .stats-number {
    font-family: var(--font-headline);
    font-feature-settings: var(--font-headline-feature-settings);
    font-weight: 500;
    font-size: 3em;
    line-height: 1.25;
    color: var(--color-accent, var(--color-teal-T900));
    display: block
  }

  @media (min-width:37.5rem) {
    .stats-number {
      font-size: 3.75em
    }
  }

  .stats-number-size-small {
    font-size: 2.375em
  }

  .stats-number-size-medium {
    font-size: 3.125em
  }

  .stats-description {
    font-size: .6875em;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: .05em;
    display: block
  }

  .stats-description-size-large {
    font-size: .9375em
  }

  .stats-description-nowrap,
  .stats-number-arrow {
    white-space: nowrap
  }

  .badge-v2 {
    font-family: var(--font-secondary);
    --badge-background-color: var(--color-accent, var(--color-blue-dark));
    --badge-foreground-color: var(--color-gray-L000);
    padding: .7em 1.5em;
    letter-spacing: .05em;
    text-transform: uppercase;
    background-color: var(--badge-background-color);
    color: var(--badge-foreground-color);
    border-radius: 2em;
    display: inline-flex;
    font-weight: 700;
    font-size: 1rem;
    line-height: 1
  }

  .badge-success {
    --badge-background-color: var(--color-teal-T900)
  }

  .badge-error {
    --badge-background-color: var(--color-pink-dark)
  }

  .badge-warning {
    --badge-background-color: var(--color-yellow-dark)
  }

  .badge-inactive {
    --badge-background-color: var(--color-gray-L400);
    --badge-foreground-color: var(--color-black)
  }

  .badge-variant-primary {
    --badge-background-color: var(--color-blue-B500);
    --badge-foreground-color: var(--color-blue-B050)
  }

  .badge-variant-secondary {
    --badge-background-color: var(--color-teal-T500);
    --badge-foreground-color: var(--color-gray-L800)
  }

  .badge-variant-tertiary {
    --badge-background-color: var(--color-gray-L800);
    --badge-foreground-color: var(--color-gray-L000)
  }

  .badge-size-small {
    display: inline-block;
    text-decoration: none;
    text-transform: none;
    line-height: 1.2;
    font-size: .875em;
    border-radius: .4285714285714em;
    padding: .1428571428571em .2857142857143em
  }

  .masthead-advert {
    display: none;
    padding: 2.5em
  }

  a[href].masthead-advert {
    text-decoration: none
  }

  a[href].masthead-advert:hover {
    background: linear-gradient(39.86deg, #f5f7f7 28.94%, rgba(255, 255, 255, 0) 97.05%), #f7f8f8
  }

  .masthead-advert-subhed {
    display: flex;
    align-items: center
  }

  .masthead-advert-subhed>:not(:first-child) {
    margin-left: .5em
  }

  .masthead-advert-body {
    color: var(--color-gray-L800);
    margin: 1.75em 0
  }

  .masthead-advert-body-flush-left {
    margin-left: -2.5em
  }

  .masthead-advert-body-flush-right {
    margin-right: -2.5em
  }

  .masthead-advert-body-flush-full {
    margin: -2.6em
  }

  .masthead-advert-body-flush-full img {
    display: block;
    height: auto;
    transition: opacity .1s
  }

  .masthead-advert-body-flush-full:hover img {
    opacity: .9
  }

  .masthead-advert-btns {
    text-align: center
  }

  .masthead-advert-cta {
    --color-accent: var(--color-teal-T900)
  }

  @media (min-width:63.25em) {
    .masthead-advert {
      display: block;
      max-width: 24.375em;
      height: 100%;
      background-repeat: no-repeat;
      background-position: 50% 100%
    }

    .dropdown-content-overlay:focus-within .masthead-advert,
    .dropdown-link:focus~.dropdown-content-overlay .masthead-advert,
    .dropdown:hover .dropdown-content-overlay .masthead-advert {
      background-image: url("https://d33wubrfki0l68.cloudfront.net/d7acc2436bfbaf036ee068e742ff02bf9bf570ea/45dd8/v3/img/components/masthead-wave-bg.svg");
      background-repeat: no-repeat;
      background-position: 50% 100%
    }
  }

  .enterprise-meganav-menu {
    padding: 0
  }

  .enterprise-meganav-loblaws {
    fill: var(--color-gray-L800)
  }

  @media (max-width:63.1875em) {
    .enterprise-meganav-subhed {
      color: var(--color-gray-L800);
      font-size: 1.25em;
      cursor: default;
      margin-bottom: 0;
      padding: .6em 1.2em .6em 2.4em;
      line-height: 1.5
    }

    .enterprise-meganav-column--casestudy {
      display: none
    }
  }

  @media (min-width:63.25em) {
    .enterprise-meganav-columns {
      display: flex
    }

    .enterprise-meganav-column {
      padding: 2.5em;
      border-left: 1px solid var(--color-gray-L200);
      flex-basis: 40%
    }

    .enterprise-meganav-column--casestudy {
      padding: 0
    }

    .enterprise-meganav-menu-summary svg {
      display: none
    }

    .enterprise-meganav-menu-summary--disabled {
      pointer-events: none
    }

    .enterprise-meganav-force-underline.enterprise-meganav-force-underline.enterprise-meganav-force-underline {
      text-decoration: underline
    }

    .enterprise-meganav-force-underline.enterprise-meganav-force-underline.enterprise-meganav-force-underline:hover {
      text-decoration: none
    }

    .enterprise-meganav-stats {
      display: flex;
      justify-content: center
    }

    .enterprise-meganav-stat {
      --color-accent: var(--color-gray-L700);
      background-color: var(--color-gray-7);
      border-radius: 50%;
      max-width: 7.1875rem;
      height: 7.1875rem;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center
    }

    .enterprise-meganav-stat:last-child {
      margin-left: 3em
    }
  }

  :where(.netlify-logo-full) {
    --_netlify-logo-lines-color: var(--netlify-logo-lines-color, #05bdba);
    --_netlify-logo-text-color: var(--netlify-logo-text-color, #014847)
  }

  .netlify-logo-full[data-theme=dark] {
    --_netlify-logo-lines-color: #32E6E2;
    --_netlify-logo-text-color: #ffffff
  }

  :where(.netlify-logo-full-small) {
    --_netlify-logo-lines-color: var(--netlify-logo-lines-color, #05bdba);
    --_netlify-logo-text-color: var(--netlify-logo-text-color, #014847)
  }

  .netlify-logo-full-small[data-theme=dark] {
    --_netlify-logo-lines-color: #32E6E2;
    --_netlify-logo-text-color: #ffffff
  }

  :where(.netlify-logo-monogram) {
    --_netlify-logo-lines-color: var(--netlify-logo-lines-color, #05bdba);
    --_netlify-logo-text-color: var(--netlify-logo-text-color, #014847)
  }

  .netlify-logo-monogram[data-theme=dark] {
    --_netlify-logo-lines-color: #32E6E2;
    --_netlify-logo-text-color: #ffffff
  }

  :where(.netlify-logo-encapsulated) {
    --_netlify-logo-lines-color: var(--netlify-logo-lines-color, #32E6E2);
    --_netlify-logo-text-color: var(--netlify-logo-text-color, #ffffff);
    --_netlify-logo-fill: var(--netlify-logo-fill, #014847)
  }

  .netlify-logo-encapsulated[data-theme=dark] {
    --_netlify-logo-lines-color: #05BDBA;
    --_netlify-logo-text-color: #014847;
    --_netlify-logo-fill: #fff
  }

  .netlify-logo-encapsulated[data-theme=monochrome-dark] {
    --_netlify-logo-lines-color: #0C2A2A;
    --_netlify-logo-text-color: #0C2A2A;
    --_netlify-logo-fill: #014847
  }

  .netlify-logo-encapsulated[data-theme=monochrome-light] {
    --_netlify-logo-lines-color: #014847;
    --_netlify-logo-text-color: #014847;
    --_netlify-logo-fill: #ffffff
  }

  .netlify-logo {
    width: 10em
  }

  .theme-dark {
    --netlify-logo-lines-color: #32E6E2;
    --netlify-logo-text-color: #ffffff
  }

  .lo {
    --lo-stackpoint: initial;
    --lo-margin-h: 0px;
    --lo-margin-v: 0px;
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    margin-top: calc(-1 * var(--lo-margin-v));
    margin-left: calc(-1 * var(--lo-margin-h))
  }

  .lo>* {
    --lo-margin-mod: calc(var(--lo-stackpoint, -1 * var(--lo-margin-h)) - var(--lo-stackpoint, 0px) + var(--lo-margin-h));
    --lo-stackpoint-calc: calc((var(--lo-stackpoint, 100%) - 100% + var(--lo-margin-mod)) * 999);
    flex-grow: 1;
    flex-basis: var(--lo-stackpoint-calc);
    margin: 0;
    margin-top: var(--lo-margin-v);
    margin-left: var(--lo-margin-h)
  }

  .lo-debug>* {
    outline: 1px dotted
  }

  .lo-inline>* {
    flex-grow: 0
  }

  .lo-max {
    flex-grow: 999
  }

  .lo-flex {
    display: flex
  }

  .lo-center {
    display: flex;
    justify-content: center;
    align-items: center
  }

  .lo-h-center {
    justify-content: center
  }

  .lo-v-end {
    align-items: flex-end
  }

  .lo-col {
    flex-direction: column
  }

  .lo-col-v-end {
    justify-content: flex-end
  }

  @supports ((-webkit-clip-path:inset(0px 0px)) or (clip-path:inset(0px 0px))) or (-webkit-clip-path:inset(0px 0px)) {

    .lo-separator-h,
    .lo-separator-v {
      -webkit-clip-path: inset(var(--lo-margin-v, 0) 0 0 var(--lo-margin-h, 0));
      clip-path: inset(var(--lo-margin-v, 0) 0 0 var(--lo-margin-h, 0))
    }

    .lo-separator-h>*,
    .lo-separator-v>* {
      position: relative
    }

    .lo-separator-h>:before {
      content: "";
      position: absolute;
      left: calc(-.5 * var(--lo-margin-h, 0) - .5px);
      top: 0;
      bottom: 0;
      border-left: 1px solid var(--lo-separator-h-color, var(--lo-separator-color, var(--color-gray-L300)))
    }

    .lo-separator-v>:after {
      content: "";
      position: absolute;
      left: 0;
      top: calc(-.5 * var(--lo-margin-v, 0) - 1px);
      right: 0;
      border-top: 1px solid var(--lo-separator-v-color, var(--lo-separator-color, var(--color-gray-L300)))
    }
  }

  .jamstack-meganav-logo {
    width: auto;
    height: 1.818181818182em
  }

  .jamstack-meganav-subhed {
    color: var(--color-gray-L700);
    white-space: normal
  }

  @media (max-width:63.1875em) {
    .masthead-nav-dropdown-content .jamstack-meganav a[href] {
      text-decoration: underline
    }

    .masthead-nav-dropdown-content .jamstack-meganav a[href]:focus,
    .masthead-nav-dropdown-content .jamstack-meganav a[href]:hover {
      text-decoration: none
    }
  }

  @media (min-width:63.25em) {
    .jamstack-meganav-columns {
      display: flex
    }

    .jamstack-meganav-column {
      padding: 2.5em;
      border-right: 1px solid var(--color-gray-L200)
    }

    .jamstack-meganav-book {
      height: 12.75em;
      width: 9.375em;
      border-radius: .375em 0 0 .375em
    }

    .jamstack-meganav-book-author {
      font-weight: 500;
      color: var(--color-gray-L600)
    }

    .jamstack-meganav-layout {
      --lo-margin-h: 1em
    }

    .jamstack-meganav-layout>:first-child {
      flex-grow: 999
    }

    .masthead-nav-dropdown-content .jamstack-meganav a[href] {
      font-weight: 700
    }
  }

  .community-meganav-subhed {
    color: var(--color-gray-L700);
    white-space: normal
  }

  .community-meganav-forum-img {
    display: block;
    margin: 1.25em auto
  }

  @media (max-width:63.1875em) {
    .masthead-nav-dropdown-content .community-meganav a[href] {
      text-decoration: underline
    }

    .masthead-nav-dropdown-content .community-meganav a[href]:focus,
    .masthead-nav-dropdown-content .community-meganav a[href]:hover {
      text-decoration: none
    }
  }

  @media (min-width:63.25em) {
    .community-meganav-columns {
      display: flex
    }

    .community-meganav-column {
      padding: 2.5em;
      border-right: 1px solid var(--color-gray-L200)
    }

    .community-meganav-advert {
      width: 23.75em
    }

    .masthead-nav-dropdown-content .community-meganav a[href] {
      font-weight: 700
    }
  }

  .masthead-nav {
    --masthead-nav-signup-color: var(--color-teal-T900)
  }

  .masthead-nav-link {
    color: var(--theme-foreground)
  }

  .theme-dark .masthead-nav-link--signup {
    --button-color-foreground: var(--color-teal-T900);
    --button-color-background: var(--color-teal-T500);
    --button-color-border: var(--color-teal-T500)
  }

  .theme-dark .masthead-nav-link--signup:hover {
    --button-color-foreground: var(--color-teal-T900);
    --button-color-background: var(--color-teal-T200);
    --button-color-border: var(--color-teal-T200)
  }

  @media (max-width:63.1875em) {
    .masthead-nav-link--search {
      --theme-icon-color: var(--color-gray-L800)
    }

    .masthead-nav-link--search:focus,
    .masthead-nav-link--search:hover {
      --theme-icon-color: var(--color-gray-L600)
    }
  }

  @media (max-width:63.1875em) {
    .js:not(.enhanced-js) .masthead-nav-menu {
      display: none
    }

    .enhanced-js body:not(.masthead-nav-menu-open) .masthead-initial-hide-small {
      display: none
    }
  }

  @media (min-width:63.25em) {
    .masthead-nav-navigation {
      display: flex;
      align-items: center;
      justify-content: space-between;
      height: 100%
    }
  }

  .masthead-nav-menu-hamburger {
    width: 1.25em
  }

  .masthead-nav {
    width: 100%
  }

  .enhanced-js .masthead-nav {
    position: relative
  }

  .masthead-nav-menu {
    display: flex;
    align-items: center;
    list-style: none;
    line-height: .5;
    outline: 0
  }

  .masthead-nav-menu:focus-visible .masthead-nav-menu-hamburger {
    outline: -webkit-focus-ring-color auto 1px;
    outline-offset: 6px
  }

  .masthead-nav-menu::-webkit-details-marker {
    display: none
  }

  @media (max-width:63.1875em) {
    .masthead-nav-menu {
      display: flex;
      justify-content: flex-end;
      padding: var(--space-3);
      position: relative
    }

    .masthead-nav-menu>svg {
      margin-right: var(--space-2)
    }

    .masthead-nav[open] {
      display: flex;
      flex-direction: column;
      z-index: 2
    }

    .masthead-nav-menu-open .masthead-nav-menu {
      position: sticky;
      top: -1px;
      z-index: 3;
      background-color: var(--color-white)
    }

    .masthead-nav-menu-open .masthead-nav-menu:hover {
      --theme-icon-color: var(--color-gray-L600)
    }

    .masthead-nav-menu-open .masthead-home,
    .masthead-nav-menu-open .masthead-nav-compact-links {
      position: fixed;
      z-index: 3
    }
  }

  @media (min-width:63.25em) {
    .masthead-nav-menu {
      display: none
    }
  }

  .masthead-nav-list {
    display: flex;
    flex-direction: column;
    list-style: none;
    height: 100%;
    gap: var(--space-3)
  }

  @media (min-width:63.25em) {
    .masthead-nav-list {
      flex-direction: row;
      width: 100%;
      height: auto;
      flex-wrap: nowrap;
      gap: unset
    }
  }

  @media (max-width:63.1875em) {
    .masthead-nav-list {
      -webkit-margin-before: 1.5rem;
      margin-block-start: 1.5rem
    }
  }

  @media (min-width:63.25em) {
    .masthead-nav-item {
      display: flex;
      align-items: center
    }
  }

  .masthead:not(.masthead-nav-enhanced) .masthead-nav-item--search {
    visibility: hidden
  }

  @media (max-width:63.1875em) {
    .masthead-nav-item--spacer-a {
      display: none
    }

    .masthead-nav-item--search {
      background-color: var(--color-gray-L000)
    }

    .masthead-nav-item--search-lg {
      display: none
    }
  }

  @media (max-width:63.1875em) and (min-height:25em) {
    .masthead-nav-item--signup {
      position: sticky;
      left: 0;
      right: 0;
      bottom: 0;
      background: linear-gradient(180deg, rgba(255, 255, 255, .1), #fff .8em)
    }
  }

  @media (min-width:63.25em) {
    .masthead-nav-item--spacer-a {
      flex-grow: 999
    }

    .masthead-nav-item--signup {
      margin-left: .625em;
      margin-right: 0
    }

    .masthead-nav-item--search-sm {
      display: none
    }
  }

  @media (min-width:63.25em) and (max-width:71.875em) {
    .masthead-nav-item--talk:not(:last-child) {
      display: var(--masthead-nav-talk-display, none)
    }
  }

  .masthead-nav-link {
    display: flex;
    align-items: center;
    justify-content: space-between;
    white-space: nowrap
  }

  .masthead-nav-link-arrow {
    display: none;
    width: .75em;
    height: auto
  }

  @media (max-width:63.1875em) {
    .masthead-nav-link-arrow {
      display: block
    }
  }

  @media (min-width:63.25em) {
    .dropdown-hed>span.masthead-nav-link {
      padding-inline: 0
    }
  }

  .masthead-nav-link {
    font-size: .9375em;
    padding: .5em 1.2em;
    font-weight: 400
  }

  @media (min-width:63.25em) {
    .masthead-nav-link {
      font-weight: 700;
      padding: .4em .6666666666667em
    }
  }

  .masthead-nav-link .icon-arrow-down {
    display: none
  }

  @media (min-width:63.25em) {
    .masthead-nav-link .icon-arrow-down {
      display: inline-block;
      margin-left: .5em
    }
  }

  @media (min-width:63.25em) {
    .masthead-nav-link {
      text-decoration: none
    }
  }

  .masthead-nav-link--signup {
    white-space: nowrap
  }

  @media (max-width:63.1875em) {
    .masthead-nav-link--signup {
      display: flex;
      justify-content: center;
      margin: 1em 1.3125em;
      border-radius: .3em;
      padding: .6875em
    }

    .masthead-nav-link--signup svg {
      display: none
    }
  }

  @media (min-width:63.25em) {
    .masthead-nav-link--signup {
      font-size: .9375em
    }
  }

  .masthead-nav-link--search {
    cursor: default
  }

  @media (max-width:63.1875em) {
    .masthead-nav-dropdown {
      padding: 0
    }

    .masthead-nav-dropdown-hed {
      --dropdown-arrow-size: 18px;
      --theme-icon-color: var(--color-gray-L800)
    }

    .masthead-nav-dropdown-hed>svg {
      display: none;
      flex-grow: 999;
      padding-inline: 1.175em;
      margin-top: 0;
      cursor: default;
      height: .5em
    }

    .enhanced-js .masthead-nav-dropdown-hed>svg {
      display: inline-block
    }

    li.masthead-nav-item:not(:last-of-type) {
      margin: 0 1.5em
    }

    details>summary>.masthead-nav-dropdown-hed>svg>path {
      transform-origin: center;
      transition: transform .3s cubic-bezier(.4, 0, .2, 1)
    }

    details[open]>summary>.masthead-nav-dropdown-hed>svg>path {
      transform: rotate(-180deg)
    }

    .masthead-nav-link--login:hover,
    .masthead-nav-link--search:hover {
      outline-offset: 7px;
      border-radius: 1px;
      outline: var(--masthead-link-outline-active)
    }

    .masthead-nav-link.masthead-nav-link--login,
    .masthead-nav-link.masthead-nav-link--search {
      text-decoration: none;
      padding: 0
    }

    .masthead-nav-link--search>svg {
      width: 19px
    }

    .masthead-nav-link--login {
      font-size: 1em;
      font-weight: 500;
      height: 1.2em
    }

    .masthead-nav-item--login-lg {
      display: none
    }

    .masthead-nav-dropdown-summary,
    .masthead-nav-item:not(:last-of-type) {
      background-color: var(--color-gray-L200);
      border-radius: var(--border-radius)
    }

    .masthead-nav-dropdown-summary:hover,
    .masthead-nav-item:not(:last-of-type):hover {
      background-color: var(--color-gray-L300)
    }

    .masthead-nav-dropdown-content {
      position: static;
      opacity: 1;
      flex-basis: 100%;
      box-shadow: none;
      border-radius: 0;
      padding: 0
    }

    .masthead-nav-dropdown-content .masthead-nav-dropdown-content {
      padding-left: 4.5em
    }

    .masthead-nav-dropdown-content a[href],
    .masthead-nav-dropdown-content a[href]:visited {
      color: var(--color-gray-L800);
      font-weight: 400;
      text-decoration: underline
    }

    .masthead-nav-dropdown-content a[href]:focus,
    .masthead-nav-dropdown-content a[href]:hover {
      text-decoration: none
    }

    .masthead-nav-dropdown-content .masthead-nav-dropdown-content a[href] {
      text-decoration: none
    }

    .masthead-nav-dropdown-content .masthead-nav-dropdown-content a[href]:focus,
    .masthead-nav-dropdown-content .masthead-nav-dropdown-content a[href]:hover {
      text-decoration: underline
    }

    .masthead-nav-dropdown-content .masthead-nav-li-hed {
      display: none
    }
  }

  @media (min-width:63.25em) {
    .masthead-nav {
      --theme-icon-arrow-down-color: var(--color-gray-L500)
    }

    .masthead-nav-dropdown-summary {
      pointer-events: none
    }

    .masthead-nav-dropdown--platform {
      --dropdown-width: calc(100vw - 5rem);
      --dropdown-maxwidth: 776px
    }

    .masthead-nav-dropdown--solutions {
      --dropdown-width: calc(100vw - 5rem);
      --dropdown-maxwidth: 526px
    }

    .masthead-nav-dropdown--start-building {
      --dropdown-width: calc(100vw - 5rem);
      --dropdown-maxwidth: 506px
    }

    .masthead-nav-dropdown--enterprise {
      --dropdown-position-left: -270px;
      --dropdown-width: calc(100vw - 5rem);
      --dropdown-maxwidth: 640px
    }

    .masthead-nav-dropdown--jamstack {
      --dropdown-position-left: -10rem
    }

    .masthead-nav-dropdown--community {
      --dropdown-position-left: -15rem
    }

    .masthead-nav-item:not(.masthead-nav-item--spacer-a, .masthead-nav-item--signup):hover {
      outline: var(--masthead-link-outline-active);
      outline-offset: -3px;
      border-radius: .5rem
    }

    .masthead-nav-item--contact {
      --dropdown-position-left: -3.05rem
    }

    :where(.masthead-nav-item--solutions, .masthead-nav-item--enterprise, .masthead-nav-item--contact) .dropdown-list a {
      font-weight: 700
    }

    .masthead-nav-dropdown-hed-link {
      display: flex;
      width: 100%;
      align-items: center;
      justify-content: space-between;
      text-decoration: none;
      pointer-events: default
    }

    .masthead-nav-dropdown-hed-link * {
      pointer-events: none
    }

    .masthead-nav-dropdown-hed-link:hover {
      text-decoration: none
    }

    .masthead-nav-dropdown-content {
      padding: 2.5em
    }

    .masthead-nav-dropdown-content--no-padding {
      padding: 0
    }

    .masthead-nav-link--search {
      box-sizing: content-box;
      width: 1.2em
    }
  }

  @media (min-width:63.25em) {
    .masthead-nav svg {
      opacity: .999
    }
  }

  .skip-to-content:focus {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: 10;
    padding: .5em 1em;
    white-space: nowrap;
    color: var(--color-gray-L000);
    background: var(--color-teal-T900);
    border-radius: 0 0 .5em .5em;
    border: 1px solid;
    outline-offset: 3px
  }

  .skip-to-content:not(:focus) {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px
  }

  @media (min-width:63.25em) {
    .skip-to-content:focus {
      border-radius: .5em
    }
  }

  .masthead {
    --theme-masthead-foreground: var(--theme-foreground, #000);
    --theme-masthead-background: transparent;
    --theme-masthead-navigation-background: hsla(0, 100%, 100%, 0.9);
    --masthead-link-outline-active: solid var(--color-blue-B500) 2px;
    background-color: var(--theme-masthead-background);
    color: var(--theme-masthead-foreground);
    z-index: 2
  }

  .theme-dark .masthead {
    --theme-background: transparent;
    --theme-masthead-navigation-background: hsla(0, 100%, 0%, 0.9)
  }

  @media (max-width:63.1875em) {
    .masthead {
      font-family: var(--font-headline);
      font-feature-settings: var(--font-headline-feature-settings)
    }

    .masthead-nav-menu-open .masthead-home:focus {
      background-color: var(--theme-masthead-background)
    }
  }

  .masthead-nav-compact-links {
    display: flex;
    gap: var(--space-3);
    position: absolute;
    top: 18px;
    right: 64px;
    z-index: 3
  }

  @media (min-width:63.25em) {
    .masthead-nav-compact-links {
      display: none
    }
  }

  .masthead-wrapper {
    position: sticky;
    top: -.1px;
    left: 0;
    z-index: 5;
    transform: translateZ(0)
  }

  .masthead-nav-menu.is-stuck,
  .masthead-wrapper.is-stuck {
    box-shadow: 0 1px 4px 0 hsla(0, 100%, 0%, .1)
  }

  .masthead-nav-menu.theme-dark.is-stuck,
  .masthead-wrapper.theme-dark.is-stuck {
    box-shadow: 0 4px 20px 0 hsla(0, 100%, 0%, .25)
  }

  .masthead {
    --masthead-logo-width: 5.625em;
    --masthead-logo-x-offset: -8px;
    position: relative;
    display: flex;
    background: var(--theme-masthead-navigation-background)
  }

  @media (min-width:63.25em) {
    .masthead {
      --masthead-logo-width: 7.625em;
      --masthead-logo-x-offset: -23.5px;
      -webkit-backdrop-filter: blur(5px) saturate(200%);
      backdrop-filter: blur(5px) saturate(200%);
      padding: .8125em 0
    }
  }

  .masthead .compat-grid {
    width: 100%
  }

  .masthead-content {
    display: flex;
    grid-column: full
  }

  @media (min-width:63.25em) {
    .masthead-content {
      border-radius: .5em;
      grid-column: standard
    }
  }

  @media (max-width:63.1875em) {
    .masthead-nav-menu-open .masthead-content {
      --theme-foreground: var(--color-gray-D800);
      --theme-background: var(--color-gray-D000);
      --theme-masthead-navigation-background: var(--color-gray-D000);
      padding: 0
    }

    .masthead:not(.masthead-simplified) .masthead-content {
      background: var(--theme-masthead-navigation-background)
    }
  }

  .masthead-home-logo {
    width: var(--masthead-logo-width);
    transform: translateX(var(--masthead-logo-x-offset))
  }

  @media (max-width:63.1875em) {

    .masthead-nav-menu-open .masthead-home-logo,
    html:not(.enhanced-js) .masthead-home-logo {
      background-color: var(--color-gray-L000)
    }

    html:not(.enhanced-js) .masthead-wrapper {
      position: static
    }
  }

  .masthead-home {
    transform: translateZ(0);
    display: flex;
    align-items: center
  }

  @media (max-width:63.1875em) {
    body.masthead-open-modal.masthead-has-focus {
      overflow: hidden
    }

    .masthead-wrapper {
      overflow: hidden
    }

    .masthead-open-modal .masthead-wrapper {
      height: 100vh
    }

    .masthead-open-modal.masthead-has-focus .masthead,
    .masthead-open-modal.masthead-has-focus.masthead {
      height: 100vh;
      overflow-y: scroll;
      -webkit-overflow-scrolling: touch;
      box-shadow: 0 0 4em 0 rgba(0, 0, 0, .7);
      overscroll-behavior: contain;
      padding: 0
    }

    @supports (max-height:-webkit-fill-available) {

      .masthead-open-modal.masthead-has-focus .masthead,
      .masthead-open-modal.masthead-has-focus .masthead-wrapper,
      .masthead-open-modal.masthead-has-focus.masthead {
        max-height: -webkit-fill-available
      }
    }

    .masthead-home {
      position: absolute;
      top: calc(56px / 2);
      transform: translateY(-50%);
      left: var(--space-4);
      z-index: 1
    }

    .masthead-nav-menu-open .theme-dark {
      --netlify-logo-lines-color: #05bdba;
      --netlify-logo-text-color: #014847
    }

    .masthead-nav-menu-open .masthead-home:focus,
    .masthead:not(.masthead-nav-enhanced) .masthead-home {
      width: calc(100% - 103px);
      z-index: 10
    }

    .masthead:not(.masthead-nav-enhanced) .masthead-home {
      width: auto
    }
  }

  .masthead-wrapper-simplified {
    position: static
  }

  .theme-dark .masthead.masthead-simplified {
    --theme-background: var(--color-gray-L800);
    background: var(--theme-background);
    min-height: 56px
  }

  .theme-dark .icon-search {
    --theme-icon-color: var(--theme-foreground)
  }

  .icon-github {
    fill: var(--theme-icon-color)
  }

  .logo-twitter {
    --theme-icon-color: #1da1f2;
    fill: var(--theme-icon-color)
  }

  .logo-discourse-bubble1 {
    fill: var(--theme-icon-color, #231f20)
  }

  .logo-discourse-bubble2 {
    fill: var(--theme-icon-color, #fff9ae)
  }

  .logo-discourse-bubble3 {
    fill: var(--theme-icon-color, #00aeef)
  }

  .logo-discourse-bubble4 {
    fill: var(--theme-icon-color, #00a94f)
  }

  .logo-discourse-bubble5 {
    fill: var(--theme-icon-color, #f15d22)
  }

  .logo-discourse-bubble6 {
    fill: var(--theme-icon-color, #e31b23)
  }

  .logo-youtube {
    fill: red
  }

  .icon-caret path {
    fill: var(--theme-icon-color, var(--theme-foreground))
  }

  .details-dropdown {
    --theme-icon-color: currentColor
  }

  .details-dropdown-content {
    background-color: #000
  }

  .details-dropdown-content,
  .details-dropdown-content a {
    color: #fff
  }

  .details-dropdown {
    display: inline-flex;
    align-items: center;
    position: relative
  }

  .details-dropdown-link {
    list-style: none;
    cursor: pointer;
    text-decoration: none
  }

  .details-dropdown-link::-webkit-details-marker {
    display: none
  }

  .details-dropdown-content {
    position: absolute;
    bottom: 100%;
    left: -9999px;
    z-index: 3;
    padding: .875em;
    border-radius: .3125em;
    overflow: hidden;
    box-shadow: 0 0 8px rgba(0, 0, 0, .15);
    opacity: 0;
    transition: opacity .2s
  }

  .details-dropdown[open] .details-dropdown-content {
    opacity: 1;
    left: 0
  }

  .details-dropdown-align-center[open] .details-dropdown-content {
    left: 50%;
    transform: translateX(-50%)
  }

  .details-dropdown-caret {
    margin-left: .5em
  }

  .details-dropdown-content {
    font-size: 1em
  }

  .details-dropdown-content ul {
    margin: 0
  }

  .details-dropdown-content li {
    white-space: nowrap
  }

  .details-dropdown-content a {
    font-size: .875em
  }

  .details-dropdown-content a:not(:hover) {
    text-decoration: none
  }

  .forms-input,
  .hs-input {
    -webkit-appearance: none;
    -moz-appearance: none;
    background-color: #fff;
    border: 1px var(--color-gray-L600) solid;
    border-radius: 4px;
    box-shadow: none;
    box-sizing: border-box;
    display: block;
    font-family: inherit;
    font-size: inherit;
    font-weight: 500;
    line-height: 1.618em;
    margin: 0;
    padding: .382em 1em;
    transition: box-shadow ease-in-out .15s;
    width: 100%
  }

  .forms-input::-moz-placeholder {
    opacity: .6
  }

  .forms-input::placeholder {
    opacity: .6
  }

  #this-id-should-not-exist :focus-within,
  .floating-label {
    display: block;
    pointer-events: none;
    text-align: left;
    transform: translate3d(1em, calc(2em - 1px), 0);
    transition: .2s ease
  }

  #this-id-should-not-exist :focus-within,
  .floating-label-select {
    position: relative;
    z-index: 2;
    background-color: var(--floating-label-background, #fff);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: calc(100% - 2.6em - 2px);
    max-width: 74vw
  }

  @media (min-width:23.4375em) {

    #this-id-should-not-exist :focus-within,
    .floating-label-select {
      max-width: none
    }
  }

  label.has-floating-label-value .floating-label,
  label:focus-within .floating-label {
    background-color: transparent;
    transform: scale(.75) translate3d(-16%, 0, 0);
    width: auto;
    max-width: none;
    z-index: initial
  }

  .form-button,
  .hs-button {
    font-family: var(--font-headline);
    font-feature-settings: var(--font-headline-feature-settings);
    background: var(--color-teal-T500);
    border: 0;
    border-radius: 4px;
    color: var(--color-teal-T900);
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 1em;
    font-weight: 700;
    padding: .5em 1.5em;
    position: relative;
    text-align: center;
    text-decoration: none;
    text-shadow: none;
    transition: background .2s;
    vertical-align: middle;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    z-index: 1
  }

  .form-button:active,
  .form-button:hover,
  .hs-button:active,
  .hs-button:hover {
    background: var(--color-teal-T200)
  }

  .form-button-width-full {
    width: 100%
  }

  .forms-inline-content {
    --lo-margin-h: .5em;
    --lo-margin-v: .5em;
    align-items: flex-end
  }

  .forms-inline-content-btn {
    flex-grow: 0;
    height: 2.5625em;
    padding: .382em 1em;
    cursor: pointer
  }

  .blog-newsletter-text {
    margin: 1em 0 0;
    font-weight: 700;
    color: var(--color-gray-L800)
  }

  .blog-newsletter-form {
    --lo-stackpoint: 20em
  }

  .newsletter-subscribe {
    text-align: center;
    max-width: 28.125em;
    margin: 0 auto 3.3125em
  }

  .newsletter-subscribe-logo {
    width: 3em;
    height: 3em
  }

  .footer {
    position: relative;
    margin-top: 8em;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 1em;
    padding-left: 1em;
    padding-right: 1em
  }

  .footer-wrap {
    grid-column: full-start/full-end
  }

  @media (min-width:56.25em) {
    .footer-wrap {
      grid-column: standard-start/standard-end
    }
  }

  .footer ol,
  .footer ul {
    list-style: none
  }

  .footer a:not(:hover) {
    text-decoration: none
  }

  .footer-list {
    display: flex;
    flex-direction: column;
    gap: .75rem
  }

  .footer-icon {
    --theme-icon-color: #000;
    width: 1.625em;
    height: 1.625em
  }

  .footer-copyright {
    border-top: 1px solid var(--color-gray-L300);
    padding: 2.625em 0 1.5em;
    font-size: 1em;
    font-weight: 700;
    flex-basis: 100%;
    text-align: center;
    color: var(--color-gray-L800);
    max-width: none
  }

  .footer-ctas {
    display: flex;
    flex-direction: column;
    background-color: var(--color-gray-L200);
    padding: 1.25em;
    border-radius: .5em;
    margin-bottom: 1.875em
  }

  @media (max-width:31.1875em) {
    .footer-ctas {
      margin-left: -1em;
      margin-right: -1em
    }
  }

  .footer-links {
    --lo-margin-h: 1em;
    --lo-margin-v: 0.5em;
    white-space: nowrap;
    justify-content: center
  }

  @media (max-width:37.5rem) {
    .footer-links {
      flex-direction: column;
      align-items: center
    }
  }

  .footer-dropdown {
    --theme-icon-color: #a3a9ac
  }

  .footer-dropdown-long {
    font-size: .9375em
  }

  @media (min-width:25em) {
    .footer-dropdown-long {
      font-size: 1em
    }
  }

  .footer-dropdown .footer-link:hover {
    text-decoration: underline
  }

  .footer-links>* {
    flex-grow: 0
  }

  .footer-links a {
    color: inherit
  }

  .footer-nav {
    display: flex;
    justify-content: center;
    padding: 2.75em 1em;
    border-top: 1px solid var(--color-gray-L300)
  }

  .footer-nav-layout {
    max-width: 75em;
    --lo-margin-h: 3em;
    --lo-margin-v: 3em
  }

  .footer-nav-layout>* {
    flex-basis: 5em
  }

  .footer-title {
    font-size: 1em;
    color: var(--color-gray-L800);
    margin: 0 0 1em;
    white-space: nowrap
  }

  .footer-link {
    display: inline-block;
    white-space: nowrap
  }

  #cta-footer-agencypartners {
    margin-bottom: 1em
  }

  .footer-social {
    --lo-margin-h: 1em;
    justify-content: center;
    margin-bottom: 2em
  }

  .footer-simplified {
    grid-column: standard;
    padding: 3em 0;
    margin-top: -2em;
    display: flex;
    justify-content: space-between;
    gap: 1.5rem;
    flex-wrap: wrap
  }

  .footer-simplified-nav ul {
    --gutter: 1em;
    display: flex;
    flex-wrap: wrap;
    margin: 0 calc(-1 * var(--gutter))
  }

  .footer-simplified-nav li {
    margin: 0 var(--gutter)
  }

  .footer-simplified-nav a:not(:hover) {
    text-decoration: none
  }

  .footer-simplified-nav a:hover {
    text-decoration: underline
  }

  .search {
    --easing: cubic-bezier(0.8, -0.4, 0.2, 1.44);
    --ms8: 46.971em;
    --ms-2: 0.382em;
    --ms2: 2.618em;
    --ms1: 1.618em;
    --ms-1: 0.618em;
    background: #fff;
    box-sizing: border-box;
    display: block;
    font-size: 1rem;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    overflow-y: scroll;
    visibility: hidden;
    width: 100%;
    z-index: 999
  }

  .search.active,
  .search:target {
    animation: slide-up-search .3s var(--easing) 0s forwards;
    visibility: visible
  }

  .search p {
    margin-left: 0;
    max-width: none
  }

  .search .container {
    display: flex;
    flex-direction: column;
    max-width: 64rem;
    padding: var(--ms2) 1em;
    margin: 0 auto
  }

  @media (min-width:30em) {
    .search .container {
      padding: var(--ms2)
    }
  }

  .search-close {
    line-height: 1;
    margin: 0;
    padding: .5rem;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1000;
    text-decoration: none;
    color: var(--neutral-light-400);
    text-align: center
  }

  .search-close:focus,
  .search-close:hover {
    color: var(--neutral-light-800)
  }

  .search-close>svg {
    width: 2rem;
    height: 2rem;
    fill: currentColor
  }

  @media (min-width:60em) {
    .search-close {
      font-size: var(--ms1)
    }

    .search-close::after {
      content: "esc";
      display: block;
      font-size: var(--ms-2)
    }
  }

  .search-input {
    -webkit-appearance: none;
    background: 0 0;
    border: 2px solid var(--neutral-light-200);
    border-radius: 4px;
    box-sizing: border-box;
    display: block;
    font-size: 1.25rem;
    font-weight: 700;
    line-height: var(--ms1);
    outline-color: #00ad9f;
    padding: var(--ms-2) 1em;
    transition: box-shadow ease-in-out .15s;
    width: 100%
  }

  .search-input:focus {
    border-color: var(--teal-500)
  }

  .search-results {
    order: 1
  }

  .search-results h3 {
    font-size: 13px;
    line-height: 18px;
    font-weight: 500;
    font-family: var(--font-primary);
    letter-spacing: .02em;
    text-transform: uppercase;
    color: var(--neutral-light-800);
    margin: .75rem auto 0;
    font-feature-settings: 'ss01' on
  }

  .search-results h3::after {
    background: var(--teal-500);
    content: " ";
    display: block;
    height: 2px;
    margin-top: .5rem;
    width: 1.5rem
  }

  .search-results p {
    margin-top: 2rem
  }

  .search-results ul {
    list-style: none;
    margin-top: 1em
  }

  .search-results li {
    margin-top: var(--ms-1)
  }

  .search-results li a {
    text-decoration: none;
    font-size: 1.0625rem
  }

  .search-results li a:hover {
    text-decoration: underline
  }

  .search-results .search-results-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 2rem;
    padding-top: 2rem;
    margin-bottom: var(--ms2);
    margin-top: 0
  }

  .search-results .search-results-grid>* {
    flex-basis: 100%
  }

  .search-results .search-results-grid .sales-cta-column {
    padding-top: 2rem;
    border-top: 1px solid var(--neutral-light-200)
  }

  @media (min-width:60em) {
    .search-results .search-results-grid {
      grid-template-columns: repeat(3, 1fr)
    }

    .search-results .search-results-grid .sales-cta-column {
      border-top: 0;
      padding-top: 0;
      grid-column: 3
    }

    .search-results .search-results-grid>section:nth-of-type(4):is(.sales-cta-column) {
      grid-column: -1/1;
      padding-top: 2rem;
      border-top: 1px solid var(--neutral-light-200);
      display: grid;
      grid-template-columns: repeat(3, 1fr)
    }

    .search-results .search-results-grid>section:nth-of-type(4):is(.sales-cta-column) .search-results-sales-cta {
      grid-column: 2
    }
  }

  .search-results .search-results-sales-cta {
    padding: .75rem;
    background: var(--blue-700);
    color: #fff;
    border-radius: .5rem;
    max-width: 34rem
  }

  .search-results .search-results-sales-cta h3 {
    color: #fff;
    margin: 0
  }

  .search-results .search-results-sales-cta h3::after {
    background: var(--teal-400)
  }

  .search-results .search-results-sales-cta p {
    -webkit-margin-before: 2rem;
    margin-block-start: 2rem
  }

  .search-results .search-results-sales-cta .call-to-action {
    -webkit-margin-before: .75rem;
    margin-block-start: .75rem;
    background: #fff;
    color: var(--blue-700);
    border: 1px solid #fff;
    font-weight: 500
  }

  .search-results .search-results-sales-cta .call-to-action:hover {
    background: 0 0;
    color: #fff
  }

  .search-results .search-results-no-items-text+.sales-cta-column {
    -webkit-margin-before: 2rem;
    margin-block-start: 2rem
  }

  .search-footer {
    margin-top: var(--ms-1)
  }

  .search-algolia-logo {
    filter: grayscale(100%);
    height: 1.25rem;
    opacity: .54
  }

  @keyframes slide-up-search {
    0% {
      opacity: 0;
      transform: translateY(2em)
    }

    100% {
      opacity: 1;
      transform: translateY(0)
    }
  }

  .page-bg-wrapper {
    position: relative
  }

  .hero-colored {
    --background-color: var(--color-accent, var(--color-violet-dark));
    background-color: var(--background-color);
    background-image: var(--hero-background-image);
    padding: 0 1em
  }

  .hero-colored .heading,
  .hero-colored .paragraph {
    color: var(--color-gray-L000)
  }

  .hero-colored:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 20em;
    z-index: -1;
    background: var(--background-color)
  }

  .hero-colored .call-to-action {
    font-size: 1rem
  }

  [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
  }

  .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
  }

  .card {
    --card-pad: 1.5em;
    --card-radius: 0.625em;
    position: relative;
    box-shadow: 0 2px 4px rgba(14, 30, 37, .12);
    padding: var(--card-pad);
    border-radius: var(--card-radius);
    border: 1px solid var(--color-gray-L300)
  }

  .card-theme-light {
    background-color: var(--color-white);
    color: var(--color-gray-L800)
  }

  .card-shadow-light {
    box-shadow: var(--shadow-light)
  }

  .card-shadow-heavy {
    box-shadow: var(--shadow-heavy)
  }

  .card-shadow-deep {
    box-shadow: var(--shadow-deep)
  }

  .card-shadow-none {
    box-shadow: none;
    border: 0
  }

  .card-hoverable {
    transition: transform 150ms, box-shadow 150ms
  }

  .card-hoverable:hover {
    transform: translate(0, -5px);
    box-shadow: var(--shadow-deep)
  }

  .block-link {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
  }

  .icon-logo-gem {
    --netlify-logo-fill: #fff
  }

  .resources-card {
    --card-pad: 0;
    position: relative;
    transition: box-shadow .2s, transform .2s;
    will-change: transform;
    background-color: var(--color-gray-L000)
  }

  .resources-card:hover {
    box-shadow: 0 4px 12px rgba(0, 0, 0, .25);
    transform: translateY(-5px)
  }

  .resources-card .block-link {
    z-index: 2
  }

  .resources-card-title-wrapper {
    padding: 1em
  }

  .resources-card-title {
    font-size: 1.2em;
    color: var(--color-gray-L600);
    display: block;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
  }

  .resources-card-image,
  .resources-card-image img {
    width: 100%;
    height: auto;
    display: block;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px
  }

  .resources-card-tags {
    --gutter: 0.3em;
    display: flex;
    position: absolute;
    top: .5em;
    left: .5em;
    list-style: none;
    margin: 0;
    padding: 0;
    z-index: 3;
    flex-wrap: wrap
  }

  .resources-card-tag {
    color: var(--color-gray-L000);
    font-weight: 700;
    background-color: var(--color-gray-L700);
    padding: .3em .5em;
    border-radius: 8px;
    margin: var(--gutter);
    line-height: 1
  }

  .resources-card-default-background {
    --card-color: var(--color-gray-L800);
    background-color: var(--card-color);
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    height: 0;
    padding-top: 120.93%;
    overflow: hidden;
    position: relative
  }

  .resources-card-default-background .icon-logo-gem {
    fill: #fff;
    opacity: .1;
    position: absolute;
    width: 37em;
    height: 37em;
    left: 6em
  }

  .resources-card-default-background .resources-card-default-background-container {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
  }

  .resources-card-default-background .resources-card-default-background-content {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    width: 100%;
    height: 100%
  }

  .resources-card-default-presenters-thumbnail {
    position: relative;
    max-width: 10.25em
  }

  .resources-card-default-presenters-thumbnail img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 12px;
    border: 4px var(--color-gray-L000) solid
  }

  .resources-card-default-2 .resources-card-default-presenters-thumbnail {
    position: absolute
  }

  .resources-card-default-2 .resources-card-default-presenters-thumbnail img {
    width: 7.5em;
    height: 7.5em
  }

  .resources-card-default-2 .resources-card-default-presenters-thumbnail:first-child {
    top: 25%;
    right: 13%
  }

  .resources-card-default-2 .resources-card-default-presenters-thumbnail:last-child {
    top: 40%;
    left: 14%
  }

  .resources-cards-case-study-logo {
    width: 70%;
    height: 70%;
    max-width: 16em;
    max-height: 6em
  }

  .resources-cards-case-study-logo img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
  }

  .icon-arrow-down-light {
    fill: var(--theme-icon-color, #8b93a0)
  }

  .forms-select-c {
    position: relative
  }

  .forms-select-c>select {
    padding-right: 2em
  }

  .forms-select-c-arrow {
    position: absolute;
    right: .75em;
    bottom: 0;
    height: 2.5em;
    width: 1em;
    pointer-events: none;
    --theme-icon-color: #8B93A0
  }

  .filter-tag {
    background-color: #f4f7f8;
    background-image: url("https://d33wubrfki0l68.cloudfront.net/f8b676e3507a9f718ef0c413073e6d9ba419dee0/af0fc/v3/img/components/icon-x-to-close.svg");
    background-position: 95% 50%;
    background-position: bottom 50% right .6em;
    background-repeat: no-repeat;
    background-size: 1em 1em;
    border-radius: 8px;
    color: var(--colorTextPrimary);
    font-size: 1rem;
    font-weight: var(--bold);
    line-height: 1;
    padding: .375em 2em .375em .5em;
    border: 0;
    text-decoration: underline;
    cursor: pointer
  }

  .filter-tag:not(:last-child) {
    margin-right: .5em
  }

  .filter-tag-theme-dark {
    background-color: var(--color-gray-L700);
    color: var(--color-gray-L000);
    background-image: url("https://d33wubrfki0l68.cloudfront.net/3400c1d836318422fb674a4d36fc2b04dfcb3bbe/6c0d6/v3/img/components/icon-x-to-close-white.svg");
    transition: opacity 150ms
  }

  .filter-tag-theme-dark:hover {
    opacity: .9
  }

  .resources-hero {
    position: static
  }

  @media (min-width:56.25rem) {
    .resources-hero {
      grid-template-columns: [full-start] minmax(2rem, 1fr) [standard-start] 3.75rem [narrow-start] minmax(1rem, 49.5rem) [narrow-end] 344px [standard-end] minmax(2rem, 1fr) [full-end]
    }
  }

  .hero-colored:after {
    top: -5em
  }

  .js [data-resources-listing-init] {
    opacity: 0
  }

  .resources-hero-colored {
    --color-accent: var(--color-gray-D800);
    grid-column: full;
    grid-row: 1/3
  }

  .resources-hero-heading {
    grid-column: standard/4;
    grid-row: 1;
    color: var(--color-gray-L000);
    margin-top: .25em
  }

  .resources-hero-paragraph {
    grid-column: standard/4;
    grid-row: 2;
    color: var(--color-gray-L000);
    padding: .5em 3em 3em 0;
    max-width: 63ch
  }

  @media (max-width:56.25rem) {
    .resources-hero-paragraph {
      grid-column: standard/full
    }
  }

  .resources-hero-featured-card {
    grid-column: 4;
    grid-row: 1/7;
    border: 0;
    max-width: 17.875em;
    height: -moz-min-content;
    height: min-content;
    margin-left: auto
  }

  @media (max-width:56.25rem) {
    .resources-hero-featured-card {
      display: none
    }
  }

  .resources-series-container {
    grid-column: standard;
    display: flex;
    flex-direction: column;
    grid-row-gap: 3rem
  }

  .resources-list {
    grid-column: standard;
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 1em
  }

  @media (min-width:25rem) {
    .resources-list {
      grid-template-columns: repeat(auto-fill, minmax(16em, 1fr))
    }
  }

  .resources-list .card {
    height: 100%
  }

  .resources-list-title {
    display: block
  }

  .filter-tag {
    text-decoration: none
  }

  .resources-listing-title {
    grid-column: standard;
    margin-bottom: 2em;
    font-size: 1.25em;
    color: var(--color-gray-L500)
  }

  .resources-featured-container {
    grid-column: standard;
    display: grid;
    grid-template-columns: 344px 1fr;
    grid-gap: 2em
  }

  .resources-type-pancake {
    grid-row: 2
  }

  .resources-filters {
    display: none;
    grid-column: standard/4;
    grid-row: 5;
    padding-top: 2em
  }

  .resources-filters form {
    --gutter: 0.5em;
    margin: calc(-1 * var(--gutter));
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap
  }

  .resources-filters form>* {
    margin: var(--gutter)
  }

  .js .resources-filters {
    display: flex
  }

  .resources-type-navigation {
    margin: 0;
    padding: 1em 0;
    grid-column: standard/4
  }

  @media (max-width:56.25rem) {
    .resources-type-navigation {
      grid-column: standard/full
    }
  }

  .resources-type-list {
    --gutter: 1em;
    display: flex;
    flex-wrap: wrap;
    font-size: 1.25em;
    color: var(--color-gray-L500);
    list-style: none;
    margin-left: calc(-1 * var(--gutter))
  }

  .resources-type-list li {
    margin: calc(var(--gutter)/ 2) var(--gutter)
  }

  .resources-type-list a {
    text-decoration: none
  }

  .resources-type-list .resources-type-list-active,
  .resources-type-list a:hover {
    text-decoration: underline
  }

  .resources-hero-sep {
    border-top: 1px solid var(--color-gray-L300);
    height: 1px;
    grid-column: full;
    grid-row: 4
  }

  .resources-listing-none {
    grid-column: standard;
    margin-top: 1.5em
  }

  .resources-listing-reset {
    --border: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: 0 0;
    border: 0;
    color: currentColor;
    cursor: pointer;
    font: inherit;
    padding-left: 0;
    padding-right: 0
  }

  .resources-listing-none-image {
    max-width: 100%;
    height: auto
  }

  .resources-listing-none-title {
    --color-accent: var(--color-blue-dark);
    border-top: 1px var(--color-gray-L300) solid;
    padding: 1em 0;
    margin-top: 1em;
    font-size: 1.75em
  }