:root {
  --color-scheme-1--background: var(--_primitives---colors--white);
  --_typography---font-styles--body: "Nunito Sans", sans-serif;
  --color-scheme-1--text: var(--_primitives---colors--black);
  --_typography---font-styles--heading: "Nunito Sans", sans-serif;
  --_primitives---colors--white: #fff;
  --_primitives---colors--black: black;
  --_primitives---segger--blue-600: #08f;
  --_primitives---opacity--neutral-darkest-60: #0009;
  --_primitives---opacity--transparent: transparent;
  --_primitives---segger--blue-700: #2c5b9c;
  --_primitives---segger--blue-100: #dfebfb;
  --_ui-styles---radius--medium: 10px;
  --color-scheme-1--foreground: var(--_primitives---colors--neutral-lightest);
  --color-scheme-1--border: var(--_primitives---colors--black);
  --color-scheme-1--accent: var(--_primitives---colors--black);
  --_primitives---colors--neutral-lightest: #eee;
  --_primitives---colors--neutral-lighter: #ccc;
  --_primitives---colors--neutral-light: #aaa;
  --_primitives---colors--neutral: #666;
  --_primitives---colors--neutral-dark: #444;
  --_primitives---colors--neutral-darker: #222;
  --_primitives---colors--neutral-darkest: black;
  --_primitives---opacity--white-5: #ffffff0d;
  --_primitives---opacity--white-10: #ffffff1a;
  --_primitives---opacity--white-15: #ffffff26;
  --_primitives---opacity--white-20: #fff3;
  --_primitives---opacity--white-30: #ffffff4d;
  --_primitives---opacity--white-40: #fff6;
  --_primitives---opacity--white-50: #ffffff80;
  --_primitives---opacity--white-60: #fff9;
  --_primitives---opacity--neutral-darkest-5: #0000000d;
  --_primitives---opacity--neutral-darkest-10: #0000001a;
  --_primitives---opacity--neutral-darkest-15: #00000026;
  --_primitives---opacity--neutral-darkest-20: #0003;
  --_primitives---opacity--neutral-darkest-30: #0000004d;
  --_primitives---opacity--neutral-darkest-40: #0006;
  --_primitives---opacity--neutral-darkest-50: #00000080;
  --_ui-styles---radius--large: 0px;
  --_primitives---segger--blue-400: #4cabff;
  --_ui-styles---radius--small: 0px;
  --_ui-styles---stroke--border-width: 1px;
  --_ui-styles---stroke--divider-width: 1px;
}

body {
  background-color: var(--color-scheme-1--background);
  font-family: var(--_typography---font-styles--body);
  color: var(--color-scheme-1--text);
  padding-top: 0;
  font-size: 1rem;
  line-height: 1.5;
}

h1 {
  font-family: var(--_typography---font-styles--heading);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 3.5rem;
  font-weight: 700;
  line-height: 1.2;
}

h2 {
  font-family: var(--_typography---font-styles--heading);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 3.75rem;
  font-weight: 900;
  line-height: 1.2;
}

h3 {
  font-family: var(--_typography---font-styles--heading);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 1.2;
}

h4 {
  font-family: var(--_typography---font-styles--heading);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.3;
}

h5 {
  font-family: var(--_typography---font-styles--heading);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.4;
}

h6 {
  font-family: var(--_typography---font-styles--heading);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.4;
}

p {
  margin-bottom: 0;
}

a {
  color: var(--color-scheme-1--text);
  text-decoration: underline;
}

ul {
  margin-top: 1rem;
  margin-bottom: 1rem;
  padding-left: 1.25rem;
}

ol {
  margin-top: 1rem;
  margin-bottom: 1rem;
  padding-left: 1.5rem;
}

li {
  margin-top: .25rem;
  margin-bottom: .25rem;
  padding-left: .5rem;
}

img {
  max-width: 100%;
  display: inline-block;
}

label {
  margin-bottom: .25rem;
  font-weight: 500;
}

blockquote {
  border-left: .1875rem solid var(--color-scheme-1--text);
  margin-bottom: 0;
  padding: .75rem 1.25rem;
  font-size: 1.25rem;
  line-height: 1.5;
}

figure {
  margin-top: 3rem;
  margin-bottom: 3rem;
}

figcaption {
  text-align: center;
  margin-top: .25rem;
}

.global-styles {
  display: block;
  position: fixed;
  inset: 0% auto auto 0%;
}

.container-large {
  width: 100%;
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto;
}

.utility_component {
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  display: flex;
}

.utility_form-block {
  text-align: center;
  flex-direction: column;
  max-width: 20rem;
  display: flex;
}

.utility_form {
  flex-direction: column;
  align-items: stretch;
  display: flex;
}

.utility_image {
  margin-bottom: .5rem;
  margin-left: auto;
  margin-right: auto;
}

.padding-xxsmall {
  padding: .5rem;
}

.button {
  border: 1px solid var(--_primitives---colors--white);
  background-color: var(--_primitives---colors--black);
  color: var(--_primitives---colors--white);
  text-align: center;
  cursor: pointer;
  border-radius: 6.25rem;
  padding: .5rem 1.25rem;
  font-size: .75rem;
  line-height: 1;
  text-decoration: none;
  transition: color .25s, background-color .25s, background-color .25s;
  display: inline-block;
}

.button:hover {
  border-color: var(--_primitives---segger--blue-600);
  background-color: var(--_primitives---segger--blue-600);
}

.button.is-alternate {
  border-color: var(--_primitives---colors--white);
  background-color: var(--_primitives---colors--white);
  color: var(--_primitives---colors--black);
}

.button.is-alternate:hover {
  border-color: var(--_primitives---segger--blue-600);
  background-color: var(--_primitives---segger--blue-600);
  color: var(--_primitives---colors--white);
}

.button.is-password {
  border-color: var(--_primitives---colors--white);
  background-color: var(--_primitives---colors--white);
  color: var(--_primitives---colors--black);
  border-radius: 0;
  height: 45px;
}

.button.is-password:hover {
  border-color: var(--_primitives---segger--blue-600);
  background-color: var(--_primitives---segger--blue-600);
  color: var(--_primitives---colors--white);
}

.form_input {
  border: 1px solid var(--_primitives---colors--black);
  background-color: var(--_primitives---colors--white);
  color: var(--_primitives---colors--black);
  border-radius: 0;
  height: 45px;
  margin-bottom: 0;
  padding: .5rem .75rem;
  font-size: 1rem;
  line-height: 1.6;
}

.form_input:focus {
  border-color: var(--_primitives---colors--black);
}

.form_input::placeholder {
  color: var(--_primitives---opacity--neutral-darkest-60);
}

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

.padding-section-medium {
  padding-top: 5rem;
  padding-bottom: 5rem;
}

.form_message-error {
  color: #b42318;
  background-color: #fef3f2;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 1rem;
  display: flex;
}

.form_message-error-wrapper {
  margin-top: 1rem;
  padding: 0;
}

.is-404 {
  background-color: var(--_primitives---colors--black);
  color: var(--_primitives---colors--white);
}

.loader_ani {
  margin-bottom: 1rem;
}

.navbar {
  background-color: var(--_primitives---opacity--transparent);
}

.nav_container {
  justify-content: space-between;
  align-items: center;
  width: 98%;
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.nav_inner {
  background-color: var(--_primitives---segger--blue-700);
  flex: 1;
  padding-top: .5rem;
  padding-bottom: .5rem;
}

.hero {
  background-color: var(--_primitives---colors--black);
  color: var(--_primitives---colors--white);
  justify-content: center;
  align-items: center;
  min-height: 600px;
  padding-top: 3rem;
  padding-bottom: 3rem;
  display: flex;
  position: relative;
  overflow: clip;
}

.nav_link {
  justify-content: center;
  align-items: center;
  height: 100%;
  padding: 0 10px;
  font-size: .815rem;
  line-height: 1;
  transition: color .2s;
  display: inline-flex;
}

.nav_link-wrapper {
  color: var(--_primitives---colors--white);
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.toc_nav {
  background-color: var(--_primitives---opacity--transparent);
}

.sitenav_wrapper {
  border-bottom: 4px solid var(--_primitives---segger--blue-100);
}

.toc {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  font-size: .75rem;
  font-weight: 700;
  display: flex;
}

.toc_item {
  text-align: center;
  padding: .75rem .5rem;
  font-size: .75rem;
  position: relative;
  bottom: -4px;
}

.sidebar_btn {
  border-top-left-radius: var(--_ui-styles---radius--medium);
  border-bottom-left-radius: var(--_ui-styles---radius--medium);
  background-color: var(--_primitives---segger--blue-600);
  color: var(--_primitives---colors--white);
  writing-mode: vertical-lr;
  width: 2rem;
  min-height: 150px;
}

.sidebar_nav {
  z-index: 900;
  display: flex;
  position: absolute;
  inset: 50% 0% auto auto;
  transform: translate(0, -50%);
}

.nav_dropdown {
  height: 100%;
  font-size: .815rem;
}

.nav_dd-toggle {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding: 0 10px;
  display: flex;
}

.nav_right {
  justify-content: center;
  align-items: center;
  font-size: .812rem;
  display: flex;
}

.link-icon {
  justify-content: center;
  align-items: center;
  width: .875rem;
  height: .875rem;
  display: flex;
}

.hero_container {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr .25fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: center;
  width: 98%;
  max-width: 78rem;
  padding-left: 1rem;
  display: grid;
  position: relative;
}

.subheadline {
  color: var(--_primitives---segger--blue-600);
  margin-bottom: 1rem;
  font-size: 1.75rem;
}

.hero_p {
  max-width: 21.875rem;
}

.heading {
  font-size: 3.5rem;
  font-weight: 900;
}

.list-inline {
  grid-column-gap: 1.5rem;
  grid-row-gap: .5rem;
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: center;
  width: 80%;
  margin-top: 3.125rem;
  padding-left: 0;
  list-style-type: none;
  display: flex;
}

.list-inline-item {
  padding-left: 0;
  display: block;
}

.hero_grafik-wrapper {
  z-index: 1;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr .3fr;
  grid-auto-columns: 1fr;
  height: 100%;
  display: grid;
  position: relative;
  top: 0%;
  bottom: 0%;
  left: auto;
}

.hero_glow-small {
  aspect-ratio: 1;
  filter: blur(100px);
  background-color: #0088ff80;
  border-radius: 100%;
  width: 17.5rem;
  height: 17.5rem;
}

.hero_glow-big {
  aspect-ratio: 1;
  filter: blur(155px);
  pointer-events: none;
  background-color: #08f;
  border-radius: 100%;
  width: 27.125rem;
  height: 27.125rem;
}

.hero_glow-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  place-items: center;
  display: grid;
}

.hero_lottie {
  z-index: 3;
  filter: saturate(120%);
  width: 220px;
  height: 260px;
  margin-right: 5%;
  position: relative;
}

.hero_lottie.is-350 {
  filter: none;
  flex: none;
  width: 350px;
  height: 350px;
}

.hero_product-wrapper {
  position: relative;
}

.hero_product-scale-right {
  justify-content: center;
  align-items: center;
  height: 100%;
  display: flex;
  position: absolute;
  inset: 0% -2.5rem 0% auto;
}

.hero_product-scale-bottom {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: auto 0% -2.5rem;
}

.scaler {
  width: 100%;
  height: 10px;
}

.scaler.is-vert {
  width: 10px;
  height: 100%;
}

.scaler-num {
  font-size: .625rem;
}

.scaler-num.is-vert {
  writing-mode: vertical-lr;
}

.hero_right {
  margin-left: -5rem;
  padding-right: 3rem;
}

.svg_arrow {
  width: 50px;
  height: 35px;
}

.svg_arrow.is-bottom {
  transform-style: preserve-3d;
  transform: rotateX(0)rotateY(180deg)rotateZ(0);
}

.svg_arrow.is-top {
  transform-style: preserve-3d;
  transform: rotateX(180deg)rotateY(0)rotateZ(0);
}

.svg_text {
  font-size: .75rem;
}

.hero_grafik-bottom {
  z-index: 5;
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: center;
  align-items: center;
  width: 350px;
  display: flex;
  position: absolute;
  inset: auto 8% -4.5rem auto;
}

.hero_grafik-top {
  z-index: 5;
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: center;
  align-items: center;
  width: 350px;
  display: flex;
  position: absolute;
  inset: -4.5rem auto auto 7%;
}

.hero_content {
  z-index: 2;
  position: relative;
}

.toc_indicator {
  background-color: var(--_primitives---segger--blue-600);
  width: 100%;
  height: 4px;
  position: absolute;
  inset: auto 0% 0%;
}

.sidebar_content {
  background-color: var(--_primitives---segger--blue-100);
  width: 0;
}

.hero_center {
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  margin-right: -5%;
  display: flex;
  position: relative;
}

.dd_icon {
  width: 10px;
  height: 5px;
  transition: transform .25s;
  position: relative;
}

.target_bottom-img {
  position: relative;
  bottom: -18px;
}

.target_top-img {
  position: relative;
  top: -10px;
}

@media screen and (min-width: 1280px) {
  .nav_link, .nav_dd-toggle {
    padding-left: 20px;
    padding-right: 20px;
  }

  .list-inline {
    width: 100%;
    margin-top: 3.125rem;
  }

  .hero_lottie {
    width: 220px;
    height: 300px;
  }

  .hero_right {
    display: block;
  }
}

@media screen and (min-width: 1440px) {
  .nav_link-wrapper {
    font-size: .8125rem;
  }

  .hero_container {
    grid-template-columns: 1fr 1fr;
  }

  .list-inline {
    width: 100%;
  }

  .hero_lottie {
    width: 260px;
    height: 340px;
  }

  .hero_right {
    margin-left: -4rem;
  }

  .hero_grafik-top {
    top: -3rem;
  }
}

@media screen and (min-width: 1920px) {
  .hero_right {
    margin-left: -3rem;
    padding-right: 2rem;
  }

  .hero_grafik-bottom {
    right: 19%;
  }
}

@media screen and (max-width: 991px) {
  h1 {
    font-size: 3.25rem;
  }

  h2 {
    font-size: 2.75rem;
  }

  h3 {
    font-size: 2.25rem;
  }

  h4 {
    font-size: 1.75rem;
  }

  .page-wrapper {
    display: none;
  }

  .padding-section-medium {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
}

@media screen and (max-width: 767px) {
  h1 {
    font-size: 2.5rem;
  }

  h2 {
    font-size: 2.25rem;
  }

  h3 {
    font-size: 2rem;
  }

  h4 {
    font-size: 1.5rem;
    line-height: 1.4;
  }

  h5 {
    font-size: 1.25rem;
  }

  h6 {
    font-size: 1.125rem;
  }

  .padding-section-medium {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
}

@media screen and (max-width: 479px) {
  h1 {
    font-size: 2.5rem;
  }
}

#w-node-_4b8af2ad-2139-ba83-3af4-cb7ee4f3a1d2-a5f4a8df {
  grid-area: 1 / 1 / 2 / 3;
}

#w-node-d62adbb6-903a-88f9-ec85-2469726d337c-a5f4a8df {
  grid-area: 1 / 2 / 2 / 4;
  justify-self: stretch;
}

#w-node-_07823d41-bea5-ecbf-0a0c-fcd72466674c-a5f4a8df {
  grid-area: 1 / 1 / 2 / 2;
  place-self: center;
}

#w-node-c5a120e3-aeb4-710d-8098-02ae7a9fa0c0-a5f4a8df {
  grid-area: 1 / 1 / 2 / 4;
  justify-self: center;
}

#w-node-_852ff46d-ab50-e5a8-1105-10f85155ee14-a5f4a8df {
  grid-area: 2 / 1 / 3 / 3;
  place-self: center end;
}

#w-node-_8f071f81-335b-dd78-991f-5060bcc9fd0f-a5f4a8df {
  grid-area: 3 / 1 / 4 / 4;
  justify-self: start;
}

#w-node-a0e1ec60-4d0a-71f4-8480-9ae35a27003e-a5f4a8df {
  grid-area: 1 / 1 / 2 / 3;
  place-self: center;
}

#w-node-_27f3bd31-5e8a-8417-912b-d01a7ff08c95-a5f4a8df, #w-node-_1d7ac2c2-8a61-bc2e-ad49-6df72116d2fb-a5f4a8df {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_4f2251d4-775f-187c-a6d7-1257f1731fc0-a5f4a8df {
  grid-area: 1 / 1 / 2 / 3;
  place-self: center stretch;
}

#w-node-_49b3eb49-b729-fbce-11cb-e786224e6483-a5f4a8df {
  grid-area: 1 / 2 / 2 / 3;
  place-self: center start;
}

#w-node-_4b8af2ad-2139-ba83-3af4-cb7ee4f3a1d2-2ac6b82e {
  grid-area: 1 / 1 / 2 / 3;
}

#w-node-d62adbb6-903a-88f9-ec85-2469726d337c-2ac6b82e {
  grid-area: 1 / 2 / 2 / 4;
  justify-self: stretch;
}

#w-node-_07823d41-bea5-ecbf-0a0c-fcd72466674c-2ac6b82e {
  grid-area: 1 / 1 / 2 / 2;
  place-self: center;
}

#w-node-_852ff46d-ab50-e5a8-1105-10f85155ee14-2ac6b82e {
  grid-area: 2 / 1 / 3 / 3;
  place-self: center end;
}

#w-node-a0e1ec60-4d0a-71f4-8480-9ae35a27003e-2ac6b82e {
  grid-area: 1 / 1 / 2 / 3;
  place-self: center;
}

#w-node-_27f3bd31-5e8a-8417-912b-d01a7ff08c95-2ac6b82e, #w-node-_1d7ac2c2-8a61-bc2e-ad49-6df72116d2fb-2ac6b82e {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_4f2251d4-775f-187c-a6d7-1257f1731fc0-2ac6b82e {
  grid-area: 1 / 1 / 2 / 3;
  place-self: center stretch;
}

#w-node-_49b3eb49-b729-fbce-11cb-e786224e6483-2ac6b82e {
  grid-area: 1 / 2 / 2 / 3;
  place-self: center start;
}

#w-node-_4b8af2ad-2139-ba83-3af4-cb7ee4f3a1d2-01cd9f4a {
  grid-area: 1 / 1 / 2 / 3;
}

#w-node-d62adbb6-903a-88f9-ec85-2469726d337c-01cd9f4a {
  grid-area: 1 / 2 / 2 / 4;
  justify-self: stretch;
}

#w-node-_07823d41-bea5-ecbf-0a0c-fcd72466674c-01cd9f4a {
  grid-area: 1 / 1 / 2 / 2;
  place-self: center;
}

#w-node-_852ff46d-ab50-e5a8-1105-10f85155ee14-01cd9f4a {
  grid-area: 2 / 1 / 3 / 3;
  place-self: center end;
}

#w-node-a0e1ec60-4d0a-71f4-8480-9ae35a27003e-01cd9f4a {
  grid-area: 1 / 1 / 2 / 3;
  place-self: center;
}

#w-node-_27f3bd31-5e8a-8417-912b-d01a7ff08c95-01cd9f4a, #w-node-_1d7ac2c2-8a61-bc2e-ad49-6df72116d2fb-01cd9f4a {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_4f2251d4-775f-187c-a6d7-1257f1731fc0-01cd9f4a {
  grid-area: 1 / 1 / 2 / 3;
  place-self: center stretch;
}

#w-node-_49b3eb49-b729-fbce-11cb-e786224e6483-01cd9f4a {
  grid-area: 1 / 2 / 2 / 3;
  place-self: center start;
}

@media screen and (min-width: 1440px) {
  #w-node-_4b8af2ad-2139-ba83-3af4-cb7ee4f3a1d2-a5f4a8df {
    grid-column-end: 2;
  }

  #w-node-d62adbb6-903a-88f9-ec85-2469726d337c-a5f4a8df {
    grid-column: 2 / 3;
  }

  #w-node-_4b8af2ad-2139-ba83-3af4-cb7ee4f3a1d2-2ac6b82e {
    grid-column-end: 2;
  }

  #w-node-d62adbb6-903a-88f9-ec85-2469726d337c-2ac6b82e {
    grid-column: 2 / 3;
  }

  #w-node-_4b8af2ad-2139-ba83-3af4-cb7ee4f3a1d2-01cd9f4a {
    grid-column-end: 2;
  }

  #w-node-d62adbb6-903a-88f9-ec85-2469726d337c-01cd9f4a {
    grid-column: 2 / 3;
  }
}