/*!************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/normalize.css/normalize.css ***!
  \************************************************************************************************************************/
/*! 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;
}

/*!***********************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/flickity/dist/flickity.css ***!
  \***********************************************************************************************************************/
/*! Flickity v3.0.0
https://flickity.metafizzy.co
---------------------------------------------- */

.flickity-enabled {
  position: relative;
}

.flickity-enabled:focus { outline: none; }

.flickity-viewport {
  overflow: hidden;
  position: relative;
  height: 100%;
  touch-action: pan-y;
}

.flickity-slider {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
}

.flickity-rtl .flickity-slider {
  left: unset;
  right: 0;
}

/* draggable */

.flickity-enabled.is-draggable {
  -webkit-tap-highlight-color: transparent;
  user-select: none;
}

.flickity-enabled.is-draggable .flickity-viewport {
  cursor: move;
  cursor: grab;
}

.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
  cursor: grabbing;
}

/* ---- flickity-cell ---- */

.flickity-cell {
  position: absolute;
  left: 0;
}

.flickity-rtl .flickity-cell {
  left: unset;
  right: 0;
}

/* ---- flickity-button ---- */

.flickity-button {
  position: absolute;
  background: hsl(0 0% 100% / 75%);
  border: none;
  color: #333;
}

.flickity-button:hover {
  background: white;
  cursor: pointer;
}

.flickity-button:focus {
  outline: none;
  box-shadow: 0 0 0 5px #19F;
}

.flickity-button:active {
  opacity: 0.6;
}

.flickity-button:disabled {
  opacity: 0.3;
  cursor: auto;
  /* prevent disabled button from capturing pointer up event. #716 */
  pointer-events: none;
}

.flickity-button-icon {
  fill: currentColor;
}

/* ---- previous/next buttons ---- */

.flickity-prev-next-button {
  top: 50%;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  /* vertically center */
  transform: translateY(-50%);
}

.flickity-prev-next-button.previous { left: 10px; }
.flickity-prev-next-button.next { right: 10px; }
/* right to left */
.flickity-rtl .flickity-prev-next-button.previous {
  left: auto;
  right: 10px;
}

.flickity-rtl .flickity-prev-next-button.next {
  right: auto;
  left: 10px;
}

.flickity-prev-next-button .flickity-button-icon {
  position: absolute;
  left: 20%;
  top: 20%;
  width: 60%;
  height: 60%;
}

/* ---- page dots ---- */

.flickity-page-dots {
  position: absolute;
  width: 100%;
  bottom: -25px;
  text-align: center;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

.flickity-rtl .flickity-page-dots { direction: rtl; }

.flickity-page-dot {
  display: block;
  width: 10px;
  height: 10px;
  padding: 0;
  margin: 0 8px;
  background: hsl(0 0% 20% / 25%);
  border-radius: 50%;
  cursor: pointer;
  appearance: none;
  border: none;
  text-indent: -9999px;
  overflow: hidden;
}

.flickity-rtl .flickity-page-dot {
  text-indent: 9999px;
}

.flickity-page-dot:focus {
  outline: none;
  box-shadow: 0 0 0 5px #19F;
}

.flickity-page-dot.is-selected {
  background: hsl(0 0% 20% / 100%);
}

/*!*************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!./node_modules/import-glob-loader/index.js!./src/sass/app.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
@font-face {
  font-family: "Geist Variable";
  src: url("https://1906005.fs1.hubspotusercontent-na1.net/hubfs/1906005/raw_assets/public/by-invise/dist/assets/fonts/Geist/Geist%5Bwght%5D.woff2") format("woff2-variations");
  font-feature-settings: "ss02" 1;
  font-display: swap;
}
@font-face {
  font-family: "GeistMono Variable";
  src: url("https://1906005.fs1.hubspotusercontent-na1.net/hubfs/1906005/raw_assets/public/by-invise/dist/assets/fonts/GeistMono/GeistMono%5Bwght%5D.woff2") format("woff2-variations");
  font-display: swap;
}
@font-face {
  font-family: "fontello";
  src: url("https://1906005.fs1.hubspotusercontent-na1.net/hubfs/1906005/raw_assets/public/by-invise/dist/assets/fontello/fontello.eot?40882662");
  src: url("https://1906005.fs1.hubspotusercontent-na1.net/hubfs/1906005/raw_assets/public/by-invise/dist/assets/fontello/fontello.eot?40882662#iefix") format("embedded-opentype"), url("https://1906005.fs1.hubspotusercontent-na1.net/hubfs/1906005/raw_assets/public/by-invise/dist/assets/fontello/fontello.woff2?40882662") format("woff2"), url("https://1906005.fs1.hubspotusercontent-na1.net/hubfs/1906005/raw_assets/public/by-invise/dist/assets/fontello/fontello.woff?40882662") format("woff"), url("https://1906005.fs1.hubspotusercontent-na1.net/hubfs/1906005/raw_assets/public/by-invise/dist/assets/fontello/fontello.ttf?40882662") format("truetype"), url("https://1906005.fs1.hubspotusercontent-na1.net/hubfs/1906005/raw_assets/public/by-invise/dist/assets/fontello/fontello.svg?40882662#fontello") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'fontello';
    src: url("https://1906005.fs1.hubspotusercontent-na1.net/hubfs/1906005/raw_assets/public/by-invise/dist/assets/fontello/fontello.svg?40882662#fontello") format('svg');
  }
}
*/
[class^=icon-]:before,
[class*=" icon-"]:before,
[class^=icon-]:after,
[class*=" icon-"]:after {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: never;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: 0.2em;
  text-align: center;
  /* opacity: .8; */
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: 0.2em;
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}

.icon-facebook:before {
  content: "\e800";
}

/* '' */
.icon-x-twitter:before {
  content: "\e802";
}

/* '' */
.icon-linkedin:before {
  content: "\e803";
}

/* '' */
.icon-mail:before {
  content: "\e804";
}

/* '' */
.icon-play:before {
  content: "\e806";
}

/* '' */
.icon-location:before {
  content: "\e80c";
}

/* '' */
.icon-search:before {
  content: "\e80d";
}

/* '' */
.icon-close:before {
  content: "\e80e";
}

/* '' */
.icon-plus:before {
  content: "\e80f";
}

/* '' */
.icon-nav:before {
  content: "\e810";
}

/* '' */
.icon-down-arrow:before {
  content: "\e811";
}

/* '' */
.icon-minus:before {
  content: "\e812";
}

/* '' */
.icon-clock:before {
  content: "\e813";
}

/* '' */
.icon-up:before {
  content: "\e814";
}

/* '' */
.icon-right:before {
  content: "\e81b";
}

/* '' */
.icon-left:before {
  content: "\e81c";
}

/* '' */
.icon-check:before {
  content: "\e81d";
}

/* '' */
.icon-down:before {
  content: "\e81e";
}

/* '' */
.icon-arrow-up:before {
  content: "\e81f";
}

/* '' */
.icon-arrow-right:before {
  content: "\e820";
}

/* '' */
.icon-arrow-left:before {
  content: "\e821";
}

/* '' */
.icon-spinner:before {
  content: "\e834";
}

/* '' */
.icon-rss:before {
  content: "\f09e";
}

/* '' */
.icon-youtube:before {
  content: "\f16a";
}

/* '' */
.icon-instagram:before {
  content: "\f16d";
}

/* '' */
.icon-pinterest:before {
  content: "\f231";
}

/* '' */
.icon-vimeo:before {
  content: "\f27d";
}

/* '' */
.icon-facebook.icon--after:after {
  content: "\e800";
}

.icon-x-twitter.icon--after:after {
  content: "\e802";
}

.icon-linkedin.icon--after:after {
  content: "\e803";
}

.icon-mail.icon--after:after {
  content: "\e804";
}

.icon-play.icon--after:after {
  content: "\e806";
}

.icon-location.icon--after:after {
  content: "\e80c";
}

.icon-search.icon--after:after {
  content: "\e80d";
}

.icon-close.icon--after:after {
  content: "\e80e";
}

.icon-plus.icon--after:after {
  content: "\e80f";
}

.icon-nav.icon--after:after {
  content: "\e810";
}

.icon-down-arrow.icon--after:after {
  content: "\e811";
}

.icon-minus.icon--after:after {
  content: "\e812";
}

.icon-clock.icon--after:after {
  content: "\e813";
}

.icon-up.icon--after:after {
  content: "\e814";
}

.icon-right.icon--after:after {
  content: "\e81b";
}

.icon-left.icon--after:after {
  content: "\e81c";
}

.icon-check.icon--after:after {
  content: "\e81d";
}

.icon-down.icon--after:after {
  content: "\e81e";
}

.icon-arrow-up.icon--after:after {
  content: "\e81f";
}

.icon-arrow-right.icon--after:after {
  content: "\e820";
}

.icon-arrow-left.icon--after:after {
  content: "\e821";
}

.icon-spinner.icon--after:after {
  content: "\e834";
}

.icon-rss.icon--after:after {
  content: "\f09e";
}

.icon-youtube.icon--after:after {
  content: "\f16a";
}

.icon-instagram.icon--after:after {
  content: "\f16d";
}

.icon-pinterest.icon--after:after {
  content: "\f231";
}

.icon-vimeo.icon--after:after {
  content: "\f27d";
}

.icon--after:before {
  content: normal;
}
:root {
  --heading-color: #000000;
  --text-color: #000000;
  --text-color-secondary: #555658;
  --text-color-tertiary: #7b7b7d;
  --kicker-color: #555658;
  --form-field-bg: #fafafa;
  --form-field-focus-bg: var(--form-field-bg);
  --form-field-hover-bg: var(--form-field-bg);
  --form-field-text-color: #131518;
  --placeholder-color: #a7a8aa;
  --form-field-border-color: #e2e2e2;
  --form-field-hover-border-color: #94beff;
  --form-field-focus-border-color: #4d94ff;
  --form-field-disabled-bg: #f2f2f2;
  --form-field-disabled-text-color: #555658;
  --form-field-disabled-border-color: #f2f2f2;
  --form-field-disabled-placeholder-color: #c8c8c8;
  --tabs-bg: #f2f2f2;
  --progress-bg: #e2e2e2;
  --progress-color: #ff600a;
  --icon-round-bg: #f2f2f2;
  --icon-round-color: #0A6CFF;
  --icon-round-secondary-bg: #3284ff;
  --icon-round-secondary-color: #ffffff;
  --icon-interactive-color: #131518;
  --icon-interactive-color-hover: #555658;
  --icon-interactive-color-disabled: #c8c8c8;
  --icon-round-interactive-bg: #131518;
  --icon-round-interactive-color: #f0f6ff;
  --icon-round-interactive-bg-hover: #4d94ff;
  --icon-round-interactive-color-hover: #f0f6ff;
  --icon-round-interactive-bg-disabled: #f2f2f2;
  --icon-round-interactive-color-disabled: #a7a8aa;
  --tag-bg: #b8d4ff;
  --tag-color: #000000;
  --color-error: #c30805;
  --color-primary: #4d94ff;
  --color-border: #c8c8c8;
  --color-border-secondary: #e2e2e2;
  --svg-filter-color: brightness(0) invert(4%) sepia(6%) saturate(1948%) hue-rotate(177deg) brightness(97%) contrast(91%);
  --button-bg: #0A6CFF;
  --button-bg-hover: #4d94ff;
  --button-border: #0A6CFF;
  --button-border-hover: #4d94ff;
  --button-color: #ffffff;
  --button-color-hover: #ffffff;
  --button-secondary-bg: #131518;
  --button-secondary-bg-hover: #353638;
  --button-secondary-border: #131518;
  --button-secondary-border-hover: #353638;
  --button-secondary-color: #ffffff;
  --button-secondary-color-hover: #ffffff;
  --site-width-min: max(90vw, 100vw - 6rem);
  --site-width-max: 84rem;
  --scrollbar-width: 0px;
  --body-bg: white;
  --color-primary: #4d94ff;
  --color-overlay: rgba(0, 0, 0, .6);
  --spacing-xx-small: 0.25rem;
  --spacing-x-small: 0.5rem;
  --spacing-small: 1rem;
  --spacing-medium: 1.5rem;
  --spacing-large: 2.5rem;
  --spacing-x-large: 3.5rem;
  --spacing-xx-large: 5.5rem;
  --spacing-xxx-large: 6.5rem;
  --container-margin: clamp(3.5rem, 5.47vw + 2.22rem, 5.5rem);
  --grid-gap: 1rem;
  --section-padding: clamp(3.5rem, 5.47vw + 2.22rem, 5.5rem);
  --radius-small: 0.25rem;
  --radius-default: 0.5rem;
  --radius-large: 1rem;
  --easing: ease;
  --body-font-size: clamp(1rem, 0.34vw + 0.92rem, 1.125rem);
  --body-font-family: "Geist Variable", sans-serif;
  --body-font-weight: 300;
  --body-font-style: normal;
  --body-line-height: 1.5;
  --body-text-transform: none;
  --text-decoration-color: initial;
  --text-decoration-thickness: 1px;
  --text-underline-offset: 0.25rem;
  --font-size-xx-small: 12px;
  --font-size-x-small: clamp(0.75rem, 0.34vw + 0.67rem, 0.875rem);
  --font-size-small: clamp(0.875rem, 0.34vw + 0.79rem, 1rem);
  --font-size-large: clamp(1.125rem, 0.51vw + 1rem, 1.3125rem);
  --font-size-display: clamp(2.8125rem, 12.14vw + -0.03rem, 7.25rem);
  --selection-bg: var(--color-primary);
  --selection-color: white;
  --link-color: currentColor;
  --link-color-hover: currentColor;
  --h1-size: clamp(2.375rem, 6.5vw + 0.85rem, 4.75rem);
  --h2-size: clamp(1.875rem, 3.76vw + 0.99rem, 3.25rem);
  --h3-size: clamp(1.5rem, 0.68vw + 1.34rem, 1.75rem);
  --h4-size: clamp(1.375rem, 0.34vw + 1.29rem, 1.5rem);
  --h5-size: clamp(1.25rem, 0.34vw + 1.17rem, 1.375rem);
  --h6-size: clamp(1.125rem, 0.34vw + 1.04rem, 1.25rem);
  --heading-font-family: "Geist Variable", sans-serif;
  --heading-font-weight: 500;
  --heading-font-style: normal;
  --heading-line-height: 1.1;
  --heading-letter-spacing: -0.02em;
  --heading-text-transform: none;
  --heading-margin: 1rem;
  /*	--dialog-background: white;
  	--dialog-width: 40rem;
  	--dialog-padding: var(--spacing-large);
  	--dialog-shadow: var(--shadow-large);
  	--dialog-close-button-size: 2rem;
  	--dialog-close-button-color: var(--text-color);
  	--dialog-backdrop-color: var(--color-overlay);
  	--dialog-animation-duration: 0.5s; */
  /*	--form-field-bg: white;
  	--form-field-focus-bg: var(--form-field-bg);
  	--form-field-hover-bg: var(--form-field-bg);

  	--form-field-padding-x: 1.25rem;
  	--form-field-padding-y: 0.75rem;

  	--form-field-font-size: var(--body-font-size);
  	--form-field-font-family: var(--body-font-family);
  	--form-field-font-weight: var(--body-font-weight);
  	--form-field-letter-spacing: var(--body-letter-spacing);
  	--form-field-line-height: var(--body-line-height);

  	--form-field-bg: white;
  	--form-field-focus-bg: var(--form-field-bg);
  	--form-field-hover-bg: var(--form-field-bg);

  	--form-field-text-color: var(--text-color);


  	--form-field-border-color: var(--color-border);
  	--form-field-hover-border-color: var(--form-field-border-color);
  	--form-field-focus-border-color: var(--color-primary);

  	--select-arrow-size: 0.5rem;
  	--placeholder-color: var(--color-gray, #999); */
  /*	--burger-menu-size: 24px;
  	--burger-menu-thickness: 2px; */
  /*	--slideshow-gap: 2rem;
  	--slideshow-per-page: 1; // Use this to change number of slides per page
  	--slideshow-arrow-size: 2rem;
  	--slideshow-bullet-margin: 3rem;
  	--slideshow-bullet-spacing: 0.5rem;
  	--slideshow-bullet-color: #999;
  	--slideshow-bullet-size: 0.5rem;
  	--slideshow-bullet-color-active: var(--color-primary, #f90); */
}

:root {
  --site-width: min(
  	var(--site-width-min, 90vw),
  	var(--site-width-max, 1280px)
  );
  --site-padding: calc(
  	(
  		100vw -
  		var(--scrollbar-width) -
  		var(--site-width)
  	) / 2
  );
}
*,
::before,
::after {
  box-sizing: border-box;
  text-decoration-color: var(--text-decoration-color, initial);
  text-decoration-thickness: var(--text-decoration-thickness, initial);
  text-underline-offset: var(--text-underline-offset, initial);
}

::-moz-selection {
  background-color: var(--selection-bg, var(--color-primary, initial));
  color: var(--selection-color, initial);
}

::selection {
  background-color: var(--selection-bg, var(--color-primary, initial));
  color: var(--selection-color, initial);
}

html {
  background: var(--body-bg, white);
  font-size: 100%;
  scroll-behavior: smooth;
}

body {
  font-family: var(--body-font-family, sans-serif);
  font-weight: var(--body-font-weight, normal);
  font-style: var(--body-font-style, normal);
  font-variation-settings: var(--body-font-variation, normal);
  line-height: var(--body-line-height, 1.6);
  letter-spacing: var(--body-letter-spacing, 0);
  text-transform: var(--body-text-transform, none);
  font-size: var(--body-font-size, 1rem);
  color: var(--text-color, black);
}

h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6 {
  display: block;
  font-family: var(--heading-font-family, inherit);
  font-weight: var(--heading-font-weight, bold);
  font-style: var(--heading-font-style, normal);
  font-variation-settings: var(--heading-font-variation, normal);
  line-height: var(--heading-line-height, 1.2);
  letter-spacing: var(--heading-letter-spacing, 0);
  text-transform: var(--heading-text-transform, none);
  margin: 0 0 var(--heading-margin, var(--spacing-medium, 1.5rem));
  font-size: var(--h1-size, 3rem);
  color: var(--heading-color, inherit);
}
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a,.h1 a,.h2 a,.h3 a,.h4 a,.h5 a,.h6 a {
  color: var(--heading-color, inherit);
}
h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover,.h1 a:hover,.h2 a:hover,.h3 a:hover,.h4 a:hover,.h5 a:hover,.h6 a:hover {
  color: var(--heading-color, inherit);
}

h1,
.h1 {
  font-size: var(--h1-size, 3rem);
}

h2,
.h2 {
  font-size: var(--h2-size, 2.2rem);
}

h3,
.h3 {
  font-size: var(--h3-size, 1.8rem);
}

h4,
.h4 {
  font-size: var(--h4-size, 1.4rem);
}

h5,
.h5 {
  font-size: var(--h5-size, 1.2rem);
}

h6,
.h6 {
  font-size: var(--h6-size, 1rem);
}

a {
  color: var(--link-color, blue);
  text-decoration-line: var(--link-decoration, none);
  transition: all var(--link-transition-duration, 0.25s) var(--easing);
  cursor: pointer;
}
a:hover {
  color: var(--link-color-hover, darkblue);
}

p {
  margin: 0 0 var(--spacing-medium, 1.5rem);
}

pre {
  background: #111;
  margin: 0 0 var(--spacing-medium, 1.5rem);
  padding: var(--spacing-medium, 1.5rem);
  max-height: 30rem;
  overflow: auto;
  color: white;
}

ul,
ol {
  margin: 0 0 var(--spacing-medium, 1.5rem) var(--spacing-large, 3rem);
  padding: 0;
}

dl {
  margin: 0 0 var(--spacing-medium, 1.5rem);
}

p:has(> img:only-child),
p:has(> video:only-child),
figure {
  margin: 0 0 var(--spacing-medium, 1.5rem);
}
p:has(> img:only-child) img,
p:has(> img:only-child) video,
p:has(> video:only-child) img,
p:has(> video:only-child) video,
figure img,
figure video {
  display: block;
  width: 100%;
}

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

blockquote {
  margin: 0 0 var(--spacing-medium, 1.5rem);
}

hr {
  margin: var(--spacing-large) 0;
  border: 1px solid var(--color-border);
  border-top: 0;
}

.container {
  --site-width: min(
  	var(--site-width-min, 90vw),
  	var(--site-width-max, 1280px)
  );
  --site-padding: calc(
  	(
  		100vw -
  		var(--scrollbar-width) -
  		var(--site-width)
  	) / 2
  );
  width: var(--site-width);
  margin: var(--container-margin, 6rem) auto;
}

input,
select,
textarea {
  accent-color: var(--color-primary, auto);
}

input[type=text],input[type=password],input[type=search],input[type=email],input[type=url],input[type=tel],input[type=number],input[type=date],input[type=month],input[type=week],input[type=time],input[type=datetime],input[type=datetime-local],
select,
textarea {
  background-color: var(--form-field-bg, white);
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  outline: 0;
  display: inline-block;
  vertical-align: middle;
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  margin: 0;
  padding: var(--form-field-padding-y, 0.75rem) var(--form-field-padding-x, 1.25rem);
  font-size: var(--form-field-font-size, var(--body-font-size, inherit));
  font-family: var(--form-field-font-family, var(--body-font-family, inherit));
  font-weight: var(--form-field-font-weight, var(--body-font-weight, inherit));
  letter-spacing: var(--form-field-letter-spacing, var(--body-letter-spacing, inherit));
  line-height: var(--form-field-line-height, var(--body-line-height, inherit));
  text-transform: none;
  text-decoration: none;
  text-align: left;
  color: var(--form-field-text-color, var(--text-color, inherit));
  transition: all var(--form-field-transition-duration, 0.25s) var(--easing);
  border-width: var(--form-field-border-width, 1px);
  border-style: var(--form-field-border-style, solid);
  border-color: var(--form-field-border-color, var(--color-border, black));
  border-radius: var(--form-field-border-radius, var(--border-radius, 0));
}
input[type=text]:hover,input[type=password]:hover,input[type=search]:hover,input[type=email]:hover,input[type=url]:hover,input[type=tel]:hover,input[type=number]:hover,input[type=date]:hover,input[type=month]:hover,input[type=week]:hover,input[type=time]:hover,input[type=datetime]:hover,input[type=datetime-local]:hover,
select:hover,
textarea:hover {
  background-color: var(--form-field-hover-bg, var(--form-field-bg, white));
  border-color: var(--form-field-hover-border-color, var(--color-primary, blue));
}
input[type=text]:focus,input[type=password]:focus,input[type=search]:focus,input[type=email]:focus,input[type=url]:focus,input[type=tel]:focus,input[type=number]:focus,input[type=date]:focus,input[type=month]:focus,input[type=week]:focus,input[type=time]:focus,input[type=datetime]:focus,input[type=datetime-local]:focus,
select:focus,
textarea:focus {
  background-color: var(--form-field-focus-bg, var(--form-field-bg, white));
  border-color: var(--form-field-focus-border-color, var(--color-primary, blue));
  outline: 0;
}

select {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 40 40"><polygon points="2.7,14.4 6.8,10.3 20,23.5 33.2,10.3 37.3,14.4 20,31.7 "/></svg>');
  background-repeat: no-repeat;
  background-position: right var(--form-field-padding-x, 1.25rem) top 50%;
  background-size: var(--select-arrow-size, 0.5rem) auto;
  padding-right: calc(var(--form-field-padding-x, 1.25rem) * 2 + var(--select-arrow-size, 0.5rem));
}

textarea {
  resize: vertical;
}
textarea:where(:not([rows])) {
  height: 12rem;
}

::-moz-placeholder {
  color: var(--placeholder-color, var(--color-gray, #999));
}

::placeholder {
  color: var(--placeholder-color, var(--color-gray, #999));
}

input[type=search]::-webkit-search-decoration, input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-results-button, input[type=search]::-webkit-search-results-decoration {
  display: none;
}

.grid,
[class*=grid--] {
  --grid-cols: 1;
  display: grid;
  gap: var(--grid-row-gap, var(--grid-gap, 3rem)) var(--grid-column-gap, var(--grid-gap, 3rem));
  grid-template-columns: repeat(var(--grid-cols), minmax(0, 1fr));
}

.grid--2 {
  --grid-cols: 2;
}

.grid--3 {
  --grid-cols: 3;
}

.grid--4 {
  --grid-cols: 4;
}

.grid--5 {
  --grid-cols: 5;
}

.grid--6 {
  --grid-cols: 6;
}

@media (min-width: 768px) {
  [class*="tablet:grid--"] {
    --grid-cols: 1;
    display: grid;
    gap: var(--grid-row-gap, var(--grid-gap, 3rem)) var(--grid-column-gap, var(--grid-gap, 3rem));
    grid-template-columns: repeat(var(--grid-cols), minmax(0, 1fr));
  }
  .tablet\:grid--2 {
    --grid-cols: 2;
  }
  .tablet\:grid--3 {
    --grid-cols: 3;
  }
  .tablet\:grid--4 {
    --grid-cols: 4;
  }
  .tablet\:grid--5 {
    --grid-cols: 5;
  }
  .tablet\:grid--6 {
    --grid-cols: 6;
  }
}
@media (min-width: 1080px) {
  [class*="laptop:grid--"] {
    --grid-cols: 1;
    display: grid;
    gap: var(--grid-row-gap, var(--grid-gap, 3rem)) var(--grid-column-gap, var(--grid-gap, 3rem));
    grid-template-columns: repeat(var(--grid-cols), minmax(0, 1fr));
  }
  .laptop\:grid--2 {
    --grid-cols: 2;
  }
  .laptop\:grid--3 {
    --grid-cols: 3;
  }
  .laptop\:grid--4 {
    --grid-cols: 4;
  }
  .laptop\:grid--5 {
    --grid-cols: 5;
  }
  .laptop\:grid--6 {
    --grid-cols: 6;
  }
}
[class^=icon-]::before,
[class*=" icon-"]::before {
  margin-right: var(--icon-margin, 0.25rem);
  margin-left: 0;
  line-height: inherit;
}
[class^=icon-]:empty::before,
[class*=" icon-"]:empty::before {
  margin-right: 0;
}
[class^=icon-]:blank::before,
[class*=" icon-"]:blank::before {
  margin-right: 0;
}

.icon--after::after {
  margin-right: 0;
  margin-left: var(--icon-margin, 0.25rem);
  line-height: inherit;
}
.icon--after:empty::after {
  margin-left: 0;
}
.icon--after:blank::after {
  margin-left: 0;
}

[class^=ratio--],
[class*=" ratio--"] {
  position: relative;
  display: block;
}
[class^=ratio--]::before,
[class*=" ratio--"]::before {
  pointer-events: none;
  display: block;
  content: "";
  padding-bottom: 56.25%;
}
[class^=ratio--] > img,
[class^=ratio--] > video,
[class^=ratio--] > iframe,
[class^=ratio--] > :not(figcaption) img,
[class^=ratio--] > :not(figcaption) video,
[class^=ratio--] > :not(figcaption) iframe,
[class*=" ratio--"] > img,
[class*=" ratio--"] > video,
[class*=" ratio--"] > iframe,
[class*=" ratio--"] > :not(figcaption) img,
[class*=" ratio--"] > :not(figcaption) video,
[class*=" ratio--"] > :not(figcaption) iframe {
  position: absolute;
  left: 0;
  top: 0;
  z-index: -2;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  z-index: auto;
}

.ratio--16-9::before {
  padding-bottom: 56.25%;
}

.ratio--4-3::before {
  padding-bottom: 75%;
}

.ratio--1-1::before {
  padding-bottom: 100%;
}

.ratio--4-5::before {
  padding-bottom: 125%;
}

.section {
  --site-width: min(
  	var(--site-width-min, 90vw),
  	var(--site-width-max, 1280px)
  );
  --site-padding: calc(
  	(
  		100vw -
  		var(--scrollbar-width) -
  		var(--site-width)
  	) / 2
  );
  padding: var(--section-padding, 6rem) var(--site-padding);
}

.video {
  position: relative;
  padding-bottom: 56.25%;
  margin: 0 0 var(--spacing-medium, 1.5rem);
  height: 0;
}
.video > iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

*:has(> details) {
  counter-reset: accordion;
}

details.accordion {
  counter-increment: accordion;
  display: grid;
  grid-template-rows: auto 0fr;
  gap: 0 var(--spacing-medium);
  align-content: start;
  padding-bottom: var(--accordion-spacing, var(--spacing-medium));
  border-bottom: 1px solid var(--color-border);
  transition-duration: 0.5s;
}
:where(details.accordion + details.accordion) {
  margin-top: var(--accordion-spacing, var(--spacing-medium));
}

details.accordion.accordion--numbered summary {
  position: relative;
  padding-left: calc(2ch + var(--spacing-medium));
}
details.accordion.accordion--numbered summary::before {
  font-family: var(--body-font-family, sans-serif);
  font-weight: var(--body-font-weight, normal);
  font-style: var(--body-font-style, normal);
  font-variation-settings: var(--body-font-variation, normal);
  line-height: var(--body-line-height, 1.6);
  letter-spacing: var(--body-letter-spacing, 0);
  text-transform: var(--body-text-transform, none);
  font-size: var(--body-font-size, 1rem);
  color: var(--text-color, black);
  content: counter(accordion, decimal-leading-zero);
  display: inline-block;
  position: absolute;
  top: calc((var(--font-size-large) * var(--body-line-height) - 1lh) * 0.5);
  left: 0;
}
details.accordion summary {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  margin: 0;
  cursor: pointer;
}
:where(details.accordion summary) {
  display: block;
  font-family: var(--heading-font-family, inherit);
  font-weight: var(--heading-font-weight, bold);
  font-style: var(--heading-font-style, normal);
  font-variation-settings: var(--heading-font-variation, normal);
  line-height: var(--heading-line-height, 1.2);
  letter-spacing: var(--heading-letter-spacing, 0);
  text-transform: var(--heading-text-transform, none);
  font-size: var(--h4-size);
  color: var(--heading-color, inherit);
}
:where(details.accordion summary) a {
  color: var(--heading-color, inherit);
}
:where(details.accordion summary) a:hover {
  color: var(--heading-color, inherit);
}

details.accordion summary::-webkit-details-marker {
  display: none;
}
details.accordion summary::after {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: never;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e81e";
  margin-right: var(--icon-margin, 0.25rem);
  margin-left: 0;
  line-height: inherit;
  --icon-size: 1lh;
  align-self: start;
  grid-row: 1;
  grid-column: 2;
  margin: 0 0 0 var(--spacing-medium);
  transition-duration: 0.5s;
}
details.accordion summary > :last-child {
  margin-bottom: 0;
}
details.accordion summary + div > :first-child {
  margin-top: var(--spacing-small);
}
details.accordion::details-content {
  overflow: hidden;
  opacity: 0;
  transition: content-visibility, opacity;
  transition-behavior: allow-discrete;
  transition-duration: 0.5s;
}
details.accordion[open] {
  grid-template-rows: auto 1fr;
}
details.accordion[open] summary::after {
  rotate: -180deg;
}
details.accordion[open]::details-content {
  opacity: 1;
}

.bg--white {
  --heading-color: #000000;
  --text-color: #000000;
  --text-color-secondary: #555658;
  --text-color-tertiary: #7b7b7d;
  --kicker-color: #555658;
  --form-field-bg: #fafafa;
  --form-field-focus-bg: var(--form-field-bg);
  --form-field-hover-bg: var(--form-field-bg);
  --form-field-text-color: #131518;
  --placeholder-color: #a7a8aa;
  --form-field-border-color: #e2e2e2;
  --form-field-hover-border-color: #94beff;
  --form-field-focus-border-color: #4d94ff;
  --form-field-disabled-bg: #f2f2f2;
  --form-field-disabled-text-color: #555658;
  --form-field-disabled-border-color: #f2f2f2;
  --form-field-disabled-placeholder-color: #c8c8c8;
  --tabs-bg: #f2f2f2;
  --progress-bg: #e2e2e2;
  --progress-color: #ff600a;
  --icon-round-bg: #f2f2f2;
  --icon-round-color: #0A6CFF;
  --icon-round-secondary-bg: #3284ff;
  --icon-round-secondary-color: #ffffff;
  --icon-interactive-color: #131518;
  --icon-interactive-color-hover: #555658;
  --icon-interactive-color-disabled: #c8c8c8;
  --icon-round-interactive-bg: #131518;
  --icon-round-interactive-color: #f0f6ff;
  --icon-round-interactive-bg-hover: #4d94ff;
  --icon-round-interactive-color-hover: #f0f6ff;
  --icon-round-interactive-bg-disabled: #f2f2f2;
  --icon-round-interactive-color-disabled: #a7a8aa;
  --tag-bg: #b8d4ff;
  --tag-color: #000000;
  --color-error: #c30805;
  --color-primary: #4d94ff;
  --color-border: #c8c8c8;
  --color-border-secondary: #e2e2e2;
  --svg-filter-color: brightness(0) invert(4%) sepia(6%) saturate(1948%) hue-rotate(177deg) brightness(97%) contrast(91%);
  --button-bg: #0A6CFF;
  --button-bg-hover: #4d94ff;
  --button-border: #0A6CFF;
  --button-border-hover: #4d94ff;
  --button-color: #ffffff;
  --button-color-hover: #ffffff;
  --button-secondary-bg: #131518;
  --button-secondary-bg-hover: #353638;
  --button-secondary-border: #131518;
  --button-secondary-border-hover: #353638;
  --button-secondary-color: #ffffff;
  --button-secondary-color-hover: #ffffff;
  --bg-color: #ffffff;
  background-color: var(--bg-color);
  color: var(--text-color);
}

.bg--light {
  --heading-color: #000000;
  --text-color: #000000;
  --text-color-secondary: #555658;
  --text-color-tertiary: #7b7b7d;
  --kicker-color: #555658;
  --form-field-bg: #ffffff;
  --form-field-focus-bg: var(--form-field-bg);
  --form-field-hover-bg: var(--form-field-bg);
  --form-field-text-color: #131518;
  --placeholder-color: #a7a8aa;
  --form-field-border-color: #ffffff;
  --form-field-hover-border-color: #94beff;
  --form-field-focus-border-color: #4d94ff;
  --form-field-disabled-bg: #f2f2f2;
  --form-field-disabled-text-color: #555658;
  --form-field-disabled-border-color: #f2f2f2;
  --form-field-disabled-placeholder-color: #c8c8c8;
  --tabs-bg: #ffffff;
  --progress-bg: #ffffff;
  --progress-color: #ff600a;
  --icon-round-bg: #ffffff;
  --icon-round-color: #0A6CFF;
  --icon-round-secondary-bg: #3284ff;
  --icon-round-secondary-color: #ffffff;
  --icon-interactive-color: #131518;
  --icon-interactive-color-hover: #555658;
  --icon-interactive-color-disabled: #c8c8c8;
  --icon-round-interactive-bg: #131518;
  --icon-round-interactive-color: #f0f6ff;
  --icon-round-interactive-bg-hover: #4d94ff;
  --icon-round-interactive-color-hover: #f0f6ff;
  --icon-round-interactive-bg-disabled: #f2f2f2;
  --icon-round-interactive-color-disabled: #a7a8aa;
  --tag-bg: #b8d4ff;
  --tag-color: #000000;
  --color-error: #c30805;
  --color-primary: #4d94ff;
  --color-border: #c8c8c8;
  --color-border-secondary: #e2e2e2;
  --svg-filter-color: brightness(0) invert(4%) sepia(6%) saturate(1948%) hue-rotate(177deg) brightness(97%) contrast(91%);
  --button-bg: #0A6CFF;
  --button-bg-hover: #4d94ff;
  --button-border: #0A6CFF;
  --button-border-hover: #4d94ff;
  --button-color: #ffffff;
  --button-color-hover: #ffffff;
  --button-secondary-bg: #131518;
  --button-secondary-bg-hover: #353638;
  --button-secondary-border: #131518;
  --button-secondary-border-hover: #353638;
  --button-secondary-color: #ffffff;
  --button-secondary-color-hover: #ffffff;
  --bg-color: #f2f2f2;
  background-color: var(--bg-color);
  color: var(--text-color);
}

.bg--blue {
  --heading-color: #ffffff;
  --text-color: #ffffff;
  --text-color-secondary: #c8c8c8;
  --text-color-tertiary: #a7a8aa;
  --kicker-color: #ffffff;
  --form-field-bg: #1c1c1c;
  --form-field-focus-bg: var(--form-field-bg);
  --form-field-hover-bg: var(--form-field-bg);
  --form-field-text-color: #ffffff;
  --placeholder-color: #eaeaea;
  --form-field-border-color: #353638;
  --form-field-hover-border-color: #94beff;
  --form-field-focus-border-color: #4d94ff;
  --form-field-disabled-bg: #1c1c1c;
  --form-field-disabled-text-color: #c8c8c8;
  --form-field-disabled-border-color: #1c1c1c;
  --form-field-disabled-placeholder-color: #eaeaea;
  --tabs-bg: #1c1c1c;
  --progress-bg: #353638;
  --progress-color: #ff600a;
  --icon-round-bg: #b8d4ff;
  --icon-round-color: #131518;
  --icon-round-secondary-bg: #ffffff;
  --icon-round-secondary-color: #131518;
  --icon-interactive-color: #ffffff;
  --icon-interactive-color-hover: #e2e2e2;
  --icon-interactive-color-disabled: #7b7b7d;
  --icon-round-interactive-bg: #e2edff;
  --icon-round-interactive-color: #71a9ff;
  --icon-round-interactive-bg-hover: #94beff;
  --icon-round-interactive-color-hover: #0A6CFF;
  --icon-round-interactive-bg-disabled: #353638;
  --icon-round-interactive-color-disabled: #c8c8c8;
  --tag-bg: #94beff;
  --tag-color: #000000;
  --color-error: #ff706d;
  --color-primary: #4d94ff;
  --color-border: #555658;
  --color-border-secondary: #353638;
  --svg-filter-color: brightness(0) invert(1);
  --button-bg: #4d94ff;
  --button-bg-hover: #3284ff;
  --button-border: #4d94ff;
  --button-border-hover: #3284ff;
  --button-color: #ffffff;
  --button-color-hover: #ffffff;
  --button-secondary-bg: #ffffff;
  --button-secondary-bg-hover: #b8d4ff;
  --button-secondary-border: #ffffff;
  --button-secondary-border-hover: #b8d4ff;
  --button-secondary-color: #131518;
  --button-secondary-color-hover: #131518;
  --bg-color: #4d94ff;
  background-color: var(--bg-color);
  color: var(--text-color);
}

.bg--blue-30 {
  --heading-color: #000000;
  --text-color: #000000;
  --text-color-secondary: #1c1c1c;
  --text-color-tertiary: #7b7b7d;
  --kicker-color: #555658;
  --form-field-bg: #fafafa;
  --form-field-focus-bg: var(--form-field-bg);
  --form-field-hover-bg: var(--form-field-bg);
  --form-field-text-color: #131518;
  --placeholder-color: #a7a8aa;
  --form-field-border-color: #e2e2e2;
  --form-field-hover-border-color: #94beff;
  --form-field-focus-border-color: #4d94ff;
  --form-field-disabled-bg: #f2f2f2;
  --form-field-disabled-text-color: #555658;
  --form-field-disabled-border-color: #f2f2f2;
  --form-field-disabled-placeholder-color: #c8c8c8;
  --tabs-bg: #f2f2f2;
  --progress-bg: #e2e2e2;
  --progress-color: #ff600a;
  --icon-round-bg: #f0f6ff;
  --icon-round-color: #0A6CFF;
  --icon-round-secondary-bg: #3284ff;
  --icon-round-secondary-color: #ffffff;
  --icon-interactive-color: #131518;
  --icon-interactive-color-hover: #555658;
  --icon-interactive-color-disabled: #c8c8c8;
  --icon-round-interactive-bg: #131518;
  --icon-round-interactive-color: #f0f6ff;
  --icon-round-interactive-bg-hover: #4d94ff;
  --icon-round-interactive-color-hover: #f0f6ff;
  --icon-round-interactive-bg-disabled: #f2f2f2;
  --icon-round-interactive-color-disabled: #a7a8aa;
  --tag-bg: #0A6CFF;
  --tag-color: #ffffff;
  --color-error: #c30805;
  --color-primary: #4d94ff;
  --color-border: #c8c8c8;
  --color-border-secondary: #e2e2e2;
  --svg-filter-color: brightness(0) invert(4%) sepia(6%) saturate(1948%) hue-rotate(177deg) brightness(97%) contrast(91%);
  --button-bg: #0A6CFF;
  --button-bg-hover: #4d94ff;
  --button-border: #0A6CFF;
  --button-border-hover: #4d94ff;
  --button-color: #ffffff;
  --button-color-hover: #ffffff;
  --button-secondary-bg: #131518;
  --button-secondary-bg-hover: #353638;
  --button-secondary-border: #131518;
  --button-secondary-border-hover: #353638;
  --button-secondary-color: #ffffff;
  --button-secondary-color-hover: #ffffff;
  --bg-color: #b8d4ff;
  background-color: var(--bg-color);
  color: var(--text-color);
}

.bg--dark {
  --heading-color: #ffffff;
  --text-color: #ffffff;
  --text-color-secondary: #c8c8c8;
  --text-color-tertiary: #a7a8aa;
  --kicker-color: #ffffff;
  --form-field-bg: #1c1c1c;
  --form-field-focus-bg: var(--form-field-bg);
  --form-field-hover-bg: var(--form-field-bg);
  --form-field-text-color: #ffffff;
  --placeholder-color: #eaeaea;
  --form-field-border-color: #353638;
  --form-field-hover-border-color: #94beff;
  --form-field-focus-border-color: #4d94ff;
  --form-field-disabled-bg: #1c1c1c;
  --form-field-disabled-text-color: #c8c8c8;
  --form-field-disabled-border-color: #1c1c1c;
  --form-field-disabled-placeholder-color: #eaeaea;
  --tabs-bg: #1c1c1c;
  --progress-bg: #353638;
  --progress-color: #ff600a;
  --icon-round-bg: #353638;
  --icon-round-color: #b8d4ff;
  --icon-round-secondary-bg: #b8d4ff;
  --icon-round-secondary-color: #131518;
  --icon-interactive-color: #ffffff;
  --icon-interactive-color-hover: #e2e2e2;
  --icon-interactive-color-disabled: #7b7b7d;
  --icon-round-interactive-bg: #e2edff;
  --icon-round-interactive-color: #71a9ff;
  --icon-round-interactive-bg-hover: #94beff;
  --icon-round-interactive-color-hover: #0A6CFF;
  --icon-round-interactive-bg-disabled: #353638;
  --icon-round-interactive-color-disabled: #c8c8c8;
  --tag-bg: #94beff;
  --tag-color: #000000;
  --color-error: #ff706d;
  --color-primary: #4d94ff;
  --color-border: #555658;
  --color-border-secondary: #353638;
  --svg-filter-color: brightness(0) invert(1);
  --button-bg: #4d94ff;
  --button-bg-hover: #3284ff;
  --button-border: #4d94ff;
  --button-border-hover: #3284ff;
  --button-color: #ffffff;
  --button-color-hover: #ffffff;
  --button-secondary-bg: #ffffff;
  --button-secondary-bg-hover: #b8d4ff;
  --button-secondary-border: #ffffff;
  --button-secondary-border-hover: #b8d4ff;
  --button-secondary-color: #131518;
  --button-secondary-color-hover: #131518;
  --bg-color: #131518;
  background-color: var(--bg-color);
  color: var(--text-color);
}

.bg--dark-90 {
  --heading-color: #ffffff;
  --text-color: #ffffff;
  --text-color-secondary: #c8c8c8;
  --text-color-tertiary: #a7a8aa;
  --kicker-color: #ffffff;
  --form-field-bg: #1c1c1c;
  --form-field-focus-bg: var(--form-field-bg);
  --form-field-hover-bg: var(--form-field-bg);
  --form-field-text-color: #ffffff;
  --placeholder-color: #eaeaea;
  --form-field-border-color: #353638;
  --form-field-hover-border-color: #94beff;
  --form-field-focus-border-color: #4d94ff;
  --form-field-disabled-bg: #1c1c1c;
  --form-field-disabled-text-color: #c8c8c8;
  --form-field-disabled-border-color: #1c1c1c;
  --form-field-disabled-placeholder-color: #eaeaea;
  --tabs-bg: #1c1c1c;
  --progress-bg: #353638;
  --progress-color: #ff600a;
  --icon-round-bg: #353638;
  --icon-round-color: #b8d4ff;
  --icon-round-secondary-bg: #b8d4ff;
  --icon-round-secondary-color: #131518;
  --icon-interactive-color: #ffffff;
  --icon-interactive-color-hover: #e2e2e2;
  --icon-interactive-color-disabled: #7b7b7d;
  --icon-round-interactive-bg: #e2edff;
  --icon-round-interactive-color: #71a9ff;
  --icon-round-interactive-bg-hover: #94beff;
  --icon-round-interactive-color-hover: #0A6CFF;
  --icon-round-interactive-bg-disabled: #353638;
  --icon-round-interactive-color-disabled: #c8c8c8;
  --tag-bg: #94beff;
  --tag-color: #000000;
  --color-error: #ff706d;
  --color-primary: #4d94ff;
  --color-border: #555658;
  --color-border-secondary: #353638;
  --svg-filter-color: brightness(0) invert(1);
  --button-bg: #4d94ff;
  --button-bg-hover: #3284ff;
  --button-border: #4d94ff;
  --button-border-hover: #3284ff;
  --button-color: #ffffff;
  --button-color-hover: #ffffff;
  --button-secondary-bg: #ffffff;
  --button-secondary-bg-hover: #b8d4ff;
  --button-secondary-border: #ffffff;
  --button-secondary-border-hover: #b8d4ff;
  --button-secondary-color: #131518;
  --button-secondary-color-hover: #131518;
  --bg-color: #1c1c1c;
  background-color: var(--bg-color);
  color: var(--text-color);
}

.bg--media {
  --heading-color: #ffffff;
  --text-color: #ffffff;
  --text-color-secondary: #c8c8c8;
  --text-color-tertiary: #a7a8aa;
  --kicker-color: #ffffff;
  --form-field-bg: #1c1c1c;
  --form-field-focus-bg: var(--form-field-bg);
  --form-field-hover-bg: var(--form-field-bg);
  --form-field-text-color: #ffffff;
  --placeholder-color: #eaeaea;
  --form-field-border-color: #353638;
  --form-field-hover-border-color: #94beff;
  --form-field-focus-border-color: #4d94ff;
  --form-field-disabled-bg: #1c1c1c;
  --form-field-disabled-text-color: #c8c8c8;
  --form-field-disabled-border-color: #1c1c1c;
  --form-field-disabled-placeholder-color: #eaeaea;
  --tabs-bg: #1c1c1c;
  --progress-bg: #353638;
  --progress-color: #ff600a;
  --icon-round-bg: #353638;
  --icon-round-color: #b8d4ff;
  --icon-round-secondary-bg: #b8d4ff;
  --icon-round-secondary-color: #131518;
  --icon-interactive-color: #ffffff;
  --icon-interactive-color-hover: #e2e2e2;
  --icon-interactive-color-disabled: #7b7b7d;
  --icon-round-interactive-bg: #e2edff;
  --icon-round-interactive-color: #71a9ff;
  --icon-round-interactive-bg-hover: #94beff;
  --icon-round-interactive-color-hover: #0A6CFF;
  --icon-round-interactive-bg-disabled: #353638;
  --icon-round-interactive-color-disabled: #c8c8c8;
  --tag-bg: #94beff;
  --tag-color: #000000;
  --color-error: #ff706d;
  --color-primary: #4d94ff;
  --color-border: #555658;
  --color-border-secondary: #353638;
  --svg-filter-color: brightness(0) invert(1);
  --button-bg: #4d94ff;
  --button-bg-hover: #3284ff;
  --button-border: #4d94ff;
  --button-border-hover: #3284ff;
  --button-color: #ffffff;
  --button-color-hover: #ffffff;
  --button-secondary-bg: #ffffff;
  --button-secondary-bg-hover: #b8d4ff;
  --button-secondary-border: #ffffff;
  --button-secondary-border-hover: #b8d4ff;
  --button-secondary-color: #131518;
  --button-secondary-color-hover: #131518;
  --bg-color: var(--color-overlay);
  background-color: transparent;
  color: var(--text-color);
}
:where(.bg--media) {
  position: relative;
}
.bg--media.bg--media-overlay::before {
  background: var(--bg-color);
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
}
.bg--media > figure:first-child {
  display: contents;
}
.bg--media > figure:first-child > div {
  display: contents;
}
.bg--media > figure:first-child :is(img,
video) {
  position: absolute;
  left: 0;
  top: 0;
  z-index: -2;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  pointer-events: none;
}

:root {
  --button-padding-x: 1.5rem;
  --button-padding-y: 1rem;
  --button-font-size: 1.125rem;
  --button-font-family: "Geist Variable", sans-serif;
  --button-font-weight: 500;
  --button-letter-spacing: 0;
  --button-line-height: 1.2;
  --button-font: var(--button-font-weight) var(--button-font-size)/var(--button-line-height) var(--button-font-family);
  --button-border-width: 1px;
  --button-border-radius: 5rem;
}

.button,
input[type=submit] {
  background: var(--button-bg);
  box-sizing: border-box;
  display: inline-block;
  padding: var(--button-padding-y) var(--button-padding-x);
  vertical-align: middle;
  font-size: var(--button-font-size);
  font-family: var(--button-font-family);
  font-weight: var(--button-font-weight);
  letter-spacing: var(--button-letter-spacing);
  line-height: var(--button-line-height);
  text-decoration: none;
  text-align: center;
  color: var(--button-color);
  cursor: pointer;
  border: 1px solid var(--button-border);
  border-radius: var(--button-border-radius);
  transition: all 0.3s ease-out;
}
.button:where(:not(:disabled)):hover,
input[type=submit]:where(:not(:disabled)):hover {
  background-color: var(--button-bg-hover);
  border-color: var(--button-bg-hover);
  color: var(--button-color-hover);
  text-decoration: none;
}
.button:disabled,
input[type=submit]:disabled {
  cursor: not-allowed;
}
@container style(--button-hover: true) {
  .button,
  input[type=submit] {
    background-color: var(--button-bg-hover);
    border-color: var(--button-border-hover);
    color: var(--button-color-hover);
    text-decoration: none;
  }
}

.button--secondary {
  --button-bg: var(--button-secondary-bg);
  --button-bg-hover: var(--button-secondary-bg-hover);
  --button-border: var(--button-border);
  --button-border-hover: var(--button-border-hover);
  --button-color: var(--button-secondary-color);
  --button-color-hover: var(--button-secondary-color-hover);
}

.button--ghost {
  --button-bg: transparent;
  --button-bg-hover: var(--button-secondary-bg-hover);
  --button-border: var(--button-secondary-border);
  --button-border-hover: var(--button-secondary-border-hover);
  --button-color: var(--button-secondary-bg);
  --button-color-hover: var(--button-secondary-color-hover);
}

.button--small {
  --button-padding-x: 1rem;
  --button-padding-y: 0.75rem;
  --button-font-size: 0.875rem;
}

.link--arrow {
  font: var(--button-font);
  color: var(--text-color);
  cursor: pointer;
  transition: all var(--link-transition-duration, 0.25s) var(--easing);
}
.link--arrow::after {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: never;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e81b";
  margin-right: var(--icon-margin, 0.25rem);
  margin-left: 0;
  line-height: inherit;
  margin: 0 0 0 var(--spacing-x-small);
  text-decoration: none;
  transition: translate 0.3s cubic-bezier(0.6, 0.2, 0.4, 0.8);
}
.link--arrow:hover::after {
  translate: 0.15rem;
}
.link--arrow.button--small {
  font-size: var(--button-font-size);
}

.buttons {
  display: flex;
  align-items: center;
  gap: var(--spacing-medium);
  flex-wrap: wrap;
  width: -moz-fit-content;
  width: fit-content;
  max-width: 100%;
  margin-top: var(--spacing-large);
}
.buttons > * {
  flex: 1 0 auto;
}
:where(.buttons.text--left, .text--left .buttons) {
  margin: 0;
}
:where(.buttons.text--center, .text--center .buttons) {
  margin: 0 auto;
}
:where(.buttons.text--right, .text--right .buttons) {
  margin: 0 0 0 auto;
}

:root {
  --card-padding: var(--spacing-medium);
  --card-radius: var(--radius-large);
}

.card {
  overflow: clip;
  padding: var(--card-padding-y, var(--card-padding)) var(--card-padding-x, var(--card-padding));
  border-radius: var(--card-radius);
}
.card > :where(:last-child) {
  margin-bottom: 0;
}
.card.card--clickable {
  padding: 0;
  overflow: visible;
}
.card.card--clickable > a {
  color: var(--text-color);
  padding: var(--card-padding-y, var(--card-padding)) var(--card-padding-x, var(--card-padding));
  border-radius: var(--card-radius);
  height: 100%;
  overflow: clip;
}
.card.card--clickable > a:hover {
  --button-hover: true;
  --media-dolly: 1;
}
:where(.card.card--clickable > a) {
  display: block;
}
:where(.card.card--clickable > a) > :last-child {
  margin-bottom: 0;
}
.card :where(.card-media) {
  position: relative;
  margin-inline: calc(var(--card-padding-x, var(--card-padding)) * -1);
}
.card :where(.card-media:first-child) {
  margin-top: calc(var(--card-padding-y, var(--card-padding)) * -1);
  margin-bottom: var(--card-padding-y, var(--card-padding));
}
.card :where(.card-media:last-child) {
  margin-top: var(--card-padding-y, var(--card-padding));
  margin-bottom: calc(var(--card-padding-y, var(--card-padding)) * -1);
}

.card--s {
  --card-radius: var(--radius-default);
  --card-padding-y: var(--spacing-small);
  --card-padding-x: var(--spacing-small);
}

.card--l {
  --card-radius: var(--radius-large);
  --card-padding-y: max(var(--spacing-medium), min(6vw, var(--spacing-large)));
  --card-padding-x: max(var(--spacing-medium), min(6vw, var(--spacing-large)));
}

@keyframes fill {
  to {
    background-position-x: 100%, 0;
  }
}
@supports (view-timeline-name: --test) {
  [data-fill-text] {
    display: inline;
    color: transparent;
    background-color: color-mix(in srgb, var(--heading-color), transparent 80%);
    background-image: linear-gradient(90deg, var(--heading-color) 0 0);
    background-size: 200% 1lh;
    background-repeat: no-repeat;
    background-position-x: 200%, 0;
    background-position-y: 100%;
    -webkit-background-clip: text;
            background-clip: text;
    animation: fill both linear;
    animation-timeline: view();
    animation-range: entry 25% cover 50%;
  }
}
:root {
  --form-field-spacing: var(--spacing-small);
  --form-field-padding-x: 0.75rem;
  --form-field-padding-y: 0.75rem;
  --form-field-font-size: 1.125rem;
  --form-field-font-family: var(--body-font-family);
  --form-field-font-weight: var(--body-font-weight);
  --form-field-letter-spacing: var(--body-letter-spacing);
  --form-field-line-height: 1.5;
  --form-field-border-width: 1px;
  --form-field-border-style: solid;
  --form-field-border-radius: 0.25rem;
  --select-arrow-size: 0.75rem;
}

select {
  background-image: var(--select-arrow-svg, url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 40 40"><polygon points="2.7,14.4 6.8,10.3 20,23.5 33.2,10.3 37.3,14.4 20,31.7 "/></svg>'));
}

textarea:not([rows]) {
  field-sizing: content;
  min-height: calc(2lh + (var(--form-field-padding-y) + var(--form-field-border-width)) * 2);
  max-height: calc(7lh + (var(--form-field-padding-y) + var(--form-field-border-width)) * 2);
  height: auto;
}

.sleek-form fieldset {
  all: unset;
}
.sleek-form fieldset legend {
  font-size: var(--font-size-small);
  font-weight: normal;
  display: block;
}
.sleek-form .field-group {
  display: flex;
  flex-wrap: wrap;
  gap: var(--form-field-spacing);
  margin-bottom: var(--form-field-spacing);
}
.sleek-form .field-group > * {
  flex: 1 1 16rem;
}
.sleek-form .field-group fieldset {
  text-wrap: balance;
  margin: 0 0 calc(var(--spacing-small) * -1);
}
.sleek-form .field-group fieldset:last-child {
  margin-bottom: 0;
}
.sleek-form .field-group fieldset > label {
  display: inline-block;
  margin: 0 var(--spacing-small) var(--spacing-small) 0;
}
.sleek-form .field-group fieldset > ul {
  list-style: none;
  margin: 0 0 var(--spacing-small);
}
.sleek-form .field-group fieldset > ul li:not(:last-child) {
  margin-bottom: var(--spacing-x-small);
}
.sleek-form .field-group label {
  font-size: var(--font-size-x-small);
  font-weight: normal;
  display: block;
}
.sleek-form .field-group label > :first-child {
  margin-top: 0.15em;
}
.sleek-form .field-group [type=radio],
.sleek-form .field-group [type=checkbox] {
  margin-right: var(--spacing-x-small);
}
.sleek-form .field-group [type=radio] + span,
.sleek-form .field-group [type=checkbox] + span {
  font: var(--font-medium);
}

form.search-form {
  --form-field-border-radius: 10rem;
}
form.search-form div {
  width: 100%;
  position: relative;
}
form.search-form div input {
  padding-right: calc(var(--form-field-padding-x) * 2 + var(--body-font-size));
}
form.search-form div button {
  all: unset;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  display: block;
  padding: 0 var(--form-field-padding-x);
  color: var(--form-field-text-color);
  font-size: calc(var(--form-field-font-size) * 1.2);
  text-indent: -999999px;
  cursor: pointer;
}
form.search-form div button::before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: never;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e80d";
  margin-right: var(--icon-margin, 0.25rem);
  margin-left: 0;
  line-height: inherit;
  margin: 0;
  float: left;
  text-indent: 0;
}

input[type=search]:only-child {
  --icon-size: 1.3em;
  padding-right: calc(1.3em + var(--form-field-padding-x) + var(--spacing-small));
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='%231F2024' viewBox='0 0 24 24'%3E%3Cpath d='M16.8931 16.0671H17.8133L20.999 19.2645L19.2635 21L16.0662 17.8143V16.8941L15.7517 16.568C14.4239 17.7094 12.7 18.3966 10.8248 18.3966C6.64333 18.3966 3.25391 15.0072 3.25391 10.8258C3.25391 6.64431 6.64333 3.25488 10.8248 3.25488C15.0062 3.25488 18.3957 6.64431 18.3957 10.8258C18.3957 12.701 17.7085 14.4248 16.567 15.7527L16.8931 16.0671ZM5.58341 10.8258C5.58341 13.726 7.92456 16.0671 10.8248 16.0671C13.725 16.0671 16.0662 13.726 16.0662 10.8258C16.0662 7.92553 13.725 5.58438 10.8248 5.58438C7.92456 5.58438 5.58341 7.92553 5.58341 10.8258Z' fill='%23000'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right var(--form-field-padding-x) top 50%;
  background-size: 1.3em auto;
}

.hs-form fieldset {
  max-width: none !important;
}
.hs-form .hs-input {
  width: 100% !important;
}
.hs-form .hs-input[type=radio], .hs-form .hs-input[type=checkbox] {
  width: auto !important;
  margin-right: var(--spacing-x-small, 0.5rem);
}
.hs-form .legal-consent-container .hs-form-booleancheckbox-display input {
  float: none !important;
  width: auto !important;
  margin-right: var(--spacing-x-small);
  vertical-align: sub;
  height: 1lh;
}
.hs-form .legal-consent-container .hs-form-booleancheckbox-display > span {
  display: inline;
  margin: 0;
}
.hs-form .legal-consent-container .field.hs-form-field {
  margin: 0 0 var(--form-field-spacing);
}
.hs-form fieldset.form-columns-1 .hs-form-field,
.hs-form fieldset.form-columns-2 .hs-form-field,
.hs-form fieldset.form-columns-3 .hs-form-field,
.hs-form fieldset.form-columns-4 .hs-form-field,
.hs-form fieldset.form-columns-5 .hs-form-field,
.hs-form fieldset.form-columns-6 .hs-form-field,
.hs-form fieldset.form-columns-7 .hs-form-field,
.hs-form fieldset.form-columns-8 .hs-form-field {
  width: auto !important;
  float: none !important;
}
.hs-form fieldset.form-columns-1 .input,
.hs-form fieldset.form-columns-2 .input,
.hs-form fieldset.form-columns-3 .input,
.hs-form fieldset.form-columns-4 .input,
.hs-form fieldset.form-columns-5 .input,
.hs-form fieldset.form-columns-6 .input,
.hs-form fieldset.form-columns-7 .input,
.hs-form fieldset.form-columns-8 .input {
  margin: 0 !important;
}
@media (min-width: 768px) {
  .hs-form fieldset.form-columns-2 .hs-form-field {
    float: left !important;
    width: calc(50% - 0.5625rem) !important;
    margin-right: 1.125rem;
  }
  .hs-form fieldset.form-columns-2 .hs-form-field:last-child {
    margin-right: 0;
  }
  .hs-form fieldset.form-columns-3 .hs-form-field {
    float: left !important;
    width: calc(33.3333333333% - 0.75rem) !important;
    margin-right: 1.125rem;
  }
  .hs-form fieldset.form-columns-3 .hs-form-field:last-child {
    margin-right: 0;
  }
  .hs-form fieldset.form-columns-4 .hs-form-field {
    float: left !important;
    width: calc(25% - 0.84375rem) !important;
    margin-right: 1.125rem;
  }
  .hs-form fieldset.form-columns-4 .hs-form-field:last-child {
    margin-right: 0;
  }
  .hs-form fieldset.form-columns-5 .hs-form-field {
    float: left !important;
    width: calc(20% - 0.9rem) !important;
    margin-right: 1.125rem;
  }
  .hs-form fieldset.form-columns-5 .hs-form-field:last-child {
    margin-right: 0;
  }
  .hs-form fieldset.form-columns-6 .hs-form-field {
    float: left !important;
    width: calc(16.6666666667% - 0.9375rem) !important;
    margin-right: 1.125rem;
  }
  .hs-form fieldset.form-columns-6 .hs-form-field:last-child {
    margin-right: 0;
  }
  .hs-form fieldset.form-columns-7 .hs-form-field {
    float: left !important;
    width: calc(14.2857142857% - 0.9642857143rem) !important;
    margin-right: 1.125rem;
  }
  .hs-form fieldset.form-columns-7 .hs-form-field:last-child {
    margin-right: 0;
  }
  .hs-form fieldset.form-columns-8 .hs-form-field {
    float: left !important;
    width: calc(12.5% - 0.984375rem) !important;
    margin-right: 1.125rem;
  }
  .hs-form fieldset.form-columns-8 .hs-form-field:last-child {
    margin-right: 0;
  }
}

.hs-form a:not(.button) {
  --link-decoration: underline;
}
.hs-form .hs-form-field {
  display: block;
  margin: 0 0 var(--form-field-spacing);
  font-size: var(--font-size-small);
}
.hs-form .hs-form-field input.invalid {
  --form-field-border-color: var(--color-error);
  --form-field-hover-border-color: var(--color-error);
}
.hs-form .hs-form-field > label > span {
  font-size: var(--font-size-x-small);
  font-weight: normal;
  margin-bottom: var(--spacing-xx-small);
}
.hs-form .hs-form-field > label > span:not(:empty) {
  display: inline-block;
}
.hs-form .hs-form-field > label > span.hs-form-required {
  margin-left: 2px;
}
.hs-form .hs-form-field > label > span:empty + span.hs-form-required {
  display: none;
}
.hs-form .hs-form-field > legend {
  font-size: calc(var(--font-size-x-small) * 0.8);
  font-style: italic;
  line-height: 1;
  margin-bottom: var(--spacing-x-small);
}
.hs-form ul.inputs-list {
  margin: var(--spacing-x-small) 0 0;
  list-style: none;
  font-size: var(--font-size-x-small);
}
.hs-form ul.inputs-list.multi-container {
  margin-bottom: calc(var(--spacing-small) * -1);
  text-wrap: balance;
}
.hs-form ul.inputs-list.multi-container li {
  display: inline-block;
  margin: 0 var(--spacing-medium) var(--spacing-small) 0;
}
.hs-form ul.inputs-list.multi-container li:only-child {
  margin: 0;
}
.hs-form ul.hs-error-msgs {
  margin: var(--spacing-xx-small) 0 0;
  list-style: none;
  color: var(--color-error);
  font-size: var(--font-size-xx-small);
  font-style: italic;
}
.hs-form ul.hs-error-msgs li {
  display: block;
}
.hs-form ul.hs-error-msgs li:not(:last-child) {
  margin-bottom: var(--spacing-x-small);
}
.hs-form .hs_error_rollup {
  display: none;
}
.hs-form .legal-consent-container {
  font-size: var(--font-size-x-small);
  margin-bottom: var(--spacing-medium);
}
.hs-form .legal-consent-container p,
.hs-form .legal-consent-container .hs-richtext,
.hs-form .legal-consent-container .hs-dependent-field {
  margin-bottom: var(--spacing-small);
}
.hs-form .legal-consent-container p > :last-child,
.hs-form .legal-consent-container .hs-richtext > :last-child,
.hs-form .legal-consent-container .hs-dependent-field > :last-child {
  margin-bottom: 0;
}
.hs-form .actions {
  margin-top: var(--spacing-medium);
}

.row-gap--large {
  --grid-row-gap: var(--spacing-large);
}

.row-gap--x-large {
  --grid-row-gap: var(--spacing-x-large);
}

.icon--interactive {
  --icon-color: var(--icon-interactive-color);
}
.icon--interactive:disabled, .icon--interactive.disabled {
  --icon-color: var(--icon-interactive-color-disabled);
}
.icon--interactive:hover:not(:disabled):not(.disabled) {
  --icon-color: var(--icon-interactive-color-hover);
}

.icon--round {
  background-color: var(--icon-round-bg);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  width: calc(1em / var(--icon-scale, 0.53));
  height: calc(1em / var(--icon-scale, 0.53));
  aspect-ratio: 1/1;
  line-height: 1;
  font-size: calc(var(--icon-size, 1.77em) * var(--icon-scale, 0.52));
  border-radius: 50%;
  border: 1px solid var(--icon-round-bg);
  color: var(--icon-round-color);
}
.icon--round.icon--interactive {
  --icon-round-bg: var(--icon-round-interactive-bg);
  --icon-round-color: var(--icon-round-interactive-color);
}
.icon--round.icon--interactive:disabled, .icon--round.icon--interactive.disabled {
  --icon-round-bg: var(--icon-round-interactive-bg-disabled);
  --icon-round-color: var(--icon-round-interactive-color-disabled);
}
.icon--round.icon--interactive:hover:not(:disabled):not(.disabled) {
  --icon-round-bg: var(--icon-round-interactive-bg-hover);
  --icon-round-color: var(--icon-round-interactive-color-hover);
}
.icon--round.icon--secondary {
  --icon-round-bg: var(--icon-round-secondary-bg);
  --icon-round-color: var(--icon-round-secondary-color);
}

.list--icon {
  --icon-size: 1lh;
  margin-left: 0;
  list-style: none;
}
.list--icon > li {
  position: relative;
  display: grid;
  grid-template-columns: var(--icon-size) minmax(0, 1fr);
  gap: 0 var(--spacing-small);
}
.list--icon > li:not(:last-child) {
  margin-bottom: var(--spacing-medium);
}
.list--icon > li::before {
  background-color: var(--icon-round-bg);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  width: calc(1em / var(--icon-scale, 0.53));
  height: calc(1em / var(--icon-scale, 0.53));
  aspect-ratio: 1/1;
  line-height: 1;
  font-size: calc(var(--icon-size, 1.77em) * var(--icon-scale, 0.52));
  border-radius: 50%;
  border: 1px solid var(--icon-round-bg);
  color: var(--icon-round-color);
}
:where(.list--icon > li:not([class^=icon-]))::before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: never;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e81d";
  margin-right: var(--icon-margin, 0.25rem);
  margin-left: 0;
  line-height: inherit;
  margin: 0;
}

.media--round {
  overflow: clip;
  border-radius: var(--radius-large);
}

.media--round-s {
  overflow: clip;
  border-radius: var(--radius-default);
}

.media--dolly {
  overflow: hidden;
}
.media--dolly :is(img, video) {
  transition: transform 0.8s var(--easing);
  transform: scale(max(1, var(--media-dolly, 0) * 1.03));
}
a:hover .media--dolly, .media--dolly:hover {
  --media-dolly: 1;
}

:root {
  --module-header-spacing: clamp(2.5rem, 2.74vw + 1.86rem, 3.5rem);
}

.module-header {
  container-type: inline-size;
  margin-bottom: var(--module-header-spacing);
}
.module-header > h2 {
  max-width: var(--site-width-small);
}
.module-header > .wysiwyg {
  max-width: var(--site-width-xx-small);
}
.module-header > .wysiwyg > :last-child {
  margin-bottom: 0;
}
.module-header > :last-child {
  margin-bottom: 0;
}
.module-header.text--center, .text--center .module-header {
  display: block;
  width: 100%;
  max-width: var(--site-width-small);
  margin-inline: auto;
}
.module-header.text--center > h2, .text--center .module-header > h2 {
  margin: 0 auto var(--heading-margin);
}
.module-header.text--center > .wysiwyg, .text--center .module-header > .wysiwyg {
  margin-inline: auto;
}
.module-header.text--center > nav, .text--center .module-header > nav {
  margin-top: var(--spacing-medium);
}
@media (min-width: 1080px) {
  .module-header {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    align-items: start;
    align-content: start;
    gap: 0 var(--grid-gap);
  }
  .module-header > * {
    grid-column: 1/-1;
  }
  .module-header > h2 {
    margin-bottom: 0;
  }
  .module-header > .wysiwyg {
    margin-top: var(--heading-margin);
  }
  @container (min-width: 780px) {
    .module-header > :is(p,
    h2,
    .wysiwyg) {
      grid-column: 1/span 8;
    }
    .module-header > nav {
      grid-column: 9/span 4;
      margin-left: auto;
      align-self: end;
      margin-top: 0;
    }
    .module-header > nav:nth-child(3) {
      grid-row: 1/span 2;
    }
    .module-header > nav:nth-child(4) {
      grid-row: 1/span 3;
    }
  }
}

.post--post > .tags {
  margin-bottom: var(--spacing-small);
}
.post--post > ul {
  list-style: none;
  margin: var(--spacing-medium) 0 0;
  display: flex;
  align-items: center;
  gap: var(--spacing-x-small) var(--spacing-small);
  flex-wrap: wrap;
  color: var(--text-color-secondary);
  font-weight: 600;
  font-size: var(--font-size-small);
}
.post--post > ul li {
  display: flex;
  align-items: center;
}
.post--post > ul li:not(:last-child)::after {
  background-color: var(--color-primary);
  content: "";
  display: inline-block;
  width: 0.4em;
  height: 0.4em;
  margin-left: var(--spacing-small);
  vertical-align: middle;
  border-radius: 1rem;
}
.post--post > ul a {
  display: inline-flex;
  align-items: center;
  gap: var(--spacing-small);
}
.post--post > ul a img {
  width: 2.5em;
  height: 2.5em;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 50%;
}
.post--post > :last-child {
  margin-bottom: 0;
}

.post--case .featured-image {
  position: relative;
}
.post--case .featured-image > img {
  position: absolute;
  left: var(--spacing-medium);
  top: var(--spacing-medium);
  max-width: 175px;
  max-height: 45px;
  width: 80%;
  height: 80%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: top left;
     object-position: top left;
  pointer-events: none;
  filter: brightness(0) invert(1);
}
.post--case p {
  margin-bottom: var(--spacing-small);
}
.post--case > :last-child {
  margin-bottom: 0;
}

.post--webinar > div {
  display: flex;
  flex-direction: column;
}
.post--webinar > div > :is(h2, h3) {
  margin-bottom: var(--spacing-medium);
}
.post--webinar > div > ul {
  list-style: none;
  margin: 0 0 var(--spacing-medium);
  display: flex;
  align-items: center;
  gap: var(--spacing-x-small) var(--spacing-small);
  flex-wrap: wrap;
  color: var(--text-color-secondary);
  font-weight: 600;
  font-size: var(--font-size-small);
}
.post--webinar > div > ul li {
  display: flex;
  align-items: center;
}
.post--webinar > div > ul li:not(:last-child)::after {
  background-color: var(--color-primary);
  content: "";
  display: inline-block;
  width: 0.4em;
  height: 0.4em;
  margin-left: var(--spacing-small);
  vertical-align: middle;
  border-radius: 1rem;
}
.post--webinar > div > ul a {
  display: inline-flex;
  align-items: center;
  gap: var(--spacing-small);
}
.post--webinar > div > ul a img {
  width: 2.5em;
  height: 2.5em;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 50%;
}
.post--webinar > div > a {
  margin-top: auto;
  align-self: start;
}
@media (min-width: 1080px) {
  .post--webinar {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    align-items: center;
    gap: 0 var(--grid-gap);
  }
  .post--webinar > figure {
    align-self: start;
    grid-column: 1/span 7;
    margin: 0;
  }
  .post--webinar > div {
    grid-column: 9/span 4;
  }
}

.post--guide > div {
  display: flex;
  flex-direction: column;
}
.post--guide > div > :is(h2, h3) {
  margin-bottom: var(--spacing-medium);
}
.post--guide > div > a {
  margin-top: auto;
  align-self: start;
}
@media (min-width: 1080px) {
  .post--guide {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    align-items: start;
    gap: 0 var(--grid-gap);
  }
  .post--guide > figure {
    grid-column: 1/span 6;
    margin: 0;
  }
  .post--guide > div {
    grid-column: 8/span 5;
  }
}

.post--testimonial {
  display: block;
}
.post--testimonial > img {
  width: 100%;
  max-width: 12.5rem;
  max-height: 2.25rem;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: bottom left;
     object-position: bottom left;
  margin-bottom: var(--spacing-large);
}
.post--testimonial > figure {
  margin: 0;
}
.post--testimonial > figure > blockquote {
  display: block;
  font-family: var(--heading-font-family, inherit);
  font-weight: var(--heading-font-weight, bold);
  font-style: var(--heading-font-style, normal);
  font-variation-settings: var(--heading-font-variation, normal);
  line-height: var(--heading-line-height, 1.2);
  letter-spacing: var(--heading-letter-spacing, 0);
  text-transform: var(--heading-text-transform, none);
  margin: 0 0 0;
  font-size: var(--h4-size);
  color: var(--heading-color, inherit);
  line-height: 1.2;
}
.post--testimonial > figure > blockquote a {
  color: var(--heading-color, inherit);
}
.post--testimonial > figure > blockquote a:hover {
  color: var(--heading-color, inherit);
}
.post--testimonial > figure > blockquote > p:first-child::before {
  content: open-quote;
}
.post--testimonial > figure > blockquote > p:last-child::after {
  content: close-quote;
}
.post--testimonial > figure > blockquote > :last-child {
  margin-bottom: 0;
}
.post--testimonial > figure > figcaption {
  margin-top: var(--spacing-medium);
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: start;
  gap: 0 var(--spacing-small);
}
.post--testimonial > figure > figcaption > strong {
  grid-column: 1/-1;
  align-self: end;
  font-size: var(--font-size-small);
  font-weight: 600;
}
.post--testimonial > figure > figcaption > strong:last-child {
  grid-row: 1/span 2;
}
.post--testimonial > figure > figcaption > span {
  grid-column: 1/-1;
  font-size: var(--font-size-x-small);
}
.post--testimonial > figure > figcaption > img {
  grid-row: 1/span 2;
  align-self: start;
  width: 3rem;
  height: 3rem;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 10rem;
}
.post--testimonial > figure > figcaption > img ~ * {
  grid-column: 2;
}
.post--testimonial > a {
  margin-top: var(--spacing-large);
}

@property --rating-animated {
  syntax: "<number>";
  initial-value: 0;
  inherits: true;
}
@keyframes bounce-rating {
  0% {
    --rating-animated: var(--rating);
  }
  50% {
    --rating-animated: 0;
  }
  100% {
    --rating-animated: var(--rating);
  }
}
.g2-rating {
  --g2-rating-width: 6.1875em;
  --g2-star-size: calc(15 / 99 * var(--g2-rating-width));
  --g2-star-color: #F5B633;
  display: flex;
  align-items: center;
  gap: 0 0.625em;
  width: -moz-max-content;
  width: max-content;
  max-width: 100%;
  font-size: 1rem;
  --rating-animated: var(--rating);
}
.g2-rating:hover {
  animation: bounce-rating calc(var(--rating) * 0.3s) ease-in-out forwards;
}
.g2-rating::before {
  content: "";
  display: block;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 99 15'%3E%3Cpath d='M6.74.58a.8.8 0 0 1 1.52 0l1.22 3.93c.11.34.42.58.77.58h3.95c.77 0 1.1 1.04.47 1.52l-3.2 2.42c-.28.22-.4.6-.29.94l1.22 3.93c.24.77-.6 1.41-1.23.94l-3.2-2.43a.8.8 0 0 0-.94 0l-3.2 2.43c-.63.47-1.47-.17-1.23-.94l1.22-3.93a.9.9 0 0 0-.3-.94L.34 6.61C-.3 6.13.03 5.09.8 5.09h3.95a.8.8 0 0 0 .77-.58zm21 0a.8.8 0 0 1 1.52 0l1.22 3.93c.11.34.42.58.77.58h3.95c.77 0 1.1 1.04.47 1.52l-3.2 2.42c-.28.22-.4.6-.29.94l1.22 3.93c.24.77-.6 1.41-1.23.94l-3.2-2.43a.8.8 0 0 0-.94 0l-3.2 2.43c-.63.47-1.47-.17-1.23-.94l1.22-3.93a.9.9 0 0 0-.3-.94l-3.19-2.42c-.63-.48-.3-1.52.47-1.52h3.95a.8.8 0 0 0 .77-.58zm21 0a.8.8 0 0 1 1.52 0l1.22 3.93c.11.34.42.58.77.58h3.95c.77 0 1.1 1.04.47 1.52l-3.2 2.42c-.28.22-.4.6-.29.94l1.22 3.93c.24.77-.6 1.41-1.23.94l-3.2-2.43a.8.8 0 0 0-.94 0l-3.2 2.43c-.63.47-1.47-.17-1.23-.94l1.22-3.93a.9.9 0 0 0-.3-.94l-3.19-2.42c-.63-.48-.3-1.52.47-1.52h3.95a.8.8 0 0 0 .77-.58zm21 0a.8.8 0 0 1 1.52 0l1.22 3.93c.11.34.42.58.77.58h3.95c.77 0 1.1 1.04.47 1.52l-3.2 2.42c-.28.22-.4.6-.29.94l1.22 3.93c.24.77-.6 1.41-1.23.94l-3.2-2.43a.8.8 0 0 0-.94 0l-3.2 2.43c-.63.47-1.47-.17-1.23-.94l1.22-3.93a.9.9 0 0 0-.3-.94l-3.19-2.42c-.63-.48-.3-1.52.47-1.52h3.95a.8.8 0 0 0 .77-.58z'/%3E%3Cpath d='M90.74.58a.8.8 0 0 1 1.52 0l1.22 3.93c.11.34.42.58.77.58h3.95c.77 0 1.1 1.04.47 1.52l-3.2 2.42c-.28.22-.4.6-.29.94l1.22 3.93c.24.77-.6 1.41-1.23.94l-3.2-2.43a.8.8 0 0 0-.94 0l-3.2 2.43c-.63.47-1.47-.17-1.23-.94l1.22-3.93a.9.9 0 0 0-.3-.94l-3.19-2.42c-.63-.48-.3-1.52.47-1.52h3.95a.8.8 0 0 0 .77-.58z'/%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 99 15'%3E%3Cpath d='M6.74.58a.8.8 0 0 1 1.52 0l1.22 3.93c.11.34.42.58.77.58h3.95c.77 0 1.1 1.04.47 1.52l-3.2 2.42c-.28.22-.4.6-.29.94l1.22 3.93c.24.77-.6 1.41-1.23.94l-3.2-2.43a.8.8 0 0 0-.94 0l-3.2 2.43c-.63.47-1.47-.17-1.23-.94l1.22-3.93a.9.9 0 0 0-.3-.94L.34 6.61C-.3 6.13.03 5.09.8 5.09h3.95a.8.8 0 0 0 .77-.58zm21 0a.8.8 0 0 1 1.52 0l1.22 3.93c.11.34.42.58.77.58h3.95c.77 0 1.1 1.04.47 1.52l-3.2 2.42c-.28.22-.4.6-.29.94l1.22 3.93c.24.77-.6 1.41-1.23.94l-3.2-2.43a.8.8 0 0 0-.94 0l-3.2 2.43c-.63.47-1.47-.17-1.23-.94l1.22-3.93a.9.9 0 0 0-.3-.94l-3.19-2.42c-.63-.48-.3-1.52.47-1.52h3.95a.8.8 0 0 0 .77-.58zm21 0a.8.8 0 0 1 1.52 0l1.22 3.93c.11.34.42.58.77.58h3.95c.77 0 1.1 1.04.47 1.52l-3.2 2.42c-.28.22-.4.6-.29.94l1.22 3.93c.24.77-.6 1.41-1.23.94l-3.2-2.43a.8.8 0 0 0-.94 0l-3.2 2.43c-.63.47-1.47-.17-1.23-.94l1.22-3.93a.9.9 0 0 0-.3-.94l-3.19-2.42c-.63-.48-.3-1.52.47-1.52h3.95a.8.8 0 0 0 .77-.58zm21 0a.8.8 0 0 1 1.52 0l1.22 3.93c.11.34.42.58.77.58h3.95c.77 0 1.1 1.04.47 1.52l-3.2 2.42c-.28.22-.4.6-.29.94l1.22 3.93c.24.77-.6 1.41-1.23.94l-3.2-2.43a.8.8 0 0 0-.94 0l-3.2 2.43c-.63.47-1.47-.17-1.23-.94l1.22-3.93a.9.9 0 0 0-.3-.94l-3.19-2.42c-.63-.48-.3-1.52.47-1.52h3.95a.8.8 0 0 0 .77-.58z'/%3E%3Cpath d='M90.74.58a.8.8 0 0 1 1.52 0l1.22 3.93c.11.34.42.58.77.58h3.95c.77 0 1.1 1.04.47 1.52l-3.2 2.42c-.28.22-.4.6-.29.94l1.22 3.93c.24.77-.6 1.41-1.23.94l-3.2-2.43a.8.8 0 0 0-.94 0l-3.2 2.43c-.63.47-1.47-.17-1.23-.94l1.22-3.93a.9.9 0 0 0-.3-.94l-3.19-2.42c-.63-.48-.3-1.52.47-1.52h3.95a.8.8 0 0 0 .77-.58z'/%3E%3C/svg%3E");
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
  background-color: #A7A8AA;
  background-image: linear-gradient(var(--g2-star-color), var(--g2-star-color)), linear-gradient(var(--g2-star-color), var(--g2-star-color)), linear-gradient(var(--g2-star-color), var(--g2-star-color)), linear-gradient(var(--g2-star-color), var(--g2-star-color)), linear-gradient(var(--g2-star-color), var(--g2-star-color));
  background-size: var(--g2-star-size) calc((var(--rating-animated) - 0) * 100%), var(--g2-star-size) calc((var(--rating-animated) - 1) * 100%), var(--g2-star-size) calc((var(--rating-animated) - 2) * 100%), var(--g2-star-size) calc((var(--rating-animated) - 3) * 100%), var(--g2-star-size) calc((var(--rating-animated) - 4) * 100%);
  background-position: 0% 100%, 25% 100%, 50% 100%, 75% 100%, 100% 100%;
  background-repeat: no-repeat;
  width: 6.1875em;
  min-height: 0.9375em;
}
.g2-rating::after {
  content: "";
  display: block;
  width: 1.375em;
  height: 1.375em;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%230a6cff' viewBox='0 0 22 22'%3E%3Cpath d='M19.13 6.5h-3.28c.08-.52.4-.8 1.05-1.13l.6-.31c1.09-.56 1.66-1.18 1.66-2.2q0-.98-.74-1.53A3 3 0 0 0 16.65.8q-.82 0-1.5.42-.67.42-1 1.09l.96.95q.55-1.11 1.6-1.11c.6 0 .97.3.97.73 0 .36-.18.66-.86 1l-.39.2a4 4 0 0 0-1.77 1.46q-.5.83-.5 2.1v.23h4.97zm-.44 2.93h-5.44l-2.72 4.71h5.44l2.72 4.72 2.72-4.72z'/%3E%3Cpath d='M11 17.28a6.3 6.3 0 0 1 0-12.56l2.15-4.5Q12.08 0 11 0a11 11 0 1 0 6.47 19.89l-2.38-4.13a6.3 6.3 0 0 1-4.1 1.52'/%3E%3C/svg%3E%0A");
  background-size: contain;
  order: -1;
}
.g2-rating > span {
  font-size: 0.875em;
  font-weight: 600;
}
.g2-rating > span span {
  color: var(--text-color-secondary);
}

@media (max-width: 1079px) {
  .laptop-max\:ratio--16-9::before {
    padding-bottom: 56.25%;
  }
  .laptop-max\:ratio--4-3::before {
    padding-bottom: 75%;
  }
  .laptop-max\:ratio--1-1::before {
    padding-bottom: 100%;
  }
  .laptop-max\:ratio--4-5::before {
    padding-bottom: 125%;
  }
}
:root {
  --site-width-medium: 69.875rem;
  --site-width-small: 55.625rem;
  --site-width-x-small: 41.5rem;
  --site-width-xx-small: 34rem;
}

.section--medium {
  --site-width-max: 69.875rem;
  --site-width: min(
  	var(--site-width-min, 90vw),
  	var(--site-width-max, 1280px)
  );
  --site-padding: calc(
  	(
  		100vw -
  		var(--scrollbar-width) -
  		var(--site-width)
  	) / 2
  );
  padding: var(--section-padding, 6rem) var(--site-padding);
}

.container--medium {
  --site-width-max: 69.875rem;
  --site-width: min(
  	var(--site-width-min, 90vw),
  	var(--site-width-max, 1280px)
  );
  --site-padding: calc(
  	(
  		100vw -
  		var(--scrollbar-width) -
  		var(--site-width)
  	) / 2
  );
  width: var(--site-width);
  margin: var(--container-margin, 6rem) auto;
}

.section--small {
  --site-width-max: 55.625rem;
  --site-width: min(
  	var(--site-width-min, 90vw),
  	var(--site-width-max, 1280px)
  );
  --site-padding: calc(
  	(
  		100vw -
  		var(--scrollbar-width) -
  		var(--site-width)
  	) / 2
  );
  padding: var(--section-padding, 6rem) var(--site-padding);
}

.container--small {
  --site-width-max: 55.625rem;
  --site-width: min(
  	var(--site-width-min, 90vw),
  	var(--site-width-max, 1280px)
  );
  --site-padding: calc(
  	(
  		100vw -
  		var(--scrollbar-width) -
  		var(--site-width)
  	) / 2
  );
  width: var(--site-width);
  margin: var(--container-margin, 6rem) auto;
}

.section--x-small {
  --site-width-max: 41.5rem;
  --site-width: min(
  	var(--site-width-min, 90vw),
  	var(--site-width-max, 1280px)
  );
  --site-padding: calc(
  	(
  		100vw -
  		var(--scrollbar-width) -
  		var(--site-width)
  	) / 2
  );
  padding: var(--section-padding, 6rem) var(--site-padding);
}

.container--x-small {
  --site-width-max: 41.5rem;
  --site-width: min(
  	var(--site-width-min, 90vw),
  	var(--site-width-max, 1280px)
  );
  --site-padding: calc(
  	(
  		100vw -
  		var(--scrollbar-width) -
  		var(--site-width)
  	) / 2
  );
  width: var(--site-width);
  margin: var(--container-margin, 6rem) auto;
}

.section--xx-small {
  --site-width-max: 34rem;
  --site-width: min(
  	var(--site-width-min, 90vw),
  	var(--site-width-max, 1280px)
  );
  --site-padding: calc(
  	(
  		100vw -
  		var(--scrollbar-width) -
  		var(--site-width)
  	) / 2
  );
  padding: var(--section-padding, 6rem) var(--site-padding);
}

.container--xx-small {
  --site-width-max: 34rem;
  --site-width: min(
  	var(--site-width-min, 90vw),
  	var(--site-width-max, 1280px)
  );
  --site-padding: calc(
  	(
  		100vw -
  		var(--scrollbar-width) -
  		var(--site-width)
  	) / 2
  );
  width: var(--site-width);
  margin: var(--container-margin, 6rem) auto;
}

:is(.section,
[class*=section--]).module-spacing--small {
  --section-padding-top: calc(var(--section-padding) * 0.5);
  --section-padding-bottom: calc(var(--section-padding) * 0.5);
}
:is(.section,
[class*=section--]).module-spacing-top--small {
  --section-padding-top: calc(var(--section-padding) * 0.5);
}
:is(.section,
[class*=section--]).module-spacing-bottom--small {
  --section-padding-bottom: calc(var(--section-padding) * 0.5);
}
:is(.section,
[class*=section--]).module-spacing--large {
  --section-padding-top: calc(var(--section-padding) * 1.5);
  --section-padding-bottom: calc(var(--section-padding) * 1.5);
}
:is(.section,
[class*=section--]).module-spacing-top--large {
  --section-padding-top: calc(var(--section-padding) * 1.5);
}
:is(.section,
[class*=section--]).module-spacing-bottom--large {
  --section-padding-bottom: calc(var(--section-padding) * 1.5);
}

:is(.container,
[class*=container--]).module-spacing--small {
  --container-margin-top: calc(var(--container-margin) * 0.5);
  --container-margin-bottom: calc(var(--container-margin) * 0.5);
}
:is(.container,
[class*=container--]).module-spacing-top--small {
  --container-margin-top: calc(var(--container-margin) * 0.5);
}
:is(.container,
[class*=container--]).module-spacing-bottom--small {
  --container-margin-bottom: calc(var(--container-margin) * 0.5);
}
:is(.container,
[class*=container--]).module-spacing--large {
  --container-margin-top: calc(var(--container-margin) * 1.5);
  --container-margin-bottom: calc(var(--container-margin) * 1.5);
}
:is(.container,
[class*=container--]).module-spacing-top--large {
  --container-margin-top: calc(var(--container-margin) * 1.5);
}
:is(.container,
[class*=container--]).module-spacing-bottom--large {
  --container-margin-bottom: calc(var(--container-margin) * 1.5);
}

:root {
  --slideshow-gap: var(--grid-gap);
  --slideshow-arrow-size: clamp(2.1875rem, 0.85vw + 1.99rem, 2.5rem);
  --slideshow-arrow-margin: max(1.5rem, min(4vw, 2rem));
  --slideshow-bullet-size: 0.75rem;
  --slideshow-bullet-margin: var(--spacing-x-large);
  --slideshow-bullet-spacing: var(--spacing-small);
}

[data-slideshow] {
  --slideshow-slide-width: calc(var(--slideshow-width, 100%) / var(--slideshow-per-page, 1) - var(--slideshow-gap) * (var(--slideshow-per-page, 1) - 1) / var(--slideshow-per-page, 1));
}
[data-slideshow]:not(.flickity-enabled) {
  display: grid;
  grid-template-columns: repeat(var(--grid-cols, var(--slideshow-per-page, 1)), minmax(0, 1fr));
  gap: var(--slideshow-gap);
}
[data-slideshow].flickity-enabled {
  display: block;
}
[data-slideshow].flickity-enabled.is-fade .flickity-cell.is-selected {
  z-index: 1;
}
[data-slideshow].flickity-enabled.slideshow--bleed .flickity-viewport {
  margin-right: calc(var(--site-padding) * -1);
}
[data-slideshow].flickity-enabled.slideshow--bleed .flickity-viewport .flickity-slider {
  width: calc(100% - var(--site-padding));
}
[data-slideshow].flickity-enabled.slideshow--nav-top {
  --slideshow-button-offset: var(--spacing-medium);
  padding-top: calc(var(--slideshow-arrow-size) + var(--slideshow-button-offset));
}
[data-slideshow].flickity-enabled.slideshow--nav-top .flickity-prev-next-button {
  display: inline-flex;
  top: 0;
  right: auto;
  bottom: auto;
  left: 0;
  margin: 0;
}
[data-slideshow].flickity-enabled.slideshow--nav-top .flickity-prev-next-button.next {
  transform: translateX(100%);
  margin-left: var(--spacing-small);
}
.module-header.text--center + [data-slideshow].flickity-enabled.slideshow--nav-top {
  --slideshow-button-offset: var(--module-header-spacing);
}
.module-header.text--center + [data-slideshow].flickity-enabled.slideshow--nav-top .flickity-prev-next-button {
  top: 0;
  right: auto;
  bottom: auto;
  left: calc((var(--slideshow-width) - var(--spacing-small)) * 0.5);
}
.module-header.text--center + [data-slideshow].flickity-enabled.slideshow--nav-top .flickity-prev-next-button.next {
  margin-left: var(--spacing-small);
}
@media (min-width: 1080px) {
  [data-slideshow].flickity-enabled.slideshow--nav-top .flickity-prev-next-button {
    right: 0;
    left: auto;
  }
  [data-slideshow].flickity-enabled.slideshow--nav-top .flickity-prev-next-button.previous {
    transform: translateX(-100%);
    margin-right: var(--spacing-small);
  }
  [data-slideshow].flickity-enabled.slideshow--nav-top .flickity-prev-next-button.next {
    transform: none;
    margin-left: 0;
  }
  .module-header:not(.text--center):has(+ [data-slideshow].flickity-enabled.slideshow--nav-top) {
    margin-right: calc(var(--spacing-large) + calc(var(--slideshow-arrow-size) * 2));
  }
  .module-header:not(.text--center):has(+ [data-slideshow].flickity-enabled.slideshow--nav-top) > nav {
    grid-column: 1/span 8;
    grid-row: auto;
    margin-top: var(--spacing-medium);
    margin-left: 0;
  }
  .module-header:not(.text--center) + [data-slideshow].flickity-enabled.slideshow--nav-top {
    padding-top: 0;
    --slideshow-button-offset: var(--module-header-spacing);
  }
  .module-header:not(.text--center) + [data-slideshow].flickity-enabled.slideshow--nav-top .flickity-prev-next-button {
    top: auto;
    bottom: calc(100% + var(--slideshow-button-offset));
  }
}
[data-slideshow] .flickity-viewport {
  transition: height 0.25s var(--easing);
}
[data-slideshow] .flickity-slider > * {
  width: var(--slideshow-slide-width);
  margin-right: var(--slideshow-gap);
}
[data-slideshow] .flickity-prev-next-button {
  all: unset;
  cursor: pointer;
  display: flex;
  position: absolute;
  left: max(var(--site-padding) * -1 + var(--spacing-small), var(--slideshow-arrow-margin));
  top: 50%;
  margin-top: calc(var(--slideshow-arrow-size) * -0.5);
  font-size: var(--slideshow-arrow-size);
  --icon-size: var(--slideshow-arrow-size);
  --icon-scale: 0.42;
  --icon-round-bg: var(--icon-round-interactive-bg);
  --icon-round-color: var(--icon-round-interactive-color);
}
@media (max-width: 1259px) {
  [data-slideshow] .flickity-prev-next-button {
    display: none;
  }
}
[data-slideshow] .flickity-prev-next-button:disabled, [data-slideshow] .flickity-prev-next-button.disabled {
  --icon-round-bg: var(--icon-round-interactive-bg-disabled);
  --icon-round-color: var(--icon-round-interactive-color-disabled);
}
[data-slideshow] .flickity-prev-next-button:hover:not(:disabled):not(.disabled) {
  --icon-round-bg: var(--icon-round-interactive-bg-hover);
  --icon-round-color: var(--icon-round-interactive-color-hover);
}
[data-slideshow] .flickity-prev-next-button::before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: never;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e821";
  margin-right: var(--icon-margin, 0.25rem);
  margin-left: 0;
  line-height: inherit;
  background-color: var(--icon-round-bg);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  width: calc(1em / var(--icon-scale, 0.53));
  height: calc(1em / var(--icon-scale, 0.53));
  aspect-ratio: 1/1;
  line-height: 1;
  font-size: calc(var(--icon-size, 1.77em) * var(--icon-scale, 0.52));
  border-radius: 50%;
  border: 1px solid var(--icon-round-bg);
  color: var(--icon-round-color);
  margin: 0;
  line-height: 1;
  transition: all 0.5s var(--easing);
}
[data-slideshow] .flickity-prev-next-button.next {
  left: auto;
  right: max(var(--site-padding) * -1 + var(--spacing-small), var(--slideshow-arrow-margin));
}
[data-slideshow] .flickity-prev-next-button.next::before {
  content: "\e820";
}
[data-slideshow]:has(.flickity-page-dots) .flickity-prev-next-button {
  top: calc(50% - var(--slideshow-bullet-margin) - var(--slideshow-bullet-size));
}
[data-slideshow] .flickity-page-dots {
  all: unset;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--slideshow-bullet-spacing);
  margin-top: var(--slideshow-bullet-margin);
}
[data-slideshow] .flickity-page-dots .flickity-page-dot {
  background-color: var(--slideshow-bullet-bg);
  width: var(--slideshow-bullet-size);
  height: var(--slideshow-bullet-size);
  margin: 0;
  opacity: 1;
  border-radius: 50%;
  transition: background-color 0.25s var(--easing);
}
[data-slideshow] .flickity-page-dots .flickity-page-dot:focus {
  outline: revert;
  box-shadow: none;
}
[data-slideshow] .flickity-page-dots .flickity-page-dot.is-selected {
  background-color: var(--slideshow-bullet-bg-active);
}

.tags {
  display: inline-flex;
  align-items: center;
  gap: var(--spacing-x-small);
  flex-wrap: wrap;
}

.tag {
  background-color: var(--tag-bg);
  color: var(--tag-color);
  font-family: "GeistMono Variable", sans-serif;
  font-size: var(--font-size-x-small);
  font-weight: 500;
  line-height: 1.3;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  padding: var(--spacing-xx-small) var(--spacing-x-small);
  border-radius: 5rem;
}
.tag:hover {
  color: var(--tag-color);
}

.text--d {
  font-size: var(--font-size-display);
}

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

.text--kicker {
  display: inline-block;
  color: var(--kicker-color);
  font-family: "GeistMono Variable", sans-serif;
  font-size: var(--font-size-x-small);
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  margin-bottom: var(--spacing-small);
}

.toc {
  font-weight: 600;
}
.toc > :is(h2, h3) {
  margin-bottom: var(--spacing-medium);
}
.toc > div {
  overflow: auto;
}
.toc ol {
  list-style: none;
  margin: 0;
  display: grid;
  gap: var(--spacing-small);
}
.toc ol a {
  --hover: 0;
  display: grid;
  grid-template-columns: calc((0.61em + var(--spacing-small)) * var(--hover)) 1fr calc((0.61em + var(--spacing-small)) * (1 - var(--hover)));
  align-items: baseline;
  overflow: hidden;
  color: var(--text-color-secondary);
  transition: grid-template-columns 0.3s calc(0.05s * (1 - var(--hover))) ease-out, color 0.3s ease-out;
}
.toc ol a::before {
  content: "";
  display: block;
  background-color: var(--color-primary);
  width: 0.61em;
  height: 0.61em;
  aspect-ratio: 1/1;
  border-radius: 50%;
  opacity: var(--hover);
  transition: opacity 0.3s calc(0.025s * var(--hover)) ease-out;
}
.toc ol a:hover {
  --hover: 1;
  color: var(--text-color);
}
.toc ol li.active > a,
.toc ol li.active-child > a {
  --hover: 1;
  color: var(--text-color);
}
.toc ol ol {
  display: none;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}

@media (min-width: 1080px) {
  .laptop\:hide {
    display: none !important;
  }
}
@media (max-width: 1079px) {
  .laptop\:show {
    display: none !important;
  }
}
@media (min-width: 768px) {
  .tablet\:hide {
    display: none !important;
  }
}
@media (max-width: 767px) {
  .tablet\:show {
    display: none !important;
  }
}
:root {
  --video-icon-bg: #b8d4ff;
  --video-icon-interactive-color: #ffffff;
}

@keyframes video-embed-spin {
  100% {
    rotate: 360deg;
  }
}
.video-embed {
  position: relative;
}
.video-embed .video {
  margin: 0;
}
.video-embed .thumbnail {
  container-type: inline-size;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  cursor: pointer;
  --icon-size: 4rem;
  --icon-round-bg: var(--video-icon-bg);
  --icon-round-color: var(--video-icon-color);
}
@supports (container-type: inline-size) {
  .video-embed .thumbnail {
    --icon-size: max(3.75rem, min(13cqw, 6.5rem)) ;
  }
}
.video-embed .thumbnail::after {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: never;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e806";
  margin-right: var(--icon-margin, 0.25rem);
  margin-left: 0;
  line-height: inherit;
  background-color: var(--icon-round-bg);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  width: calc(1em / var(--icon-scale, 0.53));
  height: calc(1em / var(--icon-scale, 0.53));
  aspect-ratio: 1/1;
  line-height: 1;
  font-size: calc(var(--icon-size, 1.77em) * var(--icon-scale, 0.52));
  border-radius: 50%;
  border: 1px solid var(--icon-round-bg);
  color: var(--icon-round-color);
  margin: 0;
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 3;
  translate: -50% -50%;
}
.video-embed .thumbnail > img,
.video-embed .thumbnail > picture > * {
  position: absolute;
  left: 0;
  top: 0;
  z-index: -2;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  z-index: 1;
  filter: brightness(50%);
}
.video-embed.video-embed--state-playing .thumbnail {
  display: none;
}
.video-embed.video-embed--state-buffering .thumbnail::after {
  content: "\e834";
  animation: video-embed-spin 2s infinite linear;
}

:is(.wysiwyg,
.wysiwyg > span) > :first-child {
  margin-top: 0;
}
:is(.wysiwyg,
.wysiwyg > span) :is(h1, h2) {
  font-size: var(--h3-size);
}
:is(.wysiwyg,
.wysiwyg > span) h3 {
  font-size: var(--h4-size);
}
:is(.wysiwyg,
.wysiwyg > span) h4 {
  font-size: var(--h5-size);
}
:is(.wysiwyg,
.wysiwyg > span) :is(h5, h6) {
  font-size: var(--h6-size);
}
:is(.wysiwyg,
.wysiwyg > span) strong {
  font-weight: 600;
}
:is(.wysiwyg,
.wysiwyg > span) a:not(.button) {
  --link-decoration: underline;
}
:is(.wysiwyg,
.wysiwyg > span) > :where(h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6) {
  margin-top: var(--spacing-large);
  margin-bottom: var(--spacing-small);
}
:is(.wysiwyg,
.wysiwyg > span) > :where(ul, ol) {
  margin: var(--spacing-medium) 0;
  list-style: none;
}
:is(.wysiwyg,
.wysiwyg > span) > :where(ul, ol):first-child {
  margin-top: 0;
}
:is(.wysiwyg,
.wysiwyg > span) > :where(ul, ol) > li {
  position: relative;
}
:is(.wysiwyg,
.wysiwyg > span) > :where(ul, ol) > li:not(:last-child) {
  margin-bottom: var(--spacing-small);
}
:is(.wysiwyg,
.wysiwyg > span) > :where(ul, ol) > li::before {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
:is(.wysiwyg,
.wysiwyg > span) > :is(ul:not([style*="list-style-type: square"]):not([style*="list-style-type: circle"])) > li {
  padding-left: calc(0.61em + var(--spacing-small));
}
:is(.wysiwyg,
.wysiwyg > span) > :is(ul:not([style*="list-style-type: square"]):not([style*="list-style-type: circle"])) > li::before {
  content: "";
  background-color: var(--color-primary);
  top: calc((1lh - 0.61em) / 2);
  width: 0.61em;
  height: 0.61em;
  border-radius: 50%;
}
:is(.wysiwyg,
.wysiwyg > span) > :is(ul[style*="list-style-type: circle"]) {
  --icon-size: 1lh;
  margin-left: 0;
  list-style: none;
  list-style: none !important;
  --icon-size: 1.66em;
}
:is(.wysiwyg,
.wysiwyg > span) > :is(ul[style*="list-style-type: circle"]) > li {
  position: relative;
  display: grid;
  grid-template-columns: var(--icon-size) minmax(0, 1fr);
  gap: 0 var(--spacing-small);
}
:is(.wysiwyg,
.wysiwyg > span) > :is(ul[style*="list-style-type: circle"]) > li:not(:last-child) {
  margin-bottom: var(--spacing-medium);
}
:is(.wysiwyg,
.wysiwyg > span) > :is(ul[style*="list-style-type: circle"]) > li::before {
  background-color: var(--icon-round-bg);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  width: calc(1em / var(--icon-scale, 0.53));
  height: calc(1em / var(--icon-scale, 0.53));
  aspect-ratio: 1/1;
  line-height: 1;
  font-size: calc(var(--icon-size, 1.77em) * var(--icon-scale, 0.52));
  border-radius: 50%;
  border: 1px solid var(--icon-round-bg);
  color: var(--icon-round-color);
}
:where(:is(.wysiwyg,
.wysiwyg > span) > :is(ul[style*="list-style-type: circle"]) > li:not([class^=icon-]))::before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: never;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e81d";
  margin-right: var(--icon-margin, 0.25rem);
  margin-left: 0;
  line-height: inherit;
  margin: 0;
}
:is(.wysiwyg,
.wysiwyg > span) > :is(ul[style*="list-style-type: circle"]) > li::before {
  position: static;
}
:is(.wysiwyg,
.wysiwyg > span) > ol:first-of-type,
:is(.wysiwyg,
.wysiwyg > span) > ol ~ ol:not([start]) {
  counter-reset: wysiwyg-ol;
}
:is(.wysiwyg,
.wysiwyg > span) > ol > li {
  counter-increment: wysiwyg-ol;
  padding-left: calc(1ch + var(--spacing-small));
}
:is(.wysiwyg,
.wysiwyg > span) > ol > li::before {
  content: counter(wysiwyg-ol) ".";
  font-weight: 600;
}
:is(.wysiwyg,
.wysiwyg > span) > blockquote {
  display: block;
  font-family: var(--heading-font-family, inherit);
  font-weight: var(--heading-font-weight, bold);
  font-style: var(--heading-font-style, normal);
  font-variation-settings: var(--heading-font-variation, normal);
  line-height: var(--heading-line-height, 1.2);
  letter-spacing: var(--heading-letter-spacing, 0);
  text-transform: var(--heading-text-transform, none);
  font-size: var(--h5-size);
  color: var(--heading-color, inherit);
  margin: var(--spacing-x-large) min(5%, var(--spacing-large));
  text-align: center;
}
:is(.wysiwyg,
.wysiwyg > span) > blockquote a {
  color: var(--heading-color, inherit);
}
:is(.wysiwyg,
.wysiwyg > span) > blockquote a:hover {
  color: var(--heading-color, inherit);
}
:is(.wysiwyg,
.wysiwyg > span) > blockquote > p:first-child:before {
  content: "“";
}
:is(.wysiwyg,
.wysiwyg > span) > blockquote > p:last-child:after {
  content: "”";
}
:is(.wysiwyg,
.wysiwyg > span) [data-hs-responsive-table] {
  overflow: auto !important;
  width: auto !important;
  max-width: 100% !important;
}
:is(.wysiwyg,
.wysiwyg > span):last-child > :last-child {
  margin-bottom: 0;
}

#archive-filter {
  display: flex;
  align-items: center;
  gap: var(--spacing-x-small);
  flex-wrap: wrap;
  margin-bottom: var(--spacing-x-large);
}
#archive-filter a {
  background: var(--button-bg);
  box-sizing: border-box;
  display: inline-block;
  padding: var(--button-padding-y) var(--button-padding-x);
  vertical-align: middle;
  font-size: var(--button-font-size);
  font-family: var(--button-font-family);
  font-weight: var(--button-font-weight);
  letter-spacing: var(--button-letter-spacing);
  line-height: var(--button-line-height);
  text-decoration: none;
  text-align: center;
  color: var(--button-color);
  cursor: pointer;
  border: 1px solid var(--button-border);
  border-radius: var(--button-border-radius);
  transition: all 0.3s ease-out;
  --button-padding-x: 1rem;
  --button-padding-y: 0.75rem;
  --button-font-size: 0.875rem;
  --button-bg: var(--button-secondary-bg);
  --button-bg-hover: var(--button-secondary-bg-hover);
  --button-border: var(--button-border);
  --button-border-hover: var(--button-border-hover);
  --button-color: var(--button-secondary-color);
  --button-color-hover: var(--button-secondary-color-hover);
}
#archive-filter a:where(:not(:disabled)):hover {
  background-color: var(--button-bg-hover);
  border-color: var(--button-bg-hover);
  color: var(--button-color-hover);
  text-decoration: none;
}
#archive-filter a:disabled {
  cursor: not-allowed;
}
@container style(--button-hover: true) {
  #archive-filter a {
    background-color: var(--button-bg-hover);
    border-color: var(--button-border-hover);
    color: var(--button-color-hover);
    text-decoration: none;
  }
}
#archive-filter a:not(.active) {
  --button-bg: transparent;
  --button-bg-hover: var(--button-secondary-bg-hover);
  --button-border: var(--button-secondary-border);
  --button-border-hover: var(--button-secondary-border-hover);
  --button-color: var(--button-secondary-bg);
  --button-color-hover: var(--button-secondary-color-hover);
}

#archive > div > :nth-child(6n+1) {
  grid-column: auto/span 2;
  gap: var(--spacing-large);
}

#single-case {
  view-timeline-name: --caseContent;
}
#single-case > * {
  width: 100%;
  max-width: var(--site-width-medium);
  margin-inline: auto;
}
#single-case > header {
  --icon-size: 2.5rem;
  --icon-scale: 0.6;
  position: relative;
  margin-bottom: var(--spacing-large);
  padding-right: calc(var(--icon-size) + var(--spacing-medium));
}
#single-case > header > p {
  margin-bottom: var(--spacing-small);
}
#single-case > header > h1 {
  margin-bottom: 0;
}
#single-case > header > a {
  position: absolute;
  right: 0;
  bottom: 0;
}
#single-case > header > :last-child {
  margin-bottom: 0;
}
#single-case > figure {
  margin-block: var(--spacing-large);
}
#single-case > div.card {
  margin-block: var(--spacing-x-large);
}
#single-case > div.card img {
  max-width: 175px;
  max-height: 45px;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: top left;
     object-position: top left;
  margin-bottom: var(--spacing-medium);
}
#single-case > div.card dl {
  display: grid;
  grid-template-columns: repeat(var(--grid-cols, 1), minmax(0, 1fr));
  gap: var(--spacing-small) var(--grid-gap);
}
#single-case > div.card dl dt {
  margin: 0 0 var(--spacing-x-small);
}
#single-case > div.card dl dd {
  margin: 0;
  color: var(--text-color-secondary);
  font-weight: 600;
}
#single-case > dl {
  text-align: center;
  margin-block: var(--container-margin);
}
#single-case > dl dt {
  display: block;
  font-family: var(--heading-font-family, inherit);
  font-weight: var(--heading-font-weight, bold);
  font-style: var(--heading-font-style, normal);
  font-variation-settings: var(--heading-font-variation, normal);
  line-height: var(--heading-line-height, 1.2);
  letter-spacing: var(--heading-letter-spacing, 0);
  text-transform: var(--heading-text-transform, none);
  font-size: var(--h1-size);
  color: var(--heading-color, inherit);
  line-height: 1;
  margin: 0 0 var(--spacing-small);
}
#single-case > dl dt a {
  color: var(--heading-color, inherit);
}
#single-case > dl dt a:hover {
  color: var(--heading-color, inherit);
}
#single-case > dl dd {
  margin: 0;
  color: var(--text-color-secondary);
  font-weight: 600;
}
#single-case > dl dd > :last-child {
  margin-bottom: 0;
}
#single-case > div {
  margin-top: var(--container-margin);
}
#single-case > div > aside {
  --icon-margin: var(--spacing-x-small);
  margin-bottom: var(--spacing-large);
}
#single-case > div > aside > .reading-indicator {
  background-color: var(--progress-bg);
  position: relative;
  height: 4px;
  width: 100%;
  margin-bottom: var(--spacing-large);
  overflow: clip;
  border-radius: 10rem;
}
#single-case > div > aside > .reading-indicator::before {
  animation: readingIndicator auto linear;
  animation-timeline: --caseContent;
  animation-range: entry 0% exit 0%;
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: var(--progress-color);
  border-radius: inherit;
  transform-origin: left center;
}
@media (min-width: 768px) {
  #single-case > div.card > dl {
    --grid-cols: 3;
  }
}
@media (min-width: 1080px) {
  #single-case > div.card {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: var(--spacing-large) var(--grid-gap);
    margin-block: 0 var(--spacing-x-large);
  }
  #single-case > div.card > :is(img, nav) {
    grid-column: 1/span 3;
    margin: 0;
  }
  #single-case > div.card > dl {
    grid-column: 4/span 9;
    grid-row: 1/span 2;
    --grid-cols: 3;
  }
  #single-case > div {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: 0 var(--grid-gap);
    align-items: start;
  }
  #single-case > div > aside {
    grid-column: 1/span 3;
    margin: 0;
    position: sticky;
    top: calc(var(--site-header-height, 0px) + var(--spacing-large));
  }
  #single-case > div > div {
    grid-column: 6/span 7;
  }
}

@media (min-width: 1080px) {
  #archive-case > div article:first-child {
    grid-column: 1/-1;
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: var(--spacing-large);
  }
  #archive-case > div article:first-child > div {
    grid-column: 1/span 8;
  }
  #archive-case > div article:first-child > div:last-child {
    grid-column: 9/span 4;
  }
}

#pagination {
  margin-top: min(var(--spacing-xx-large), var(--spacing-x-large));
  --icon-size: 2.5rem;
  --icon-scale: 0.42;
}
#pagination a:link:hover {
  --icon-round-bg: var(--icon-round-interactive-bg-hover);
  --icon-round-color: var(--icon-round-interactive-color-hover);
}
#pagination > div {
  --card-padding-x: var(--spacing-x-small);
  --card-padding-y: var(--spacing-x-small);
  --card-radius: 10rem;
  display: flex;
  align-items: center;
  gap: var(--spacing-x-small);
  width: -moz-max-content;
  width: max-content;
  max-width: 100%;
}
#pagination > div > * {
  background-color: var(--icon-round-bg);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  width: calc(1em / var(--icon-scale, 0.53));
  height: calc(1em / var(--icon-scale, 0.53));
  aspect-ratio: 1/1;
  line-height: 1;
  font-size: calc(var(--icon-size, 1.77em) * var(--icon-scale, 0.52));
  border-radius: 50%;
  border: 1px solid var(--icon-round-bg);
  color: var(--icon-round-color);
}
#pagination > div > *:where(:not(.active)) {
  --icon-round-bg: transparent;
  --icon-round-color: var(--text-color);
}
@media (min-width: 1080px) {
  #pagination {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
  }
  #pagination > .prev {
    justify-self: start;
  }
  #pagination > div {
    grid-column: 2;
  }
  #pagination > .next {
    justify-self: end;
  }
}

@keyframes readingIndicator {
  from {
    scale: 0 1;
  }
}
#single-post {
  view-timeline-name: --blogContent;
}
#single-post > header {
  display: grid;
  grid-template-columns: repeat(var(--grid-cols, 1), minmax(0, 1fr));
  align-items: center;
  gap: var(--spacing-large) var(--grid-gap);
  margin-bottom: var(--container-margin);
}
#single-post > header > div > .tags {
  margin-bottom: var(--spacing-small);
}
#single-post > header > div > ul {
  list-style: none;
  margin: var(--spacing-medium) 0 0;
  display: flex;
  align-items: center;
  gap: var(--spacing-x-small) var(--spacing-small);
  flex-wrap: wrap;
  color: var(--text-color-secondary);
  font-weight: 600;
  font-size: var(--font-size-small);
}
#single-post > header > div > ul li {
  display: flex;
  align-items: center;
}
#single-post > header > div > ul li:not(:last-child)::after {
  background-color: var(--color-primary);
  content: "";
  display: inline-block;
  width: 0.4em;
  height: 0.4em;
  margin-left: var(--spacing-small);
  vertical-align: middle;
  border-radius: 1rem;
}
#single-post > header > div > ul a {
  display: inline-flex;
  align-items: center;
  gap: var(--spacing-small);
}
#single-post > header > div > ul a img {
  width: 2.5em;
  height: 2.5em;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 50%;
}
#single-post > header > figure {
  margin: 0;
}
#single-post > aside {
  --icon-margin: var(--spacing-x-small);
  margin-bottom: var(--spacing-large);
}
#single-post > aside > .reading-indicator {
  background-color: var(--progress-bg);
  position: relative;
  height: 4px;
  width: 100%;
  margin-bottom: var(--spacing-large);
  overflow: clip;
  border-radius: 10rem;
}
#single-post > aside > .reading-indicator::before {
  animation: readingIndicator auto linear;
  animation-timeline: --blogContent;
  animation-range: entry 0% exit 0%;
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: var(--progress-color);
  border-radius: inherit;
  transform-origin: left center;
}
#single-post > div > p {
  background-color: var(--tabs-bg);
  display: inline-block;
  margin-bottom: var(--spacing-large);
  padding: var(--spacing-x-small) var(--spacing-small);
  border-radius: 10rem;
  font-weight: 600;
}
@media (min-width: 1080px) {
  #single-post {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    align-items: start;
    gap: 0 var(--grid-gap);
  }
  #single-post > header {
    grid-column: 1/-1;
    --grid-cols: 12;
  }
  #single-post > header > div {
    grid-column: 1/span 5;
  }
  #single-post > header > figure {
    grid-column: 7/span 6;
    align-self: start;
  }
  #single-post > aside {
    grid-column: 1/span 3;
    position: sticky;
    top: calc(var(--site-header-height, 0px) + var(--spacing-large));
    margin: 0;
  }
  #single-post > div {
    grid-column: 6/span 7;
  }
}

@property --show {
  syntax: "<number>";
  inherits: true;
  initial-value: 0;
}
@keyframes logo-steps {
  from {
    --show: 0;
  }
  to {
    --show: var(--items);
  }
}
#site-footer {
  padding: var(--spacing-xx-large) var(--site-padding);
}
#site-footer :where(ul) {
  list-style: none;
  margin: 0;
}
#site-footer a {
  --link-decoration: underline;
}
#site-footer a:where(:not(:hover)) {
  --text-decoration-color: transparent;
}
#site-footer > .site-logo svg {
  width: 233px;
}
#site-footer > nav {
  margin-bottom: calc(var(--container-margin) * 1.5);
}
#site-footer > nav > ul {
  display: grid;
  grid-template-columns: repeat(var(--grid-cols, 1), minmax(0, 1fr));
  gap: var(--spacing-large) var(--grid-gap);
}
#site-footer > nav > ul > li > :is(a, span) {
  display: inline-block;
  color: var(--kicker-color);
  font-family: "GeistMono Variable", sans-serif;
  font-size: var(--font-size-x-small);
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  margin-bottom: var(--spacing-small);
}
#site-footer > nav > ul > li > ul {
  display: grid;
  gap: var(--spacing-small);
}
#site-footer > nav > ul > li > ul > li {
  display: contents;
}
#site-footer > nav > ul > li > ul ul {
  display: none;
}
#site-footer > div {
  border-top: 1px solid var(--color-border);
  font-size: var(--font-size-small);
  padding-top: var(--spacing-large);
  margin-top: var(--spacing-large);
  margin-bottom: calc(var(--spacing-large) - var(--spacing-xx-large));
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: var(--spacing-small) var(--spacing-large);
}
#site-footer > div > ul {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: var(--spacing-small);
}
@media (min-width: 1080px) {
  #site-footer > nav {
    --grid-cols: 5;
  }
  #site-footer > div > p {
    margin-bottom: 0;
  }
}

:root {
  --site-header-height: calc(1.3125rem + var(--spacing-small) * 2);
  --site-header-color: #131518;
  --site-header-duration: 0.5s;
  --site-header-transition: 0.5s cubic-bezier(0.4, 0.8, 0.74, 1);
}
@media (min-width: 1080px) {
  :root {
    --site-header-height: calc(calc(2.55rem + 2px) + var(--spacing-x-small) * 2);
  }
}

@media (max-width: 1079px) {
  html.hash-active-site-header {
    touch-action: none;
    overflow: hidden;
  }
}
.site-header--spacing.container, .site-header--spacing[class*=container--] {
  --site-header-spacing: calc(var(--container-margin-top, var(--container-margin)) + var(--site-header-height) + var(--breadcrumbs-height));
  margin-top: var(--site-header-spacing);
}
.site-header--spacing.section, .site-header--spacing[class*=section--] {
  --site-header-spacing: calc(var(--section-padding-top, var(--section-padding)) + var(--site-header-height) + var(--breadcrumbs-height));
  padding-top: var(--site-header-spacing);
}

html.site-header--open:where(:not(.site-header--no-overlay)) {
  --site-header-overlay: 1;
}

@media (max-width: 1079px) {
  #site-header:target::before {
    background-color: white;
  }
  @container not scroll-state(stuck: top) {
    html.site-header--light #site-header:not(:target)::before {
      background-color: rgba(118, 118, 118, 0.3);
    }
    html.site-header--light #site-header:not(:target) > :is(.site-logo,
    .menu-toggle,
    nav) {
      --site-header-color: #FFF;
    }
  }
}
@media (min-width: 1080px) {
  html.site-header--open #site-header::before {
    background-color: white;
  }
  @container not scroll-state(stuck: top) {
    html.site-header--light:not(.site-header--open) #site-header::before {
      background-color: rgba(118, 118, 118, 0.3);
    }
    html.site-header--light:not(.site-header--open) #site-header > :is(.site-logo,
    .menu-toggle,
    nav) {
      --site-header-color: #FFF;
      --button-secondary-bg: #ffffff;
      --button-secondary-bg-hover: #b8d4ff;
      --button-secondary-border: #ffffff;
      --button-secondary-border-hover: #b8d4ff;
      --button-secondary-color: #131518;
      --button-secondary-color-hover: #131518;
    }
  }
}
#site-header {
  padding: var(--spacing-x-small) var(--site-padding);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--spacing-x-large);
  container-type: scroll-state;
  position: sticky;
  top: 0;
  z-index: 99;
  min-height: var(--site-header-height);
  margin-bottom: calc(var(--site-header-height) * -1);
}
#site-header::before {
  content: "";
  display: block;
  background-color: rgba(255, 255, 255, 0.5);
  -webkit-backdrop-filter: blur(25px);
          backdrop-filter: blur(25px);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  transition: background-color var(--site-header-transition);
}
#site-header::after {
  background-color: rgba(0, 0, 0, 0.5);
  content: "";
  display: block;
  position: fixed;
  top: var(--site-header-height);
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -3;
  pointer-events: none;
  opacity: var(--site-header-overlay, 0);
  transition: opacity var(--site-header-transition);
}
#site-header :where(ul) {
  list-style: none;
  margin: 0;
}
#site-header > .site-logo {
  display: inline-block;
  line-height: 0;
  width: 7.5rem;
  z-index: 0;
}
#site-header > .site-logo svg {
  fill: var(--site-header-color);
  transition: fill var(--site-header-transition);
}
#site-header > .menu-toggle {
  position: relative;
  display: inline-block;
  width: var(--burger-menu-size, 24px);
  height: var(--burger-menu-size, 24px);
  color: var(--site-header-color);
  transition: color var(--site-header-transition);
}
#site-header > .menu-toggle::before, #site-header > .menu-toggle::after {
  background: currentColor;
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, calc(var(--burger-menu-size, 24px) / 6 * -1)) rotate(0deg);
  transition: transform var(--burger-menu-transition-duration, 0.25s) var(--easing), background-color var(--burger-menu-transition-duration, 0.25s) var(--easing);
  width: 100%;
  height: var(--burger-menu-thickness, 2px);
}
#site-header > .menu-toggle::after {
  transform: translate(-50%, calc(var(--burger-menu-size, 24px) / 6)) rotate(0deg);
}
#site-header:target {
  --menu-open: 1;
}
#site-header:target > .menu-toggle::before {
  transform: translate(-50%, 0) rotate(225deg);
}
#site-header:target > .menu-toggle::after {
  transform: translate(-50%, 0) rotate(-225deg);
}
#site-header > nav ul.menu--primary > li.open {
  --dd-open: 1;
}
#site-header > nav ul.menu--primary > li > :is(a, span) {
  display: inline-block;
  font-size: var(--font-size-small);
}
#site-header > nav ul.menu--primary > li > ul {
  display: grid;
}
#site-header > nav ul.menu--primary > li > ul > li:where(:not(.posts, .pages)) :is(a, span, div) {
  display: block;
  font-size: var(--font-size-large);
  font-weight: 600;
  width: -moz-max-content;
  width: max-content;
  max-width: 100%;
}
#site-header > nav ul.menu--primary > li > ul > li:where(:not(.posts, .pages)) :is(a, span, div) strong {
  font-weight: inherit;
}
#site-header > nav ul.menu--primary > li > ul > li:where(:not(.posts, .pages)) :is(a, span, div) p {
  font-size: var(--font-size-small);
  font-weight: normal;
  margin: 0;
}
#site-header > nav ul.menu--primary > li > ul > li:is(.dropdown, .posts) > :is(a, span) {
  display: inline-block;
  color: var(--kicker-color);
  font-family: "GeistMono Variable", sans-serif;
  font-size: var(--font-size-x-small);
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  background-color: transparent;
  font-size: var(--font-size-xx-small);
  margin-bottom: var(--spacing-x-small);
}
#site-header > nav ul.menu--primary > li > ul > li.dropdown > ul {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
}
#site-header > nav ul.menu--primary > li > ul > li.pages > ul li {
  font-size: var(--font-size-small);
}
#site-header > nav ul.menu--primary > li > ul > li.pages > ul li a {
  display: block;
  overflow: hidden;
}
#site-header > nav ul.menu--primary > li > ul > li.pages > ul li a strong {
  display: block;
  font-family: var(--heading-font-family, inherit);
  font-weight: var(--heading-font-weight, bold);
  font-style: var(--heading-font-style, normal);
  font-variation-settings: var(--heading-font-variation, normal);
  line-height: var(--heading-line-height, 1.2);
  letter-spacing: var(--heading-letter-spacing, 0);
  text-transform: var(--heading-text-transform, none);
  margin: 0 0 var(--spacing-x-small);
  font-size: var(--h6-size);
  color: var(--heading-color, inherit);
}
#site-header > nav ul.menu--primary > li > ul > li.pages > ul li a strong a {
  color: var(--heading-color, inherit);
}
#site-header > nav ul.menu--primary > li > ul > li.pages > ul li a strong a:hover {
  color: var(--heading-color, inherit);
}
#site-header > nav ul.menu--primary > li > ul > li.pages > ul li a > :last-child {
  margin-bottom: 0;
}
#site-header > nav ul.menu--primary > li > ul > li.pages > ul li:not(:first-child) a {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: center;
  gap: 0 var(--spacing-small);
}
#site-header > nav ul.menu--primary > li > ul > li.pages > ul li:not(:first-child) a figure {
  margin: 0;
  align-self: stretch;
}
#site-header > nav ul.menu--primary > li > ul > li.pages > ul li:not(:first-child) a strong {
  margin: 0;
}
#site-header > nav ul.menu--secondary {
  display: flex;
  align-items: center;
  gap: var(--spacing-x-small);
}
#site-header > nav ul.menu--secondary > li :is(a, span) {
  background: var(--button-bg);
  box-sizing: border-box;
  display: inline-block;
  padding: var(--button-padding-y) var(--button-padding-x);
  vertical-align: middle;
  font-size: var(--button-font-size);
  font-family: var(--button-font-family);
  font-weight: var(--button-font-weight);
  letter-spacing: var(--button-letter-spacing);
  line-height: var(--button-line-height);
  text-decoration: none;
  text-align: center;
  color: var(--button-color);
  cursor: pointer;
  border: 1px solid var(--button-border);
  border-radius: var(--button-border-radius);
  transition: all 0.3s ease-out;
  --button-padding-x: 1rem;
  --button-padding-y: 0.75rem;
  --button-font-size: 0.875rem;
  --button-bg: var(--button-secondary-bg);
  --button-bg-hover: var(--button-secondary-bg-hover);
  --button-border: var(--button-border);
  --button-border-hover: var(--button-border-hover);
  --button-color: var(--button-secondary-color);
  --button-color-hover: var(--button-secondary-color-hover);
}
#site-header > nav ul.menu--secondary > li :is(a, span):where(:not(:disabled)):hover {
  background-color: var(--button-bg-hover);
  border-color: var(--button-bg-hover);
  color: var(--button-color-hover);
  text-decoration: none;
}
#site-header > nav ul.menu--secondary > li :is(a, span):disabled {
  cursor: not-allowed;
}
@container style(--button-hover: true) {
  #site-header > nav ul.menu--secondary > li :is(a, span) {
    background-color: var(--button-bg-hover);
    border-color: var(--button-border-hover);
    color: var(--button-color-hover);
    text-decoration: none;
  }
}
#site-header > nav ul.menu--secondary > li:nth-child(odd):not(:only-child) :is(a, span) {
  --button-bg: transparent;
  --button-bg-hover: var(--button-secondary-bg-hover);
  --button-border: var(--button-secondary-border);
  --button-border-hover: var(--button-secondary-border-hover);
  --button-color: var(--button-secondary-bg);
  --button-color-hover: var(--button-secondary-color-hover);
}
@media (min-width: 1080px) {
  #site-header > .menu-toggle {
    display: none;
  }
  #site-header > nav {
    flex: 1;
    display: flex;
    justify-content: space-between;
    gap: var(--spacing-large);
  }
  #site-header > nav ul.menu--primary {
    display: flex;
    align-items: center;
    gap: var(--spacing-x-small);
  }
  #site-header > nav ul.menu--primary > li > :is(a, span) {
    padding: var(--spacing-xx-small) var(--spacing-x-small);
    border-radius: var(--radius-small);
    color: var(--site-header-color);
    transition: color var(--site-header-transition), background-color var(--site-header-transition);
  }
  #site-header > nav ul.menu--primary > li > :is(a, span):hover {
    color: #000000;
    background-color: #f2f2f2;
  }
  #site-header > nav ul.menu--primary > li.open > :is(a, span) {
    background-color: #dbe9ff;
  }
  #site-header > nav ul.menu--primary > li > ul {
    --menu-padding-x: var(--spacing-medium);
    --meny-padding-y: var(--spacing-large);
    --heading-color: #000000;
    --text-color: #000000;
    --text-color-secondary: #555658;
    --text-color-tertiary: #7b7b7d;
    --kicker-color: #555658;
    --form-field-bg: #fafafa;
    --form-field-focus-bg: var(--form-field-bg);
    --form-field-hover-bg: var(--form-field-bg);
    --form-field-text-color: #131518;
    --placeholder-color: #a7a8aa;
    --form-field-border-color: #e2e2e2;
    --form-field-hover-border-color: #94beff;
    --form-field-focus-border-color: #4d94ff;
    --form-field-disabled-bg: #f2f2f2;
    --form-field-disabled-text-color: #555658;
    --form-field-disabled-border-color: #f2f2f2;
    --form-field-disabled-placeholder-color: #c8c8c8;
    --tabs-bg: #f2f2f2;
    --progress-bg: #e2e2e2;
    --progress-color: #ff600a;
    --icon-round-bg: #f2f2f2;
    --icon-round-color: #0A6CFF;
    --icon-round-secondary-bg: #3284ff;
    --icon-round-secondary-color: #ffffff;
    --icon-interactive-color: #131518;
    --icon-interactive-color-hover: #555658;
    --icon-interactive-color-disabled: #c8c8c8;
    --icon-round-interactive-bg: #131518;
    --icon-round-interactive-color: #f0f6ff;
    --icon-round-interactive-bg-hover: #4d94ff;
    --icon-round-interactive-color-hover: #f0f6ff;
    --icon-round-interactive-bg-disabled: #f2f2f2;
    --icon-round-interactive-color-disabled: #a7a8aa;
    --tag-bg: #b8d4ff;
    --tag-color: #000000;
    --color-error: #c30805;
    --color-primary: #4d94ff;
    --color-border: #c8c8c8;
    --color-border-secondary: #e2e2e2;
    --svg-filter-color: brightness(0) invert(4%) sepia(6%) saturate(1948%) hue-rotate(177deg) brightness(97%) contrast(91%);
    --button-bg: #0A6CFF;
    --button-bg-hover: #4d94ff;
    --button-border: #0A6CFF;
    --button-border-hover: #4d94ff;
    --button-color: #ffffff;
    --button-color-hover: #ffffff;
    --button-secondary-bg: #131518;
    --button-secondary-bg-hover: #353638;
    --button-secondary-border: #131518;
    --button-secondary-border-hover: #353638;
    --button-secondary-color: #ffffff;
    --button-secondary-color-hover: #ffffff;
    background-color: #FFF;
    position: absolute;
    top: calc(var(--site-header-height) + var(--spacing-medium));
    left: var(--site-padding);
    right: var(--site-padding);
    bottom: auto;
    z-index: calc(var(--dd-open, 0) * 2);
    padding: var(--meny-padding-y) var(--menu-padding-x);
    border-radius: var(--radius-large);
    overflow: auto;
    overscroll-behavior: contain;
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: var(--grid-gap);
    max-height: calc(100vh - var(--site-header-height) - var(--spacing-medium) * 2);
    opacity: var(--dd-open, 0);
    visibility: var(--dd-open, hidden);
    transform: translateY(calc(-1rem - var(--dd-open, 0) * -1rem));
    transition: transform var(--site-header-transition), opacity var(--site-header-transition), visibility 0s calc(var(--site-header-duration) + var(--dd-open, 0) * var(--site-header-duration) * -1) linear;
  }
  #site-header > nav ul.menu--primary > li > ul > li:where(:not(.posts, .pages)) {
    grid-column: auto/span 3;
  }
  #site-header > nav ul.menu--primary > li > ul > li:where(:not(.posts, .pages)) :is(a, span, div) {
    padding: var(--spacing-x-small) var(--spacing-small);
    border-radius: var(--radius-small);
  }
  #site-header > nav ul.menu--primary > li > ul > li:where(:not(.posts, .pages)) a {
    transition: background-color 0.3s ease-in-out;
  }
  #site-header > nav ul.menu--primary > li > ul > li:where(:not(.posts, .pages)) a:hover {
    background-color: #F2F2F2;
  }
  #site-header > nav ul.menu--primary > li > ul > li:is(.dropdown, .posts) > :is(a, span) {
    padding: 0 var(--spacing-small);
  }
  #site-header > nav ul.menu--primary > li > ul > li.dropdown > ul {
    gap: var(--spacing-xx-small);
  }
  #site-header > nav ul.menu--primary > li > ul > li.posts {
    background-color: #f2f2f2;
    grid-row: 1/span var(--rows, 1);
    grid-column: span min(8, var(--max-items, var(--items, 1)) * 4)/-1;
    margin: calc(var(--meny-padding-y) * -1) calc(var(--menu-padding-x) * -1);
    margin-left: 0;
    padding: var(--spacing-large) var(--spacing-x-large);
    position: sticky;
    top: calc(var(--meny-padding-y) * -1);
    overflow: auto;
    overscroll-behavior: contain;
    max-height: calc(100vh - var(--site-header-height) - var(--spacing-medium) * 2);
  }
  #site-header > nav ul.menu--primary > li > ul > li.posts > :is(a, span) {
    padding-inline: 0;
    margin-bottom: var(--spacing-small);
  }
  #site-header > nav ul.menu--primary > li > ul > li.posts > ul {
    display: grid;
    grid-template-columns: repeat(min(2, var(--max-items, var(--items, 1))), minmax(0, 1fr));
    gap: var(--grid-gap);
  }
  #site-header > nav ul.menu--primary > li > ul > li.posts > ul a {
    display: grid;
    grid-template-rows: minmax(0, 1fr) auto auto;
  }
  #site-header > nav ul.menu--primary > li > ul > li.posts > ul a > small {
    justify-self: start;
    margin-bottom: var(--spacing-large);
  }
  #site-header > nav ul.menu--primary > li > ul > li.posts > ul a > h3 {
    grid-row: 2;
  }
  #site-header > nav ul.menu--primary > li > ul:has(> li.pages) > li.posts {
    --max-items: 1;
  }
  #site-header > nav ul.menu--primary > li > ul:not(:has(> li.pages)) > li:not(.posts) {
    grid-column-end: span calc(3 + 1 - min(1, var(--columns) - 1));
  }
  #site-header > nav ul.menu--primary > li > ul > li.pages {
    background-color: #f2f2f2;
    grid-row: 1/span var(--rows, 1);
    grid-column: 1/span 5;
    margin: calc(var(--meny-padding-y) * -1) calc(var(--menu-padding-x) * -1);
    margin-right: var(--spacing-medium);
    padding: var(--spacing-large) var(--spacing-x-large);
    position: sticky;
    top: calc(var(--meny-padding-y) * -1);
    overflow: auto;
    overscroll-behavior: contain;
    max-height: calc(100vh - var(--site-header-height) - var(--spacing-medium) * 2);
  }
  #site-header > nav ul.menu--primary > li > ul > li.pages > :is(a, span) {
    margin-bottom: var(--spacing-small);
  }
  #site-header > nav ul.menu--primary > li > ul > li.pages > ul {
    display: grid;
    gap: var(--grid-gap);
  }
}
@media (max-width: 1079px) {
  #site-header > nav {
    --heading-color: #000000;
    --text-color: #000000;
    --text-color-secondary: #555658;
    --text-color-tertiary: #7b7b7d;
    --kicker-color: #555658;
    --form-field-bg: #fafafa;
    --form-field-focus-bg: var(--form-field-bg);
    --form-field-hover-bg: var(--form-field-bg);
    --form-field-text-color: #131518;
    --placeholder-color: #a7a8aa;
    --form-field-border-color: #e2e2e2;
    --form-field-hover-border-color: #94beff;
    --form-field-focus-border-color: #4d94ff;
    --form-field-disabled-bg: #f2f2f2;
    --form-field-disabled-text-color: #555658;
    --form-field-disabled-border-color: #f2f2f2;
    --form-field-disabled-placeholder-color: #c8c8c8;
    --tabs-bg: #f2f2f2;
    --progress-bg: #e2e2e2;
    --progress-color: #ff600a;
    --icon-round-bg: #f2f2f2;
    --icon-round-color: #0A6CFF;
    --icon-round-secondary-bg: #3284ff;
    --icon-round-secondary-color: #ffffff;
    --icon-interactive-color: #131518;
    --icon-interactive-color-hover: #555658;
    --icon-interactive-color-disabled: #c8c8c8;
    --icon-round-interactive-bg: #131518;
    --icon-round-interactive-color: #f0f6ff;
    --icon-round-interactive-bg-hover: #4d94ff;
    --icon-round-interactive-color-hover: #f0f6ff;
    --icon-round-interactive-bg-disabled: #f2f2f2;
    --icon-round-interactive-color-disabled: #a7a8aa;
    --tag-bg: #b8d4ff;
    --tag-color: #000000;
    --color-error: #c30805;
    --color-primary: #4d94ff;
    --color-border: #c8c8c8;
    --color-border-secondary: #e2e2e2;
    --svg-filter-color: brightness(0) invert(4%) sepia(6%) saturate(1948%) hue-rotate(177deg) brightness(97%) contrast(91%);
    --button-bg: #0A6CFF;
    --button-bg-hover: #4d94ff;
    --button-border: #0A6CFF;
    --button-border-hover: #4d94ff;
    --button-color: #ffffff;
    --button-color-hover: #ffffff;
    --button-secondary-bg: #131518;
    --button-secondary-bg-hover: #353638;
    --button-secondary-border: #131518;
    --button-secondary-border-hover: #353638;
    --button-secondary-color: #ffffff;
    --button-secondary-color-hover: #ffffff;
    --burger-padding-y: var(--spacing-large);
    --burger-padding-x: var(--site-padding);
    background-color: #FFF;
    display: flex;
    gap: var(--spacing-small);
    flex-direction: column;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -2;
    padding: calc(var(--site-header-height) + var(--burger-padding-y)) 0 var(--burger-padding-y);
    overflow: auto;
    visibility: var(--menu-open, hidden);
    -webkit-clip-path: inset(0 0 calc((1 - var(--menu-open, 0)) * 100%) 0);
            clip-path: inset(0 0 calc((1 - var(--menu-open, 0)) * 100%) 0);
    transition: transform var(--site-header-duration) ease, visibility 0s calc(var(--site-header-duration) + var(--menu-open, 0) * var(--site-header-duration) * -1) linear, -webkit-clip-path var(--site-header-duration) ease;
    transition: transform var(--site-header-duration) ease, clip-path var(--site-header-duration) ease, visibility 0s calc(var(--site-header-duration) + var(--menu-open, 0) * var(--site-header-duration) * -1) linear;
    transition: transform var(--site-header-duration) ease, clip-path var(--site-header-duration) ease, visibility 0s calc(var(--site-header-duration) + var(--menu-open, 0) * var(--site-header-duration) * -1) linear, -webkit-clip-path var(--site-header-duration) ease;
  }
  #site-header > nav ul.menu--primary {
    display: grid;
    gap: var(--spacing-small);
    padding-inline: var(--site-padding);
  }
  #site-header > nav ul.menu--primary > li {
    display: grid;
    align-content: start;
    grid-template-rows: auto 0fr;
    padding-bottom: var(--spacing-small);
    border-bottom: 1px solid var(--color-border-secondary);
    transition-duration: var(--site-header-duration);
  }
  #site-header > nav ul.menu--primary > li.dropdown > :is(a, span) {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 0 var(--spacing-small);
  }
  #site-header > nav ul.menu--primary > li.dropdown > :is(a, span)::after {
    font-family: "fontello";
    font-style: normal;
    font-weight: normal;
    speak: never;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e81e";
    margin-right: var(--icon-margin, 0.25rem);
    margin-left: 0;
    line-height: inherit;
    width: 1lh;
    margin: 0;
    aspect-ratio: 1/1;
    scale: calc(1 - var(--dd-open, 0) * 2);
    transition: scale var(--site-header-duration);
  }
  #site-header > nav ul.menu--primary > li.open {
    grid-template-rows: auto 1fr;
  }
  #site-header > nav ul.menu--primary > li.open > ul {
    padding-block: var(--spacing-medium);
  }
  #site-header > nav ul.menu--primary > li > ul {
    gap: var(--spacing-medium);
    margin-inline: calc(var(--site-padding) * -1);
    padding-inline: var(--site-padding);
    overflow: hidden;
    visibility: var(--dd-open, hidden);
    transition: padding var(--site-header-duration), visibility 0s calc(var(--site-header-duration) * (1 - var(--dd-open, 0))) linear;
  }
  #site-header > nav ul.menu--primary > li > ul > li:where(:not(.posts, .pages)) {
    margin-inline: var(--spacing-small);
  }
  #site-header > nav ul.menu--primary > li > ul > li:where(:not(.posts, .pages)):not(:last-child) {
    padding-bottom: var(--spacing-medium);
    border-bottom: 1px solid var(--color-border-secondary);
  }
  #site-header > nav ul.menu--primary > li > ul:has(.posts) > li:nth-last-child(2) {
    padding-bottom: 0;
    border-bottom: 0;
  }
  #site-header > nav ul.menu--primary > li > ul:has(.pages) > li:nth-child(2) {
    padding-top: var(--spacing-medium);
    border-top: 1px solid var(--color-border-secondary);
  }
  #site-header > nav ul.menu--primary > li > ul:has(.pages):has(.pages li:nth-child(2)) > li:last-child {
    padding-bottom: var(--spacing-medium);
    border-bottom: 1px solid var(--color-border-secondary);
  }
  #site-header > nav ul.menu--primary > li > ul:has(.pages):has(.pages li:nth-child(2)):has(.posts) > li:nth-last-child(2) {
    padding-bottom: var(--spacing-medium);
    border-bottom: 1px solid var(--color-border-secondary);
  }
  #site-header > nav ul.menu--primary > li > ul > li.dropdown > a {
    margin-bottom: var(--spacing-small);
  }
  #site-header > nav ul.menu--primary > li > ul > li.dropdown > ul {
    gap: var(--spacing-small);
  }
  #site-header > nav ul.menu--primary > li > ul > li.pages {
    display: contents;
  }
  #site-header > nav ul.menu--primary > li > ul > li.pages > ul {
    display: contents;
  }
  #site-header > nav ul.menu--primary > li > ul > li.pages > ul li > a {
    background-color: #f2f2f2;
  }
  #site-header > nav ul.menu--primary > li > ul > li.posts {
    display: none;
  }
  #site-header > nav ul.menu--secondary {
    background-color: inherit;
    margin-top: auto;
    margin-bottom: calc(var(--burger-padding-y) * -1);
    position: sticky;
    bottom: calc(var(--burger-padding-y) * -1);
    align-items: stretch;
    flex-direction: column;
    padding: var(--spacing-medium) var(--site-padding);
    border-top: 1px solid var(--color-border-secondary);
  }
  #site-header > nav ul.menu--secondary a {
    width: 100%;
  }
}

#accordion > div {
  border-top: 1px solid var(--color-border);
  padding-top: var(--accordion-spacing, var(--spacing-medium));
}
@media (min-width: 1080px) {
  #accordion {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: 0 var(--grid-gap);
  }
  #accordion > header {
    grid-column: 1/span 5;
    margin: 0;
  }
  #accordion > div {
    grid-column: 7/span 6;
  }
}

#blog-post > div {
  display: grid;
  grid-template-columns: repeat(var(--grid-cols, 1), minmax(0, 1fr));
  grid-auto-flow: dense;
  align-items: center;
  gap: var(--spacing-large) var(--grid-gap);
}
#blog-post > div > figure {
  margin: 0;
}
@media (min-width: 1080px) {
  #blog-post > div {
    --grid-cols: 12;
  }
  #blog-post > div > div {
    grid-column: 1/span 6;
  }
  #blog-post > div > figure {
    grid-column: 8/span 5;
  }
}

#blog-posts {
  --slideshow-width: var(--site-width);
}
#blog-posts article {
  display: flex;
}
#blog-posts article > a {
  flex: 1;
  height: auto;
  display: flex;
  flex-direction: column;
}
#blog-posts article > a > small {
  align-self: start;
  margin-bottom: var(--spacing-large);
}
#blog-posts article > a > h3 {
  margin: auto 0 0;
}
#blog-posts article > a > p {
  color: var(--text-color-secondary);
  font-size: var(--font-size-small);
  margin: var(--heading-margin) 0 0;
}
#blog-posts article > a > figure {
  margin-top: var(--spacing-medium);
}
#blog-posts [data-slideshow]:where(.flickity-enabled) {
  margin-right: calc(var(--site-padding) * -1);
}
#blog-posts [data-slideshow]::after {
  content: "flickity";
  display: none;
}
#blog-posts [data-slideshow][data-num-slides="1"]::after {
  content: "";
}
#blog-posts [data-slideshow]:not(.flickity-resize) .flickity-cell {
  min-height: 100%;
}
#blog-posts [data-slideshow].flickity-enabled {
  padding-bottom: calc(var(--slideshow-arrow-size) + var(--spacing-large));
}
#blog-posts [data-slideshow].flickity-enabled .flickity-prev-next-button {
  display: flex;
  top: auto;
  right: var(--site-padding);
  bottom: 0;
  left: auto;
  margin: var(--spacing-large) 0 0 0;
  transform: none;
}
#blog-posts [data-slideshow].flickity-enabled .flickity-prev-next-button.previous {
  translate: -100%;
  margin-right: var(--spacing-x-small);
}
@media (max-width: 1079px) {
  #blog-posts [data-slideshow] .flickity-button {
    left: 0;
    right: auto;
  }
}
@media (min-width: 768px) {
  #blog-posts [data-slideshow] {
    --slideshow-per-page: 2;
  }
  #blog-posts [data-slideshow][data-num-slides="1"]::after, #blog-posts [data-slideshow][data-num-slides="2"]::after {
    content: "";
  }
}
@media (min-width: 1080px) {
  #blog-posts [data-slideshow] {
    --slideshow-per-page: 3;
  }
  #blog-posts [data-slideshow]:where(.flickity-enabled) {
    --slideshow-per-page: 2.4;
  }
  #blog-posts [data-slideshow][data-num-slides="3"]::after {
    content: "";
  }
}

:root {
  --breadcrumbs-height: calc(var(--spacing-x-small) * 2 + var(--font-size-small) * var(--body-line-height));
}

#breadcrumbs:has(ol > li:only-child) {
  display: none;
}

#breadcrumbs {
  --bg-color: transparent;
  position: absolute;
  top: var(--site-header-height);
  left: 0;
  right: 0;
  z-index: 90;
  padding: var(--spacing-x-small) var(--site-padding);
  font-size: var(--font-size-small);
  color: var(--text-color-secondary);
}
#breadcrumbs ol {
  margin: 0;
  list-style: none;
  display: flex;
  align-items: center;
  gap: var(--spacing-xx-small);
  overflow: auto;
}
#breadcrumbs ol li {
  display: contents;
}
#breadcrumbs ol li > * {
  display: block;
  white-space: nowrap;
}
#breadcrumbs ol li:not(:last-child)::after {
  content: "/";
  margin: 0;
}
#breadcrumbs ol li:last-child a {
  font-weight: 600;
  color: var(--text-color);
}

#cases {
  --slideshow-width: var(--site-width);
}
#cases [data-slideshow]:where(.flickity-enabled) {
  margin-right: calc(var(--site-padding) * -1);
}
#cases [data-slideshow]::after {
  content: "flickity";
  display: none;
}
#cases [data-slideshow][data-num-slides="1"]::after {
  content: "";
}
#cases [data-slideshow]:not(.flickity-resize) .flickity-cell {
  min-height: 100%;
}
#cases [data-slideshow].flickity-enabled {
  padding-bottom: calc(var(--slideshow-arrow-size) + var(--spacing-large));
}
#cases [data-slideshow].flickity-enabled .flickity-prev-next-button {
  display: flex;
  top: auto;
  right: var(--site-padding);
  bottom: 0;
  left: auto;
  margin: var(--spacing-large) 0 0 0;
  transform: none;
}
#cases [data-slideshow].flickity-enabled .flickity-prev-next-button.previous {
  translate: -100%;
  margin-right: var(--spacing-x-small);
}
@media (max-width: 1079px) {
  #cases [data-slideshow] .flickity-button {
    left: 0;
    right: auto;
  }
}
@media (min-width: 768px) {
  #cases [data-slideshow] {
    --slideshow-per-page: 2;
  }
  #cases [data-slideshow][data-num-slides="1"]::after, #cases [data-slideshow][data-num-slides="2"]::after {
    content: "";
  }
}

#comparison-table > div {
  grid-template-rows: repeat(4, auto) repeat(var(--max-groups, 0), auto);
  grid-auto-rows: auto;
}
#comparison-table article > header {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 0;
}
#comparison-table article > header > * {
  grid-column: 1/-1;
}
#comparison-table article > header > small {
  grid-column: 2;
  align-self: start;
}
#comparison-table article > header > small + h3 {
  grid-column: 1;
}
#comparison-table article > header > h3 {
  margin-bottom: var(--spacing-medium);
}
#comparison-table article > header > .price {
  font-weight: 500;
  font-size: var(--h5-size);
  letter-spacing: var(--heading-letter-spacing);
  margin-bottom: var(--spacing-medium);
}
#comparison-table article > header > .price > small {
  display: block;
  margin-bottom: var(--spacing-x-small);
  font-size: var(--font-size-small);
  font-weight: 600;
  color: var(--text-color-secondary);
}
#comparison-table article > header > .price > strong {
  font-size: var(--h2-size);
  font-weight: inherit;
  line-height: 1;
}
#comparison-table article > header > nav {
  width: 100%;
  margin: var(--spacing-medium) 0 0;
}
#comparison-table article > header:not(:last-child) {
  padding-bottom: var(--spacing-large);
  margin-bottom: var(--spacing-large);
  border-bottom: 1px solid var(--color-border);
}
#comparison-table article > div {
  --icon-round-bg: var(--icon-round-secondary-bg);
  --icon-round-color: var(--icon-round-secondary-color);
}
#comparison-table article > div h3 {
  margin-bottom: var(--spacing-medium);
}
#comparison-table article > div ul {
  --icon-size: 1.39em;
  --icon-scale: 0.7;
  margin: 0;
}
#comparison-table article > div ul li::before {
  border-width: 2px;
  margin-top: calc((var(--body-font-size) * var(--body-line-height) - 1em / var(--icon-scale)) / 2);
}
#comparison-table article > div ul :is(.not-included,
.addon)::before {
  background-color: transparent;
  --icon-round-bg: var(--text-color);
  --icon-round-color: var(--text-color);
}
#comparison-table article > div ul .not-included::before {
  content: "\e812";
}
#comparison-table article > div ul .addon::before {
  content: "\e80f";
}
#comparison-table article > div + div {
  margin-top: var(--spacing-large);
}
@media (min-width: 768px) {
  #comparison-table article {
    grid-row: auto/span calc(4 + var(--max-groups, 0));
    display: grid;
    grid-template-rows: subgrid;
    grid-template-columns: minmax(0, 1fr);
    gap: 0;
  }
  #comparison-table article > header {
    grid-row: auto/span 4;
    grid-template-rows: subgrid;
  }
  #comparison-table article > header > h3 {
    grid-row: 1;
  }
  #comparison-table article > header > .price {
    grid-row: 2;
  }
  #comparison-table article > header > .wysiwyg {
    grid-row: 3;
  }
  #comparison-table article > header > nav {
    grid-row: 4;
  }
}

@media (min-width: 1080px) {
  #form {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    align-items: start;
    gap: 0 var(--grid-gap);
  }
  #form > header,
  #form > div {
    grid-column: 1/-1;
  }
  #form > header.text--left {
    grid-column: 1/span 5;
    margin: 0;
  }
  #form > header.text--left + div {
    grid-column: 7/span 6;
  }
}

#hero-2 {
  display: grid;
  grid-template-columns: repeat(var(--grid-cols, 1), minmax(0, 1fr));
  gap: var(--spacing-large) var(--grid-gap);
}
#hero-2 > figure {
  margin: 0;
}
@media (min-width: 1080px) {
  #hero-2 {
    --grid-cols: 12;
  }
  #hero-2 > div {
    grid-column: 1/span 5;
    align-self: center;
  }
  #hero-2 > figure {
    grid-column: 7/span 6;
    align-self: start;
  }
}

#hero-3 > div {
  max-width: var(--site-width-medium);
}
#hero-3 > div > .wysiwyg {
  font-size: var(--font-size-large);
  max-width: var(--site-width-xx-small);
}
#hero-3 > figure {
  margin-top: var(--spacing-x-large);
}
#hero-3.text--center > div {
  margin-inline: auto;
}
#hero-3.text--center > div > .wysiwyg {
  margin-inline: auto;
}
#hero-3 > div {
  position: sticky;
  top: var(--site-header-spacing);
}
#hero-3 > figure {
  animation: hero-media linear both;
  animation-timeline: view();
  animation-range: entry 25% cover 50%;
}

#hero-4 {
  display: grid;
  grid-template-columns: repeat(var(--grid-cols, 1), minmax(0, 1fr));
  gap: var(--spacing-large) var(--grid-gap);
}
#hero-4 > header > .g2-rating {
  margin-top: var(--spacing-medium);
}
#hero-4 > div {
  margin: 0;
}
@media (min-width: 1080px) {
  #hero-4 {
    --grid-cols: 12;
  }
  #hero-4 > header {
    grid-column: 1/span 5;
    align-self: center;
  }
  #hero-4 > div {
    grid-column: 7/span 6;
    align-self: start;
  }
}

@keyframes hero-media {
  from {
    scale: 0.8;
  }
}
#hero {
  --media-height: calc(var(--site-width) * 0.5625);
  --media-pull: calc(0.3 * var(--media-height));
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: var(--section-padding);
}
#hero > header {
  position: sticky;
  top: 0;
  padding: var(--site-header-spacing) var(--site-padding) calc(var(--media-pull) + var(--section-padding));
  margin: 0 calc(var(--site-padding) * -1) calc(var(--section-padding) * -1);
}
#hero > header > figure :is(img, video) {
  --index0: calc(var(--index) - 1);
  scale: calc(1 - 0.1825 * var(--index0));
  z-index: calc((var(--count) + 1) * -1 + var(--index0));
  transition: calc(var(--index0) * 1s) calc(var(--index0) * 0.1s) cubic-bezier(0.16, 1, 0.3, 1);
  transition-property: scale, border-radius;
}
@starting-style {
  #hero > header > figure :is(img, video) {
    scale: 1;
    border-radius: 0;
  }
}
#hero > header > figure :is(img, video):not(:first-child) {
  border-radius: var(--radius-large);
}
#hero > header > .wysiwyg {
  font-size: var(--font-size-large);
  max-width: var(--site-width-x-small);
  margin: 0 auto;
}
#hero > figure {
  margin: calc(var(--media-pull) * -1) 0 0;
  animation: hero-media linear both;
  animation-timeline: view();
  animation-range: entry 25% cover 50%;
  transform-origin: top center;
  transition: translate 0.5s 1.5s cubic-bezier(0.65, 0, 0.35, 1), opacity 1.5s 1.5s cubic-bezier(0.65, 0, 0.35, 1);
}
@starting-style {
  #hero > figure {
    opacity: 0;
    translate: 0 var(--media-pull);
  }
}

#impact-text > div > div {
  margin-bottom: 0;
}
#impact-text > figure {
  margin: var(--spacing-large) 0 0;
  max-width: 22rem;
}
@media (min-width: 1080px) {
  #impact-text {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: 0 var(--grid-gap);
  }
  #impact-text > div {
    grid-column: 1/span 8;
  }
  #impact-text > figure {
    grid-column: 10/span 3;
    align-self: center;
    margin: 0;
  }
}

.inline-blockquote {
  margin: var(--spacing-x-large) 0;
}
.inline-blockquote > blockquote {
  display: block;
  font-family: var(--heading-font-family, inherit);
  font-weight: var(--heading-font-weight, bold);
  font-style: var(--heading-font-style, normal);
  font-variation-settings: var(--heading-font-variation, normal);
  line-height: var(--heading-line-height, 1.2);
  letter-spacing: var(--heading-letter-spacing, 0);
  text-transform: var(--heading-text-transform, none);
  margin: 0 0 0;
  font-size: var(--h4-size);
  color: var(--heading-color, inherit);
  line-height: 1.2;
}
.inline-blockquote > blockquote a {
  color: var(--heading-color, inherit);
}
.inline-blockquote > blockquote a:hover {
  color: var(--heading-color, inherit);
}
.inline-blockquote > blockquote > p:first-child:before {
  content: "“";
}
.inline-blockquote > blockquote > p:last-child:after {
  content: "”";
}
.inline-blockquote > blockquote > :last-child {
  margin-bottom: 0;
}
.inline-blockquote > figcaption {
  display: grid;
  grid-template-columns: 3rem minmax(0, 1fr);
  align-items: start;
  gap: 0 var(--spacing-small);
  margin-top: var(--spacing-medium);
}
.inline-blockquote > figcaption > strong {
  grid-row: 1/-1;
  align-self: end;
  font-size: var(--font-size-small);
  font-weight: 600;
}
.inline-blockquote > figcaption > strong:last-child {
  grid-row: 1/span 2;
}
.inline-blockquote > figcaption > span {
  font-size: var(--font-size-x-small);
}
.inline-blockquote > figcaption > img {
  grid-row: 1/span 2;
  align-self: start;
  width: 3rem;
  height: 3rem;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 10rem;
}
.inline-blockquote > figcaption > img ~ * {
  grid-column: 2;
}

div.inline-cta {
  margin-block: var(--spacing-large);
}
div.inline-cta > figure {
  display: none;
  margin: 0;
}
div.inline-cta > h2 {
  font-size: var(--h2-size);
}
@media (min-width: 1260px), (max-width: 1079px) and (min-width: 768px) {
  div.inline-cta {
    display: grid;
    grid-template-columns: repeat(10, minmax(0, 1fr));
    grid-auto-flow: dense;
    gap: 0;
  }
  div.inline-cta > figure {
    display: block;
    grid-column: 1/span 4;
    grid-row: 1/span 2;
  }
  div.inline-cta > h2 {
    grid-column: 1/-1;
    align-self: end;
    margin: 0;
  }
  div.inline-cta > nav {
    grid-column: 1/-1;
    align-self: start;
  }
  div.inline-cta > figure ~ :is(h2,
  nav) {
    grid-column: 6/span 5;
  }
  div.inline-cta > figure + :last-child {
    grid-row: 1/span 2;
    align-self: center;
    margin: 0;
  }
}

@keyframes track-translate {
  to {
    translate: var(--destination-x, 0) var(--destination-y, 0);
  }
}
#logos {
  --item-width: 12.5rem;
  --speed-mod: 3;
}
#logos > div > ul:has(li:hover),
#logos > div > ul:focus-within {
  animation-play-state: paused;
}
#logos > div {
  overflow-x: clip;
  position: relative;
  -webkit-mask-image: linear-gradient(to right, transparent, black 10%, black 90%, transparent);
          mask-image: linear-gradient(to right, transparent, black 10%, black 90%, transparent);
}
#logos > div > ul {
  list-style: none;
  margin: 0;
  display: flex;
  align-items: start;
  gap: var(--grid-gap);
  width: var(--site-width);
  --destination-x: calc((100% / -3) * 2);
  --speed: calc(var(--count, 0) * var(--speed-mod));
  translate: -33.3333333333% 0;
  animation: track-translate calc(var(--speed) * 1s) infinite linear;
  padding-top: 100vh;
  margin-top: -100vh;
}
#logos > div > ul li {
  --icon-margin: var(--spacing-x-small);
  flex: 1 0 var(--item-width);
  position: relative;
  margin: 0;
  text-align: center;
}
#logos > div > ul li:has(a) {
  padding: 0;
}
#logos > div > ul li:has(a) a {
  display: block;
  padding: var(--spacing-small) var(--spacing-medium);
}
#logos > div > ul li [popover] {
  --popover-open: 0;
  --popover-speed: 0.25s;
  --popover-easing: cubic-bezier(0.22, 1, 0.36, 1);
  top: auto;
  right: auto;
  bottom: anchor(top);
  left: anchor(left);
  border: none;
  width: min(20rem, var(--site-width));
  font-size: var(--font-size-small);
  text-align: left;
  box-shadow: 0 20px 29.5px 0 rgba(0, 0, 0, 0.1);
  opacity: var(--popover-open);
  translate: 0 calc(1rem * (1 - var(--popover-open)));
  transition: display var(--popover-speed) var(--popover-easing) allow-discrete, overlay var(--popover-speed) var(--popover-easing) allow-discrete, opacity var(--popover-speed) var(--popover-easing), translate var(--popover-speed) var(--popover-easing);
}
#logos > div > ul li [popover]:popover-open {
  display: block;
  --popover-open: 1;
}
@starting-style {
  #logos > div > ul li [popover]:popover-open {
    --popover-open: 0;
  }
}
#logos > div > ul li [popover] > :last-child {
  margin-bottom: 0;
}
#logos > div > ul li figure {
  margin: 0;
  aspect-ratio: 2/1;
}
#logos > div > ul li figure img {
  width: 100%;
  max-width: 8.125rem;
  -o-object-fit: contain;
     object-fit: contain;
  margin: 0 auto;
}

#numbers > div {
  display: grid;
  grid-template-columns: repeat(var(--grid-cols, 1), minmax(0, 1fr));
  gap: var(--grid-gap);
}
#numbers [data-card].bg--media-overlay::before {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
  background-repeat: no-repeat;
  background-size: 100% 50%;
  background-position: bottom center;
}
#numbers [data-card] figure.logo {
  filter: var(--svg-filter-color);
  width: 5.25rem;
}
#numbers [data-card] .wysiwyg {
  font-weight: 600;
}
#numbers [data-card] .wysiwyg > :last-child {
  margin-bottom: 0;
}
#numbers [data-card] nav {
  margin-top: var(--spacing-medium);
}
#numbers [data-card="1"] > div {
  display: grid;
  grid-template-rows: 1fr repeat(2, auto) 1fr;
}
#numbers [data-card="1"] > div > .figure.logo {
  grid-row: 1;
  align-self: start;
  margin-bottom: var(--spacing-large);
}
#numbers [data-card="1"] > div > h3 {
  grid-row: 2;
}
#numbers [data-card="1"] > div > .wysiwyg {
  grid-row: 3;
}
#numbers [data-card="1"] > div > nav {
  grid-row: 4;
  align-self: end;
  margin-top: var(--spacing-large);
}
#numbers [data-card="1"] > figure {
  margin: calc(var(--card-padding-y, var(--card-padding)) * -1) calc(var(--card-padding-x, var(--card-padding)) * -1);
  margin-top: var(--card-padding-y, var(--card-padding));
}
#numbers [data-card="1"] > figure > div {
  min-height: 100%;
}
#numbers [data-card="2"],
#numbers [data-card="3"] {
  display: grid;
  grid-template-rows: 1fr repeat(2, auto) 1fr;
}
#numbers [data-card="2"] > .figure.logo,
#numbers [data-card="3"] > .figure.logo {
  grid-row: 1;
  align-self: start;
  margin-bottom: var(--spacing-large);
}
#numbers [data-card="2"] > h3,
#numbers [data-card="3"] > h3 {
  grid-row: 2;
}
#numbers [data-card="2"] > .wysiwyg,
#numbers [data-card="3"] > .wysiwyg {
  grid-row: 3;
}
#numbers [data-card="2"] > nav,
#numbers [data-card="3"] > nav {
  grid-row: 4;
  align-self: end;
  margin-top: var(--spacing-large);
}
#numbers [data-card="2"] > h3:only-child {
  grid-row: 1/-1;
  align-self: end;
}
#numbers [data-card="3"] > figure + h3:last-child {
  grid-row: 1/-1;
  align-self: end;
}
#numbers [data-card="4"],
#numbers [data-card="5"] {
  display: flex;
  flex-direction: column;
}
#numbers [data-card="4"]:has(.card-media) > :nth-last-child(2),
#numbers [data-card="5"]:has(.card-media) > :nth-last-child(2) {
  margin-bottom: var(--card-padding-y, var(--card-padding));
}
#numbers [data-card="4"] > .card-media,
#numbers [data-card="5"] > .card-media {
  margin-top: auto;
}
#numbers [data-card="6"] > h3::after {
  content: "";
  display: inline-block;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 38 38'%3E%3Cpath fill='%23d9d9d9' d='M16.84 1.45a1.98 1.98 0 0 1 3.82 0l3.05 9.81a2 2 0 0 0 1.9 1.46h9.88c1.94 0 2.75 2.6 1.18 3.8l-7.99 6.06c-.7.53-1 1.48-.72 2.35L31 34.74c.6 1.94-1.51 3.54-3.09 2.35l-7.98-6.07a1.94 1.94 0 0 0-2.36 0L9.59 37.1c-1.58 1.2-3.7-.41-3.1-2.35l3.05-9.81a2.15 2.15 0 0 0-.72-2.35L.83 16.51c-1.57-1.2-.76-3.8 1.18-3.8h9.87c.87 0 1.64-.58 1.91-1.45z'/%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 38 38'%3E%3Cpath fill='%23d9d9d9' d='M16.84 1.45a1.98 1.98 0 0 1 3.82 0l3.05 9.81a2 2 0 0 0 1.9 1.46h9.88c1.94 0 2.75 2.6 1.18 3.8l-7.99 6.06c-.7.53-1 1.48-.72 2.35L31 34.74c.6 1.94-1.51 3.54-3.09 2.35l-7.98-6.07a1.94 1.94 0 0 0-2.36 0L9.59 37.1c-1.58 1.2-3.7-.41-3.1-2.35l3.05-9.81a2.15 2.15 0 0 0-.72-2.35L.83 16.51c-1.57-1.2-.76-3.8 1.18-3.8h9.87c.87 0 1.64-.58 1.91-1.45z'/%3E%3C/svg%3E");
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: contain;
          mask-size: contain;
  background: #F5B633 linear-gradient(#D9D9D9, #D9D9D9);
  background-position: top center;
  background-repeat: no-repeat;
  background-size: 100% calc(100% - 100% * var(--rating) / 5);
  vertical-align: top;
  width: 0.5em;
  height: 0.5em;
  margin: 0 0 0 var(--spacing-x-small);
  translate: 0 -5%;
}
@media (min-width: 768px) {
  #numbers > div {
    --grid-cols: 2;
    grid-auto-rows: 1fr;
  }
  #numbers > div [data-card] {
    grid-row: auto/span 2;
  }
  #numbers > div [data-card="1"] {
    grid-column: auto/span 2;
  }
  #numbers > div [data-card="4"],
  #numbers > div [data-card="5"] {
    grid-column: auto/span 1;
    grid-row: auto/span 3;
  }
  #numbers > div [data-card="6"] {
    grid-row: auto/span 1;
  }
  #numbers [data-card="1"] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  #numbers [data-card="1"] > figure {
    margin: calc(var(--card-padding-y, var(--card-padding)) * -1) calc(var(--card-padding-x, var(--card-padding)) * -1);
    margin-left: var(--card-padding-x, var(--card-padding));
  }
  #numbers [data-card="6"] {
    display: grid;
    grid-template-columns: repeat(2, auto);
    align-content: center;
    gap: 0 var(--grid-gap);
  }
  #numbers [data-card="6"] > nav {
    grid-column: 2;
    grid-row: 1/span 2;
    align-self: center;
    justify-self: end;
    margin: 0;
  }
}
@media (min-width: 1080px) {
  #numbers > div {
    --grid-cols: 3;
  }
}

div.page-anchor {
  position: absolute;
  height: 1px;
  margin-top: -1px;
}

#pages {
  --slideshow-width: var(--site-width);
}
#pages article > :is(a, div) {
  --bg-color: linear-gradient(0deg, rgba(0, 0, 0, 0.15) 0%, rgba(0, 0, 0, 0.15) 100%);
  aspect-ratio: var(--ratio, 1/1);
  min-height: -moz-max-content;
  min-height: max-content;
  display: flex;
  flex-direction: column;
  justify-content: end;
  font-size: var(--font-size-small);
}
#pages article > :is(a, div) > div {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.75) 100%);
  position: relative;
  z-index: 2;
  padding: var(--card-padding-y, var(--card-padding)) var(--card-padding-x, var(--card-padding));
  margin: 0 calc(var(--card-padding-x, var(--card-padding)) * -1) calc(var(--card-padding-y, var(--card-padding)) * -1);
}
#pages article > :is(a, div) > div::before {
  -webkit-mask: linear-gradient(transparent, transparent), linear-gradient(transparent, black, black);
          mask: linear-gradient(transparent, transparent), linear-gradient(transparent, black, black);
  -webkit-mask-position: bottom center;
          mask-position: bottom center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
}
#pages article > :is(a, div) > div > div {
  overflow: hidden;
}
@media (hover: hover) {
  #pages article.hover > a > div {
    display: grid;
    grid-template-rows: auto 0fr;
    align-content: start;
    overflow: hidden;
    transition: grid-template-rows 0.5s cubic-bezier(0.32, 0.94, 0.6, 1);
  }
  #pages article.hover > a > div::before {
    -webkit-backdrop-filter: blur(25px);
            backdrop-filter: blur(25px);
    -webkit-mask-size: 100% 100%, 100% 0;
            mask-size: 100% 100%, 100% 0;
    transition: -webkit-mask-size 0.5s cubic-bezier(0.32, 0.94, 0.6, 1);
    transition: mask-size 0.5s cubic-bezier(0.32, 0.94, 0.6, 1);
    transition: mask-size 0.5s cubic-bezier(0.32, 0.94, 0.6, 1), -webkit-mask-size 0.5s cubic-bezier(0.32, 0.94, 0.6, 1);
  }
  #pages article.hover > a:hover > div, #pages article.hover > a:focus-visible > div {
    grid-template-rows: auto 1fr;
  }
  #pages article.hover > a:hover > div::before, #pages article.hover > a:focus-visible > div::before {
    -webkit-mask-size: 100% 100%, 100% 100%;
            mask-size: 100% 100%, 100% 100%;
  }
}
#pages [data-slideshow]::after {
  content: "flickity";
  display: none;
}
#pages [data-slideshow][data-num-slides="1"]::after {
  content: "";
}
#pages > nav {
  background-color: #F2F2F2;
  display: flex;
  gap: var(--spacing-x-small);
  width: -moz-max-content;
  width: max-content;
  max-width: 100%;
  margin: 0 auto var(--spacing-x-large);
  overflow: auto;
  padding: var(--spacing-x-small);
  border-radius: var(--radius-default);
}
#pages > nav a {
  background: var(--button-bg);
  box-sizing: border-box;
  display: inline-block;
  padding: var(--button-padding-y) var(--button-padding-x);
  vertical-align: middle;
  font-size: var(--button-font-size);
  font-family: var(--button-font-family);
  font-weight: var(--button-font-weight);
  letter-spacing: var(--button-letter-spacing);
  line-height: var(--button-line-height);
  text-decoration: none;
  text-align: center;
  color: var(--button-color);
  cursor: pointer;
  border: 1px solid var(--button-border);
  border-radius: var(--button-border-radius);
  transition: all 0.3s ease-out;
  --button-bg: var(--button-secondary-bg);
  --button-bg-hover: var(--button-secondary-bg-hover);
  --button-border: var(--button-border);
  --button-border-hover: var(--button-border-hover);
  --button-color: var(--button-secondary-color);
  --button-color-hover: var(--button-secondary-color-hover);
  --button-padding-x: 1rem;
  --button-padding-y: 0.75rem;
  --button-font-size: 0.875rem;
}
#pages > nav a:where(:not(:disabled)):hover {
  background-color: var(--button-bg-hover);
  border-color: var(--button-bg-hover);
  color: var(--button-color-hover);
  text-decoration: none;
}
#pages > nav a:disabled {
  cursor: not-allowed;
}
@container style(--button-hover: true) {
  #pages > nav a {
    background-color: var(--button-bg-hover);
    border-color: var(--button-border-hover);
    color: var(--button-color-hover);
    text-decoration: none;
  }
}
@supports (anchor-name: --test) {
  #pages > nav::before {
    background: var(--button-bg);
    box-sizing: border-box;
    display: inline-block;
    padding: var(--button-padding-y) var(--button-padding-x);
    vertical-align: middle;
    font-size: var(--button-font-size);
    font-family: var(--button-font-family);
    font-weight: var(--button-font-weight);
    letter-spacing: var(--button-letter-spacing);
    line-height: var(--button-line-height);
    text-decoration: none;
    text-align: center;
    color: var(--button-color);
    cursor: pointer;
    border: 1px solid var(--button-border);
    border-radius: var(--button-border-radius);
    transition: all 0.3s ease-out;
    --button-bg: var(--button-secondary-bg);
    --button-bg-hover: var(--button-secondary-bg-hover);
    --button-border: var(--button-border);
    --button-border-hover: var(--button-border-hover);
    --button-color: var(--button-secondary-color);
    --button-color-hover: var(--button-secondary-color-hover);
    --button-padding-x: 1rem;
    --button-padding-y: 0.75rem;
    --button-font-size: 0.875rem;
    --button-border-radius: var(--radius-default);
    position-anchor: --active-nav;
    content: "";
    display: block;
    position: absolute;
    top: anchor(top);
    left: anchor(left);
    height: anchor-size(height);
    width: anchor-size(width);
  }
  #pages > nav::before:where(:not(:disabled)):hover {
    background-color: var(--button-bg-hover);
    border-color: var(--button-bg-hover);
    color: var(--button-color-hover);
    text-decoration: none;
  }
  #pages > nav::before:disabled {
    cursor: not-allowed;
  }
  @container style(--button-hover: true) {
    #pages > nav::before {
      background-color: var(--button-bg-hover);
      border-color: var(--button-border-hover);
      color: var(--button-color-hover);
      text-decoration: none;
    }
  }
  #pages > nav a {
    background-color: transparent;
    border-color: transparent;
    color: white;
    position: relative;
    z-index: 1;
    mix-blend-mode: difference;
  }
  #pages > nav a.active, #pages > nav a:hover {
    anchor-name: --active-nav;
    background-color: transparent;
    border-color: transparent;
    color: white;
  }
  #pages > nav:has(a:hover) .active:not(:hover) {
    anchor-name: none;
  }
}
@supports not (anchor-name: --test) {
  #pages > nav a:not(.active) {
    --button-bg: transparent;
    --button-color: var(--text-color);
  }
}
#pages [data-slideshow].pages-group {
  --slideshow-per-page: 1;
}
#pages [data-slideshow].pages-group:where(.flickity-enabled) {
  margin-right: calc(var(--site-padding) * -1);
}
#pages [data-slideshow].pages-group :where(.flickity-cell) {
  width: 100%;
}
#pages .pages:not(.flickity-enabled) {
  width: calc(100% - var(--site-padding));
}
@media (min-width: 768px) {
  #pages .pages {
    --ratio: 4 / 3;
  }
}
@media (min-width: 1080px) {
  #pages .pages > :only-child {
    width: calc(var(--site-width) / 2 - var(--slideshow-gap) / 2);
    margin: 0 auto;
  }
}
@media (min-width: 1080px) {
  #pages .pages.laptop\:grid--3, #pages .pages.laptop\:grid--4 {
    --ratio: 4 / 5;
  }
}
#pages [data-slideshow].pages:not(.flickity-resize) .flickity-cell {
  min-height: 100%;
}
#pages [data-slideshow].pages.flickity-enabled {
  padding-bottom: calc(var(--slideshow-arrow-size) + var(--spacing-large));
}
#pages [data-slideshow].pages.flickity-enabled .flickity-prev-next-button {
  top: auto;
  right: var(--site-padding);
  bottom: 0;
  left: auto;
  margin: var(--spacing-large) 0 0 0;
  transform: none;
}
#pages [data-slideshow].pages.flickity-enabled .flickity-prev-next-button.previous {
  translate: -100%;
  margin-right: var(--spacing-x-small);
}
#pages [data-slideshow].pages.flickity-enabled .flickity-cell {
  width: var(--slideshow-slide-width);
}
@media (max-width: 1079px) {
  #pages [data-slideshow].pages .flickity-button {
    left: 0;
    right: auto;
  }
}
@media (min-width: 768px) {
  #pages [data-slideshow].pages {
    --slideshow-per-page: 2;
    --ratio: 4 / 5;
  }
  #pages [data-slideshow].pages[data-num-slides="1"] {
    --slideshow-per-page: 1;
  }
  #pages [data-slideshow].pages[data-num-slides="2"] {
    --slideshow-per-page: 2;
  }
  #pages [data-slideshow].pages[data-num-slides="1"], #pages [data-slideshow].pages[data-num-slides="2"] {
    --ratio: 4 / 3;
  }
  #pages [data-slideshow].pages[data-num-slides="1"]::after, #pages [data-slideshow].pages[data-num-slides="2"]::after {
    content: "";
  }
}
@media (min-width: 1080px) {
  #pages [data-slideshow].pages {
    --slideshow-per-page: 3;
  }
  #pages [data-slideshow].pages[data-num-slides="3"]::after {
    content: "";
  }
}

#single-guide {
  display: grid;
  grid-template-columns: repeat(var(--grid-cols, 1), minmax(0, 1fr));
  grid-auto-flow: dense;
  align-items: start;
  gap: 0 var(--grid-gap);
}
#single-guide > header {
  margin-bottom: var(--container-margin);
}
#single-guide > header > * {
  max-width: var(--site-width-medium);
  margin-inline: auto;
}
#single-guide > header > .wysiwyg {
  max-width: var(--site-width-x-small);
}
#single-guide > figure {
  margin-bottom: var(--spacing-large);
}
#single-guide > aside {
  margin-bottom: var(--spacing-large);
}
#single-guide > aside > header {
  margin-bottom: var(--spacing-medium);
}
#single-guide > aside > header > h3 {
  margin-bottom: var(--spacing-xx-small);
}
@media (min-width: 1080px) {
  #single-guide {
    --grid-cols: 12;
  }
  #single-guide > header {
    grid-column: 1/-1;
  }
  #single-guide > div {
    grid-column: 1/span 5;
  }
  #single-guide > figure {
    grid-column: 7/span 6;
    margin: 0;
  }
  #single-guide.has-form > div {
    grid-column: 1/span 6;
  }
  #single-guide.has-form > figure {
    grid-column: 1/span 6;
    margin-bottom: var(--spacing-large);
  }
  #single-guide.has-form > aside {
    grid-column: 8/span 5;
    grid-row: 2/span 2;
    margin: 0;
  }
}

#single-webinar {
  display: grid;
  align-items: start;
  gap: var(--spacing-x-large) var(--grid-gap);
}
#single-webinar > header > ul {
  list-style: none;
  margin: var(--spacing-medium) 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--spacing-x-small) var(--spacing-small);
  flex-wrap: wrap;
  color: var(--text-color-secondary);
  font-weight: 600;
  font-size: var(--font-size-small);
}
#single-webinar > header > ul li {
  display: flex;
  align-items: center;
}
#single-webinar > header > ul li:not(:last-child)::after {
  background-color: var(--color-primary);
  content: "";
  display: inline-block;
  width: 0.4em;
  height: 0.4em;
  margin-left: var(--spacing-small);
  vertical-align: middle;
  border-radius: 1rem;
}
#single-webinar > header > ul a {
  display: inline-flex;
  align-items: center;
  gap: var(--spacing-small);
}
#single-webinar > header > ul a img {
  width: 2.5em;
  height: 2.5em;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 50%;
}
#single-webinar > header > figure {
  margin: var(--spacing-large) 0 0;
}
#single-webinar > aside {
  --grid-row-gap: var(--spacing-small);
}
#single-webinar > aside ul {
  margin: 0;
  list-style: none;
}
#single-webinar > aside ul li {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: start;
  gap: 0 var(--spacing-small);
}
#single-webinar > aside ul li > strong {
  grid-column: 1/-1;
  align-self: end;
  font-weight: 600;
}
#single-webinar > aside ul li > strong:last-child {
  grid-row: 1/span 2;
}
#single-webinar > aside ul li > span {
  grid-column: 1/-1;
  font-size: var(--font-size-small);
}
#single-webinar > aside ul li > img {
  grid-row: 1/span 2;
  align-self: start;
  width: 4.0625rem;
  height: 4.0625rem;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 10rem;
}
#single-webinar > aside ul li > img ~ * {
  grid-column: 2;
}
#single-webinar > footer {
  --site-width-max-footer: var(--site-width-x-small);
  --site-width-footer: min(
  	var(--site-width-min-footer, 90vw),
  	var(--site-width-max-footer, 1280px)
  );
  --site-padding-footer: calc(
  	(
  		100vw -
  		var(--scrollbar-width) -
  		var(--site-width-footer)
  	) / 2
  );
  border-radius: 0;
  padding: var(--section-padding) var(--site-padding-footer);
  margin: var(--spacing-medium) calc(var(--site-padding) * -1) calc(var(--container-margin-bottom, var(--container-margin)) * -1);
}
#single-webinar > footer > header {
  margin-bottom: var(--spacing-large);
}
#single-webinar > footer > header > h3 {
  font-size: var(--h4-size);
  margin-bottom: var(--spacing-xx-small);
}
@media (min-width: 1080px) {
  #single-webinar {
    grid-template-columns: repeat(10, minmax(0, 1fr));
  }
  #single-webinar > header {
    grid-column: 1/-1;
  }
  #single-webinar > div {
    grid-column: 1/span 6;
    margin-top: var(--spacing-medium);
  }
  #single-webinar > aside {
    grid-column: 8/span 3;
    margin-top: var(--spacing-medium);
  }
  #single-webinar > footer {
    grid-column: 1/-1;
  }
}

@keyframes scaleCards {
  from {
    transform: scale(calc(1.05 - 0.05 * var(--index)));
  }
}
#testimonials {
  position: relative;
}
#testimonials > figure {
  display: block;
  margin: 0;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -2;
}
#testimonials > figure :is(img, video) {
  position: sticky;
  top: 0;
  max-height: 100vh;
}
#testimonials article {
  max-width: 40.5rem;
  margin: 0 auto;
}
#testimonials [data-slideshow] {
  view-timeline-name: --testimonials;
}
#testimonials [data-slideshow] > div {
  --index0: calc(var(--index) - 1); /* 0-based index */
  --reverse-index: calc(var(--items) - var(--index0)); /* reverse index */
  --reverse-index0: calc(var(--reverse-index) - 1); /* 0-based reverse index */
  position: sticky;
  bottom: calc(var(--spacing-small) * min(var(--reverse-index), 3) + var(--spacing-large));
  z-index: var(--reverse-index);
}
#testimonials [data-slideshow] > div article {
  --start-range: calc(var(--index0) / var(--items) * 100%);
  --end-range: calc((var(--index)) / var(--items) * 100%);
  animation: linear scaleCards backwards;
  animation-timeline: --testimonials;
  animation-range: entry-crossing var(--start-range) entry-crossing var(--end-range);
  transform-origin: 50% 100%;
  will-change: transform;
  box-shadow: 0px 20px 29.5px 0px rgba(0, 0, 0, 0.1);
}

#text-block-card > div {
  display: grid;
  grid-template-columns: repeat(var(--grid-cols, 1), minmax(0, 1fr));
  grid-auto-flow: dense;
  gap: 0 var(--grid-gap);
}
#text-block-card > div > h2 {
  margin-bottom: var(--spacing-medium);
}
#text-block-card > div > .wysiwyg > :last-child {
  margin-bottom: 0;
}
#text-block-card > div > figure {
  margin-bottom: var(--spacing-medium);
}
@media (min-width: 1080px) {
  #text-block-card > div {
    --grid-cols: 12;
    grid-template-rows: 1fr repeat(2, auto) 1fr;
  }
  #text-block-card > div > p {
    grid-row: 1;
    grid-column: 1/span 7;
    align-self: start;
  }
  #text-block-card > div > h2 {
    grid-row: 2;
    grid-column: 1/span 7;
  }
  #text-block-card > div > .wysiwyg {
    grid-row: 3;
    grid-column: 1/span 7;
    max-width: var(--site-width-xx-small);
  }
  #text-block-card > div > .wysiwyg:not(:last-child) {
    margin-bottom: var(--spacing-large);
  }
  #text-block-card > div > nav {
    grid-row: 4;
    grid-column: 1/span 7;
    align-self: end;
    margin-top: 0;
  }
  #text-block-card > div > figure {
    grid-column: 9/span 4;
    grid-row: 1/span 4;
    margin: 0;
  }
}

#text-block-media {
  display: grid;
  grid-template-columns: repeat(var(--grid-cols, 1), minmax(0, 1fr));
  align-items: center;
  grid-auto-flow: dense;
  gap: var(--spacing-large) var(--grid-gap);
}
#text-block-media > figure {
  align-self: start;
  margin: 0;
}
@media (min-width: 1080px) {
  #text-block-media {
    --grid-cols: 12;
  }
  #text-block-media > div {
    grid-column: 1/span 5;
  }
  #text-block-media > figure {
    grid-column: 7/span 6;
  }
  #text-block-media.media--left > div {
    grid-column-start: 8;
  }
  #text-block-media.media--left > figure {
    grid-column-start: 1;
  }
}

#text-blocks-slideshow {
  display: grid;
}
#text-blocks-slideshow [data-slideshow] {
  --slideshow-slide-width: min(var(--site-width-small), var(--site-width));
  --slideshow-gap: 0;
  margin: 0 calc(var(--site-padding) * -1);
}
#text-blocks-slideshow [data-slideshow] figure {
  margin: 0;
}
#text-blocks-slideshow [data-slideshow].flickity-enabled .flickity-cell > figure {
  transition: scale 0.3s ease-out;
}
#text-blocks-slideshow [data-slideshow].flickity-enabled .flickity-cell:not(.is-selected) > figure {
  scale: 0.92;
}
#text-blocks-slideshow [data-slideshow].flickity-enabled .flickity-prev-next-button {
  display: flex;
  top: 100%;
  right: calc(var(--offset) + clamp(0rem, 6.84vw + -1.6rem, 2.5rem));
  bottom: auto;
  left: auto;
  z-index: 1;
  margin: var(--spacing-medium) 0 0 0;
  transform: none;
  --offset: calc((100vw - var(--slideshow-slide-width)) / 2);
}
#text-blocks-slideshow [data-slideshow].flickity-enabled .flickity-prev-next-button.previous {
  translate: -100%;
  margin-right: var(--spacing-x-small);
}
#text-blocks-slideshow > article {
  grid-row: 3;
  grid-column: 1;
  overflow: clip;
  width: 100%;
  max-width: var(--site-width-small);
  margin: var(--spacing-large) auto 0;
  padding-left: clamp(0rem, 6.84vw + -1.6rem, 2.5rem);
  padding-right: calc(var(--slideshow-arrow-size) * 2 + var(--spacing-x-small) + var(--spacing-medium) + clamp(0rem, 4.1vw + -0.96rem, 1.5rem));
  opacity: var(--active, 0);
  translate: 0 calc(var(--active, 0) * -2.5rem + 2.5rem);
  transition: 0.4s cubic-bezier(0.32, 0.94, 0.6, 1);
  transition-property: opacity, translate;
  transition-delay: calc(var(--active, 0) * 0.2s);
}
#text-blocks-slideshow > article.active {
  --active: 1;
}
#text-blocks-slideshow > article > * {
  max-width: var(--site-width-xx-small);
}
#text-blocks-slideshow > article > nav {
  margin-top: var(--spacing-medium);
}

@property --active {
  syntax: "<number>";
  inherits: true;
  initial-value: 0;
}
#text-blocks-sticky article {
  --heading-margin: var(--spacing-x-small);
  font-size: var(--font-size-small);
}
#text-blocks-sticky article > div > nav {
  margin-top: var(--spacing-medium);
}
#text-blocks-sticky > div > div {
  display: grid;
  gap: var(--spacing-x-large);
  align-content: start;
}
@media (min-width: 1080px) {
  #text-blocks-sticky article {
    position: relative;
    padding-left: var(--spacing-large);
    display: grid;
    grid-template-rows: auto auto var(--active-row, 0fr);
    align-content: start;
    opacity: max(0.6, var(--active, 0));
    transition: opacity 0.3s cubic-bezier(0.25, 0, 0, 1), grid-template-rows 0.5s cubic-bezier(0.25, 0, 0, 1);
  }
  #text-blocks-sticky article > h3 {
    margin-bottom: 0;
  }
  #text-blocks-sticky article > div {
    grid-row: 3;
    overflow: hidden;
    opacity: var(--active, 0);
    transition: opacity 0.3s 0.1s cubic-bezier(0.25, 0, 0, 1);
  }
  #text-blocks-sticky article > div > * {
    margin-top: var(--heading-margin);
  }
  #text-blocks-sticky > div {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    grid-template-rows: repeat(var(--items), 1fr);
    gap: var(--spacing-x-large) var(--grid-gap);
    view-timeline: --wrap block;
    timeline-scope: --wrap;
  }
  #text-blocks-sticky > div > div {
    grid-column: 1/span 4;
    position: sticky;
    top: calc(var(--site-header-height) + var(--spacing-large));
    padding: 0;
    height: -moz-min-content;
    height: min-content;
    overflow: clip;
  }
  #text-blocks-sticky > div > div::before, #text-blocks-sticky > div > div::after {
    background-color: var(--progress-bg);
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 4px;
    border-radius: 1rem;
  }
  #text-blocks-sticky > div > div::after {
    background-color: var(--progress-color);
    position-anchor: --activeBlock;
    top: anchor(top);
    height: anchor-size(height);
    bottom: auto;
    will-change: top, height;
    transition: top 0.35s cubic-bezier(0.5, 1.25, 0.5, 1), height 0.25s ease-out;
  }
  #text-blocks-sticky > div > div > div {
    animation-name: activate;
    animation-duration: 1s;
    animation-timing-function: steps(1, start);
    animation-fill-mode: none;
    animation-timeline: --wrap;
    --denom: calc(var(--items) + 1);
    --slice: calc(100% / var(--denom));
    --start: calc(var(--i) * var(--slice) + 0.10 * var(--slice));
    --end: calc((var(--i) + 1) * var(--slice) + 0.10 * var(--slice));
    animation-range: var(--start) var(--end);
    padding: var(--spacing-x-small) 0;
  }
  #text-blocks-sticky > div > div > div:last-child {
    animation-fill-mode: forwards;
  }
  #text-blocks-sticky > div > figure {
    align-self: start;
    grid-column: 6/span 7;
    margin: 0;
    animation-name: activateMedia;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-timeline: --wrap;
    --denom: calc(var(--items) + 1);
    --slice: calc(100% / var(--denom));
    --start: calc(var(--i) * var(--slice) + 0.10 * var(--slice));
    --end: calc((var(--i) + 1) * var(--slice) + 0.10 * var(--slice));
    animation-range: var(--start) var(--end);
  }
}

@keyframes activate {
  from {
    anchor-name: none;
    --active: 0;
    --active-row: 0fr;
  }
  to {
    anchor-name: --activeBlock;
    --active: 1;
    --active-row: 1fr;
  }
}
@keyframes activateMedia {
  0% {
    filter: blur(10px);
    translate: 10% 10%;
  }
  25% {
    filter: none;
  }
  100% {
    translate: 0%;
  }
}
html {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  scroll-behavior: smooth;
  scroll-padding-top: var(--site-header-height);
}

@media (min-width: 1260px) {
  html {
    font-size: max(100%, min(1vw, 19.2px));
  }
}

:focus-visible {
  outline-color: var(--color-primary);
}

html:where(:not(.hs-inline-edit)) [data-global-resource-path],
html:where(:not(.hs-inline-edit)) .container-fluid,
html:where(:not(.hs-inline-edit)) .row-fluid-wrapper,
html:where(:not(.hs-inline-edit)) .row-fluid,
html:where(:not(.hs-inline-edit)) .widget-span,
html:where(:not(.hs-inline-edit)) .hs_cos_wrapper {
  display: contents;
}

/*# sourceMappingURL=app.css.map*/