/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */

main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/* Text-level semantics
   ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */

a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  text-decoration: underline dotted;
  /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */

img {
  border-style: none;
}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input {
  /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select {
  /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */

details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
  display: list-item;
}

/* Misc
   ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */

template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */

[hidden] {
  display: none;
}

.social .label,
.sr-only {
  top: auto;
  left: -10000rem;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
  width: 1px;
  height: 1px;
  position: absolute;
  overflow: hidden
}

.input-select,
.input-email,
.input-number,
.input-date,
.input-text {
  color: #000;
  width: 100%;
  margin: 0;
  border: 1px solid #d3dedf;
  display: block;
  padding: 17px 16px;
  outline: none;
  z-index: 1;
  position: relative;
  background: #fff;
  border-radius: 6px;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  font-size: 16px;
  font-size: var(--text-regular-font-size);
  font-weight: 400;
  line-height: 24px;
  line-height: var(--text-regular-line-height);
  font-family: Inter, Helvetica, Arial, sans-serif;
  font-family: var(--font-family-text)
}

.input-select::-webkit-input-placeholder,
.input-email::-webkit-input-placeholder,
.input-number::-webkit-input-placeholder,
.input-date::-webkit-input-placeholder,
.input-text::-webkit-input-placeholder {
  color: #6b8aaf;
  opacity: 1
}

.input-select:-moz-placeholder,
.input-email:-moz-placeholder,
.input-number:-moz-placeholder,
.input-date:-moz-placeholder,
.input-text:-moz-placeholder {
  color: #6b8aaf;
  opacity: 1
}

.input-select::-moz-placeholder,
.input-email::-moz-placeholder,
.input-number::-moz-placeholder,
.input-date::-moz-placeholder,
.input-text::-moz-placeholder {
  color: #6b8aaf;
  opacity: 1
}

.input-select:-ms-input-placeholder,
.input-email:-ms-input-placeholder,
.input-number:-ms-input-placeholder,
.input-date:-ms-input-placeholder,
.input-text:-ms-input-placeholder {
  color: #6b8aaf;
  opacity: 1
}

.input-select:focus,
.input-email:focus,
.input-number:focus,
.input-date:focus,
.input-text:focus,
.input-select:active,
.input-email:active,
.input-number:active,
.input-date:active,
.input-text:active {
  -webkit-box-shadow: none;
  box-shadow: none
}

.input-label {
  color: #000;
  margin: 0 0 8px;
  display: block;
  font-size: 14px;
  font-size: var(--text-small-font-size);
  font-weight: 600;
  line-height: 21px;
  line-height: var(--text-small-line-height);
  font-family: Inter, Helvetica, Arial, sans-serif;
  font-family: var(--font-family-text)
}

.btn-transparent,
.btn-blue-gradient {
  border: none;
  height: 56px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 5px 15px;
  position: relative;
  text-align: center;
  background: rgba(0, 0, 0, 0);
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-weight: 500;
  border-radius: 6px;
  -webkit-text-decoration: none;
  text-decoration: none;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-family: 'Invest Pro', Helvetica, Arial, sans-serif;
  font-family: var(--font-family-invest-pro)
}

.btn-transparent .svg-icon,
.btn-blue-gradient .svg-icon {
  width: 12px;
  height: 12px;
  margin-left: 6px
}

.btn-blue-gradient {
  color: #fff;
  overflow: hidden
}

.btn-blue-gradient:link,
.btn-blue-gradient:focus,
.btn-blue-gradient:active,
.btn-blue-gradient:visited {
  color: #fff
}

.btn-blue-gradient:hover {
  color: #fff
}

.btn-blue-gradient::before {
  content: "";
  z-index: -1;
  position: absolute;
  left: 0;
  top: 0;
  width: 600%;
  height: 100%;
  -webkit-animation: bg-btn-blue-gradient 3s infinite linear;
  -o-animation: bg-btn-blue-gradient 3s infinite linear;
  animation: bg-btn-blue-gradient 3s infinite linear;
  background: -webkit-gradient(linear, right top, left top, color-stop(25%, rgba(0, 0, 0, 0)), color-stop(50%, rgba(0, 0, 0, 0.3)), color-stop(75%, rgba(0, 0, 0, 0))), #0038ff;
  background: -webkit-linear-gradient(right, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0.3) 50%, rgba(0, 0, 0, 0) 75%), #0038ff;
  background: -o-linear-gradient(right, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0.3) 50%, rgba(0, 0, 0, 0) 75%), #0038ff;
  background: linear-gradient(270deg, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0.3) 50%, rgba(0, 0, 0, 0) 75%), #0038ff;
  background: -webkit-linear-gradient(180.08deg, rgba(0, 0, 0, 0) 15%, rgba(0, 0, 0, 0.3) 40%, rgba(0, 0, 0, 0.3) 60%, rgba(0, 0, 0, 0) 85%), #0038ff;
  background: -o-linear-gradient(180.08deg, rgba(0, 0, 0, 0) 15%, rgba(0, 0, 0, 0.3) 40%, rgba(0, 0, 0, 0.3) 60%, rgba(0, 0, 0, 0) 85%), #0038ff;
  background: linear-gradient(269.92deg, rgba(0, 0, 0, 0) 15%, rgba(0, 0, 0, 0.3) 40%, rgba(0, 0, 0, 0.3) 60%, rgba(0, 0, 0, 0) 85%), #0038ff
}

@font-face {
  font-family: "Alpha Mono";
  src: url(../static/regular-bec499f8f37cf9cd4c2a.woff2) format("woff2"), url(../static/regular-94287ae916fdfece9aea.woff) format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap
}

@font-face {
  font-family: "Canela";
  src: url(../static/light-942a7af27a3531289340.woff2) format("woff2"), url(../static/light-7f81a9b42e90a5c95749.woff) format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap
}

@font-face {
  font-family: "Canela";
  src: url(../static/light-italic-f155a20a062c6f06c03e.woff2) format("woff2"), url(../static/light-italic-63d337b3fdd0e8218090.woff) format("woff");
  font-weight: 300;
  font-style: italic;
  font-display: swap
}

@font-face {
  font-family: "HelveticaNowDisplay";
  src: url(../static/regular-4e316aa66ee694d00576.woff2) format("woff2"), url(../static/regular-7a5d20e347c39360a736.woff) format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap
}

@font-face {
  font-family: "HelveticaNowDisplay";
  src: url(../static/regular-italic-01ca637af68374f1de01.woff2) format("woff2"), url(../static/regular-italic-124ba2f5c47e1856c729.woff) format("woff");
  font-weight: normal;
  font-style: italic;
  font-display: swap
}

@font-face {
  font-family: "HelveticaNowDisplay";
  src: url(../static/medium-e1452c74a0d4a96d47cb.woff2) format("woff2"), url(../static/medium-57136efe69fe4f51af32.woff) format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap
}

@font-face {
  font-family: "HelveticaNowDisplay";
  src: url(../static/medium-italic-56a28cc293b500458641.woff2) format("woff2"), url(../static/medium-italic-340fe6e777c1f07d522d.woff) format("woff");
  font-weight: 500;
  font-style: italic;
  font-display: swap
}

@font-face {
  font-family: "HelveticaNowDisplay";
  src: url(../static/bold-6938408acf7efc058f83.woff2) format("woff2"), url(../static/bold-b5c5af6ff13fd2db9746.woff) format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap
}

@font-face {
  font-family: "HelveticaNowDisplay";
  src: url(../static/bold-italic-289e9fdc7ef3d0ad1de9.woff2) format("woff2"), url(../static/bold-italic-bc98383f5a981bb5e165.woff) format("woff");
  font-weight: bold;
  font-style: italic;
  font-display: swap
}

@font-face {
  font-family: "HelveticaNowDisplay";
  src: url(../static/black-italic-7743e314bf4407315450.woff2) format("woff2"), url(../static/black-italic-feb20310748d123be57b.woff) format("woff");
  font-weight: 900;
  font-style: italic;
  font-display: swap
}

@font-face {
  font-family: "HelveticaNowDisplay";
  src: url(../static/black-8a626dbf4ed2b0a9386d.woff2) format("woff2"), url(../static/black-54b4a7335aa775c75be0.woff) format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: swap
}

@font-face {
  font-family: "Brush Script MT";
  src: url(../static/regular-italic-b834d170d6ba05634c7b.woff2) format("woff2"), url(../static/regular-italic-272b269fb90f16374040.woff) format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap
}

@font-face {
  font-family: "Brush Script MT";
  src: url(../static/regular-italic-b834d170d6ba05634c7b.woff2) format("woff2"), url(../static/regular-italic-272b269fb90f16374040.woff) format("woff");
  font-weight: normal;
  font-style: italic;
  font-display: swap
}

@font-face {
  font-family: "Invest Pro";
  src: url(../static/bold-c11b02a2ed8368f85f80.woff2) format("woff2"), url(../static/bold-5d5f80c142fcdbb3836a.woff) format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap
}

@font-face {
  font-family: "Invest Pro";
  src: url(../static/medium-56c63b838d37ea6bb07a.woff2) format("woff2"), url(../static/medium-c166be5d6977ba441c3c.woff) format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap
}

@font-face {
  font-family: "Invest Pro";
  src: url(../static/regular-e740b3dd29d1fe2a6288.woff2) format("woff2"), url(../static/regular-29f3bc0828d76386d892.woff) format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap
}

@font-face {
  font-family: "Inter";
  src: local("Inter"), local("Inter Light"), local("Inter-Light"), url(../static/inter-light-afa727d8db7992117c0f.woff2) format("woff2"), url(../static/inter-light-ec5268cf58f8972b50dd.woff) format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap
}

@font-face {
  font-family: "Inter";
  src: url(../static/inter-regular-ac03a6de9ea313009257.woff2) format("woff2"), url(../static/inter-regular-f3ce705f806c10eb6e2d.woff) format("woff");
  font-style: normal;
  font-weight: 400;
  font-display: swap
}

@font-face {
  font-family: "Inter";
  src: url(../static/inter-medium-2e49fa70be6011988c79.woff2) format("woff2"), url(../static/inter-medium-f54039e3202e9ad4fe3c.woff) format("woff");
  font-style: normal;
  font-weight: 500;
  font-display: swap
}

@font-face {
  font-family: "Inter";
  src: local("Inter"), local("Inter Semibold"), local("Inter-Semibold"), url(../static/inter-semibold-7249951440b8b2f3f6ba.woff2) format("woff2"), url(../static/inter-semibold-6d7d360a0832f5c43a22.woff) format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap
}

@font-face {
  font-family: "Graphik";
  font-weight: 700;
  font-style: normal;
  font-stretch: normal;
  font-display: swap;
  src: url(../static/Graphik-Bold-432bb4455d20a75424a9.eot);
  src: url(../static/Graphik-Bold-432bb4455d20a75424a9.eot) format("embedded-opentype"), url(../static/Graphik-Bold-0c2d28e372e45c4ca3e3.woff2) format("woff2"), url(../static/Graphik-Bold-ed958c9817e0690a7e7e.woff) format("woff")
}

@font-face {
  font-family: "Graphik";
  font-weight: 700;
  font-style: italic;
  font-stretch: normal;
  font-display: swap;
  src: url(../static/Graphik-BoldItalic-ae9d9f7ee83ea23a3df1.eot);
  src: url(../static/Graphik-BoldItalic-ae9d9f7ee83ea23a3df1.eot) format("embedded-opentype"), url(../static/Graphik-BoldItalic-566139be9f49c6b27c13.woff2) format("woff2"), url(../static/Graphik-BoldItalic-64b8337651b05728c861.woff) format("woff")
}

@font-face {
  font-family: "Graphik";
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  font-display: swap;
  src: url(../static/Graphik-Medium-d6e4cc7048976e5c13b4.eot);
  src: url(../static/Graphik-Medium-d6e4cc7048976e5c13b4.eot) format("embedded-opentype"), url(../static/Graphik-Medium-adb455aeaefaaa46f50b.woff2) format("woff2"), url(../static/Graphik-Medium-5d570d035a0da3b21e03.woff) format("woff")
}

@font-face {
  font-family: "Graphik";
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
  font-display: swap;
  src: url(../static/Graphik-Regular-c67b4f7f51b69566fb9b.eot);
  src: url(../static/Graphik-Regular-c67b4f7f51b69566fb9b.eot) format("embedded-opentype"), url(../static/Graphik-Regular-d14d0eddc492f8c0aba6.woff2) format("woff2"), url(../static/Graphik-Regular-379e1bc52cb34e42c6b7.woff) format("woff")
}

@font-face {
  font-family: "Graphik";
  font-weight: 400;
  font-style: italic;
  font-stretch: normal;
  font-display: swap;
  src: url(../static/Graphik-RegularItalic-76a40d2da2bfd6b1300c.eot);
  src: url(../static/Graphik-RegularItalic-76a40d2da2bfd6b1300c.eot) format("embedded-opentype"), url(../static/Graphik-RegularItalic-9d6ab5e516d526effbdc.woff2) format("woff2"), url(../static/Graphik-RegularItalic-820e3262ccecbba749be.woff) format("woff")
}

@font-face {
  font-family: "Graphik Wide";
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  font-display: swap;
  src: url(../static/Graphik-WideMedium-4b65310e3f10346af1c3.eot);
  src: url(../static/Graphik-WideMedium-4b65310e3f10346af1c3.eot) format("embedded-opentype"), url(../static/Graphik-WideMedium-6ea3fac7ccb8ba9deb65.woff2) format("woff2"), url(../static/Graphik-WideMedium-9c314d7b891d7102e4d4.woff) format("woff")
}

@font-face {
  font-family: "Graphik Compact";
  font-weight: 700;
  font-style: normal;
  font-stretch: normal;
  font-display: swap;
  src: url(../static/GraphikCompact-Bold-e6e84c3379fd1b0e3a59.eot);
  src: url(../static/GraphikCompact-Bold-e6e84c3379fd1b0e3a59.eot) format("embedded-opentype"), url(../static/GraphikCompact-Bold-1468a890af193d7b886a.woff2) format("woff2"), url(../static/GraphikCompact-Bold-25093491635163d26478.woff) format("woff")
}

@font-face {
  font-family: "Graphik Compact";
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
  font-display: swap;
  src: url(../static/GraphikCompact-Regular-9ea8a75f8358903d5b25.eot);
  src: url(../static/GraphikCompact-Regular-9ea8a75f8358903d5b25.eot) format("embedded-opentype"), url(../static/GraphikCompact-Regular-f2fa68e71f1e96f499b1.woff2) format("woff2"), url(../static/GraphikCompact-Regular-60ce16c4bdd811ab0c7b.woff) format("woff")
}

@font-face {
  font-family: "Public";
  src: local("Public Medium"), local("Public-Medium"), url(../static/public-medium-db307498277c7f15eb0f.woff2) format("woff2"), url(../static/public-medium-1a37000dd5861e38dd16.woff) format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap
}

@font-face {
  font-family: "Public";
  src: local("Public Bold"), local("Public-Bold"), url(../static/public-bold-18dcd08ef2a6d275dbbf.woff2) format("woff2"), url(../static/public-bold-ce6616953f5a211c61c8.woff) format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap
}

@font-face {
  font-family: "Public";
  src: local("Public Regular"), local("Public-Regular"), url(../static/public-regular-6864c9fd9604ab3cd9ee.woff2) format("woff2"), url(../static/public-regular-1c0643fb34b1bddca6e3.woff) format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap
}

@font-face {
  font-family: "Denton";
  src: url(../static/Denton-Light-23077c467272ac5f4bb9.woff2) format("woff2"), url(../static/Denton-Light-ac9beda57dd7f195d649.woff) format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap
}

@font-face {
  font-family: "Denton";
  src: url(../static/Denton-Regular-4015929f66a7fb82ed55.woff2) format("woff2"), url(../static/Denton-Regular-8f186d8bf940e8648922.woff) format("woff");
  font-style: normal;
  font-weight: 400;
  font-display: swap
}

:root {
  --font-family-heading: 'Denton', 'Times New Roman', serif;
  --font-family-text: Inter, Helvetica, Arial, sans-serif;
  --font-family-alpha-mono: 'Alpha Mono', ui-monospace, 'Courier New', monospace;
  --font-family-graphik: 'Graphik', Helvetica, Arial, sans-serif;
  --font-family-invest-pro: 'Invest Pro', Helvetica, Arial, sans-serif;
  --font-family-denton: 'Denton', 'Times New Roman', serif;
  --h1-font-size: 76px;
  --h1-line-height: 76px;
  --h2-font-size: 52px;
  --h2-line-height: 58px;
  --h3-font-size: 48px;
  --h3-line-height: 54px;
  --h4-font-size: 32px;
  --h4-line-height: 36px;
  --h5-font-size: 24px;
  --h5-line-height: 140%;
  --h6-font-size: 20px;
  --h6-line-height: 115%;
  --xxl-font-size: 102px;
  --xxl-line-height: 100%;
  --xl-font-size: 92px;
  --xl-line-height: 100%;
  --text-larger-font-size: 20px;
  --text-larger-line-height: 30px;
  --text-large-font-size: 18px;
  --text-large-line-height: 27px;
  --text-regular-font-size: 16px;
  --text-regular-line-height: 24px;
  --text-small-font-size: 14px;
  --text-small-line-height: 21px;
  --text-tiny-font-size: 12px;
  --text-tiny-line-height: 18px;
  --white: #fff;
  --dark-001: #000;
  --dark-002: #1b2128;
  --dark-003: #161a20;
  --dark-004: #2b3746;
  --grey-001: #516880;
  --grey-002: #d4d9df;
  --grey-003: #f1f4f7;
  --grey-004: #f6f8f9;
  --blue-brand: #0038ff;
  --blue-light-001: #4d74ff;
  --blue-light-002: #99afff;
  --blue-light-003: #e5ebff;
  --red-error: #ff0066;
  --green-success: #4dc16d;
  --color-text: var(--dark-004);
  --color-heading: var(--dark-001)
}

*,
*::after,
*::before {
  outline: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

html {
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch
}

body {
  color: #000;
  background: #fff;
  font-family: Inter, Helvetica, Arial, sans-serif;
  font-family: var(--font-family-text);
  text-rendering: auto;
  scroll-behavior: smooth;
  -webkit-font-smoothing: auto;
  -moz-osx-font-smoothing: grayscale;
  -webkit-overflow-scrolling: touch
}

.media-controls-container,
video::-webkit-media-controls {
  display: none !important
}

.video-error .video-wrap video {
  opacity: 0
}

.video-error .video-wrap {
  display: block;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center
}

a>*,
button>* {
  pointer-events: none
}

.desktop {
  display: none
}

.mobile+br,
.desktop+br {
  display: none
}

a>*,
button>* {
  pointer-events: none
}

@media(min-width: 992px) {
  .desktop {
    display: inline
  }

  .mobile {
    display: none
  }
}

img,
video {
  height: auto;
  display: block;
  max-width: 100%
}

a:not([class]) {
  -webkit-text-decoration-skip: ink;
  text-decoration-skip-ink: auto
}

p b,
p strong {
  font-weight: 600
}

@media(prefers-reduced-motion: reduce) {
  * {
    -webkit-animation-duration: .01ms !important;
    -o-animation-duration: .01ms !important;
    animation-duration: .01ms !important;
    -webkit-animation-iteration-count: 1 !important;
    -o-animation-iteration-count: 1 !important;
    animation-iteration-count: 1 !important;
    -webkit-transition-duration: .01ms !important;
    -o-transition-duration: .01ms !important;
    transition-duration: .01ms !important;
    scroll-behavior: auto !important
  }
}

.toggler {
  overflow: hidden;
  -webkit-transition: max-height .5s ease;
  -o-transition: max-height .5s ease;
  transition: max-height .5s ease;
  max-height: 100%
}

.toggler:not(.active) {
  max-height: 0 !important
}

.toggler.active {
  -webkit-transition: max-height .5s ease;
  -o-transition: max-height .5s ease;
  transition: max-height .5s ease
}

.link-plain {
  color: #555;
  display: block;
  padding: 10px 0 0;
  -webkit-text-decoration: none;
  text-decoration: none;
  font-size: 14px;
  line-height: 1
}

.link-plain:link,
.link-plain:focus,
.link-plain:active,
.link-plain:visited {
  color: #555
}

.link-plain:hover {
  color: #555
}

.disclosure-link {
  display: inline-block;
  z-index: 100;
  position: relative
}

.disclosure-link:hover .tooltip {
  display: block
}

.tooltip {
  left: 50%;
  width: 360px;
  bottom: 100%;
  display: none;
  z-index: 200;
  padding: 15px 15px 10px;
  position: absolute;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  background: hsla(0, 0%, 100%, .95);
  -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, .1);
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, .1);
  border-radius: 4px;
  font-size: 14px;
  line-height: 185.7142857143%
}

.tooltip a {
  color: #555;
  font-weight: bold;
  -webkit-text-decoration: none;
  text-decoration: none
}

.tooltip a:link,
.tooltip a:focus,
.tooltip a:active,
.tooltip a:visited {
  color: #555
}

.tooltip a:hover {
  color: #555
}

.tooltip a:hover {
  -webkit-text-decoration: underline;
  text-decoration: underline
}

.svg-icon {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex
}

.svg-icon svg {
  fill: currentColor;
  width: 1em;
  height: 1em;
  padding: 1px;
  overflow: hidden;
  vertical-align: top
}

.cross {
  width: 18px;
  height: 18px;
  display: inline-block;
  position: relative
}

.cross::before,
.cross::after {
  content: "";
  display: block;
  position: absolute;
  background: #34374c
}

.cross::before {
  top: 50%;
  width: 100%;
  height: 1px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%)
}

.cross::after {
  left: 50%;
  width: 1px;
  height: 100%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%)
}

.arrow {
  border: solid #34374c;
  display: inline-block;
  padding: 3px;
  border-width: 0 2px 2px 0
}

.arrow.back {
  -webkit-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg)
}

.icon-play {
  top: 50%;
  left: 50%;
  width: 42px;
  height: 42px;
  display: block;
  position: absolute;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background: #fff;
  border-radius: 50%
}

.icon-play:before {
  top: 50%;
  left: 50%;
  width: 0;
  height: 0;
  content: "";
  display: block;
  position: absolute;
  -webkit-transform: translate(-35%, -50%);
  -ms-transform: translate(-35%, -50%);
  -o-transform: translate(-35%, -50%);
  transform: translate(-35%, -50%);
  border-top: 9px solid rgba(0, 0, 0, 0);
  border-bottom: 9px solid rgba(0, 0, 0, 0);
  border-left: 13px solid #0038ff
}

.icon-close {
  width: 24px;
  height: 24px;
  display: inline-block;
  position: relative;
  text-indent: -9999em;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg)
}

.icon-close:after,
.icon-close:before {
  content: "";
  display: block;
  position: absolute;
  background: #34374c
}

.icon-close:after {
  top: 0;
  left: 50%;
  width: 2px;
  height: 100%;
  -webkit-transform: translateX(-1px);
  -ms-transform: translateX(-1px);
  -o-transform: translateX(-1px);
  transform: translateX(-1px)
}

.icon-close:before {
  top: 50%;
  left: 0;
  width: 100%;
  height: 2px;
  -webkit-transform: translateY(-1px);
  -ms-transform: translateY(-1px);
  -o-transform: translateY(-1px);
  transform: translateY(-1px)
}

.icon-embed {
  display: inline-block;
  position: relative;
  -webkit-transform: translateY(-2px);
  -ms-transform: translateY(-2px);
  -o-transform: translateY(-2px);
  transform: translateY(-2px)
}

.icon-embed:after,
.icon-embed:before {
  border: solid #dadada;
  display: inline-block;
  padding: 3px;
  content: "";
  border-width: 0 2px 2px 0
}

.icon-embed:after {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg)
}

.icon-embed:before {
  -webkit-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg)
}

.social {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.social li {
  font-size: 0 !important;
  line-height: 0 !important
}

.social svg {
  font-size: 24px;
  line-height: 1
}

.social li+li {
  margin-left: 16px
}

.social a {
  display: block
}

.social-share {
  padding: 0;
  list-style: none
}

.social-share a {
  color: #34374c;
  display: block;
  -webkit-text-decoration: none;
  text-decoration: none
}

.social-share a:link,
.social-share a:focus,
.social-share a:active,
.social-share a:visited {
  color: #34374c
}

.social-share a:hover {
  color: #0038ff
}

.social-share span {
  pointer-events: none
}

.social-share .svg-share-facebook {
  width: 10px;
  height: 20px
}

.social-share .svg-share-twitter {
  width: 21px;
  height: 18px
}

.social-share .svg-share-linkedin {
  width: 20px;
  height: 19px;
  margin-top: -1px
}

.social-share .svg-share-mail {
  width: 24px;
  height: 18px
}

.tweetme {
  top: 0;
  left: 0;
  color: #fff;
  margin: 0;
  opacity: 0;
  position: absolute;
  -webkit-transform: translateX(50%);
  -ms-transform: translateX(50%);
  -o-transform: translateX(50%);
  transform: translateX(50%);
  background: #000;
  -webkit-transition: opacity .2s ease-in-out, margin .2s ease-in;
  -o-transition: opacity .2s ease-in-out, margin .2s ease-in;
  transition: opacity .2s ease-in-out, margin .2s ease-in;
  border-radius: 16px;
  -webkit-text-decoration: none;
  text-decoration: none;
  pointer-events: none
}

.tweetme:link,
.tweetme:focus,
.tweetme:active,
.tweetme:visited {
  color: #fff
}

.tweetme:hover {
  color: #fff
}

.tweetme.active {
  opacity: 1;
  -webkit-transition: opacity .2s ease-in-out, margin .2s ease-in;
  -o-transition: opacity .2s ease-in-out, margin .2s ease-in;
  transition: opacity .2s ease-in-out, margin .2s ease-in;
  margin-top: -2px;
  pointer-events: all
}

.tweetme span {
  pointer-events: none
}

.tweetme:after {
  left: 50%;
  width: 0;
  height: 0;
  bottom: 100%;
  display: block;
  content: "";
  position: absolute;
  border-left: 8px solid rgba(0, 0, 0, 0);
  border-right: 8px solid rgba(0, 0, 0, 0);
  border-top: 8px solid #000;
  -webkit-transform: translateX(-50%) rotate(180deg);
  -ms-transform: translateX(-50%) rotate(180deg);
  -o-transform: translateX(-50%) rotate(180deg);
  transform: translateX(-50%) rotate(180deg)
}

.tweetme .inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 10px 18px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.tweetme .label {
  font-size: 12px;
  padding-right: 5px
}

@media(min-width: 1024px) {
  .tweetme:after {
    bottom: auto;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%)
  }
}

.container {
  width: 100%;
  margin: 0 auto;
  padding: 0 16px;
  position: relative;
  max-width: 1344px
}

.container.narrow {
  max-width: 878px
}

.container.wide {
  max-width: 1552px
}

.container.full-width {
  max-width: 100%
}

@media(min-width: 1440px) {
  .container {
    padding-left: 32px;
    padding-right: 32px
  }

  .container.full-width {
    padding-left: 32px;
    padding-right: 32px
  }
}

.rwd-iframe-chart {
  height: 0;
  position: relative;
  overflow: hidden;
  padding-bottom: 360px
}

.rwd-iframe-chart iframe {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute
}

.rwd-16-9 {
  height: 0;
  position: relative;
  overflow: hidden;
  padding-bottom: 56.25%
}

.rwd-16-9 iframe {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute
}

div .disclosure-text a,
div p.disclosure-text a,
small.disclosure-text a,
.link-plain {
  color: #0027b3;
  -webkit-transition: color .5s ease;
  -o-transition: color .5s ease;
  transition: color .5s ease;
  -webkit-text-decoration: none;
  text-decoration: none
}

div .disclosure-text a:link,
small.disclosure-text a:link,
.link-plain:link,
div .disclosure-text a:focus,
small.disclosure-text a:focus,
.link-plain:focus,
div .disclosure-text a:active,
small.disclosure-text a:active,
.link-plain:active,
div .disclosure-text a:visited,
small.disclosure-text a:visited,
.link-plain:visited {
  color: #0027b3
}

div .disclosure-text a:hover,
small.disclosure-text a:hover,
.link-plain:hover {
  color: #0038df
}

div .disclosure-text a:hover,
small.disclosure-text a:hover,
.link-plain:hover {
  -webkit-text-decoration: underline;
  text-decoration: underline
}

div .disclosure-text,
div p.disclosure-text,
small.disclosure-text {
  color: #516880;
  margin: 0 0 16px;
  font-size: 12px;
  font-size: var(--text-tiny-font-size);
  font-weight: 400;
  line-height: 18px;
  line-height: var(--text-tiny-line-height);
  font-family: Inter, Helvetica, Arial, sans-serif;
  font-family: var(--font-family-text)
}

.pill {
  color: #fff;
  margin: 0;
  height: 22px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 0 6px;
  text-align: center;
  background: #0038ff;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 100px;
  font-size: 12px;
  font-size: var(--text-tiny-font-size);
  font-weight: 400;
  line-height: 18px;
  line-height: var(--text-tiny-line-height);
  font-family: Inter, Helvetica, Arial, sans-serif;
  font-family: var(--font-family-text)
}

.pill.outline-black {
  color: #000;
  border: 1px solid #000;
  background: none
}

.pill.outline-white {
  color: #fff;
  border: 1px solid #fff;
  background: none
}

.pill.outline-grey {
  color: #000;
  border: 1px solid #dce2ea;
  background: none
}

.pill.grey {
  background: #dce2ea
}

.pill.alpha {
  color: #000;
  background: #d6fe52;
  font-family: 'Alpha Mono', ui-monospace, 'Courier New', monospace;
  font-family: var(--font-family-alpha-mono)
}

.pill.small {
  padding: 1px 8px;
  font-size: 10px;
  line-height: 16px
}

.kicker {
  color: #4d74ff;
  margin: 0 0 8px;
  display: inline-block;
  font-family: 'Invest Pro', Helvetica, Arial, sans-serif;
  font-family: var(--font-family-invest-pro);
  font-weight: 500;
  font-size: 16px;
  line-height: 24px
}

.kicker.dark-bg {
  color: #99afff
}

.kicker.white {
  color: #fff
}

.input-wrap {
  margin: 0;
  position: relative
}

.input-wrap:only-child {
  margin: 0
}

.input-wrap>span {
  display: block;
  line-height: 0
}

.input-wrap-range>span {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.input-wrap-range .input-range-value {
  color: #000;
  -ms-flex-preferred-size: 40px;
  flex-basis: 40px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding-left: 7px;
  font-size: 14px;
  font-size: var(--text-small-font-size);
  font-weight: 600;
  line-height: 21px;
  line-height: var(--text-small-line-height);
  font-family: Inter, Helvetica, Arial, sans-serif;
  font-family: var(--font-family-text)
}

.input-wrap-range .range-wrap {
  width: 100%;
  position: relative;
  overflow: hidden;
  border-radius: 6px
}

.input-wrap-range .rangeSlider__horizontal {
  width: 100%;
  height: 26px;
  z-index: 6;
  padding: 4px 0;
  overflow: hidden;
  position: relative;
  border-radius: 6px
}

.input-wrap-range .rangeSlider__horizontal::after {
  top: 7px;
  left: 0;
  width: 100%;
  height: 12px;
  z-index: 1;
  content: "";
  display: block;
  position: absolute;
  background: #e5e8ec;
  border-radius: 6px
}

.input-wrap-range .rangeSlider__handle {
  width: 18px;
  height: 18px;
  border: none;
  cursor: pointer;
  display: inline-block;
  z-index: 3;
  position: absolute;
  background: #4c73ff;
  -webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, .3);
  box-shadow: 0px 2px 4px rgba(0, 0, 0, .3);
  border-radius: 100%
}

.input-wrap-range .rangeSlider__handle__horizontal {
  top: 4px;
  left: 0
}

.input-wrap-range .rangeSlider__fill {
  top: 7px;
  left: 0;
  height: 12px;
  z-index: 2;
  position: absolute;
  background: #4c73ff;
  border-radius: 6px
}

.input-wrap-range .rangeSlider__buffer {
  top: 0;
  height: 12px;
  position: absolute
}

.input-number::-webkit-inner-spin-button {
  display: none
}

.input-select {
  position: relative
}

.input-select:not(:valid) {
  color: #6b8aaf
}

.input-wrap-select::after {
  top: 50%;
  right: 16px;
  border: solid #6b8aaf;
  content: "";
  display: inline-block;
  padding: 4px;
  z-index: 2;
  position: absolute;
  -webkit-transform: rotate(45deg) translate(5px, 4px);
  -ms-transform: rotate(45deg) translate(5px, 4px);
  -o-transform: rotate(45deg) translate(5px, 4px);
  transform: rotate(45deg) translate(5px, 4px);
  border-width: 0 1px 1px 0
}

#navbar-main-menu .menu-webapp .btn-sign-in,
#navbar-main-menu .menu-webapp .btn-sign-up,
.sign-up-mobile,
.btn-black-outline,
.btn-black {
  border: 1px solid;
  height: 54px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 0 16px;
  min-width: 180px;
  text-align: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 999px;
  backdrop-filter: blur(4px);
  -webkit-text-decoration: none;
  text-decoration: none;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-family: 'Invest Pro', Helvetica, Arial, sans-serif;
  font-family: var(--font-family-invest-pro);
  font-weight: 400;
  font-size: 16px;
  line-height: 16px
}

.btn-black {
  color: #fff;
  background: #000;
  border-color: #000
}

.btn-black:link,
.btn-black:focus,
.btn-black:active,
.btn-black:visited {
  color: #fff
}

.btn-black:hover {
  color: #fff
}

.btn-black-outline {
  color: #fff;
  background: #000;
  border-color: #dce2ea;
  background: hsla(0, 0%, 100%, .05)
}

.btn-black-outline:link,
.btn-black-outline:focus,
.btn-black-outline:active,
.btn-black-outline:visited {
  color: #000
}

.btn-black-outline:hover {
  color: #000
}

.btn-blue-gradient {
  z-index: 1;
  position: relative
}

.btn-blue-gradient:hover {
  background: #0038df
}

.btn-blue-gradient:hover::before {
  opacity: 0
}

.rounded {
  border-radius: 100px
}

.btn-transparent {
  color: #000;
  border: 1px solid #d3d9df;
  min-width: 135px
}

.btn-transparent:link,
.btn-transparent:focus,
.btn-transparent:active,
.btn-transparent:visited {
  color: #000
}

.btn-transparent:hover {
  color: #000
}

@-webkit-keyframes bg-btn-blue-gradient {
  from {
    left: -500%
  }

  to {
    left: 0
  }
}

@-o-keyframes bg-btn-blue-gradient {
  from {
    left: -500%
  }

  to {
    left: 0
  }
}

@keyframes bg-btn-blue-gradient {
  from {
    left: -500%
  }

  to {
    left: 0
  }
}

.announcement {
  width: 100%;
  z-index: 12121212;
  overflow: hidden;
  position: relative;
  -webkit-transition: max-height .5s ease;
  -o-transition: max-height .5s ease;
  transition: max-height .5s ease;
  background: #002ed2
}

.announcement.active {
  display: none
}

.announcement .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 6px 35px;
  min-height: 30px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.announcement p {
  width: 100%;
  color: #fff;
  margin: 0;
  text-align: center;
  font-size: 12px;
  font-size: var(--text-tiny-font-size);
  font-weight: 400;
  line-height: 18px;
  line-height: var(--text-tiny-line-height);
  font-family: Inter, Helvetica, Arial, sans-serif;
  font-family: var(--font-family-text)
}

.announcement a {
  color: #fff;
  display: block;
  -webkit-text-decoration: none;
  text-decoration: none
}

.announcement a:link,
.announcement a:focus,
.announcement a:active,
.announcement a:visited {
  color: #fff
}

.announcement a:hover {
  color: #fff
}

.announcement p a::after {
  content: "→";
  margin-left: 6px
}

.announcement.hide {
  max-height: 0;
  -webkit-transition: max-height .5s ease;
  -o-transition: max-height .5s ease;
  transition: max-height .5s ease
}

.announcement .button {
  border: 1px solid hsla(0, 0%, 100%, .5);
  display: inline-block;
  padding: 6px 10px 7px;
  background: hsla(0, 0%, 100%, .05);
  margin-left: 10px;
  border-radius: 100px;
  font-size: 13px;
  line-height: 1
}

#announcement+#page-wrap {
  position: relative
}

.close-announcement {
  top: 50%;
  right: 10px;
  z-index: 201;
  position: absolute;
  -webkit-transform: translateY(-45%);
  -ms-transform: translateY(-45%);
  -o-transform: translateY(-45%);
  transform: translateY(-45%)
}

.close-announcement .cross {
  -webkit-transform: rotate(45deg) scale(0.8);
  -ms-transform: rotate(45deg) scale(0.8);
  -o-transform: rotate(45deg) scale(0.8);
  transform: rotate(45deg) scale(0.8)
}

.close-announcement .cross::after,
.close-announcement .cross::before {
  background: #fff
}

.close-announcement .cross::after {
  width: 2px
}

.close-announcement .cross::before {
  height: 2px
}

.breadcrumb {
  color: #999ba5;
  width: 100%;
  margin: 30px 0 16px;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  list-style: none;
  white-space: nowrap;
  font-size: 11px;
  line-height: 118.1818181818%
}

.breadcrumb li {
  position: relative
}

.breadcrumb li+li {
  padding-left: 25px
}

.breadcrumb li+li::before {
  top: 50%;
  left: 10px;
  content: "";
  border: solid #999ba5;
  display: block;
  padding: 2px;
  position: absolute;
  border-width: 0 1px 1px 0;
  -webkit-transform: rotate(-45deg) translateY(-50%);
  -ms-transform: rotate(-45deg) translateY(-50%);
  -o-transform: rotate(-45deg) translateY(-50%);
  transform: rotate(-45deg) translateY(-50%)
}

.breadcrumb li:last-of-type {
  overflow: hidden;
  text-overflow: ellipsis
}

.breadcrumb a {
  color: #999ba5;
  display: block;
  -webkit-text-decoration: none;
  text-decoration: none
}

.breadcrumb a:link,
.breadcrumb a:focus,
.breadcrumb a:active,
.breadcrumb a:visited {
  color: #999ba5
}

.breadcrumb a:hover {
  color: #34374c
}

.breadcrumb .active {
  color: #000;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}

.sub-menu-grid .card {
  margin: 12px 0 0;
  overflow: hidden;
  background: #000;
  border-radius: 12px;
  backdrop-filter: blur(20px)
}

.sub-menu-grid .card a {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 121;
  display: block;
  position: absolute
}

.sub-menu-grid .card img {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  position: absolute;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center
}

.sub-menu-grid .card .span-thumb {
  height: 250px;
  display: block;
  position: relative
}

.sub-menu-grid .card .span-thumb::after {
  left: 0;
  width: 100%;
  height: 40px;
  bottom: 0;
  content: "";
  display: block;
  z-index: 10;
  position: absolute;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(black));
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, black 100%);
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, black 100%);
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, black 100%)
}

.sub-menu-grid .card .span-excerpt {
  display: block;
  padding: 16px 60px 16px 16px;
  position: relative;
  background: #000
}

.sub-menu-grid .card .wide {
  display: none
}

.sub-menu-grid .card .h3 {
  color: #fafafa;
  margin: 0 0 4px;
  font-family: 'Invest Pro', Helvetica, Arial, sans-serif;
  font-family: var(--font-family-invest-pro);
  font-weight: 500;
  font-size: 14px;
  line-height: 18px
}

.sub-menu-grid .card .excerpt {
  color: #dce2ea;
  margin: 0;
  font-family: Inter, Helvetica, Arial, sans-serif;
  font-family: var(--font-family-text);
  font-weight: 400;
  font-size: 12px;
  line-height: 18px
}

.sub-menu-grid .card svg {
  top: 50%;
  width: 28px;
  height: 28px;
  right: 16px;
  position: absolute;
  -webkit-transform: translateY(-14px);
  -ms-transform: translateY(-14px);
  -o-transform: translateY(-14px);
  transform: translateY(-14px)
}

@media(min-width: 720px) {
  .sub-menu-grid .card .span-thumb {
    height: 200px
  }

  .sub-menu-grid .card .span-excerpt {
    padding: 32px 76px 32px 32px
  }

  .sub-menu-grid .card svg {
    right: 32px
  }

  .sub-menu-grid .card .square {
    display: none
  }

  .sub-menu-grid .card .wide {
    display: block
  }
}

@media(min-width: 1200px) {
  .sub-menu-grid .card {
    width: 340px;
    height: 100%;
    margin: 0;
    min-height: 340px;
    border-radius: 0 12px 12px 0
  }

  .sub-menu-grid .card .span-thumb {
    height: calc(100% - 100px)
  }

  .sub-menu-grid .card .span-excerpt {
    left: 0;
    width: 100%;
    bottom: 0;
    position: absolute
  }

  .sub-menu-grid .card .wide {
    display: none
  }

  .sub-menu-grid .card .square {
    display: block
  }
}

.site-header {
  width: 100%;
  padding: 16px 0;
  z-index: 10001;
  position: relative
}

.site-header .site-header-transparent {
  top: 0;
  left: 0;
  position: absolute
}

#navbar-main-menu {
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  z-index: 10001;
  overflow: auto;
  position: fixed;
  padding-top: 58px;
  background: #fff
}

@media screen and (max-width: 1279px) {
  #navbar-main-menu {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    -webkit-transition: opacity .3s ease, visibility .3s ease;
    -o-transition: opacity .3s ease, visibility .3s ease;
    transition: opacity .3s ease, visibility .3s ease
  }
}

.logo-top {
  top: 16px;
  left: 16px;
  z-index: 100300;
  position: fixed
}

.logo-top>a {
  display: flex;
  align-items: center;
  justify-content: center;
}

.nav-on-light .logo-top .website-logo svg #wordmark path,
.nav-on-light .logo-top .website-logo svg #wordmark polygon {
  fill: #000 !important
}

.nav-on-light .logo-top .website-logo svg #mark path {
  fill: #0038ff !important
}

.nav-on-dark .logo-top .website-logo svg,
.nav-on-dark .logo-top .website-logo svg #mark path,
.nav-on-dark .logo-top .website-logo svg #wordmark path,
.nav-on-dark .logo-top .website-logo svg #wordmark polygon {
  /* fill: #fff !important;
  -webkit-transition: fill .15s cubic-bezier(0.075, 0.82, 0.165, 1);
  -o-transition: fill .15s cubic-bezier(0.075, 0.82, 0.165, 1);
  transition: fill .15s cubic-bezier(0.075, 0.82, 0.165, 1) */
}

.nav-backdrop {
  top: 0;
  left: 0;
  /* -webkit-mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, black), color-stop(40%, black), to(transparent));
  -webkit-mask: -webkit-linear-gradient(black 0, black 40%, transparent 100%);
  mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, black), color-stop(40%, black), to(transparent));
  mask: linear-gradient(black 0, black 40%, transparent 100%); */
  width: 100%;
  height: 70px;
  z-index: 1001;
  position: fixed;
  backdrop-filter: blur(15px);
  pointer-events: none;
  background: #fff;
  border-bottom: 1px solid #f3f3f3;
}

body.logged-in.admin-bar .logo-top,
body.logged-in.admin-bar .span-menu-webapp,
body.logged-in.admin-bar .navbar-main-menu {
  top: 48px !important
}

body.logged-in.admin-bar .nav-backdrop,
body.logged-in.admin-bar #navbar-main-menu {
  top: 32px !important
}

.menu-item-disabled {
  pointer-events: none
}

.menu-item-label {
  height: 20px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 0 4px;
  text-align: center;
  font-size: 10px;
  margin-top: -2px;
  font-weight: 400;
  line-height: 20px;
  margin-left: 6px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 4px;
  vertical-align: middle
}

.menu-item-label.label-filled {
  color: #fff;
  background: #000
}

.menu-item-label.label-outlined {
  color: #000;
  border: 1px solid #000
}

.menu-main {
  margin: 24px 0 0;
  padding: 0;
  list-style: none
}

.menu-main a {
  -webkit-text-decoration: none;
  text-decoration: none
}

.menu-main .menu-item-agentic {
  position: relative;
  z-index: 3
}

.menu-main>.menu-item {
  margin: 32px 0 0;
  padding: 0 16px
}

.menu-main>.menu-item:first-of-type {
  margin: 0
}

.menu-main>.menu-item>label>a {
  pointer-events: none
}

.menu-main>.menu-item>a,
.menu-main>.menu-item>label>a {
  color: #000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0;
  position: relative;
  min-height: 40px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-text-decoration: none;
  text-decoration: none;
  font-family: 'Invest Pro', Helvetica, Arial, sans-serif;
  font-family: var(--font-family-invest-pro);
  font-weight: 400;
  font-size: 16px;
  line-height: 16px
}

.menu-main .has-children {
  position: relative
}

.menu-main .has-children .submenu-toggle {
  display: none
}

.menu-main .has-children label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  cursor: pointer;
  position: relative;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-height: 40px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.menu-main .arrow-down {
  width: 12px;
  height: 12px;
  -webkit-transition: -webkit-transform .3s cubic-bezier(0.4, 0, 0.2, 1);
  transition: -webkit-transform .3s cubic-bezier(0.4, 0, 0.2, 1);
  -o-transition: -o-transform .3s cubic-bezier(0.4, 0, 0.2, 1);
  transition: transform .3s cubic-bezier(0.4, 0, 0.2, 1);
  transition: transform .3s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform .3s cubic-bezier(0.4, 0, 0.2, 1), -o-transform .3s cubic-bezier(0.4, 0, 0.2, 1);
  pointer-events: none;
  -webkit-transform-origin: center center;
  -ms-transform-origin: center center;
  -o-transform-origin: center center;
  transform-origin: center center
}

.menu-main .arrow-down i {
  top: -6px;
  left: 2px;
  border: solid #000;
  display: inline-block;
  padding: 3px;
  position: relative;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  border-width: 0 2px 2px 0;
  -webkit-transform-origin: center;
  -ms-transform-origin: center;
  -o-transform-origin: center;
  transform-origin: center
}

.menu-main .submenu-toggle:checked~label .arrow-down {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
  -webkit-transition: -webkit-transform .3s cubic-bezier(0.4, 0, 0.2, 1);
  transition: -webkit-transform .3s cubic-bezier(0.4, 0, 0.2, 1);
  -o-transition: -o-transform .3s cubic-bezier(0.4, 0, 0.2, 1);
  transition: transform .3s cubic-bezier(0.4, 0, 0.2, 1);
  transition: transform .3s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform .3s cubic-bezier(0.4, 0, 0.2, 1), -o-transform .3s cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transform-origin: center center;
  -ms-transform-origin: center center;
  -o-transform-origin: center center;
  transform-origin: center center
}

.menu-main .submenu-toggle:checked~.sub-menu-grid {
  -webkit-transition: max-height .24s cubic-bezier(0.215, 0.61, 0.355, 1);
  -o-transition: max-height .24s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: max-height .24s cubic-bezier(0.215, 0.61, 0.355, 1);
  max-height: 2000px
}

.sub-menu-grid {
  margin: 0;
  padding: 0;
  overflow: hidden;
  -webkit-transition: max-height .24s cubic-bezier(0.215, 0.61, 0.355, 1);
  -o-transition: max-height .24s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: max-height .24s cubic-bezier(0.215, 0.61, 0.355, 1);
  list-style: none;
  max-height: 0
}

.sub-menu-grid a {
  -webkit-text-decoration: none;
  text-decoration: none
}

.sub-menu-grid .menu-label {
  color: #516880;
  display: block;
  padding: 12px 0 0 8px;
  font-family: 'Invest Pro', Helvetica, Arial, sans-serif;
  font-family: var(--font-family-invest-pro);
  font-weight: 400;
  font-size: 12px;
  line-height: 18px
}

.sub-menu-grid .menu-title {
  color: #000;
  display: inline-block;
  padding: 0;
  position: relative;
  font-family: Inter, Helvetica, Arial, sans-serif;
  font-family: var(--font-family-text);
  font-weight: 400;
  font-size: 14px;
  line-height: 20px
}

.sub-menu-grid .menu-description {
  color: #516880;
  margin: 2px 0 0;
  display: block;
  font-family: Inter, Helvetica, Arial, sans-serif;
  font-family: var(--font-family-text);
  font-weight: 400;
  font-size: 12px;
  line-height: 18px
}

.sub-menu-grid .menu-item-disabled .menu-title {
  color: #516880
}

.sub-menu-grid .menu-item-disabled .menu-description {
  color: #a8b4bf
}

.sub-menu-grid .sub-menu {
  margin: 0;
  padding: 0 0 20px;
  list-style: none
}

.sub-menu-grid .sub-menu>li {
  margin-top: 8px
}

.sub-menu-grid .sub-menu .menu-item>a {
  width: 100%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 8px;
  min-height: 54px;
  -webkit-transition: background .1s ease-in-out;
  -o-transition: background .1s ease-in-out;
  transition: background .1s ease-in-out;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.sub-menu-grid .sub-menu .menu-item>a.has-icon {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start
}

.sub-menu-grid .sub-menu .menu-item a:hover {
  background: #fafafa;
  -webkit-transition: background .1s ease-in-out;
  -o-transition: background .1s ease-in-out;
  transition: background .1s ease-in-out;
  border-radius: 6px
}

.sub-menu-grid .icon {
  width: 26px;
  height: 26px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  background: #fafafa;
  border-radius: 2px;
  margin-right: 8px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

@media(min-width: 720px) {
  #sub-menu-invest {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap
  }

  #sub-menu-invest>.has-menu {
    width: 50%
  }

  #sub-menu-invest>.has-card {
    width: 100%
  }
}

.button-menu-toggle {
  top: 8px;
  right: 16px;
  border: none;
  margin: 0;
  padding: 0;
  display: inline-block;
  z-index: 123456;
  position: fixed;
  background: rgba(0, 0, 0, 0);
  font-size: 0;
  line-height: 0;
  vertical-align: top;
  mix-blend-mode: exclusion
}

.button-menu-toggle:hover {
  cursor: pointer
}

.button-menu-toggle span {
  width: 100%;
  width: 42px;
  height: 21px;
  display: block;
  position: relative
}

.button-menu-toggle span::after,
.button-menu-toggle span::before {
  width: 4px;
  height: 4px;
  content: "";
  display: block;
  position: absolute;
  background: #fff;
  border-radius: 100%;
  -webkit-transition: all .15s ease-in;
  -o-transition: all .15s ease-in;
  transition: all .15s ease-in
}

.button-menu-toggle .top::before {
  top: 13px;
  left: 13px
}

.button-menu-toggle .top::after {
  top: 13px;
  right: 13px
}

.button-menu-toggle .bottom::before {
  left: 13px;
  bottom: 13px
}

.button-menu-toggle .bottom::after {
  right: 13px;
  bottom: 13px
}

.menu-toggle-checkbox {
  display: none
}

.menu-toggle-checkbox:checked+.button-menu-toggle .top::before {
  top: 10px;
  left: 10px
}

.menu-toggle-checkbox:checked+.button-menu-toggle .top::after {
  top: 10px;
  right: 10px
}

.menu-toggle-checkbox:checked+.button-menu-toggle .bottom::before {
  left: 10px;
  bottom: 10px
}

.menu-toggle-checkbox:checked+.button-menu-toggle .bottom::after {
  right: 10px;
  bottom: 10px
}

.menu-toggle-checkbox:checked~#navbar-main-menu {
  opacity: 1;
  visibility: visible;
  pointer-events: auto
}

.sign-up-mobile {
  top: 12px;
  right: 66px;
  border: none;
  z-index: 123456;
  position: fixed;
  color: #000;
  height: 34px;
  border: 1px solid;
  padding: 0 16px;
  min-width: auto;
  background: hsla(0, 0%, 100%, .75);
  font-size: 12px;
  line-height: 1
}

.sign-up-mobile:link,
.sign-up-mobile:focus,
.sign-up-mobile:active,
.sign-up-mobile:visited {
  color: #000
}

.sign-up-mobile:hover {
  color: #000
}

@media(min-width: 1280px) {

  .sign-up-mobile,
  .button-menu-toggle {
    display: none
  }
}

@media(min-width: 1280px) {
  .js #navbar-main-menu {
    /* mix-blend-mode: exclusion */
  }

  .js .menu-main label {
    pointer-events: none
  }

  .js .menu-main:hover>.menu-item:not(:hover),
  .js .menu-main:has(.active) .menu-item:not(.active) {
    opacity: .3
  }

  .js .menu-main .arrow-down i {
    /* border-color: #fff */
  }

  .js .menu-main>.menu-item>a,
  .js .menu-main>.menu-item>label>a {
    /* color: #fff */
  }

  .js .menu-item-agentic:hover a {
    color: #000;
    -webkit-filter: invert(1);
    filter: invert(1)
  }

  .no-js #navbar-main-menu {
    overflow: visible
  }

  #navbar-main-menu {
    width: 100%;
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 8px 0;
    z-index: 100200;
    /* background: rgba(0, 0, 0, 0.1); */
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .menu-main {
    margin: 0;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    position: relative
  }

  .menu-main>.menu-item {
    margin: 0;
    padding: 0
  }

  .menu-main>.menu-item.has-children {
    padding-right: 16px
  }

  .menu-main>.menu-item:hover,
  .menu-main>.menu-item.active {
    z-index: 10001
  }

  .menu-main>.menu-item:hover .arrow-down,
  .menu-main>.menu-item.active .arrow-down {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg)
  }

  .menu-main>.menu-item:not(:hover) {
    z-index: 100200
  }

  .menu-main>.menu-item:not(:hover) ul {
    pointer-events: none
  }

  .menu-main>.menu-item>a,
  .menu-main>.menu-item>label>a {
    margin: 0;
    padding: 0 16px;
    z-index: 10;
    position: relative;
    min-height: 42px
  }

  .sub-menu-grid {
    top: 0;
    left: 50%;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    opacity: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    z-index: -1;
    position: fixed;
    overflow: hidden;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content;
    max-height: -webkit-fit-content;
    max-height: -moz-fit-content;
    max-height: fit-content;
    background: rgba(0, 0, 0, 0);
    text-align: left;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    white-space: nowrap;
    border-radius: 12px;
    padding-top: 60px !important
  }

  .sub-menu-grid .menu-label {
    padding-top: 24px
  }

  .sub-menu-grid#sub-menu-invest {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap
  }

  .sub-menu-grid>li {
    width: auto;
    z-index: 2;
    padding: 0 12px;
    position: relative;
    white-space: normal;
    white-space: initial
  }

  .sub-menu-grid>li.has-card {
    padding: 0 0 0 22px
  }

  .sub-menu-grid>li:first-of-type {
    padding-left: 36px
  }

  .sub-menu-grid .sub-menu {
    padding: 0 0 24px
  }

  .sub-menu-grid:hover,
  .sub-menu-grid.active,
  .menu-main .has-children:hover .sub-menu-grid {
    opacity: 1;
    z-index: 100100
  }

  .sub-menu-grid:hover::before,
  .sub-menu-grid.active::before,
  .menu-main .has-children:hover .sub-menu-grid::before {
    top: 60px;
    left: 0;
    height: calc(100% - 60px);
    width: 100%;
    border: 1px solid hsla(0, 0%, 100%, .5);
    content: "";
    display: block;
    position: absolute;
    -webkit-box-shadow: 0 24px 56px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 24px 56px 0 rgba(0, 0, 0, .1);
    background: #fff;
    border-radius: 12px;
    pointer-events: none
  }

  .sub-menu-grid.active {
    overflow: visible
  }

  .menu-item-agentic:hover a {
    border-radius: 4px;
    background-color: #f1f4f7;
    -webkit-transition: background-color .3s ease-in-out;
    -o-transition: background-color .3s ease-in-out;
    transition: background-color .3s ease-in-out
  }

  #sub-menu-invest .menu-item {
    width: 218px
  }

  #sub-menu-invest .menu-item a {
    min-height: 74px;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
  }

  #sub-menu-resources .menu-item a {
    min-height: 74px;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
  }

  #sub-menu-resources .sub-menu {
    padding: 24px 0
  }

  #sub-menu-resources .sub-menu .menu-item {
    width: 280px
  }

  #sub-menu-company .menu-item a {
    min-height: 74px;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
  }

  #sub-menu-company .sub-menu {
    padding: 24px 0
  }

  #sub-menu-company .sub-menu .menu-item {
    width: 280px
  }
}

#navbar-main-menu .menu-webapp {
  margin: 32px 0;
  padding: 0 16px;
  list-style: none
}

#navbar-main-menu .menu-webapp .btn-sign-up {
  color: #fff;
  background: #000;
  border-color: #000
}

#navbar-main-menu .menu-webapp .btn-sign-up:link,
#navbar-main-menu .menu-webapp .btn-sign-up:focus,
#navbar-main-menu .menu-webapp .btn-sign-up:active,
#navbar-main-menu .menu-webapp .btn-sign-up:visited {
  color: #fff
}

#navbar-main-menu .menu-webapp .btn-sign-up:hover {
  color: #fff
}

#navbar-main-menu .menu-webapp .btn-sign-in {
  color: #fff;
  border-color: #dce2ea;
  background: #fff;
  backdrop-filter: blur(4px)
}

#navbar-main-menu .menu-webapp .btn-sign-in:link,
#navbar-main-menu .menu-webapp .btn-sign-in:focus,
#navbar-main-menu .menu-webapp .btn-sign-in:active,
#navbar-main-menu .menu-webapp .btn-sign-in:visited {
  color: #000
}

#navbar-main-menu .menu-webapp .btn-sign-in:hover {
  color: #000
}

#navbar-main-menu .menu-webapp a {
  width: 100%
}

#navbar-main-menu .menu-webapp li {
  margin-top: 8px
}

#navbar-main-menu .menu-webapp li:first-of-type {
  margin: 0
}

#navbar-main-menu .span-appstore-buttons {
  padding: 0 16px 24px
}

#navbar-main-menu .span-appstore-buttons a {
  margin-right: 12px
}

@media(min-width: 720px) {
  #navbar-main-menu .menu-webapp {
    gap: 8px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
  }

  #navbar-main-menu .menu-webapp li {
    width: 50%;
    margin: 0
  }

  #navbar-main-menu .appstore-badge {
    margin: 0
  }
}

@media(min-width: 1280px) {
  #navbar-main-menu .span-appstore-buttons {
    display: none
  }

  #navbar-main-menu .span-menu-webapp {
    top: 8px;
    right: 16px;
    z-index: 10001;
    position: fixed
  }

  #navbar-main-menu .menu-webapp {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin: 0;
    padding: 0
  }

  #navbar-main-menu .menu-webapp li {
    margin: 0 0 0 8px
  }

  #navbar-main-menu .menu-webapp .btn-sign-in,
  #navbar-main-menu .menu-webapp .btn-sign-up {
    height: 42px;
    min-width: 90px;
    font-size: 14px;
    line-height: 128.5714285714%
  }

  #navbar-main-menu .menu-webapp .btn-sign-up {
    border-color: #fff
  }
}

.navbar-dark-mode .logo-top .website-logo svg,
.navbar-dark-mode .logo-top .website-logo svg path,
.navbar-dark-mode .logo-top .website-logo #pblc-circle-top,
.navbar-dark-mode .logo-top .website-logo #pblc-circle-bottom {
  fill: #fff !important
}

.navbar-dark-mode #navbar-main-menu.active {
  background: #000
}

.navbar-dark-mode .menu-main>.menu-item>label>a {
  color: #fff
}

.navbar-dark-mode .menu-main>.menu-item>label>a:link,
.navbar-dark-mode .menu-main>.menu-item>label>a:focus,
.navbar-dark-mode .menu-main>.menu-item>label>a:active,
.navbar-dark-mode .menu-main>.menu-item>label>a:visited {
  color: #fff
}

.navbar-dark-mode .menu-main>.menu-item>label>a:hover {
  color: #fff
}

.navbar-dark-mode .menu-main .arrow-down i {
  border-color: #fff
}

.navbar-dark-mode .sub-menu-grid {
  background: #000
}

.navbar-dark-mode .sub-menu-grid .sub-menu .menu-item a:hover {
  background: hsla(0, 0%, 100%, .1)
}

.navbar-dark-mode .sub-menu-grid .menu-title {
  color: #fafafa
}

.navbar-dark-mode .sub-menu-grid .menu-description {
  color: #dce2ea
}

.navbar-dark-mode .sub-menu-grid .menu-label,
.navbar-dark-mode .sub-menu-grid .menu-item-disabled .menu-title,
.navbar-dark-mode .sub-menu-grid .menu-item-disabled .menu-description {
  color: #a8b4bf
}

.navbar-dark-mode .sub-menu-grid .label-filled {
  color: #fafafa;
  background: none;
  border: 1px solid #99afff
}

.navbar-dark-mode .sub-menu-grid .label-outlined {
  color: #dce2ea;
  border: 1px solid #2d2d2d;
  background: hsla(0, 0%, 100%, .08)
}

.navbar-dark-mode #navbar-main-menu .menu-webapp .btn-sign-in {
  color: #fff;
  border: 1px solid hsla(0, 0%, 100%, .5);
  background: hsla(0, 0%, 100%, .05);
  backdrop-filter: blur(4px)
}

.navbar-dark-mode #navbar-main-menu .menu-webapp .btn-sign-in:link,
.navbar-dark-mode #navbar-main-menu .menu-webapp .btn-sign-in:focus,
.navbar-dark-mode #navbar-main-menu .menu-webapp .btn-sign-in:active,
.navbar-dark-mode #navbar-main-menu .menu-webapp .btn-sign-in:visited {
  color: #fff
}

.navbar-dark-mode #navbar-main-menu .menu-webapp .btn-sign-in:hover {
  color: #fff
}

.navbar-dark-mode #navbar-main-menu .menu-webapp .btn-sign-up {
  color: #000;
  background: #fff
}

.navbar-dark-mode #navbar-main-menu .menu-webapp .btn-sign-up:link,
.navbar-dark-mode #navbar-main-menu .menu-webapp .btn-sign-up:focus,
.navbar-dark-mode #navbar-main-menu .menu-webapp .btn-sign-up:active,
.navbar-dark-mode #navbar-main-menu .menu-webapp .btn-sign-up:visited {
  color: #000
}

.navbar-dark-mode #navbar-main-menu .menu-webapp .btn-sign-up:hover {
  color: #000
}

@media(min-width: 1280px) {
  .navbar-dark-mode .menu-item-agentic:hover a {
    color: #000;
    -webkit-filter: none;
    filter: none
  }

  .navbar-dark-mode .menu-item-agentic:hover a:link,
  .navbar-dark-mode .menu-item-agentic:hover a:focus,
  .navbar-dark-mode .menu-item-agentic:hover a:active,
  .navbar-dark-mode .menu-item-agentic:hover a:visited {
    color: #000
  }

  .navbar-dark-mode .menu-item-agentic:hover a:hover {
    color: #000
  }

  .navbar-dark-mode .sub-menu-grid {
    background: none
  }

  .navbar-dark-mode .sub-menu-grid::before {
    border: 1px solid hsla(0, 0%, 100%, .08);
    background: rgba(0, 0, 0, .7);
    backdrop-filter: blur(20px)
  }
}

.component-cookie-consent {
  left: 16px;
  bottom: 100px;
  border: 1px solid #eef0f2;
  z-index: 1234;
  opacity: 0;
  position: fixed;
  max-width: 310px;
  -webkit-transition: opacity .3s ease-in-out;
  -o-transition: opacity .3s ease-in-out;
  transition: opacity .3s ease-in-out;
  border-radius: 8px;
  background: hsla(0, 0%, 100%, .9);
  backdrop-filter: blur(7.5px)
}

.component-cookie-consent:not(.active) {
  z-index: -1;
  pointer-events: none
}

.component-cookie-consent.active {
  opacity: 1;
  -webkit-transition: opacity .3s ease-in-out;
  -o-transition: opacity .3s ease-in-out;
  transition: opacity .3s ease-in-out
}

.component-cookie-consent .container {
  padding-top: 24px;
  padding-bottom: 16px
}

.component-cookie-consent p {
  color: #1b2128;
  margin: 0 0 16px;
  font-size: 14px;
  line-height: 142.8571428571%
}

.component-cookie-consent .btn-blue-gradient {
  height: 38px
}

.component-cookie-consent .close-hp-cookie-consent {
  top: 4px;
  right: 4px;
  color: #000;
  width: 24px;
  height: 24px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  position: absolute;
  background: #fff;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 100%;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-text-decoration: none;
  text-decoration: none;
  font-size: 18px;
  line-height: 0
}

.component-cookie-consent .close-hp-cookie-consent span {
  -webkit-transform: translateY(-1px);
  -ms-transform: translateY(-1px);
  -o-transform: translateY(-1px);
  transform: translateY(-1px)
}

@media(min-width: 750px) {
  .component-cookie-consent {
    bottom: 16px
  }
}

.appstore-badge {
  margin: 0 auto;
  display: inline-block;
  font-size: 0;
  line-height: 0
}

.appstore-badge a {
  width: 144px;
  border: 1px solid #f1f4f7;
  height: 48px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 4px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  vertical-align: top
}

.website-logo.style-color #mark path,
.website-logo.style-default #mark path {
  fill: #0038ff
}

.website-logo.style-color #wordmark path,
.website-logo.style-color #wordmark polygon,
.website-logo.style-default #wordmark path,
.website-logo.style-default #wordmark polygon {
  fill: #000
}

.website-logo.style-white #mark path,
.website-logo.style-white #wordmark path,
.website-logo.style-white #wordmark polygon {
  fill: #fff
}