/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS (and SCSS, if configured) file within this directory, lib/assets/stylesheets, or any plugin's
 * vendor/assets/stylesheets directory can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any other CSS
 * files in this directory. Styles in this file should be added after the last require_* statement.
 * It is generally better to create a new file per style scope.
 *
















 */

html,
body {
  margin: 0;
  background: var(--ds-color-gray-700);
  color: var(--ds-color-white);
  font: var(--ds-font-body-s);
}

* {
  box-sizing: border-box;
}

a {
  text-decoration: none;
  color: var(--ds-color-primary-500);
}

a,
button {
  transition: color 150ms ease-in-out, background 150ms ease-in-out,
    border-color 150ms ease-in-out;
}

input,
textarea,
select {
  font: inherit;
}

img {
  max-width: 100%;
}

.modal {
  display: none;
}

#status {
  display: flex;
  align-items: center;
  gap: 8px;
}

#status-icon {
  display: inline-block;
  border-radius: 6px;
  background: var(--ds-color-status-400);
  width: 8px;
  height: 8px;
}

#status-icon.error {
  background: var(--ds-color-error-500);
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/Roboto-Regular-20000d75440612ea9275ebd2723e3fa8730d6bbfd445ed31bad745bec6164d8b.ttf);
}

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/assets/Roboto-Medium-6dd38ee27a77b8ce1172b15c8fa10ea0e588a54505741f5d397ebf466c199fa6.ttf);

}

@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/RobotoCondensed-Regular-515b3a9526fc43b37c4ecbfdae2409ff89bd04fe03d83dfa9c51e0f40630e777.ttf);
}

@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/assets/RobotoCondensed-Bold-7cc1d8d17b69a7127155cb03e5f220a6c536432d7c5d6ccf118712f08a0d7285.ttf);
}
html {
  /* Colors */

  --ds-color-gray-900: #12121c;
  --ds-color-gray-800: #202225;
  --ds-color-gray-700: #2f3136;
  --ds-color-gray-600: #3f4146;
  --ds-color-gray-500: #636468;
  --ds-color-gray-400: #88898c;
  --ds-color-gray-300: #b9bbbe;
  --ds-color-gray-200: #d9dbde;
  --ds-color-white: white;

  --ds-color-primary-700: #0077cc;
  --ds-color-primary-500: #00aef0;
  --ds-color-secondary-500: #00b0ff;

  --ds-color-newsletter-500: #ac59b5;

  --ds-color-success-700: #13770c;
  --ds-color-success-500: #43ac3c;
  --ds-color-success-400: #6BD364;
  --ds-color-warning-500: #ffbb00;
  --ds-color-error-500: #ff4500;
  --ds-color-error-400: #ff5d35;

  --ds-color-gradient-newsletter: linear-gradient(
    103.06deg,
    #ac59b5 0%,
    #129bf2 74.57%
  );

  --ds-color-gradient-browser: linear-gradient(
    141.55deg,
    #ff7e74 15.08%,
    #00aef0 75.66%
  );

  --ds-color-gradient-home: linear-gradient(
    141.55deg,
    #00aef0 15.08%,
    #ff7e74 75.66%
  );

  --ds-color-gradient-enterprise: linear-gradient(
    141.55deg,
    #129bf2 0%,
    #a276ff 100%
  );

  --ds-color-gradient-gray: linear-gradient(
    180deg,
    var(--ds-color-gray-700) 0%,
    var(--ds-color-gray-800) 100%
  );

  /* Fonts */

  --ds-font-family-display: 'Roboto Condensed', sans-serif;
  --ds-font-family-headline: var(--ds-font-family-display);
  --ds-font-family-button: var(--ds-font-family-display);

  --ds-font-family-body: 'Roboto', sans-serif;
  --ds-font-family-label: var(--ds-font-family-body);

  --ds-font-display-2xl: 40px / 40px var(--ds-font-family-display);
  --ds-font-display-xl: 32px / 32px var(--ds-font-family-display);
  --ds-font-display-l: 32px / 32px var(--ds-font-family-display);
  --ds-font-display-m: 24px / 24px var(--ds-font-family-display);
  --ds-font-display-s: 20px / 20px var(--ds-font-family-display);
  --ds-font-display-xs: 18px / 18px var(--ds-font-family-display);
  --ds-font-display-2xs: 16px / 16px var(--ds-font-family-display);

  --ds-font-headline-xl: 32px / 38px var(--ds-font-family-headline);
  --ds-font-headline-l: 24px / 28px var(--ds-font-family-headline);
  --ds-font-headline-m: 24px / 28px var(--ds-font-family-headline);
  --ds-font-headline-s: 20px / 24px var(--ds-font-family-headline);
  --ds-font-headline-xs: 20px / 24px var(--ds-font-family-headline);
  --ds-font-headline-2xs: 16px / 20px var(--ds-font-family-headline);

  --ds-font-button-m: 18px / 20px var(--ds-font-family-button);
  --ds-font-button-s: 16px / 18px var(--ds-font-family-button);

  --ds-font-label-2xl: 20px / 24px var(--ds-font-family-label);
  --ds-font-label-xl: 18px / 22px var(--ds-font-family-label);
  --ds-font-label-l: 16px / 20px var(--ds-font-family-label);
  --ds-font-label-m: 14px / 18px var(--ds-font-family-label);
  --ds-font-label-s: 12px / 16px var(--ds-font-family-label);
  --ds-font-label-xs: 12px / 16px var(--ds-font-family-label);

  --ds-font-body-2xl: 20px / 28px var(--ds-font-family-body);
  --ds-font-body-xl: 18px / 26px var(--ds-font-family-body);
  --ds-font-body-l: 16px / 24px var(--ds-font-family-body);
  --ds-font-body-m: 14px / 20px var(--ds-font-family-body);
  --ds-font-body-s: 12px / 18px var(--ds-font-family-body);
  --ds-font-body-xs: 12px / 18px var(--ds-font-family-body);

  /* Layout Sizing */

  --ds-layout-spacing-5xl: 64px;
  --ds-layout-spacing-4xl: 40px;
  --ds-layout-spacing-3xl: 64px;
  --ds-layout-spacing-2xl: 40px;
  --ds-layout-spacing-xl: 32px;
  --ds-layout-spacing-l: 16px;
  --ds-layout-spacing-m: 16px;
  --ds-layout-spacing-s: 8px;
  --ds-layout-spacing-xs: 4px;

  --ds-layout-spacing-section: 16px;

  --ds-layout-padding: 20px;

  --ds-layout-container-max-width: 100%;

  --ds-layout-z-index-modal: 1000;

  /* Global overwrites */
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  -o-font-smoothing: antialiased;
}

@media screen and (min-width: 768px) {
  html {
    --ds-font-display-2xl: 72px / 72px var(--ds-font-family-display);
    --ds-font-display-xl: 58px / 58px var(--ds-font-family-display);
    --ds-font-display-l: 40px / 40px var(--ds-font-family-display);
    --ds-font-display-m: 32px / 32px var(--ds-font-family-display);
    --ds-font-display-s: 24px / 24px var(--ds-font-family-display);
    --ds-font-display-xs: 20px / 20px var(--ds-font-family-display);
    --ds-font-display-2xs: 16px / 16px var(--ds-font-family-display);

    --ds-font-headline-xl: 58px / 64px var(--ds-font-family-headline);
    --ds-font-headline-l: 40px / 48px var(--ds-font-family-headline);
    --ds-font-headline-m: 32px / 38px var(--ds-font-family-headline);
    --ds-font-headline-s: 24px / 28px var(--ds-font-family-headline);
    --ds-font-headline-xs: 20px / 24px var(--ds-font-family-headline);
    --ds-font-headline-2xs: 16px / 20px var(--ds-font-family-headline);

    --ds-font-button-m: 22px / 24px var(--ds-font-family-button);
    --ds-font-button-s: 18px / 20px var(--ds-font-family-button);

    --ds-font-label-2xl: 22px / 26px var(--ds-font-family-label);
    --ds-font-label-xl: 20px / 24px var(--ds-font-family-label);
    --ds-font-label-l: 18px / 22px var(--ds-font-family-label);
    --ds-font-label-m: 16px / 20px var(--ds-font-family-label);
    --ds-font-label-s: 14px / 18px var(--ds-font-family-label);
    --ds-font-label-xs: 12px / 16px var(--ds-font-family-label);

    --ds-font-body-2xl: 22px / 30px var(--ds-font-family-body);
    --ds-font-body-xl: 20px / 28px var(--ds-font-family-body);
    --ds-font-body-l: 18px / 26px var(--ds-font-family-body);
    --ds-font-body-m: 16px / 24px var(--ds-font-family-body);
    --ds-font-body-s: 14px / 20px var(--ds-font-family-body);
    --ds-font-body-xs: 12px / 18px var(--ds-font-family-body);

    --ds-layout-spacing-l: 24px;
    --ds-layout-spacing-section: 40px;

    --ds-layout-container-max-width: 768px;
  }
}

@media screen and (min-width: 992px) {
  html {
    --ds-layout-container-max-width: 956px;
    --ds-layout-spacing-4xl: 80px;
    --ds-layout-spacing-5xl: 80px;
  }
}

@media screen and (min-width: 1280px) {
  html {
    --ds-layout-container-max-width: 1240px;
  }
}

/* Typography Classes */

.ds-display-2xl {
  font: var(--ds-font-display-2xl);
}
.ds-display-xl {
  font: var(--ds-font-display-xl);
}
.ds-display-l {
  font: var(--ds-font-display-l);
}
.ds-display-m {
  font: var(--ds-font-display-m);
}
.ds-display-s {
  font: var(--ds-font-display-s);
}
.ds-display-xs {
  font: var(--ds-font-display-xs);
}
.ds-display-2xs {
  font: var(--ds-font-display-2xs);
}

.ds-display-2xl,
.ds-display-xl,
.ds-display-l,
.ds-display-m,
.ds-display-s,
.ds-display-xs,
.ds-display-2xs {
  font-weight: 700;
  text-transform: uppercase;
  margin: 0;
  padding: 0;
  text-wrap: balance;
}

.ds-headline-xl {
  font: var(--ds-font-headline-xl);
}
.ds-headline-l {
  font: var(--ds-font-headline-l);
}
.ds-headline-m {
  font: var(--ds-font-headline-m);
}
.ds-headline-s {
  font: var(--ds-font-headline-s);
}
.ds-headline-xs {
  font: var(--ds-font-headline-xs);
}
.ds-headline-2xs {
  font: var(--ds-font-headline-2xs);
}

.ds-headline-xl,
.ds-headline-l,
.ds-headline-m,
.ds-headline-s,
.ds-headline-xs,
.ds-headline-2xs {
  font-weight: 400;
  margin: 0;
  padding: 0;
}

.ds-button-m {
  font: var(--ds-font-button-m);
}
.ds-button-s {
  font: var(--ds-font-button-s);
}

.ds-button-m,
.ds-button-s {
  display: inline-flex;
  align-items: center;
  gap: var(--ds-layout-spacing-s);
  font-weight: 700;
  text-transform: uppercase;
  margin: 0;
  padding: 0;
}

.ds-label-2xl {
  font: var(--ds-font-label-2xl);
}
.ds-label-xl {
  font: var(--ds-font-label-xl);
}
.ds-label-l {
  font: var(--ds-font-label-l);
}
.ds-label-m {
  font: var(--ds-font-label-m);
}
.ds-label-s {
  font: var(--ds-font-label-s);
}
.ds-label-xs {
  font: var(--ds-font-label-xs);
}

.ds-label-2xl,
.ds-label-xl,
.ds-label-l,
.ds-label-m,
.ds-label-s,
.ds-label-xs {
  font-weight: 500;
  margin: 0;
  padding: 0;
}

.ds-body-2xl {
  font: var(--ds-font-body-2xl);
}
.ds-body-xl {
  font: var(--ds-font-body-xl);
}
.ds-body-l {
  font: var(--ds-font-body-l);
}
.ds-body-m {
  font: var(--ds-font-body-m);
}
.ds-body-s {
  font: var(--ds-font-body-s);
}
.ds-body-xs {
  font: var(--ds-font-body-xs);
}

.ds-body-2xl,
.ds-body-xl,
.ds-body-l,
.ds-body-m,
.ds-body-s {
  font-weight: 400;
  margin: 0;
  padding: 0;
}

.ds-body-2xl a,
.ds-body-xl a,
.ds-body-l a,
.ds-body-m a,
.ds-body-s a,
.ds-anchor {
  color: inherit;
  text-decoration: underline;
}

.ds-anchor:hover {
  color: var(--ds-color-white);
}

.ds-text-center {
  text-align: center;
}

.ds-nowrap {
  white-space: nowrap;
}

.ds-lowercase {
  text-transform: lowercase;
}

/* UI Components */

.ds-main {
  max-width: 100%;
  border-bottom: 2px solid var(--ds-color-gray-800);
  overflow-x: hidden;
}

.ds-section,
.ds-section-with-img {
  padding: 64px var(--ds-layout-padding);
}

@media screen and (min-width: 768px) {
  .ds-section,
  .ds-section-with-img {
    padding: 80px var(--ds-layout-padding);
  }
}

.ds-section-header {
  max-width: 800px;
  margin: 0 auto;
}

.ds-section-with-img {
  display: grid;
  justify-items: start;
  grid-gap: var(--ds-layout-spacing-l);
}

.ds-section-with-img img {
  max-width: 400px;
  width: 100%;
  display: block;
  grid-row: 1;
  justify-self: center;
}

@media screen and (min-width: 768px) {
  .ds-section-with-img {
    align-items: start;
    grid: 1fr / 3fr 2fr;
    grid-gap: var(--ds-layout-spacing-l);
  }

  .ds-section-with-img img {
    justify-self: end;
    grid-column: 2;
    margin-top: -40px;
  }
}

.ds-section-divider {
  border-bottom: 2px solid var(--ds-color-gray-800);
}

.ds-section-cta {
  display: flex;
  flex-flow: column-reverse;
  position: relative;
  padding: var(--ds-layout-spacing-l) var(--ds-layout-padding);
}

.ds-section-cta h1,
.ds-section-cta h2,
.ds-section-cta p {
  max-width: max-content;
}

.ds-section-cta-img {
  display: flex;
  align-items: center;
  justify-content: center;
}

.ds-section-cta-img > *:first-child {
  max-width: 170%;
}

.ds-section-cta-short {
}

.ds-section-cta-short .ds-section-cta-img > *:first-child {
  max-width: 100%;
}

@media screen and (min-width: 768px) {
  .ds-section-cta {
    flex-flow: column;
    justify-content: center;
    min-height: 480px;
    padding: 80px var(--ds-layout-padding);
  }

  .ds-section-cta-img > *:first-child {
    max-width: 100%;
  }

  .ds-section-cta > * {
    position: relative;
    z-index: 1;
    max-width: 70%;
  }

  .ds-section-cta-img {
    z-index: 0;
    position: absolute;
    left: 42%;
    top: 50%;
    transform: translateY(-50%);
    width: 880px;
    max-width: none;
  }

  .ds-section-cta-short {
    padding: 64px var(--ds-layout-padding);
    min-height: 410px;
  }

  .ds-section-cta-short .ds-section-cta-img > *:first-child {
    width: 480px;
  }
}

@media screen and (min-width: 992px) {
  .ds-section-cta {
    min-height: 700px;
  }

  .ds-section-cta > * {
    max-width: 60%;
  }

  .ds-section-cta-img {
    left: 30%;
    width: 1180px;
    max-width: none;
  }

  .ds-section-cta-short {
    padding: 80px var(--ds-layout-padding);
    min-height: 410px;
  }
}

@media screen and (min-width: 1280px) {
  .ds-section-cta {
    padding: 120px var(--ds-layout-padding);
  }

  .ds-section-cta > * {
    max-width: min(55%, 580px);
  }

  .ds-section-cta-img {
    max-width: none;
    left: 25%;
  }

  .ds-section-cta-short {
    padding: 80px var(--ds-layout-padding);
    min-height: 410px;
  }

  .ds-section-cta-short .ds-section-cta-img {
    width: 1300px;
  }
}

.ds-section-cta-icon-row {
  display: grid;
  grid: 1fr / min-content 1fr;
  grid-gap: var(--ds-layout-spacing-s);
  align-items: center;
  font: var(--ds-font-body-l);
}

.ds-section-cta-icon-row svg {
  width: 24px;
  height: 24px;
}

@media screen and (min-width: 768px) {
  .ds-section-cta-icon-row {
    grid-gap: var(--ds-layout-spacing-m);
    font: 500 var(--ds-font-headline-s);
  }

  .ds-section-cta-icon-row svg {
    width: 32px;
    height: 32px;
  }
}

.ds-section-wave {
  display: flex;
  position: relative;
  z-index: 1;
  color: var(--ds-color-gray-800);
}

.ds-section-wave.ds-section-wave-bottom {
  flex-direction: row-reverse;
}

.ds-section-wave svg {
  flex: 0 0 auto;
  display: block;
}

.ds-section-two-columns {
  display: flex;
  flex-flow: column;
  gap: var(--ds-layout-spacing-l);
}

.ds-section-two-columns a {
  color: inherit;
  text-decoration: underline;
}

@media screen and (min-width: 768px) {
  .ds-section-two-columns {
    display: grid;
    grid: auto / 1fr min(50%, 532px);
    gap: var(--ds-layout-spacing-4xl);
    justify-content: space-between;
    align-items: center;
  }

  .ds-section-two-columns-reverse {
    grid: auto / min(50%, 532px) 1fr;
    grid-auto-flow: column;
  }

  .ds-section-two-columns-reverse img {
    grid-column: 2;
  }
}

.ds-container {
  max-width: var(--ds-layout-container-max-width);
  margin: 0 auto;
  padding-left: var(--ds-layout-padding);
  padding-right: var(--ds-layout-padding);
}

.ds-container-short {
  --ds-layout-container-max-width: 640px;
}

.ds-list {
  margin: 0;
  padding: 0;
  padding-left: 32px;
}

.ds-list li {
  font: inherit;
  padding-left: 8px;
}

.ds-button,
.ds-button-large,
.ds-button-small {
  display: inline-flex;
  gap: var(--ds-layout-spacing-s);
  align-items: center;
  justify-content: center;
  vertical-align: top;
  text-transform: uppercase;
  text-align: center;
  color: var(--ds-color-white);
  background: var(--ds-color-primary-500);
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.12);
  border: 1px solid var(--ds-color-primary-500);
}

@media screen and (min-width: 768px) {
  .ds-button,
  .ds-button-large {
    font: 700 var(--ds-font-button-m);
  }
}

.ds-button:hover,
.ds-button-large:hover,
.ds-button-small:hover {
  background-color: var(--ds-color-primary-700);
  border: 1px solid var(--ds-color-primary-700);
}

.ds-button:focus,
.ds-button-large:focus,
.ds-button-small:focus {
  outline: none;
}

.ds-button:focus-visible,
.ds-button-large:focus-visible,
.ds-button-small:focus-visible {
  box-shadow: 0 0 0 4px var(--ds-color-gray-500);
}

.ds-button {
  padding: 14px 20px;
  border-radius: 48px;
  font: 700 var(--ds-font-button-s);
  width: 100%;
}

@media screen and (min-width: 768px) {
  .ds-button {
    padding: 13px 20px;
    border-radius: 40px;
    width: auto;
  }
}

.ds-button-small {
  padding: 8px 12px;
  border-radius: 24px;
  font: 700 var(--ds-font-button-s);
}

.ds-button-small svg {
  width: 24px;
  height: 24px;
}

.ds-button-large {
  font: 700 var(--ds-font-button-m);
  padding: 11px 24px;
  border-radius: 50px;
  width: 100%;
}

@media screen and (min-width: 768px) {
  .ds-button-large {
    padding: 16px 24px;
    width: auto;
  }
}

input + .ds-button,
input + .ds-button-large {
  width: auto;
}

.ds-button-outline {
  background: transparent;
  border: 1px solid var(--ds-color-gray-600);
}

.ds-button-outline:hover {
  border-color: white;
  background: var(--ds-color-gray-700);
}

.ds-button-transparent {
  background: transparent;
  border: none;
  box-shadow: none;
}

.ds-button-transparent:hover {
  background: var(--ds-color-gray-700);
  border: none;
  box-shadow: none;
}

.ds-button-success {
  background: var(--ds-color-success-500);
  border: 1px solid var(--ds-color-success-500);
}

.ds-button-success:hover {
  background: var(--ds-color-success-700);
  border: 1px solid var(--ds-color-success-700);
}

@media screen and (min-width: 768px) {
  .ds-button-wide {
    min-width: 400px;
  }
}

.ds-badge {
  font: var(--ds-font-body-xs);
  color: var(--ds-color-white);
  display: inline-block;
  background: var(--ds-color-gray-800);
  border: 1px solid var(--ds-color-gray-600);
  border-radius: 4px;
  padding: 4px 8px;
}

.ds-textbox {
  color: var(--ds-color-gray-400);
  background: var(--ds-color-gray-800);
  padding: var(--ds-layout-spacing-m);
  border-radius: 8px;
}

.ds-modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: grid;
  place-items: center;
  background: rgba(18, 18, 28, 0.6);
  backdrop-filter: blur(4px);
  z-index: var(--ds-layout-z-index-modal);
  padding: var(--ds-layout-spacing-m);
  opacity: 0;
  visibility: hidden;
  overflow-y: scroll;
  overscroll-behavior: contain;
}

.ds-modal.ds-modal-open {
  opacity: 1;
  visibility: visible;
  transition: opacity 0.3s ease-in-out;
}

.ds-modal-content {
  position: relative;
  display: grid;
  justify-content: center;
  background: var(--ds-color-gray-700);
  box-shadow: 30px 60px 120px rgba(0, 0, 0, 0.6);
  border-radius: 16px;
  width: 100%;
  max-width: 900px;
  padding: min(5vw, 60px) var(--ds-layout-spacing-m);
}

.ds-modal-content > * {
  max-width: 580px;
}

.ds-modal-close {
  z-index: 1000;
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 20px;
  right: 20px;
  background: var(--ds-color-gray-700);
  border: none;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  color: var(--ds-color-white);
  cursor: pointer;
}

.ds-modal-close svg {
  width: 32px;
  height: 32px;
}

@media screen and (min-width: 768px) {
  .ds-modal-close {
    position: absolute;
    top: 40px;
    right: 40px;
  }
}

.ds-product-grid {
  display: flex;
  flex-flow: column;
  gap: var(--ds-layout-spacing-m);
}

.ds-product-grid > * {
  display: flex;
  align-items: center;
  gap: var(--ds-layout-spacing-m);
  background: var(--ds-color-gray-700);
  border: 1px solid var(--ds-color-gray-600);
  box-shadow: 30px 60px 80px rgba(0, 0, 0, 0.15);
  border-radius: 16px;
  padding: var(--ds-layout-spacing-l);
}

.ds-product-grid a {
  color: inherit;
  text-decoration: underline;
  font-weight: 500;
}

.ds-product-grid svg {
  min-width: 120px;
  min-height: 120px;
  max-width: 120px;
  max-height: 120px;
}

@media screen and (min-width: 992px) {
  .ds-product-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
  }

  .ds-product-grid > * {
    flex-flow: column;
  }

  .ds-product-grid svg {
    min-width: 160px;
    min-height: 160px;
    max-width: 160px;
    max-height: 160px;
  }
}

@media screen and (min-width: 1280px) {
  .ds-product-grid {
    gap: var(--ds-layout-spacing-2xl);
  }
}

.ds-learn-more {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 900;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 22px 10px 0px;
  background: linear-gradient(180deg, rgba(18, 18, 28, 0) 0%, #12121c 100%);
  transition: opacity 0.3s ease-in-out;
}

.ds-learn-more a {
  padding: 10px;
}

.ds-learn-more.hidden {
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
  transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
}

.ds-faq {
  max-width: 800px;
  margin: 0 auto;
  color: var(--ds-color-gray-300);
}

.ds-faq h3 {
  font: var(--ds-font-headline-s);
  border-top: 1px solid var(--ds-color-gray-600);
  padding-top: 24px;
  color: var(--ds-color-white);
}

.ds-faq h3:first-child {
  border-top: none;
  padding-top: 0;
}

.ds-faq p,
.ds-faq ul {
  font: var(--ds-font-body-l);
  margin-bottom: 16px;
}

.ds-faq li {
  font: var(--ds-font-body-l);
}

.ds-faq p + h3 {
  margin-top: 24px;
}

.ds-faq-button {
  margin: 32px 0 0;
  text-align: center;
}

.ds-faq-help {
  margin: 40px auto 0;
  border-radius: 16px;
  padding: 40px 24px;
}

@media screen and (min-width: 768px) {
  .ds-faq-help {
    margin-top: 64px;
  }

  .ds-faq-button {
    margin-top: 48px;
  }
}

@media screen and (min-width: 1280px) {
  .ds-faq-help {
    margin-top: 80px;
  }
}

/* Form Components */

.ds-form-field {
  font: var(--ds-font-body-l);
  font-weight: 400;
  color: var(--ds-color-white);
  background: var(--ds-color-gray-800);
  padding: 10px 20px;
  border: 1px solid var(--ds-color-gray-500);
  border-radius: 24px;
  outline: none;
}

.ds-form-field-large {
  font: var(--ds-font-body-xl);
  font-weight: 400;
}

.ds-form-field::placeholder {
  color: var(--ds-color-gray-400);
}

.ds-form-field:hover {
  border: 1px solid var(--ds-color-white);
}

.ds-form-field:focus {
  outline: none;
}

.ds-form-field:focus-visible {
  box-shadow: 0 0 0 4px var(--ds-color-gray-500);
}

.ds-form-error .ds-form-field,
.ds-form-field.ds-form-error {
  border: 1px solid var(--ds-color-error-400);
}

select.ds-form-field {
  appearance: none;
  background: var(--ds-color-gray-800) no-repeat top 50% right 16px
    url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.96967 8.46967C4.26256 8.17678 4.73744 8.17678 5.03033 8.46967L12 15.4393L18.9697 8.46967C19.2626 8.17678 19.7374 8.17678 20.0303 8.46967C20.3232 8.76256 20.3232 9.23744 20.0303 9.53033L12.5303 17.0303C12.2374 17.3232 11.7626 17.3232 11.4697 17.0303L3.96967 9.53033C3.67678 9.23744 3.67678 8.76256 3.96967 8.46967Z' fill='white'/%3E%3C/svg%3E%0A");
}

.ds-form-checkbox {
  width: 16px;
  height: 16px;
  background: var(--ds-color-gray-800) no-repeat center;
  border: 1px solid var(--ds-color-gray-500);
  border-radius: 4px;
  display: block;
  appearance: none;
}

.ds-form-checkbox:checked {
  border-color: var(--ds-color-primary-500);
  background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMC41ODkzIDIuNDEwMDhDMTAuOTE0NyAyLjczNTUxIDEwLjkxNDcgMy4yNjMxMiAxMC41ODkzIDMuNTg4NTVMNS4wODkyOCA5LjA4ODU1QzQuNzYzODYgOS40MTM5NyA0LjIzNjI0IDkuNDEzOTcgMy45MTA4MiA5LjA4ODU1TDEuNDEwODIgNi41ODg1NUMxLjA4NTM5IDYuMjYzMTIgMS4wODUzOSA1LjczNTUxIDEuNDEwODIgNS40MTAwOEMxLjczNjI0IDUuMDg0NjYgMi4yNjM4NiA1LjA4NDY2IDIuNTg5MjggNS40MTAwOEw0LjUwMDA1IDcuMzIwODVMOS40MTA4MiAyLjQxMDA4QzkuNzM2MjQgMi4wODQ2NiAxMC4yNjM5IDIuMDg0NjYgMTAuNTg5MyAyLjQxMDA4WiIgZmlsbD0iIzAwQUVGMCIvPgo8L3N2Zz4=');
}

.ds-form-checkbox:focus {
  outline: none;
}

.ds-form-checkbox:focus-visible {
  box-shadow: 0 0 0 4px var(--ds-color-gray-600);
}

.ds-form-checkbox.ds-form-error {
  border-color: var(--ds-color-error-400);
}

.ds-form-label {
  margin: 0;
  font-weight: inherit;
}

.ds-form-label input[type='radio'] {
  width: 24px;
  height: 24px;
  background: var(--ds-color-gray-800);
  border: 1px solid var(--ds-color-gray-500);
  border-radius: 12px;
  appearance: none;
}

.ds-form-label input[type='radio']:checked {
  border-color: var(--ds-color-primary-500);
  background: var(--ds-color-gray-800) no-repeat center
    url("data:image/svg+xml,%3Csvg width='16' height='12' viewBox='0 0 16 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M14.8838 0.754774C15.3719 1.24291 15.3719 2.03433 14.8838 2.52247L6.6338 10.7725C6.14566 11.2606 5.35424 11.2606 4.8661 10.7725L1.1161 7.02247C0.627966 6.53434 0.627966 5.74291 1.1161 5.25477C1.60424 4.76664 2.39566 4.76664 2.8838 5.25477L5.74995 8.12093L13.1161 0.754774C13.6042 0.266638 14.3957 0.266638 14.8838 0.754774Z' fill='%2300AEF0'/%3E%3C/svg%3E%0A");
}

.ds-form-error-msg {
  padding: 0 var(--ds-layout-spacing-s);
}

.ds-form-error-msg:empty:before {
  display: inline-block;
  content: ' ';
  min-height: 1em;
}

/* Testimonials */

.ds-testimonials {
  margin: 0 calc(var(--ds-layout-padding) * -1);
}

.ds-testimonials-controls {
  display: grid;
  grid-auto-flow: column;
  grid-gap: var(--ds-layout-spacing-l);
  padding: var(--ds-layout-spacing-xl) 0;
}

.ds-testimonial {
  display: grid;
  grid: 1fr / 1fr;
  grid-gap: var(--ds-layout-spacing-m);
  padding: var(--ds-layout-spacing-l);
  border-radius: 8px;
  background: var(--ds-color-gray-700);
  height: 100%;
}

.ds-testimonials-bullets {
  display: grid;
  grid-auto-flow: column;
  grid-gap: var(--ds-layout-spacing-l);
  align-items: center;
}

.ds-testimonials-bullets button {
  background: var(--ds-color-gray-600);
  width: 8px;
  height: 8px;
  border-radius: 8px;
  padding: 0;
}

.ds-testimonials-bullets button[class*='active'] {
  background: var(--ds-color-white);
}

.ds-testimonials-button {
  display: grid;
  place-items: center;
  background: none;
}

.ds-carousel {
  position: relative;
}

.ds-carousel-prev,
.ds-carousel-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  appearance: none;
  background: none;
  border: none;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
}

.ds-carousel-prev {
  left: 2px;
}

.ds-carousel-next {
  right: 2px;
}

.ds-carousel-prev:active,
.ds-carousel-next:active {
  transform: translateY(-50%) scale(0.9);
}

.ds-carousel-slider {
  display: flex;
  flex-flow: row nowrap;
  overflow: auto;
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
}

.ds-carousel-slider::-webkit-scrollbar {
  display: none;
}

.ds-carousel-slider > * {
  scroll-snap-align: start;
}

/* UI Helpers */

.ds-overflow {
  overflow: visible;
}

/* Colors */

.ds-color-gray-900 {
  color: var(--ds-color-gray-900);
}
.ds-color-gray-800 {
  color: var(--ds-color-gray-800);
}
.ds-color-gray-700 {
  color: var(--ds-color-gray-700);
}
.ds-color-gray-600 {
  color: var(--ds-color-gray-600);
}
.ds-color-gray-500 {
  color: var(--ds-color-gray-500);
}
.ds-color-gray-400 {
  color: var(--ds-color-gray-400);
}
.ds-color-gray-300 {
  color: var(--ds-color-gray-300);
}
.ds-color-white {
  color: var(--ds-color-white);
}

.ds-color-primary-700 {
  color: var(--ds-color-primary-700);
}
.ds-color-primary-500 {
  color: var(--ds-color-primary-500);
}
.ds-color-secondary-500 {
  color: var(--ds-color-secondary-500);
}

.ds-color-newsletter-500 {
  color: var(--ds-color-newsletter-500);
}

.ds-color-success-500 {
  color: var(--ds-color-success-500);
}
.ds-color-warning-500 {
  color: var(--ds-color-warning-500);
}
.ds-color-error-500 {
  color: var(--ds-color-error-500);
}
.ds-color-error-400 {
  color: var(--ds-color-error-400);
}

.ds-color-gradient-newsletter {
  background: var(--ds-color-gradient-newsletter);
}

.ds-color-gradient-browser {
  background: var(--ds-color-gradient-browser);
}

.ds-color-gradient-home {
  background: var(--ds-color-gradient-home);
}

.ds-color-gradient-enterprise {
  background: var(--ds-color-gradient-enterprise);
}

.ds-color-gradient-gray {
  background: var(--ds-color-gradient-gray);
}

.ds-color-gradient-newsletter,
.ds-color-gradient-browser,
.ds-color-gradient-home,
.ds-color-gradient-enterprise,
.ds-color-gradient-gray {
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}

/* Backgrounds */

.ds-bg-gray-900 {
  background-color: var(--ds-color-gray-900);
}
.ds-bg-gray-800 {
  background-color: var(--ds-color-gray-800);
}
.ds-bg-gray-700 {
  background-color: var(--ds-color-gray-700);
}
.ds-bg-gray-600 {
  background-color: var(--ds-color-gray-600);
}
.ds-bg-gray-500 {
  background-color: var(--ds-color-gray-500);
}
.ds-bg-gray-400 {
  background-color: var(--ds-color-gray-400);
}
.ds-bg-gray-300 {
  background-color: var(--ds-color-gray-300);
}
.ds-bg-white {
  background-color: var(--ds-color-white);
}
.ds-bg-gradient-gray {
  background: var(--ds-color-gradient-gray);
}

/* Margins */

.ds-margin-section {
  margin: var(--ds-layout-spacing-section) 0;
}

.ds-margin-v-5xl {
  margin: var(--ds-layout-spacing-5xl) 0;
}
.ds-margin-v-4xl {
  margin: var(--ds-layout-spacing-4xl) 0;
}
.ds-margin-v-3xl {
  margin: var(--ds-layout-spacing-3xl) 0;
}
.ds-margin-v-2xl {
  margin: var(--ds-layout-spacing-2xl) 0;
}
.ds-margin-v-xl {
  margin: var(--ds-layout-spacing-xl) 0;
}
.ds-margin-v-l {
  margin: var(--ds-layout-spacing-l) 0;
}
.ds-margin-v-m {
  margin: var(--ds-layout-spacing-m) 0;
}
.ds-margin-v-s {
  margin: var(--ds-layout-spacing-s) 0;
}
.ds-margin-v-xs {
  margin: var(--ds-layout-spacing-xs) 0;
}

.ds-margin-h-5xl {
  margin: 0 var(--ds-layout-spacing-5xl);
}
.ds-margin-h-4xl {
  margin: 0 var(--ds-layout-spacing-4xl);
}
.ds-margin-h-3xl {
  margin: 0 var(--ds-layout-spacing-3xl);
}
.ds-margin-h-2xl {
  margin: 0 var(--ds-layout-spacing-2xl);
}
.ds-margin-h-xl {
  margin: 0 var(--ds-layout-spacing-xl);
}
.ds-margin-h-l {
  margin: 0 var(--ds-layout-spacing-l);
}
.ds-margin-h-m {
  margin: 0 var(--ds-layout-spacing-m);
}
.ds-margin-h-s {
  margin: 0 var(--ds-layout-spacing-s);
}
.ds-margin-h-xs {
  margin: 0 var(--ds-layout-spacing-xs);
}

.ds-margin-t-5xl {
  margin-top: var(--ds-layout-spacing-5xl);
}
.ds-margin-t-4xl {
  margin-top: var(--ds-layout-spacing-4xl);
}
.ds-margin-t-3xl {
  margin-top: var(--ds-layout-spacing-3xl);
}
.ds-margin-t-2xl {
  margin-top: var(--ds-layout-spacing-2xl);
}
.ds-margin-t-xl {
  margin-top: var(--ds-layout-spacing-xl);
}
.ds-margin-t-l {
  margin-top: var(--ds-layout-spacing-l);
}
.ds-margin-t-m {
  margin-top: var(--ds-layout-spacing-m);
}
.ds-margin-t-s {
  margin-top: var(--ds-layout-spacing-s);
}
.ds-margin-t-xs {
  margin-top: var(--ds-layout-spacing-xs);
}

.ds-margin-r-5xl {
  margin-right: var(--ds-layout-spacing-5xl);
}
.ds-margin-r-4xl {
  margin-right: var(--ds-layout-spacing-4xl);
}
.ds-margin-r-3xl {
  margin-right: var(--ds-layout-spacing-3xl);
}
.ds-margin-r-2xl {
  margin-right: var(--ds-layout-spacing-2xl);
}
.ds-margin-r-xl {
  margin-right: var(--ds-layout-spacing-xl);
}
.ds-margin-r-l {
  margin-right: var(--ds-layout-spacing-l);
}
.ds-margin-r-m {
  margin-right: var(--ds-layout-spacing-m);
}
.ds-margin-r-s {
  margin-right: var(--ds-layout-spacing-s);
}
.ds-margin-r-xs {
  margin-right: var(--ds-layout-spacing-xs);
}

.ds-margin-b-5xl {
  margin-bottom: var(--ds-layout-spacing-5xl);
}
.ds-margin-b-4xl {
  margin-bottom: var(--ds-layout-spacing-4xl);
}
.ds-margin-b-3xl {
  margin-bottom: var(--ds-layout-spacing-3xl);
}
.ds-margin-b-2xl {
  margin-bottom: var(--ds-layout-spacing-2xl);
}
.ds-margin-b-xl {
  margin-bottom: var(--ds-layout-spacing-xl);
}
.ds-margin-b-l {
  margin-bottom: var(--ds-layout-spacing-l);
}
.ds-margin-b-m {
  margin-bottom: var(--ds-layout-spacing-m);
}
.ds-margin-b-s {
  margin-bottom: var(--ds-layout-spacing-s);
}
.ds-margin-b-xs {
  margin-bottom: var(--ds-layout-spacing-xs);
}

.ds-margin-l-5xl {
  margin-left: var(--ds-layout-spacing-5xl);
}
.ds-margin-l-4xl {
  margin-left: var(--ds-layout-spacing-4xl);
}
.ds-margin-l-3xl {
  margin-left: var(--ds-layout-spacing-3xl);
}
.ds-margin-l-2xl {
  margin-left: var(--ds-layout-spacing-2xl);
}
.ds-margin-l-xl {
  margin-left: var(--ds-layout-spacing-xl);
}
.ds-margin-l-l {
  margin-left: var(--ds-layout-spacing-l);
}
.ds-margin-l-m {
  margin-left: var(--ds-layout-spacing-m);
}
.ds-margin-l-s {
  margin-left: var(--ds-layout-spacing-s);
}
.ds-margin-l-xs {
  margin-left: var(--ds-layout-spacing-xs);
}
.ds-article {
  color: var(--ds-color-gray-300);
  padding-bottom: 40px;
}

.ds-article h1 {
  font: var(--ds-font-display-xl);
  font-weight: 700;
  text-transform: uppercase;
  color: var(--ds-color-white);
  text-align: center;
  margin: 16px 0 24px;
}

.ds-article h2 {
  font: var(--ds-font-headline-m);
  margin: 40px 0 16px;
  color: var(--ds-color-white);
}

.ds-article h3 {
  font: var(--ds-font-headline-s);
  margin: 40px 0 16px;
  color: var(--ds-color-white);
}

.ds-article h2 + h3 {
  margin-top: 16px;
}

.ds-article h4 {
  font: var(--ds-font-label-xl);
  margin: 40px 0 16px;
  color: var(--ds-color-white);
}

.ds-article p {
  font: var(--ds-font-body-xl);
  margin: 16px 0;
  word-break: break-word;
  overflow-wrap: anywhere;
}

.ds-article li {
  font: var(--ds-font-body-xl);
  margin-bottom: 16px;
}

.ds-article a {
  color: var(--ds-color-white);
  text-decoration: underline;
}

.ds-article a:hover:not(.ds-button, .ds-button-large) {
  text-decoration: underline;
}

.ds-article .block-img {
  border-radius: 16px;
  overflow: hidden;
  margin: 24px 0 40px;
}

.ds-article .block-img img {
  width: 100%;
  height: auto;
}

.ds-article gh-cta {
  background: var(--ds-color-gray-700);
}

.ds-article-container {
  max-width: 640px;
  margin: 0 auto;
  box-sizing: content-box;
}

.ds-article-header {
  max-width: 940px;
  margin: 0 auto 32px;
  box-sizing: border-box;
}

.ds-article-header h1 {
  max-width: 740px;
  margin: 0 auto;
  text-align: center;
}

.ds-article-header h4 {
  font: var(--ds-font-headline-xs);
  text-align: center;
  margin: 0 0 8px;
  text-transform: uppercase;
}

.ds-article-header img {
  display: block;
  margin: 24px 0;
  border-radius: 16px;
  overflow: hidden;
}

a.ds-article-back-button {
  margin: 16px 0 24px;
}

@media screen and (min-width: 992px) {
  a.ds-article-back-button {
    margin: 24px 0 40px;
  }

  .ds-article-header {
    margin-bottom: 64px;
  }

  .ds-article-header h4 {
    margin-bottom: 16px;
  }

  .ds-article-header img {
    margin: 40px 0;
  }

  .ds-article h2 {
    margin-top: 64px;
  }
}
.ds-blog-container {
  margin-top: 24px;
  margin-bottom: 40px;
}

.ds-blog-rss-button {
  display: inline-flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
  padding: 10px 16px;
  gap: 8px;
  font: 500 var(--ds-font-label-m);
  background: rgba(32, 34, 37, 0.5);
  color: var(--ds-color-white);
  border-radius: 100px;
}

.ds-blog-rss-button:hover,
.ds-blog-rss-button:focus,
.ds-blog-rss-button:active {
  color: var(--ds-color-primary-500);
  background: rgba(32, 34, 37, 1);
}

.ds-blog-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
  margin: 24px 0;
}

.ds-blog-related {
  padding-top: 40px;
  padding-bottom: 40px;
}

.ds-blog-related .ds-blog-grid {
  margin: 0;
}

.ds-blog-post {
  display: flex;
  flex-flow: column nowrap;
}

.ds-blog-post-img {
  position: relative;
  display: block;
  border-radius: 16px;
  overflow: hidden;
  padding-top: 56.25;
  aspect-ratio: 16 / 9;
  background: var(--ds-color-gray-800);
  -webkit-mask-image: -webkit-radial-gradient(white, black);
}

.ds-blog-post-img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.3s cubic-bezier(0.4, 0.15, 0, 1);
}

.ds-blog-post-content {
  padding: 12px;
  margin-top: 4px;
  border-radius: 16px;
  transition: background 0.3s cubic-bezier(0.4, 0.15, 0, 1);
}

.ds-blog-post-content div:first-child {
  text-transform: uppercase;
}

.ds-blog-post:hover img {
  transform: translateY(4px) scale(1.1);
}

.ds-blog-post:hover .ds-blog-post-content {
  background: var(--ds-color-gray-800);
}

.ds-blog-grid.span .ds-blog-post:first-child {
  grid-column: span 2;
}

.ds-blog-grid.span .ds-blog-post:first-child h4 {
  font: var(--ds-font-label-xl);
  font-weight: 500;
}

.ds-blog-faq {
  margin-top: 40px;
  padding-bottom: 80px;
}

@media screen and (min-width: 768px) {
  .ds-blog-container {
    margin-top: 32px;
  }

  .ds-blog-grid {
    gap: 40px;
    margin: 40px 0;
  }

  .ds-blog-grid.span .ds-blog-post:first-child {
    flex-flow: row nowrap;
  }

  .ds-blog-grid.span .ds-blog-post:first-child .ds-blog-post-img {
    max-width: 580px;
    flex: 4;
  }

  .ds-blog-grid.span .ds-blog-post:first-child .ds-blog-post-content {
    flex: 3 1;
    display: flex;
    flex-flow: column;
    justify-content: center;
    margin: 0 0 0 12px;
    padding: 12px;
  }

  .ds-blog-grid.span .ds-blog-post:first-child h4 {
    font: var(--ds-font-headline-s);
    font-weight: 500;
  }

  .ds-blog-faq {
    margin-top: 80px;
    padding-bottom: 120px;
  }
}

@media screen and (min-width: 992px) {
  .ds-blog-container {
    margin-bottom: 64px;
  }

  .ds-blog-grid {
    grid-template-columns: repeat(3, 1fr);
  }

  .ds-blog-grid.span .ds-blog-post:first-child {
    grid-column: span 3;
  }

  .ds-blog-grid.span .ds-blog-post:first-child .ds-blog-post-content {
    margin-left: 24px;
    padding: 16px;
  }

  .ds-blog-grid.span .ds-blog-post:first-child h4 {
    font: var(--ds-font-headline-l);
    font-weight: 500;
  }

  .ds-blog-grid.span .ds-blog-post:first-child div:last-child {
    font: var(--ds-font-label-l);
    font-weight: 500;
  }
}

@media screen and (min-width: 1280px) {
  .ds-blog-related {
    padding-top: 64px;
    padding-bottom: 64px;
  }

  .ds-blog-grid.span .ds-blog-post:first-child {
    margin-bottom: 40px;
  }
}

@media screen and (max-width: 991px) {
  .ds-blog-related .ds-blog-grid {
    grid-template-rows: 1fr;
    grid-auto-rows: 0;
    overflow: hidden;
  }
}
.ds-browser-header p {
  margin-bottom: 0;
}

.ds-browser-download-button,
.ds-browser-download-button:hover {
  border: none;
  background: linear-gradient(133.59deg, #ff7e74 0%, #00aef0 100%);
}

.ds-browser-download {
  margin: 24px 0;
}

@media screen and (min-width: 768px) {
  .ds-browser-download {
    margin: 40px 0;
  }

  .ds-browser-download-button {
    min-width: 280px;
  }

  .ds-browser-download-platforms {
    white-space: nowrap;
  }
}

.ds-browser-select {
  appearance: none;
  background: none;
  border: none;
  padding: 0 24px 0 8px;
  margin: 0 8px;
  color: var(--ds-color-white);
  font: inherit;
  background-image: url("data:image/svg+xml,%3Csvg width='12' height='7' viewBox='0 0 12 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.646447 0.647423C0.841709 0.452161 1.15829 0.452161 1.35355 0.647423L6 5.29387L10.6464 0.647423C10.8417 0.452161 11.1583 0.452161 11.3536 0.647423C11.5488 0.842685 11.5488 1.15927 11.3536 1.35453L6.35355 6.35453C6.15829 6.54979 5.84171 6.54979 5.64645 6.35453L0.646447 1.35453C0.451184 1.15927 0.451184 0.842685 0.646447 0.647423Z' fill='white'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: right 8px top 50%;
}

.ds-browser-numbers-grid {
  display: flex;
  flex-flow: column;
  grid-gap: 20px 32px;
  margin: 40px 0;
  text-align: center;
}

@media screen and (min-width: 768px) {
  .ds-browser-numbers-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 40px 32px;
    margin: 64px 0;
  }
}

@media screen and (min-width: 1280px) {
  .ds-browser-numbers-grid {
    margin: 80px 0;
  }
}
.ds-contribution-section-cta {
  display: flex;
  flex-flow: column-reverse;
  padding-top: 32px;
  padding-bottom: 0;
}

.ds-contribution-section-cta > *:first-child {
  max-width: 240px;
  margin: 0 auto;
}

.ds-contribution-section-cta-button {
  display: flex;
  flex-flow: column;
  margin: 24px 0;
}

.ds-contribution-section-cta-products {
  display: grid;
  grid: auto / max-content 1fr;
  gap: 24px;
  margin: 24px 0;
}

.ds-contribution-section-cta-products > div:nth-child(odd) {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 56px;
  height: 56px;
  border-radius: 50%;
  background-color: var(--ds-color-gray-800);
  margin-right: -8px;
}

@media screen and (min-width: 768px) {
  .ds-contribution-section-cta > div > p {
    max-width: 520px;
  }

  .ds-contribution-section-cta-button {
    display: block;
  }

  .ds-contribution-section-cta-products {
    grid: auto / repeat(2, max-content 1fr);
    gap: 40px;
    margin: 32px 0;
  }

  .ds-contribution-section-cta-products > div:nth-child(odd) {
    margin-right: -24px;
  }
}

@media screen and (min-width: 1024px) {
  .ds-contribution-section-cta {
    display: grid;
    grid: auto / 1fr max-content;
    gap: 40px;
    padding-top: 40px;
  }

  .ds-contribution-section-cta > *:first-child {
    max-width: 320px;
  }

  .ds-contribution-section-cta-button {
    margin: 40px 0 40px;
  }
}

.ds-contribution-info {
  flex-flow: column-reverse;
}

.ds-contribution-support {
  display: flex;
  flex-flow: column;
  gap: 40px;
  max-width: 594px;
  margin: 0 auto;
  padding-top: var(--ds-layout-spacing-2xl);
}

@media screen and (min-width: 1280px) {
  .ds-contribution-support {
    display: grid;
    grid: auto / min(50%, 532px) 1fr;
    align-items: center;
    max-width: 100%;
  }
}

.ds-contribution-pricing {
  display: flex;
  flex-flow: column;
  gap: 8px;
  border-radius: 16px;
  box-shadow: 30px 60px 160px rgba(0, 0, 0, 0.4);
  padding: 24px 16px;
  text-align: center;
}

.ds-contribution-pricing.contributor .free-account {
  display: none;
}
.ds-contribution-pricing.free-account .contributor {
  display: none;
}
.ds-contribution-pricing.yearly .monthly {
  display: none;
}
.ds-contribution-pricing.monthly .yearly {
  display: none;
}
.ds-contribution-pricing.plus .premium {
  display: none;
}
.ds-contribution-pricing.premium .plus {
  display: none;
}

.ds-contribution-pricing-description {
  max-width: 340px;
  margin-left: auto;
  margin-right: auto;
}

.ds-contribution-pricing-payment {
  display: flex;
  flex-flow: column;
  gap: 16px 32px;
  padding: 0 8px;
}

.ds-contribution-pricing-payment label {
  display: grid;
  grid: min-content min-content / min-content 1fr;
  column-gap: 8px;
  text-align: left;
  min-width: 200px;
}

.ds-contribution-pricing-payment label input {
  grid-row: span 2;
  align-self: start;
}

.ds-contribution-pricing-table {
  display: flex;
  gap: 8px;
  margin: 0 -8px 16px;
}

.ds-contribution-pricing-table button {
  display: flex;
  flex-flow: column;
  align-items: stretch;
  background: none;
  border: 1px solid var(--ds-color-gray-500);
  border-radius: 8px;
  padding: 16px 12px;
  margin: 1px;
  flex: 1;
}

.ds-contribution-pricing-table button div {
  display: flex;
  flex-flow: column;
}

.ds-contribution-pricing-table button p:last-child {
  border-top: 1px solid var(--ds-color-gray-500);
  padding-top: 8px;
  margin-top: 8px;
}

.ds-contribution-pricing-table button.selected {
  border-color: var(--ds-color-primary-500);
  border-width: 2px;
  margin: 0;
}

.ds-contribution-pricing-table button.selected div {
  color: var(--ds-color-primary-500);
}

.ds-contribution-pricing-table button.selected div > span:last-child {
  color: var(--ds-color-white);
}

@media screen and (min-width: 768px) {
  .ds-contribution-pricing {
    padding: 40px 24px;
  }

  .ds-contribution-pricing-payment {
    display: flex;
    flex-flow: row;
    justify-content: center;
  }

  .ds-contribution-pricing-table {
    margin-left: 0px;
    margin-right: 0px;
  }

  .ds-contribution-pricing-table button div {
    display: block;
  }

  .ds-contribution-pricing > a {
    margin: 16px 16px 8px;
  }
}

@media screen and (min-width: 1280px) {
  .ds-contribution-pricing {
    padding: 40px;
  }

  .ds-contribution-pricing > a {
    margin: 16px 0px 8px;
  }
}

.ds-contribution-table {
  display: grid;
  grid: auto / 8fr repeat(2, 3fr);
  column-gap: 16px;
  margin: 0 -12px;
}

.ds-contribution-table-mobile-heading-types {
  display: grid;
  grid: auto / 1fr 1fr;
  border: 1px solid var(--ds-color-gray-600);
  border-radius: 8px;
  margin: 40px -8px;
}

.ds-contribution-table-mobile-heading-types div {
  padding: 8px;
}

.ds-contribution-table-mobile-heading-types div:first-child {
  border-right: 1px solid var(--ds-color-gray-600);
}

.ds-contribution-table-mobile-heading-types a {
  height: 50px;
  white-space: normal;
  text-align: center;
  width: 100%;
  padding-top: 6px;
  padding-bottom: 6px;
}

.ds-contribution-table-mobile-heading-types p {
  min-height: 60px;
}

.ds-contribution-table-header {
  display: none;
}

.ds-contribution-table-legend {
  display: flex;
  align-items: center;
  justify-self: center;
  text-align: center;
  padding: 4px 8px;
  border-radius: 4px;
  margin-bottom: 8px;
  background: var(--ds-color-gray-800);
}

.ds-contribution-table-section {
  grid-column: span 3;
}

.ds-contribution-table-section p {
  display: flex;
  align-items: center;
  gap: 8px;
  background: var(--ds-color-gray-800);
  border-radius: 16px;
  padding: 16px;
}

.ds-contribution-table-cell {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 12px;
  border-bottom: 1px solid var(--ds-color-gray-600);
}

.ds-contribution-table-cell svg {
  margin: 0 auto;
}

.ds-contribution-table-tooltip {
  color: var(--ds-color-gray-400);
  display: inline-flex;
  align-items: center;
  vertical-align: text-top;
  margin-left: 4px;
  cursor: pointer;
}

.ds-contribution-table-tooltip:hover {
  color: var(--ds-color-white);
}

.ds-contribution-table-tooltip span {
  display: none;
  flex-flow: column;
  gap: 4px;
  position: absolute;
  bottom: calc(100% - 8px);
  left: 0;
  width: 320px;
  padding: 12px;
  box-sizing: border-box;
  color: var(--ds-color-white);
  background: #3f4146;
  box-shadow: 10px 20px 40px rgba(0, 0, 0, 0.4);
  border-radius: 8px;
}

.ds-contribution-table-tooltip:hover span {
  display: flex;
}

.ds-contribution-table-footer {
  grid-column: span 3;
  display: flex;
  flex-flow: column;
  text-align: center;
  padding: 16px 0;
}

@media screen and (min-width: 768px) {
  .ds-contribution-table {
    grid: auto / 4fr 3fr 3fr;
    margin: 0;
  }

  .ds-contribution-table-mobile-heading {
    display: none;
  }

  .ds-contribution-table-header {
    display: flex;
    flex-flow: column;
    padding-bottom: 40px;
    grid-column: span 1;
  }

  .ds-contribution-table-legend {
    display: none;
  }

  .ds-contribution-table-cell {
    padding: 16px;
  }

  .ds-contribution-table-cell svg {
    margin: 0;
  }

  .ds-contribution-table-footer {
    display: contents;
  }

  .ds-contribution-table-footer a {
    padding-left: 0;
    padding-right: 0;
    margin: 40px 0 0;
  }

  .ds-contribution-table-footer a:first-of-type {
    order: 1;
  }

  .ds-contribution-table-footer a:last-of-type {
    grid-column: 2 / 3;
  }

  .ds-contribution-table-footer h3,
  .ds-contribution-table-footer p {
    display: none;
  }
}

@media screen and (min-width: 1280px) {
  .ds-contribution-table {
    grid: auto / 2fr 1fr 1fr;
  }

  .ds-contribution-table-header:first-of-type {
    padding-right: 50%;
  }
}
.ds-comparison {
  color: var(--ds-color-gray-300);
}

.ds-comparison-header {
  display: flex;
  align-items: flex-end;
  position: relative;
  text-align: center;
  background: var(--ds-color-gray-700);
  padding-bottom: 8px;
  padding-top: 0;
}

.ds-comparison-header h1 {
  margin-top: 0;
}

.ds-comparison-header::before {
  z-index: 0;
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: var(--ds-color-gray-800)
    url("data:image/svg+xml,%3Csvg width='1440' height='525' viewBox='0 0 1440 525' fill='none' xmlns='http://www.w3.org/2000/svg' style='background: %232f3136'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M-560 0H0C132.548 0 240 107.452 240 240C240 242.827 239.951 245.642 239.854 248.445C239.951 251.616 240 254.927 240 258.38C240 499.88 461 499.88 720 499.88C979 499.88 1199 499.88 1199 258.38C1199 248.822 1199.38 240.358 1200.1 232.915C1203.85 103.644 1309.82 0 1440 0H2000V549H1440V549.38H0V549H-560V0Z' fill='%23202225'/%3E%3C/svg%3E")
    no-repeat center bottom;
  height: 525px;
}

.ds-comparison-header * {
  position: relative;
  z-index: 1;
}

.ds-comparison-header h2 {
  margin: 24px 0 8px;
}

.ds-comparison-header p {
  margin: 8px 0 0px;
  padding-bottom: 32px;
}

.ds-comparison-button {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
}

.ds-comparison-button a {
  text-decoration: none;
}

.ds-comparison-body *:first-child {
  margin-top: 0;
}

@media screen and (min-width: 768px) {
  .ds-comparison-header {
    padding-bottom: 0px;
    padding-top: 80px;
  }

  .ds-comparison-header img {
    display: block;
    margin: 40px auto;
  }

  .ds-comparison-header p {
    margin-bottom: 40px;
  }

  .ds-comparison-button {
    right: auto;
    left: 50%;
    transform: translateX(-50%);
  }
}
.ds-header.ds-header-home {
  background: var(--ds-color-gray-800);
}

.ds-home-header {
  overflow: hidden;
}

#ds-home-header-animation {
  background: url('https://images.prismic.io/ghostery/20c83a12-ea8f-45e0-9e1d-c14c8362ed40_bg_animation.png?auto=format')
    no-repeat center 1px;
  background-size: contain;
}

.ds-home-section-cta h2 {
  max-width: 230px;
}

.ds-home-section-cta-button p {
  max-width: 100%;
}

.ds-home-section-cta-video {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin-top: -8px;
}

.ds-home-video-container {
  padding: 0;
  border-radius: 16px;
  overflow: hidden;
}

.ds-home-video {
  max-width: 100%;
}

.ds-home-tools {
  position: relative;
  z-index: 2;
  display: flex;
  flex-flow: column nowrap;
  gap: 16px;
  padding-bottom: 40px;
}

.ds-home-tools > a {
  display: flex;
  flex-flow: column nowrap;
  text-align: center;
  align-items: center;
  gap: 16px;
  padding: 40px 0 0;
  background: linear-gradient(
    180deg,
    rgba(18, 19, 23, 0.5) 0%,
    rgba(18, 19, 23, 0) 100%
  );
  border: 1px solid var(--ds-color-gray-900);
  border-radius: 16px;
  box-shadow: 0px 40px 60px 0px #00000033, 0px 2px 0px 0px #ffffff1a inset;
  overflow: hidden;
}

.ds-home-tools > a:hover {
  background: var(--ds-color-gray-800);
}

.ds-home-tools > a:hover > div:last-child {
  background: rgba(255, 255, 255, 0.1);
}

.ds-home-tools > a:active {
  background: var(--ds-color-gray-900);
}

.ds-home-tools > a:active > div:last-child {
  background: transparent;
}

.ds-home-tools > a > div:last-child {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  padding: 16px;
  background: rgba(255, 255, 255, 0.02);
  align-self: stretch;
  border-top: 1px solid var(--ds-color-gray-900);
  box-shadow: inset 0 1px 0 var(--ds-color-gray-600);
}

.ds-home-tools-features {
  display: grid;
  grid-template-columns: max-content 1fr;
  text-align: left;
  align-items: center;
  gap: 8px;
  padding: 4px 24px;
  flex: 1;
}

.ds-home-features-section {
  padding-bottom: 0;
}

.ds-home-features-header {
  display: flex;
  gap: 24px;
  align-items: center;
}

.ds-home-features-header div {
  display: flex;
  flex-flow: column;
  gap: 4px;
}

.ds-home-products a:hover {
  color: var(--ds-color-primary-500);
}

.ds-home-products .ds-home-learn-more:hover {
  color: var(--ds-color-white);
}

.ds-home-logos {
  margin: 0 -20px;
  padding: 0 40px;
}

.ds-home-logos-prev {
  left: 2px;
}

.ds-home-logos-next {
  right: 2px;
}

.ds-home-logos-container img {
  flex: 0 0 calc(100% / 3);
  aspect-ratio: 2;
  min-width: 0;
}

.ds-home-reviews {
  margin: 0 -20px;
  padding: 0 40px;
}

.ds-home-reviews-gallery {
  display: flex;
  padding: 24px 0 40px;
  gap: 24px;
}

.ds-home-reviews-gallery > div {
  display: flex;
  flex-flow: column nowrap;
  width: 100%;
  flex-shrink: 0;
  gap: 24px;
  padding: 32px;
  border-radius: 16px;
  border: 1px solid var(--ds-color-gray-900, #121317);
  background: linear-gradient(
      180deg,
      rgba(18, 19, 23, 0.5) 0%,
      rgba(18, 19, 23, 0) 100%
    ),
    no-repeat 16px 12px
      url("data:image/svg+xml,%3Csvg width='64' height='51' viewBox='0 0 64 51' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M51.7863 0L64 6.68507C61.503 8.42428 59.1145 10.3265 56.8346 12.3918C54.5547 14.3485 52.4919 16.4138 50.6463 18.5878C48.8007 20.7618 47.335 23.0445 46.2494 25.4359C45.2723 27.8273 44.7294 30.3274 44.6209 32.9362L41.6896 30.3274C42.5581 29.8926 43.4266 29.6209 44.2952 29.5122C45.1637 29.4035 46.0322 29.3491 46.9008 29.3491C50.592 29.3491 53.5776 30.3274 55.8575 32.284C58.1374 34.1319 59.2773 36.6864 59.2773 39.9474C59.2773 43.0997 58.1374 45.7085 55.8575 47.7738C53.6862 49.8391 50.8092 50.8718 47.2265 50.8718C43.3181 50.8718 40.1696 49.7304 37.7812 47.4477C35.3927 45.165 34.1985 41.5236 34.1985 36.5233C34.1985 32.7188 34.6327 29.1317 35.5013 25.762C36.4784 22.2836 37.7269 19.0226 39.2468 15.979C40.7668 12.8266 42.6124 9.94609 44.7837 7.33727C46.955 4.61977 49.2892 2.17401 51.7863 0ZM17.4249 0L29.6387 6.68507C27.1416 8.42428 24.7532 10.3265 22.4733 12.3918C20.1934 14.3485 18.1306 16.4138 16.285 18.5878C14.5479 20.7618 13.1366 23.0445 12.0509 25.4359C10.9652 27.8273 10.3681 30.3274 10.2595 32.9362L7.32824 30.3274C8.30534 29.8926 9.17388 29.6209 9.93384 29.5122C10.8024 29.4035 11.6709 29.3491 12.5394 29.3491C16.3393 29.3491 19.3249 30.3274 21.4962 32.284C23.7761 34.1319 24.916 36.6864 24.916 39.9474C24.916 43.0997 23.7761 45.7085 21.4962 47.7738C19.3249 49.8391 16.4478 50.8718 12.8651 50.8718C8.95674 50.8718 5.80831 49.7304 3.41985 47.4477C1.13995 45.165 0 41.5236 0 36.5233C0 32.7188 0.434267 29.1317 1.3028 25.762C2.17133 22.2836 3.36556 19.0226 4.8855 15.979C6.514 12.8266 8.35963 9.94609 10.4224 7.33727C12.5937 4.61977 14.9279 2.17401 17.4249 0Z' fill='%23121317' /%3E%3C/svg%3E%0A");
  overflow: hidden;
}

.ds-home-reviews-user {
  display: flex;
  align-items: center;
  gap: 8px;
}

.ds-home-reviews-desc {
  max-width: 500px;
  margin: 0 auto;
}

.ds-home-reviews-stars {
  display: grid;
  grid: min-content 1fr / max-content 1fr;
  gap: 2px 16px;
  margin: 20px auto 0;
  max-width: 448px;
}

.ds-home-reviews-stars img:first-child {
  grid-row: span 2;
}

@media screen and (min-width: 768px) {
  .ds-header.ds-header-home {
    background: var(--ds-color-gray-800);
    box-shadow: inset 0 48px 0px var(--ds-color-gray-800),
      inset 0 49px 0px var(--ds-color-gray-600);
  }

  .ds-header.ds-header-home .ds-header-other a.active {
    background: var(--ds-color-gray-700);
  }

  .ds-home-section-cta h2 {
    max-width: none;
  }

  .ds-home-section-cta-button,
  .ds-home-section-cta-button p {
    max-width: max-content;
  }

  .ds-home-logos {
    margin: 0;
  }

  .ds-home-logos-container img {
    flex: 0 0 calc(100% / 4);
  }

  .ds-home-reviews-gallery > div {
    width: calc(50% - 23px);
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .ds-home-section-cta > div:last-child {
    width: 100%;
    max-width: 100%;
  }

  .ds-home-tools > a {
    display: grid;
    grid: auto / max-content 1fr;
    grid-auto-rows: max-content;
    align-items: start;
    padding: 40px 40px 0;
    text-align: left;
    gap: 24px 40px;
  }

  .ds-home-tools > a > img {
    grid-row: 1/3;
  }

  .ds-home-tools-features {
    padding: 0;
  }

  .ds-home-tools a > div:last-child {
    grid-column: span 2;
    margin: 0 -40px;
  }
}

@media screen and (min-width: 992px) {
  .ds-home-section-cta > div:last-child {
    max-width: 70%;
  }

  .ds-home-tools {
    flex-flow: row nowrap;
    gap: 8px;
  }

  .ds-home-tools > a {
    flex: 1;
  }

  .ds-home-reviews-gallery > div {
    width: calc(100% / 3 - 23px);
  }
}

@media screen and (min-width: 1280px) {
  .ds-home-section-cta > div:last-child {
    max-width: 65%;
  }

  .ds-home-tools {
    gap: 24px;
  }

  .ds-home-logos-container img {
    flex: 0 0 calc(100% / 6);
  }
}
.ds-header {
  position: relative;
  height: 72px;
}

.ds-header * {
  -webkit-tap-highlight-color: transparent;
}

.ds-header-container {
  z-index: 1000;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 72px;
  display: grid;
  grid: auto / min-content 1fr min-content;
  align-content: start;
  overflow: hidden;
  transition: height 0.3s ease-in-out;
}

.ds-header-container.open {
  position: fixed;
  height: 100%;
  overflow: auto;
  overscroll-behavior: contain;
  --webkit-overflow-scrolling: touch;
}

.ds-header-logo {
  box-sizing: content-box;
  display: flex;
  align-items: center;
  grid-column: 1 / 3;
  padding: 16px 20px;
}

.ds-header-logo a {
  display: flex;
}

.ds-header-menu-button {
  display: grid;
  place-items: center;
  padding: 16px 20px;
  grid-column: 3;
}

.ds-header-menu-button button {
  display: grid;
  place-items: center;
  padding: 0;
  margin: 0;
  width: 40px;
  height: 40px;
  background: var(--ds-color-gray-600);
  border: none;
  border-radius: 20px;
  color: white;
}

.ds-header-menu-button .ds-header-menu-close {
  display: none;
}

.open .ds-header-menu-button .ds-header-menu-close {
  display: block;
}

.open .ds-header-menu-button .ds-header-menu-open {
  display: none;
}

.ds-header-actions {
  display: flex;
  flex-flow: column;
  gap: 8px;
  padding: 20px;
  grid-column: 1 / 4;
  background: var(--ds-color-gray-800);
}

.ds-header-list {
  display: flex;
  flex-flow: column;
  grid-column: 1 / 4;
  color: white;
  border-top: 1px solid var(--ds-color-gray-600);
  border-bottom: 1px solid var(--ds-color-gray-600);
  margin-bottom: 16px;
  background: var(--ds-color-gray-700);
}

.ds-header-list p {
  padding: 24px 24px 0;
}

.ds-header-list a {
  display: flex;
  align-items: center;
  gap: 18px;
  position: relative;
  margin-left: 24px;
  padding: 18px 16px 18px 0;
  border-bottom: 1px solid var(--ds-color-gray-600);
  color: white;
  font: 500 var(--ds-font-label-l);
}

.ds-header-list a::after {
  position: absolute;
  top: 0;
  right: 24px;
  bottom: 0;
  content: '';
  display: block;
  width: 24px;
  background: center center no-repeat
    url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.46967 3.96967C8.76256 3.67678 9.23744 3.67678 9.53033 3.96967L17.0303 11.4697C17.3232 11.7626 17.3232 12.2374 17.0303 12.5303L9.53033 20.0303C9.23744 20.3232 8.76256 20.3232 8.46967 20.0303C8.17678 19.7374 8.17678 19.2626 8.46967 18.9697L15.4393 12L8.46967 5.03033C8.17678 4.73744 8.17678 4.26256 8.46967 3.96967Z' fill='white'/%3E%3C/svg%3E%0A");
}

.ds-header-list a:last-child {
  border-bottom: none;
}

.ds-header-list a:hover {
  color: var(--ds-color-primary-500);
}

@media screen and (min-width: 768px) {
  .ds-header,
  .ds-header-container.open {
    height: auto;
  }

  .ds-header {
    position: static;
    background: var(--ds-color-gray-700);
    box-shadow: inset 0 48px 0px var(--ds-color-gray-800);
  }

  .ds-header-container {
    position: static;
    grid: min-content min-content / min-content 1fr max-content;
    max-width: var(--ds-layout-container-max-width);
    height: auto;
    padding: 0px var(--ds-layout-padding);
    margin: 0 auto;
    gap: 8px;
    background: none;
  }

  .ds-header-logo {
    background: none;
    padding: 20px 24px 20px 0;
  }

  .ds-header-list {
    flex-flow: row;
    align-items: center;
    gap: 14px 24px;
    border: none;
    padding: 0;
    margin: 0;
    background: none;
  }

  .ds-header-list a {
    border: none;
    padding: 0;
    margin: 0;
    font: 500 var(--ds-font-label-s);
    gap: 3px;
  }

  .ds-header-list a svg,
  .ds-header-list a img {
    width: 18px;
    height: 18px;
  }

  .ds-header-list a::after {
    display: none;
  }

  .ds-header-menu-button {
    display: none;
  }

  .ds-header-privacy-suite {
    grid-area: 1 / 1 / 2 / 4;
    flex-wrap: wrap;
    padding: 16px 0 0;
  }

  .ds-header-privacy-suite p {
    width: 100%;
    padding: 0;
  }

  .ds-header-privacy-suite a {
    position: relative;
    z-index: 1;
  }

  .ds-header-privacy-suite a.active::before {
    z-index: -1;
    content: '';
    display: block;
    position: absolute;
    top: -8px;
    left: -12px;
    right: -12px;
    bottom: -12px;
    background: var(--ds-color-gray-700);
    border-radius: 8px 8px 0 0;
  }

  .ds-header-logo {
    grid-area: 2 / 1 / 3 / 2;
  }

  .ds-header-other {
    column-gap: 8px;
    grid-area: 2 / 2 / 3 / 3;
  }

  .ds-header-other a {
    padding: 10px 16px;
    border-radius: 24px;
  }

  .ds-header-other a.active {
    color: var(--ds-color-white);
    background: var(--ds-color-gray-800);
  }

  .ds-header-actions {
    grid-area: 2 / 3 / 3 / 4;
    flex-flow: row-reverse;
    align-items: center;
    background: none;
    padding: 0;
  }

  .ds-header-privacy-suite p {
    display: none;
  }

  .ds-header-privacy-suite {
    gap: 8px 32px;
  }

  .ds-header-privacy-suite a {
    padding-bottom: 6px;
  }
}

@media screen and (min-width: 992px) {
  .ds-header-container {
    gap: 6px;
  }

  .ds-header-logo {
    padding-right: 60px;
  }

  .ds-header-privacy-suite p {
    display: block;
    width: auto;
    margin: 0;
    padding-bottom: 6px;
  }

  .ds-header-list a {
    font: 500 var(--ds-font-label-m);
  }
}

.ds-footer {
  overflow: hidden;
  box-shadow: 0px -1px 0px var(--ds-color-gray-700),
    inset 0px 60px 0px var(--ds-color-gray-800);
}

.ds-footer-container {
  max-width: var(--ds-layout-container-max-width);
  margin: 0 auto;
}

.ds-footer-socials {
  display: flex;
  align-items: center;
  gap: 16px;
  justify-content: space-between;
  padding: 20px 24px 20px 20px;
  font: 500 var(--ds-font-label-s);
  text-transform: uppercase;
}

.ds-footer-socials a {
  display: flex;
  align-items: center;
  gap: 8px;
  color: var(--ds-color-white);
}

.ds-footer-socials a span {
  display: none;
}

.ds-footer-nav-container {
  display: grid;
  grid: auto / repeat(2, 1fr);
  gap: 20px;
  padding: 24px var(--ds-layout-padding);
}

.ds-footer-nav {
  display: flex;
  flex-flow: column;
  align-items: start;
  gap: 2px;
  font: 500 var(--ds-font-label-s);
}

.ds-footer-nav p {
  text-transform: uppercase;
  margin-bottom: 6px;
}

.ds-footer-nav a {
  display: flex;
  align-items: center;
  height: 40px;
  color: white;
  gap: 4px;
  white-space: nowrap;
}

.ds-footer-nav a:hover,
.ds-footer-socials a:hover {
  color: var(--ds-color-primary-500);
}

.ds-footer-nav svg,
.ds-footer-nav img {
  width: 16px;
  height: 16px;
}

.ds-footer-notice {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  gap: 24px 40px;
  margin: 0 20px;
  padding: 24px 0px 40px;
  font: 500 var(--ds-font-label-s);
  border-top: 1px solid var(--ds-color-gray-600);
}

.ds-footer-copyrights {
  display: flex;
  align-items: center;
  column-gap: 18px;
  flex: 1;
  min-width: 300px;
}

.ds-footer-copyrights svg {
  flex-shrink: 0;
}

.ds-footer-copyrights p {
  margin: 0;
}

.ds-footer-nav-bottom {
  display: flex;
  justify-content: space-between;
  min-width: 300px;
}

.ds-footer-nav-bottom a {
  display: flex;
  align-items: center;
  height: 40px;
  color: var(--ds-color-gray-300);
}

.ds-footer-nav-bottom a:hover {
  color: var(--ds-color-white);
}

@media screen and (min-width: 375px) {
  .ds-footer-nav-container {
    gap: 40px;
  }
}

@media screen and (min-width: 768px) {
  .ds-footer-socials {
    padding-right: 50px;
  }

  .ds-footer-socials a span {
    display: inline;
  }

  .ds-footer-nav-container {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .ds-footer-notice {
    padding-top: 40px;
  }
}

@media screen and (max-width: 991px) {
  .ds-footer-nav:last-child {
    grid-column: span 2;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0 42px;
  }

  .ds-footer-nav:last-child p {
    grid-column: span 2;
  }
}

@media screen and (min-width: 992px) {
  .ds-footer-socials {
    padding-right: 100px;
  }

  .ds-footer-nav-container {
    grid: auto / repeat(3, 1fr);
  }

  .ds-footer-nav a {
    height: 24px;
  }
}

@media screen and (min-width: 1280px) {
  .ds-footer-nav-container {
    grid: auto / repeat(5, 1fr);
  }
}
.ds-menu {
  position: relative;
  background: var(--ds-color-gray-800);
}

.ds-menu::after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 40px;
  background: linear-gradient(270deg, #2f3136 0%, rgba(47, 49, 54, 0) 100%);
  pointer-events: none;
}

.ds-menu-container {
  display: flex;
  flex-flow: row;
  overflow-x: auto;
  gap: 12px;
  padding: 16px var(--ds-layout-padding);
  background: var(--ds-color-gray-700);
  border-top: 2px solid var(--ds-color-gray-800);
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
  margin: 0 auto;
}

.ds-menu-container::-webkit-scrollbar {
  display: none;
}

.ds-menu-container a {
  white-space: nowrap;
  padding: 8px;
  color: var(--ds-color-gray-300);
}

.ds-menu-container a.active {
  color: var(--ds-color-white);
  border-bottom: 2px solid var(--ds-color-primary-500);
}

@media screen and (min-width: 768px) {
  .ds-menu {
    padding: var(--ds-layout-padding);
  }

  .ds-menu-container {
    border-radius: 16px;
    justify-content: center;
    gap: 16px;
    max-width: calc(
      var(--ds-layout-container-max-width) - var(--ds-layout-padding) * 2
    );
  }

  .ds-menu-container a {
    padding: 16px;
  }
}

.ds-opera-serp-row {
  display: none;
}

@media screen and (min-width: 1280px) {
  .ds-opera-serp-row {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    gap: 8px;
    padding: 8px 0;
  }

  .ds-opera-serp-row > p {
    flex: 1;
  }

  .ds-opera-serp-row > button {
    cursor: pointer;
    width: 40px;
    height: 40px;
    border-color: var(--ds-color-gray-300);
  }

  .ds-opera-serp-row > button:hover {
    background: transparent;
    border-color: var(--ds-color-gray-400);
  }

  .ds-opera-serp-row > button svg {
    width: 16px;
    height: 16px;
  }
}
/* From */

.ds-newsletter-form {
  min-height: 200px;
}

@media screen and (min-width: 768px) {
  .ds-newsletter-form {
    max-width: 540px;
  }
}

.ds-newsletter-form-label {
  display: grid;
  grid: 1fr / min-content 1fr;
  grid-gap: var(--ds-layout-spacing-s) var(--ds-layout-spacing-m);
}

.ds-newsletter-form-label input {
  margin-top: 2px;
}

.ds-newsletter-form-label .ds-form-error-msg {
  grid-column: 1 / span 2;
}

.ds-newsletter-form-email {
  position: relative;
  width: 100%;
}

@media screen and (min-width: 768px) {
  .ds-newsletter-form-email {
    max-width: 380px;
  }
}

.ds-newsletter-form-textfield {
  color: var(--ds-color-newsletter-500);
  width: 100%;
  padding: 11px 146px 11px 20px;
  box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);
  border: double 1px transparent;
  border-radius: 32px;
  background-image: linear-gradient(
      var(--ds-color-gray-800),
      var(--ds-color-gray-800)
    ),
    var(--ds-color-gradient-newsletter);
  background-origin: border-box;
  background-clip: padding-box, border-box;
}

@media screen and (min-width: 768px) {
  .ds-newsletter-form-email {
    max-width: 420px;
  }

  .ds-newsletter-form-textfield {
    padding: 17px 146px 17px 24px;
  }
}

.ds-newsletter-form-textfield::placeholder {
  background: var(--ds-color-gradient-newsletter);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  opacity: 1;
}

.ds-newsletter-form-email button {
  position: absolute;
  top: 4px;
  right: 4px;
  bottom: 4px;
  padding: 0 16px;
}

@media screen and (min-width: 768px) {
  .ds-newsletter-form-email button {
    padding: 0 24px;
  }
}

/* cards */

.ds-newsletter-cards {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(340px, 1fr));
  grid-gap: var(--ds-layout-spacing-3xl) var(--ds-layout-spacing-2xl);
  margin: 40px 0px var(--ds-layout-spacing-4xl);
}

.ds-newsletter-card {
  display: grid;
  grid-auto-rows: max-content;
  grid-gap: 12px;
  text-decoration: none;
}

@media screen and (min-width: 768px) {
  .ds-newsletter-card {
    grid-gap: 16px;
  }
}

.ds-newsletter-card:hover .ds-newsletter-card-headline {
  color: var(--ds-color-primary-500);
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
  .ds-newsletter-cards.ds-newsletter-cards-hidden
    .ds-newsletter-card:last-child {
    display: none;
  }
}

.ds-newsletter-card-img {
  position: relative;
  display: block;
  border-radius: 8px;
  overflow: hidden;
  padding-top: 66%;
  background: var(--ds-color-gray-800);
  -webkit-mask-image: -webkit-radial-gradient(white, black);
}

.ds-newsletter-card-placeholder {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: grid;
  grid-auto-rows: min-content;
  align-content: center;
  justify-content: center;
  justify-items: center;
  gap: var(--ds-layout-spacing-s);
  font-family: var(--ds-font-family-headline);
  font-weight: 500;
  font-size: 16px;
  text-transform: uppercase;
}

.ds-newsletter-card-img::after {
  display: block;
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--ds-color-primary-500);
  opacity: 0;
  pointer-events: none;
  transition: 0.2s ease opacity;
}

.ds-newsletter-card-img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 0.2s ease transform;
}

.ds-newsletter-card:hover .ds-newsletter-card-img img {
  transform: scale(1.05);
}

.ds-newsletter-card:hover .ds-newsletter-card-img::after {
  opacity: 0.1;
}

.ds-newsletter-card-info {
  display: grid;
  grid-gap: 8px;
}

.ds-newsletter-card-desc {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
}

.ds-newsletter-card-tags {
  font: var(--ds-font-body-2xl);
  line-height: 30px;
  max-height: 66px;
  overflow: hidden;
}

.ds-newsletter-card-full .ds-newsletter-card-desc {
  display: block;
}

.ds-newsletter-card-full .ds-newsletter-card-tags {
  max-height: none;
  overflow: visible;
}

/* Editions */

.ds-newsletter-editions {
  padding-top: var(--ds-layout-spacing-xl);
  margin-top: calc(var(--ds-layout-spacing-xl) * -1);
}

.ds-newsletter-edition {
  max-width: 528px;
  margin-top: -46px;
}

/* Success */

@media screen and (max-width: 767px) {
  .ds-newsletter-success-cta {
    display: flex;
    flex-flow: column-reverse;
    align-items: center;
    padding-top: var(--ds-layout-spacing-l);
  }

  .ds-newsletter-success-cta img {
    max-width: 220px;
  }
}
.ds-extension-mentions {
  display: grid;
  grid: auto-flow / repeat(auto-fit, minmax(135px, 1fr));
  grid-auto-flow: row;
  grid-auto-rows: 80px;
  gap: var(--ds-layout-spacing-m);
}

.ds-extension-mentions > * {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background: var(--ds-color-white);
  border-radius: 8px;
  padding: var(--ds-layout-spacing-s);
}

.ds-extension-mentions svg {
  max-width: 100%;
}

@media screen and (max-width: 767px) {
  .ds-extension-footer-cta .ds-section-cta-img > *:first-child {
    margin-left: -31%;
  }
}

.ds-extension-video-cta {
  position: absolute;
  bottom: 2%;
  left: 25%;
  padding-top: 8px;
  padding-bottom: 8px;
}

@media screen and (min-width: 768px) {
  .ds-extension-video-cta {
    bottom: 0px;
    left: 25%;
  }
}

@media screen and (min-width: 992px) {
  .ds-extension-video-cta {
    bottom: 14px;
    left: 32%;
  }
}

@media screen and (min-width: 1280px) {
  .ds-extension-video-cta {
    left: 50%;
  }
}

.ds-extension-video {
  z-index: 1000;
  position: relative;
}

.ds-extension-video video {
  display: block;
  max-width: 800px;
  margin: 0 auto;
  border-radius: 16px;
  overflow: hidden;
  -webkit-mask-image: -webkit-radial-gradient(white, black);
  transform: translateY(-35%);
}

@media screen and (min-width: 768px) {
  .ds-extension-video {
    margin-bottom: -15%;
  }
  .ds-extension-video video {
    transform: translateY(-60%);
  }
}

@media screen and (min-width: 1024px) {
  .ds-extension-video {
    margin-bottom: -15%;
  }
}

@media screen and (min-width: 1280px) {
  .ds-extension-video {
    margin-bottom: -12%;
  }
  .ds-extension-video video {
    transform: translateY(-60%);
  }
}
.ds-support-faq {
  padding: 40px 0;
}

.ds-support-faq h1 {
  margin-bottom: 24px;
}

.ds-support-faq-categories {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.ds-support-faq-categories h3 {
  width: 100%;
}

.ds-support-faq-section h2 {
  margin-bottom: 32px;
  margin-top: 40px;
}

.ds-support-faq-section:last-of-type .ds-support-faq-answer:last-child {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;
}

.ds-support-faq-answer {
  border-bottom: 1px solid var(--ds-color-gray-600);
  padding-bottom: 24px;
  margin-bottom: 24px;
  margin-top: 8px;
}

.ds-support-faq-answer br {
  display: none;
}

.ds-support-faq-answer li,
.ds-support-faq-answer p {
  font: var(--ds-font-body-l);
}

.ds-support-faq-answer ul,
.ds-support-faq-answer ol {
  padding-left: 24px;
}

.ds-support-faq-answer p,
.ds-support-faq-answer ul,
.ds-support-faq-answer ol,
.ds-support-faq-answer li {
  margin-bottom: 1em;
}

.ds-support-faq-answer p:last-child,
.ds-support-faq-answer ul:last-child,
.ds-support-faq-answer ol:last-child,
.ds-support-faq-answer li:last-child {
  margin-bottom: 0;
}

.ds-support-faq-answer a {
  color: white;
  text-decoration: underline;
}

.ds-support-faq-help {
  margin: 0 0 40px;
}

@media screen and (min-width: 768px) {
  .ds-support-faq {
    padding: 64px 0;
  }

  .ds-support-faq-section h2 {
    margin-bottom: 40px;
    margin-top: 64px;
  }

  .ds-support-faq-help {
    margin: 0 0 64px;
  }
}

@media screen and (min-width: 992px) {
  .ds-support-faq {
    padding: 80px 0;
  }

  .ds-support-faq-help {
    margin: 0 0 80px;
  }
}

@media screen and (min-width: 1280px) {
  .ds-support-faq {
    position: relative;
    display: grid;
    grid: max-content 1fr / 270px 1fr;
    align-items: start;
    gap: 80px;
    max-width: none;
  }

  .ds-support-faq h1 {
    grid-column: 2 / 3;
  }

  .ds-support-faq-categories {
    position: sticky;
    top: 24px;
    align-self: start;
    flex-flow: column nowrap;
    align-items: start;
    gap: 24px;
  }

  .ds-support-faq-categories a {
    font: var(--ds-font-headline-xs);
    font-weight: 400;
    text-transform: none;
    background: none;
    padding: 0;
    border: none;
    border-radius: 0px;
  }

  .ds-support-faq-categories a:hover {
    padding: 0;
    border: none;
    background: none;
  }

  .ds-support-faq-categories a.active {
    padding-left: 16px;
    border-left: 2px solid var(--ds-color-primary-500);
  }

  .ds-support-faq-section:first-of-type {
    margin-top: -64px;
  }
}
.ds-static {
  margin-bottom: 50px;
  max-width: 660px;
}

.ds-static h1, .ds-static h2, .ds-static h3, .ds-static h4 {
  margin-top: 24px;
  margin-bottom: 16px;
  font-weight: 600;
  line-height: 1.25;
  color: var(--ds-color-white);
}

.ds-static h1 {
  font: var(--ds-font-headline-xl);
  letter-spacing: -0.03em;
  text-transform: uppercase;
  margin-bottom: 50px;
}

.ds-static h2 {
  font: var(--ds-font-headline-l);
  text-align: left;
}

.ds-static h3 {
  font: var(--ds-font-headline-m);
  text-align: left;
}

.ds-static h4 {
  font: var(--ds-font-headline-s);
  text-align: left;
}

.ds-static p {
  font: var(--ds-font-body-l);
  color: var(--ds-color-gray-300);
  text-align: left;
}

.ds-static a > span {
  font: var(--ds-font-body-l);
}

.ds-static strong {
  color: var(--ds-color-gray-200);
}

.ds-static em {
  color: var(--ds-color-gray-300);
}

.ds-static ul {
  text-align: left;
  padding-left: 2em;
}

.ds-static li {
  font: var(--ds-font-body-l);
}

.ds-static table {
  width: 100%;
  text-align: left;
}

.ds-static table tr {
  border-top: 1px solid var(--ds-color-gray-800);
}

.ds-static table td, .ds-static table th {
  padding: 6px 13px;
  border: 1px solid var(--ds-color-gray-800);
}

.ds-static pre {
  padding: 16px;
  overflow: auto;
  font-size: 85%;
  line-height: 1.45;
  background-color: var(--ds-color-gray-800);;
  border-radius: 3px;
  text-align: left;
}

.ds-static pre code {
  display: inline;
  max-width: auto;
  padding: 0;
  margin: 0;
  overflow: visible;
  line-height: inherit;
  word-wrap: normal;
  background-color: transparent;
  border: 0;
  word-break: normal;
  white-space: pre;
}

.ds-static pre code::after, .ds-static pre code::before {
  content: normal;
  letter-spacing: -0.2em;
}
.ds-search-header {
  position: relative;
  display: flex;
  justify-content: center;
  min-height: calc(100vh - 72px);
  min-height: calc(100svh - 72px);
  padding: 0 var(--ds-layout-padding) 72px;
}

.ds-search-header .ds-section-wave {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.ds-search-header-content {
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  gap: 24px;
  margin: 0 auto;
  width: 100%;
}

.ds-search-header-content svg {
  max-width: calc(100% - 36px);
}

.ds-search-header-input {
  position: relative;
  display: flex;
  box-sizing: border-box;
  align-items: center;
  justify-content: center;
  height: 48px;
  width: 100%;
  padding: 12px;
  text-align: center;
  background: var(--ds-color-gray-800);
  border: 2px solid var(--ds-color-gray-600);
  border-radius: 8px;
}
.ds-search-header-input:hover {
  background: linear-gradient(
        var(--ds-color-gray-800),
        var(--ds-color-gray-800)
      )
      padding-box,
    linear-gradient(to bottom right, #67a73a, #00aef0) border-box;
  border: 2px solid transparent;
}

.ds-search-header-input span {
  display: block;
  background: linear-gradient(141.55deg, #67a73a 15.08%, #00aef0 75.66%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}

.ds-search-header-input svg {
  position: absolute;
  top: 50%;
  right: 12px;
  transform: translateY(-50%);
}

.ds-search-header-select a[hidden] {
  display: none;
}

.ds-search-header-select select {
  appearance: none;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  background: no-repeat center center var(--ds-color-gray-700)
    url("data:image/svg+xml,%3Csvg width='14' height='9' viewBox='0 0 14 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.308058 1.05806C0.552136 0.813981 0.947864 0.813981 1.19194 1.05806L7 6.86612L12.8081 1.05806C13.0521 0.813981 13.4479 0.813981 13.6919 1.05806C13.936 1.30214 13.936 1.69786 13.6919 1.94194L7.44194 8.19194C7.19786 8.43602 6.80214 8.43602 6.55806 8.19194L0.308058 1.94194C0.0639806 1.69786 0.0639806 1.30214 0.308058 1.05806Z' fill='white'/%3E%3C/svg%3E%0A");
  color: transparent;
  border: 1px solid var(--ds-color-gray-600);
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.15);
  cursor: pointer;
}

.ds-search-header-select select:hover {
  border-color: var(--ds-color-white);
}

.ds-search-card-section {
  display: flex;
  flex-flow: column;
  align-items: center;
  gap: 8px;
  margin-top: 160px;
  padding: 40px 20px;
  border-radius: 16px;
}

.ds-search-card-section p a {
  color: var(--ds-color-white);
  text-decoration: underline;
}

.ds-search-card-section > svg {
  margin-top: -150px;
}

.ds-search-card-section > * {
  max-width: 800px;
}

.ds-search-footer {
  border-top: 1px solid var(--ds-color-gray-800);
  padding: 120px var(--ds-layout-padding);
}

@media screen and (min-width: 768px) {
  .ds-search-header {
    min-height: calc(100vh - 120px);
    min-height: calc(100svh - 120px);
    padding-bottom: 120px;
  }

  .ds-search-header-content {
    max-width: 640px;
  }

  .ds-search-footer {
    padding: 120px 0;
  }
}

@media screen and (min-width: 992px) {
  .ds-search-card-section {
    margin-top: 200px;
  }

  .ds-search-footer {
    padding-top: 164px;
    padding-bottom: 164px;
  }
}

.ds-search-section-dense {
  padding-top: 80px;
  padding-bottom: 20px;
}
p.ds-enterprise-get-a-quote {
  display: flex;
  flex-flow: column;
  max-width: 100%;
  gap: 12px;
}

.ds-enterprise-copy-email-address {
  width: 240px;
  flex-flow: row wrap;
  gap: 0 8px;
  justify-content: start;
  cursor: pointer;
  position: relative;
  font: var(--ds-font-body-m);
  text-transform: none;
}

.ds-enterprise-copy-email-address:hover,
.ds-enterprise-copy-email-address:focus,
.ds-enterprise-copy-email-address:active {
  color: var(--ds-color-primary-500);
  background: none;
}

.ds-enterprise-copy-email-address.copied::after {
  box-sizing: border-box;
  content: attr(data-copied);
  position: absolute;
  left: 0;
  right: 0;
  bottom: 100%;
  font: var(--ds-font-body-m);
  color: var(--ds-color-white);
  background: var(--ds-color-gray-600);
  padding: 16px;
  border-radius: 8px;
  text-wrap: balance;
}

.ds-enterprise-features {
  position: relative;
  z-index: 2;
  margin-top: -200px;
}

.ds-enterprise-browser-logos svg {
  width: 48px;
  height: 48px;
  margin: 0 var(--ds-layout-spacing-xs);
}

.ds-enterprise-bullet {
  display: grid;
  grid-template-columns: 64px 1fr;
  gap: 0 16px;
  margin-bottom: 24px;
}

.ds-enterprise-product {
  align-items: start;
}

.ds-enterprise-bullet svg {
  grid-row: span 2;
}

.ds-enterprise-bullet a {
  font-weight: 500;
}

.ds-enterprise-slider-images {
  display: none;
}

.ds-enterprise-slider-desc {
  display: flex;
  flex-flow: column nowrap;
  gap: 40px;
}

.ds-enterprise-slider-desc > div {
  display: grid;
  grid: auto / max-content 1fr;
  grid-gap: 8px 20px;
}

.ds-enterprise-slider-icon {
  display: block;
  align-self: start;
  grid-row: span 2;
  color: var(--ds-color-gray-400);
  background: var(--ds-color-gray-800);
  padding: 16px;
  border-radius: 36px;
}

.ds-enterprise-slider-icon svg {
  display: block;
  width: 40px;
  height: 40px;
}

.ds-enterprise-form-fields {
  display: flex;
  flex-flow: row wrap;
  gap: 24px 16px;
}

.ds-enterprise-form-fields > div {
  display: flex;
  flex-flow: column nowrap;
  width: 100%;
}

.ds-enterprise-form-fields > p {
  width: 100%;
}

.ds-enterprise-form-name {
  max-width: 440px;
  flex: 1;
}

.ds-enterprise-form.success,
.ds-enterprise-form + .ds-enterprise-form-success {
  display: none;
}

.ds-enterprise-form.success + .ds-enterprise-form-success {
  display: block;
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .ds-enterprise-features {
    flex-flow: row wrap;
  }

  .ds-enterprise-features > div {
    max-width: 50%;
    flex: 1;
  }
}

@media screen and (min-width: 768px) {
  p.ds-enterprise-get-a-quote {
    flex-flow: row;
    align-items: center;
    max-width: max-content;
  }

  .ds-enterprise-features {
    margin-top: -210px;
  }

  .ds-enterprise-slider-images {
    display: block;
    position: relative;
    aspect-ratio: 2/1;
    margin-bottom: 64px;
  }

  @keyframes ds-enterprise-slider-fade-in-fade-out {
    0% {
      opacity: 0;
    }
    5% {
      opacity: 1;
    }
    28% {
      opacity: 1;
    }
    33% {
      opacity: 0;
    }
    100% {
      opacity: 0;
    }
  }

  .ds-enterprise-slider-images img {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    object-fit: contain;
    animation: ds-enterprise-slider-fade-in-fade-out 18s infinite;
  }

  .ds-enterprise-slider-images img:nth-child(1) {
    animation-delay: 0s;
  }

  .ds-enterprise-slider-images img:nth-child(2) {
    animation-delay: 6s;
  }

  .ds-enterprise-slider-images img:nth-child(3) {
    animation-delay: 12s;
  }

  .ds-enterprise-slider-desc {
    display: flex;
    flex-flow: row;
    gap: 32px;
  }

  .ds-enterprise-slider-desc > div {
    position: relative;
    flex: 1;
    display: flex;
    flex-flow: column;
    gap: 12px;
  }

  .ds-enterprise-slider-desc > div::before {
    content: '';
    position: absolute;
    top: -20px;
    left: 0;
    right: 0;
    height: 2px;
    background: var(--ds-color-gray-800);
    border-radius: 2px;
  }

  @keyframes enterprise-slider-width {
    0% {
      opacity: 1;
      width: 0;
    }
    30% {
      opacity: 1;
      width: 100%;
    }
    35% {
      width: 100%;
      opacity: 0;
    }
    100% {
      width: 100%;
      opacity: 0;
    }
  }

  .ds-enterprise-slider-desc > div::after {
    content: '';
    position: absolute;
    top: -20px;
    left: 0;
    right: 0;
    height: 2px;
    background: var(--ds-color-primary-500);
    border-radius: 2px;
    width: 0px;
    animation: enterprise-slider-width 18s infinite both;
  }

  .ds-enterprise-slider-desc > div:nth-child(1)::after {
    animation-delay: 0s;
  }

  .ds-enterprise-slider-desc > div:nth-child(2)::after {
    animation-delay: 6s;
  }

  .ds-enterprise-slider-desc > div:nth-child(3)::after {
    animation-delay: 12s;
  }

  @keyframes enterprise-slider-background {
    0% {
      background: var(--ds-color-gray-800);
    }
    5% {
      background: var(--ds-color-primary-500);
      color: white;
    }
    28% {
      background: var(--ds-color-primary-500);
      color: white;
    }
    33% {
      background: var(--ds-color-gray-800);
      color: var(--ds-color-gray-400);
    }
  }

  .ds-enterprise-slider-icon {
    margin-bottom: 8px;
    animation: enterprise-slider-background 18s infinite both;
  }

  .ds-enterprise-slider-desc > div:nth-child(1) .ds-enterprise-slider-icon {
    animation-delay: 0s;
  }

  .ds-enterprise-slider-desc > div:nth-child(2) .ds-enterprise-slider-icon {
    animation-delay: 6s;
  }

  .ds-enterprise-slider-desc > div:nth-child(3) .ds-enterprise-slider-icon {
    animation-delay: 12s;
  }
}

@media screen and (min-width: 992px) {
  .ds-enterprise-features > div {
    text-align: center;
  }
}