* {
        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 0.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: 0.9375em;
        color: var(--button-color-foreground);
        border-radius: 3em;
        padding: 0.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: 0.9em;
        height: auto;
        margin-left: 0.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: 0.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: 0.9375em;
      }
      .link-inline {
        --button-color-foreground: var(
          --color-accent,
          var(--theme-foreground, #000)
        );
        color: var(--button-color-foreground);
        display: inline-flex;
        align-items: center;
      }
      .link-inline:hover {
        text-decoration: none;
      }
      .link-inline > svg {
        fill: currentColor;
        width: 0.85em;
        margin-left: 0.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: 0.9375em;
        padding: 0 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: 0.9em;
        height: auto;
        margin-left: 0.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: 0.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: 0.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: 0.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: 0.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: #fff;
        background-color: var(--theme-background);
        color: var(--theme-foreground);
      }
      .dropdown {
        position: relative;
        padding: 0.25em 0.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: 0.75em;
        overflow: hidden;
        box-shadow: var(--shadow-deep);
        opacity: 0;
        transition: opacity 0.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: 0.15s;
        }
        .dropdown-content-overlay:focus-within {
          opacity: 1;
          left: var(--dropdown-position-left, 0);
        }
      }
      .dropdown-arrow {
        display: none;
        margin-left: 0.1875em;
        margin-top: -0.125em;
        opacity: 0.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 0.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: 0.1em;
        margin-inline-start: 0.1em;
      }
      .call-to-action .icon svg {
        fill: var(--color-teal-T600);
        width: 0.75em;
        height: auto;
        margin-left: 0.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: 0.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: 0.5em 1.5em;
        text-decoration: none;
        text-align: center;
        cursor: pointer;
        background-color: var(--button-color-background);
        transition: background-color, border-color;
        transition-duration: 0.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 0.1s ease-out, background-color 0.2s,
          border-color 0.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: 0.75rem;
        letter-spacing: 0.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 0.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: 0.75rem;
        letter-spacing: 0.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: 0.875em;
        color: var(--color-gray-L600);
      }
      @media (max-width: 63.1875em) {
        .masthead-meganav-p {
          font-size: 0.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: 0.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: -0.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: -0.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: 0.6875em;
        text-transform: uppercase;
        font-weight: 700;
        letter-spacing: 0.05em;
        display: block;
      }
      .stats-description-size-large {
        font-size: 0.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: 0.7em 1.5em;
        letter-spacing: 0.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: 0.875em;
        border-radius: 0.4285714285714em;
        padding: 0.1428571428571em 0.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: 0.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 0.1s;
      }
      .masthead-advert-body-flush-full:hover img {
        opacity: 0.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: 0.6em 1.2em 0.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(-0.5 * var(--lo-margin-h, 0) - 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(-0.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: 0.375em 0 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: 0.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, 0.1),
            #fff 0.8em
          );
        }
      }
      @media (min-width: 63.25em) {
        .masthead-nav-item--spacer-a {
          flex-grow: 999;
        }
        .masthead-nav-item--signup {
          margin-left: 0.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: 0.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: 0.9375em;
        padding: 0.5em 1.2em;
        font-weight: 400;
      }
      @media (min-width: 63.25em) {
        .masthead-nav-link {
          font-weight: 700;
          padding: 0.4em 0.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: 0.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: 0.3em;
          padding: 0.6875em;
        }
        .masthead-nav-link--signup svg {
          display: none;
        }
      }
      @media (min-width: 63.25em) {
        .masthead-nav-link--signup {
          font-size: 0.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: 0.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 0.3s cubic-bezier(0.4, 0, 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: 0.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: 0.999;
        }
      }
      .skip-to-content:focus {
        position: absolute;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
        z-index: 10;
        padding: 0.5em 1em;
        white-space: nowrap;
        color: var(--color-gray-L000);
        background: var(--color-teal-T900);
        border-radius: 0 0 0.5em 0.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: 0.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: -0.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%, 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%, 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: 0.8125em 0;
        }
      }
      .masthead .compat-grid {
        width: 100%;
      }
      .masthead-content {
        display: flex;
        grid-column: full;
      }
      @media (min-width: 63.25em) {
        .masthead-content {
          border-radius: 0.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, 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: 0.875em;
        border-radius: 0.3125em;
        overflow: hidden;
        box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
        opacity: 0;
        transition: opacity 0.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: 0.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: 0.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: 0.382em 1em;
        transition: box-shadow ease-in-out 0.15s;
        width: 100%;
      }
      .forms-input::-moz-placeholder {
        opacity: 0.6;
      }
      .forms-input::placeholder {
        opacity: 0.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: 0.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(0.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: 0.5em 1.5em;
        position: relative;
        text-align: center;
        text-decoration: none;
        text-shadow: none;
        transition: background 0.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: 0.5em;
        --lo-margin-v: 0.5em;
        align-items: flex-end;
      }
      .forms-inline-content-btn {
        flex-grow: 0;
        height: 2.5625em;
        padding: 0.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: 0.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: 0.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: 0.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 0.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: 0.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 0.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: 0.02em;
        text-transform: uppercase;
        color: var(--neutral-light-800);
        margin: 0.75rem auto 0;
        font-feature-settings: "ss01" on;
      }
      .search-results h3::after {
        background: var(--teal-500);
        content: " ";
        display: block;
        height: 2px;
        margin-top: 0.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: 0.75rem;
        background: var(--blue-700);
        color: #fff;
        border-radius: 0.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: 0.75rem;
        margin-block-start: 0.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: 0.54;
      }
      @keyframes slide-up-search {
        0% {
          opacity: 0;
          transform: translateY(2em);
        }
        100% {
          opacity: 1;
          transform: translateY(0);
        }
      }
      .page-bg-wrapper {
        position: relative;
      }
      [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;
      }
      .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, 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, 0.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, 0.1);
        border-radius: var(--border-radius);
      }
      .preheader {
        font-weight: 500;
        text-transform: uppercase;
        letter-spacing: 0.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;
      }
      .icon-speech-bubble {
        display: block;
        opacity: 0;
        fill: currentColor;
        animation: appear 0.3s ease-out 0.6s;
        animation-fill-mode: forwards;
      }
      .icon-loading-dots {
        display: none;
        width: 25px;
        height: auto;
      }
      .drift-open-chat {
        -webkit-margin-after: var(--space-2);
        margin-block-end: var(--space-2);
      }
      .icon-speech-bubble-wrapper {
        display: flex;
      }
      .drift-status-text {
        display: none;
        opacity: 0;
        color: var(--color-white);
        font-size: 14px;
      }
      .drift-open-chat:disabled + .drift-status-text {
        display: block;
        opacity: 1;
      }
      .drift-open-chat:disabled .icon-speech-bubble {
        display: none;
        opacity: 0;
      }
      .drift-open-chat:disabled .icon-loading-dots {
        display: block;
      }
      .flicker {
        animation: flicker 1.5s ease-out infinite;
      }
      @keyframes appear {
        from {
          opacity: 0;
        }
        to {
          opacity: 1;
        }
      }
      @keyframes flicker {
        0%,
        100% {
          opacity: 0;
        }
        50% {
          opacity: 1;
        }
      }
      .icon-headset {
        fill: var(--theme-icon-color, var(--color-blue-B500));
      }
      .icon-plug {
        fill: var(--theme-icon-color, var(--color-blue-B500));
      }
      .icon-crown {
        fill: var(--theme-icon-color, var(--color-blue-B500));
      }
      .icon-lifesaver {
        fill: var(--theme-icon-color, var(--color-blue-B500));
      }
      .icon-star {
        fill: var(--theme-icon-color, var(--color-blue-B500));
      }
      .card {
        --theme-icon-color: var(--color-blue-B500);
        --ntl-gradient-ocean: linear-gradient(180deg, #32e6e2 0%, #2e51ed 100%);
        --ntl-card-bg: none;
        --ntl-card-text-color: var(--color-gray-D800);
        --ntl-card-image-bg: var(--ntl-gradient-ocean);
        --ntl-card-image-bg-shape: polygon(40% 0%, 70% 100%, 0% 100%, 0 0%);
        --ntl-card-image-bg-shape-color: var(--color-white);
        --ntl-card-icon-size: 40px;
        grid-template-areas: "content image";
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(min(300px, 100%), 1fr));
        box-shadow: var(--shadow-coheeze-shallow), var(--shadow-coheeze-shallow);
        border-radius: var(--border-radius-large);
        overflow: hidden;
        background: var(--ntl-card-bg);
        color: var(--ntl-card-text-color);
      }
      .card-content {
        grid-area: content;
        display: grid;
        gap: var(--space-2);
        grid-template-rows: repeat(2, min-content) 1fr max-content;
        margin: var(--space-4);
      }
      .card-icon {
        height: var(--ntl-card-icon-size);
        width: var(--ntl-card-icon-size);
        -webkit-margin-after: var(--space-2);
        margin-block-end: var(--space-2);
      }
      .card-image-wrapper {
        grid-area: image;
        position: relative;
        display: grid;
        align-items: center;
        background: var(--ntl-card-image-bg);
        background-position: center right;
        background-repeat: no-repeat;
      }
      .card-image-wrapper:after {
        position: absolute;
        content: "";
        display: block;
        height: 100%;
        width: 100%;
        -webkit-clip-path: var(--ntl-card-image-bg-shape);
        clip-path: var(--ntl-card-image-bg-shape);
        background-color: var(--ntl-card-image-bg-shape-color);
        top: 0;
        z-index: 0;
      }
      .card-image,
      .card-image img {
        height: auto;
        position: relative;
        grid-column: 2;
        z-index: 1;
      }
      .card-title {
        font-weight: 600;
      }
      .card .call-to-action,
      .card .call-to-action-button {
        width: -moz-fit-content;
        width: fit-content;
      }
      .card .call-to-action-button {
        margin-top: 1rem;
        padding: 0.5em 0.9em;
      }
      .card .call-to-action:not(.call-to-action-button) {
        font-weight: 400;
      }
      @media (max-width: 738px) {
        .card {
          --ntl-card-image-bg-shape-color: var(--color-gray-L200);
          grid-template-areas: "image" "content";
        }
      }
      @media (max-width: 640px) {
        .card-icon {
          --ntl-card-icon-size: 25px;
          -webkit-margin-after: unset;
          margin-block-end: unset;
        }
      }
      @media (max-width: 460px) {
        .card {
          --ntl-card-image-bg-shape-color: none;
        }
      }
      .cardy {
        --theme-icon-color: var(--color-blue-B500);
        --ntl-gradient-ocean: linear-gradient(180deg, #32e6e2 0%, #2e51ed 100%);
        --ntl-card-bg: none;
        --ntl-card-text-color: var(--color-gray-D800);
        --ntl-card-image-bg: var(--ntl-gradient-ocean);
        --ntl-card-image-bg-shape: polygon(40% 0%, 70% 100%, 0% 100%, 0 0%);
        --ntl-card-image-bg-shape-color: var(--color-white);
        --ntl-card-icon-size: 40px;
        grid-template-areas: "content image";
        max-width: 23ch;
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(min(300px, 100%), 1fr));
        box-shadow: var(--shadow-coheeze-shallow), var(--shadow-coheeze-shallow);
        border-radius: var(--border-radius-large);
        overflow: hidden;
        background: var(--ntl-card-bg);
        color: var(--ntl-card-text-color);
      }

      .cardd {
        --bg: #f7f7f8;
        --hover-bg: #e8e5ff;
        --hover-text: #ffffff;
        max-width: 23ch;
        text-align: center;
        background: var(--bg);
        padding: 1.5em;
        padding-block: 1.8em;
        border-radius: 5px;
        position: relative;
        overflow: hidden;
        transition: .3s cubic-bezier(.6,.4,0,1),transform .15s ease;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 1em;
      }
      
      .cardd__body {
        color: #213aca;
        line-height: 1.5em;
        font-size: 1em;
      }
      
      .cardd > :not(span) {
        transition: .3s cubic-bezier(.6,.4,0,1);
      }
      
      .cardd > strong {
        display: block;
        font-size: 1.4rem;
        letter-spacing: -.035em;
      }
      
      .cardd span {
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        color: var(--hover-text);
        border-radius: 5px;
        font-weight: bold;
        top: 100%;
        transition: all .3s cubic-bezier(.6,.4,0,1);
      }
      
      .cardd:hover span {
        top: 0;
        font-size: 1.2em;
      }
      
      .cardd:hover {
        background: var(--hover-bg);
      }
      
      .cardd:hover>div,.cardd:hover>strong {
        opacity: 0;
      }
    
      .Mannu {
        position: relative;
        width: 220px;
        height: 320px;
        background: rgb(255, 255, 255);
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 25px;
        font-weight: bold;
        border-radius: 15px;
        cursor: pointer;
      }
      
      .Mannu::before,
      .Mannu::after {
        position: absolute;
        content: "";
        width: 20%;
        height: 20%;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 25px;
        font-weight: bold;
        background-color: lightblue;
        transition: all 0.5s;
      }
      
      .Mannu::before {
        top: 0;
        right: 0;
        border-radius: 0 15px 0 100%;
      }
      
      .Mannu::after {
        bottom: 0;
        left: 0;
        border-radius: 0 100%  0 15px;
      }
      
      .Mannu:hover::before,
      .Mannu:hover:after {
        width: 100%;
        height: 100%;
        border-radius: 15px;
        transition: all 0.5s;
      }
      
      .Mannu:hover:after {
        content: "Have a Good day";
      }
      :root {
        --contact-hero-background: var(--color-blue-B700);
        --contact-hero-text: var(--color-gray-D000);
      }
      .contact-container {
        margin: auto;
        display: grid;
        row-gap: var(--space-6);
        grid-template-columns: minmax(32px, 1fr) [content-start] minmax(
            min(300px, 100%),
            900px
          ) [content-end] minmax(32px, 1fr);
        margin-block: var(--space-6);
      }
    
      .contact-container section {
        grid-column: content;
      }
      .contact-hero {
        display: block;
        text-align: center;
        padding: var(--space-6) 0;
        background-color: var(--contact-hero-background);
      }
      .contact-hero .heading {
        color: var(--contact-hero-text);
        -webkit-margin-after: var(--space-4);
        margin-block-end: var(--space-4);
      }
      .contact-section .preheader {
        justify-content: flex-start;
        padding: 0;
        font-weight: 350;
        letter-spacing: 0.4px;
      }
      .contact-cards-wrapper {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(min(275px, 100%), 1fr));
        gap: var(--space-5);
      }
      .contact-cards-cta-wrapper {
        display: grid;
        gap: var(--space-2);
      }
      .contact-container .card-image {
        width: 100%;
      }
      .call-to-action-button {
        --theme-icon-color: currentColor;
      }
      .call-to-action-button span {
        display: flex;
        align-items: center;
        gap: var(--space-2);
      }
      .contact-drift-button .drift-disabled-text {
        position: absolute;
        margin-left: auto;
        margin-right: auto;
        left: 0;
        right: 0;
        text-align: center;
      }