@font-face {
  font-family: Helvetica Neue;
  src: url('../fonts/helveticaneueltw1g-hv-webfont.woff2') format("woff2");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Helvetica Neue;
  src: url('../fonts/helveticaneueltw1g-roman-webfont.woff2') format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Helvetica Neue;
  src: url('../fonts/helveticaneueltw1g-bd-webfont.woff2') format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

:root {
  --base--dark: #090328;
  --typ--text-m-–-size: 1.125rem;
  --typ--text-m-–-line-height: 1.35;
  --typ--h1-–-size: 4.375rem;
  --typ--h1-–-line-height: 1;
  --typ--h2-–-size: 3.75rem;
  --typ--h2-–-line-height: 1;
  --typ--h3-–-size: 1.875rem;
  --typ--h3-–-line-height: .9;
  --typ--h4-–-size\<deleted\|variable-f745672e-8351-3052-14a2-de53f6f80993\>: 3rem;
  --typ--h4-–-line-height\<deleted\|variable-b283b568-9302-c0a3-daf0-7ae9c447f8c7\>: 1.3;
  --typ--h5-–-size\<deleted\|variable-f9a1770a-335e-e73b-b1a0-f37cdf5f0ca8\>: 2rem;
  --typ--h5-–-line-height\<deleted\|variable-c5250f20-be34-b8e5-186f-17b6cbdf2e85\>: 1.4;
  --typ--h6-–-size\<deleted\|variable-ef521296-30eb-8838-3262-2d9aa69bd42d\>: 1.5rem;
  --typ--h6-–-line-height\<deleted\|variable-077b0167-8f46-c9bc-4933-4765d4539869\>: 1.4;
  --spacing--xs: 1.5rem;
  --spacing--s: 2rem;
  --spacing--xxs: 1rem;
  --base--grey: #eee;
  --typ--text-xxl-–-size\<deleted\|variable-45fd02cf-0338-047b-97d2-2a68963324b3\>: 3rem;
  --typ--text-xxl-–-line-height\<deleted\|variable-fdc24862-7eeb-a5e9-e397-6619fca36f3d\>: 1.5;
  --typ--text-l-–-size: 1.5625rem;
  --typ--text-l-–-line-height: 1;
  --typ--text-s-–-size: 1rem;
  --typ--text-s-–-line-height: 1.35;
  --typ--text-xs-–-size\<deleted\|variable-e6349327-99fd-7530-d970-e81cca7eb73f\>: .875rem;
  --typ--text-xs-–-line-height\<deleted\|variable-d10fa57e-5a76-7160-f2fc-1693cc71ac4d\>: 1.5;
  --primary--500: #40e2b8;
  --spacing--gap-m: 1.25rem;
  --spacing--gap-l: 2.5rem;
  --spacing--gap-s: .625rem;
  --spacing--xxxs: .5em;
  --spacing--xxl: 12rem;
  --spacing--xl: 6rem;
  --spacing--l: 4rem;
  --spacing--m: 3rem;
  --base--white: white;
  --base--action: #c1121f;
  --base--grey-light: #f3f4f6;
  --base--transparant: #fff0;
  --spacing--radius: 1.125rem;
}

.w-checkbox {
  margin-bottom: 5px;
  padding-left: 20px;
  display: block;
}

.w-checkbox:before {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox:after {
  content: " ";
  clear: both;
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox-input {
  float: left;
  margin: 4px 0 0 -20px;
  line-height: normal;
}

.w-checkbox-input--inputType-custom {
  border: 1px solid #ccc;
  border-radius: 2px;
  width: 12px;
  height: 12px;
}

.w-checkbox-input--inputType-custom.w--redirected-checked {
  background-color: #3898ec;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/static/custom-checkbox-checkmark.589d534424.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-color: #3898ec;
}

.w-checkbox-input--inputType-custom.w--redirected-focus {
  box-shadow: 0 0 3px 1px #3898ec;
}

.w-form-formradioinput--inputType-custom {
  border: 1px solid #ccc;
  border-radius: 50%;
  width: 12px;
  height: 12px;
}

.w-form-formradioinput--inputType-custom.w--redirected-focus {
  box-shadow: 0 0 3px 1px #3898ec;
}

.w-form-formradioinput--inputType-custom.w--redirected-checked {
  border-width: 4px;
  border-color: #3898ec;
}

body {
  color: var(--base--dark);
  font-family: Helvetica Neue, Arial, sans-serif;
  font-size: var(--typ--text-m-–-size);
  line-height: var(--typ--text-m-–-line-height);
}

h1 {
  font-size: var(--typ--h1-–-size);
  line-height: var(--typ--h1-–-line-height);
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 400;
}

h2 {
  font-size: var(--typ--h2-–-size);
  line-height: var(--typ--h2-–-line-height);
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 400;
}

h3 {
  font-size: var(--typ--h3-–-size);
  line-height: var(--typ--h3-–-line-height);
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 400;
}

h4 {
  font-size: var(--typ--h4-–-size\<deleted\|variable-f745672e-8351-3052-14a2-de53f6f80993\>);
  line-height: var(--typ--h4-–-line-height\<deleted\|variable-b283b568-9302-c0a3-daf0-7ae9c447f8c7\>);
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 400;
}

h5 {
  font-size: var(--typ--h5-–-size\<deleted\|variable-f9a1770a-335e-e73b-b1a0-f37cdf5f0ca8\>);
  line-height: var(--typ--h5-–-line-height\<deleted\|variable-c5250f20-be34-b8e5-186f-17b6cbdf2e85\>);
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 400;
}

h6 {
  font-size: var(--typ--h6-–-size\<deleted\|variable-ef521296-30eb-8838-3262-2d9aa69bd42d\>);
  line-height: var(--typ--h6-–-line-height\<deleted\|variable-077b0167-8f46-c9bc-4933-4765d4539869\>);
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 400;
}

p {
  margin-bottom: var(--spacing--xs);
}

a {
  color: var(--base--dark);
  text-decoration: none;
}

a:hover {
  color: var(--base--dark);
  text-decoration: underline;
}

ul, ol {
  margin-top: 0;
  margin-bottom: var(--spacing--xs);
  padding-left: var(--spacing--s);
}

label {
  margin-bottom: 5px;
  font-weight: 400;
  display: block;
}

blockquote {
  margin-bottom: var(--spacing--xs);
  padding: var(--spacing--xxs) var(--spacing--xs);
  border-left: 5px solid var(--base--grey);
  font-size: 18px;
  line-height: 22px;
}

figure {
  margin-bottom: 10px;
}

.heading-xl {
  font-size: var(--typ--h1-–-size);
  line-height: var(--typ--h1-–-line-height);
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 400;
}

.heading-xl.text-center.bp-xs__text-right.bp-xxs__text-left {
  text-align: right;
}

.heading-xl.text-caps.text-bold.line-height-08 {
  line-height: .8;
}

.heading-l {
  font-size: var(--typ--h2-–-size);
  line-height: var(--typ--h1-–-line-height);
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 400;
}

.heading-m {
  font-size: var(--typ--h3-–-size);
  line-height: var(--typ--h3-–-line-height);
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 400;
}

.heading-m.text-bold.text-caps.text-no-break.text-rotated {
  transform-origin: 0 0;
  position: absolute;
  inset: 0% auto auto 0%;
  transform: rotate(-90deg)translate(-100%, 50%);
}

.heading-xxs {
  font-size: var(--typ--h6-–-size\<deleted\|variable-ef521296-30eb-8838-3262-2d9aa69bd42d\>);
  line-height: var(--typ--h6-–-line-height\<deleted\|variable-077b0167-8f46-c9bc-4933-4765d4539869\>);
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 400;
}

.text-xxl {
  font-size: var(--typ--text-xxl-–-size\<deleted\|variable-45fd02cf-0338-047b-97d2-2a68963324b3\>);
  line-height: var(--typ--text-xxl-–-line-height\<deleted\|variable-fdc24862-7eeb-a5e9-e397-6619fca36f3d\>);
  font-weight: 400;
}

.text-l {
  font-size: var(--typ--text-l-–-size);
  line-height: var(--typ--text-l-–-line-height);
  font-weight: 400;
}

.text-m {
  font-size: var(--typ--text-m-–-size);
  line-height: var(--typ--text-m-–-line-height);
  font-weight: 400;
}

.text-s {
  font-size: var(--typ--text-s-–-size);
  line-height: var(--typ--text-s-–-line-height);
  font-weight: 400;
}

.text-s:where(.w-variant-f175c62a-8bac-abdf-b7f4-df0a3cd0e45f), .text-s:where(.w-variant-bfef8a10-79ac-4f06-7aef-4ae85650d144) {
  text-align: center;
}

.text-xs {
  font-size: var(--typ--text-xs-–-size\<deleted\|variable-e6349327-99fd-7530-d970-e81cca7eb73f\>);
  line-height: var(--typ--text-xs-–-line-height\<deleted\|variable-d10fa57e-5a76-7160-f2fc-1693cc71ac4d\>);
  margin-bottom: 0;
}

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

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

.text-center.bp-xs__text-left, .text-right {
  text-align: right;
}

.text-regular {
  font-weight: 400;
}

.text-heavy {
  font-weight: 900;
}

.text-bold {
  font-weight: 700;
}

.text-caps {
  letter-spacing: .02em;
  text-transform: uppercase;
}

.text-underline {
  color: var(--base--dark);
  text-underline-offset: .2em;
  text-decoration: underline;
  text-decoration-thickness: .05em;
}

.text-underline:hover {
  color: var(--primary--500);
}

.text-no-underline {
  color: var(--base--dark);
  text-decoration: none;
}

.page-wrapper {
  position: relative;
  overflow: clip;
}

.container {
  padding-right: var(--spacing--gap-m);
  padding-left: var(--spacing--gap-m);
  flex-direction: row;
  justify-content: space-around;
  align-items: center;
  width: 100%;
  max-width: 100rem;
  margin-left: auto;
  margin-right: auto;
}

.container.no-padding {
  padding-left: 0;
  padding-right: 0;
}

.layout__row {
  grid-row-gap: var(--spacing--gap-m);
  margin-left: calc(0px - var(--spacing--gap-m) / 2);
  margin-right: calc(0px - var(--spacing--gap-m) / 2);
  flex-wrap: wrap;
  align-content: stretch;
  display: flex;
}

.layout__row:where(.w-variant-bfd11e12-8d6c-dd40-b6c7-03c15e03b945), .layout__row:where(.w-variant-f7962bb9-de8f-0ff3-d780-5572d01e781e) {
  flex-flow: row-reverse wrap;
}

.layout__row:where(.w-variant-9c29a316-5442-d6df-e750-65b1ee883604) {
  flex-flow: row-reverse wrap-reverse;
}

.layout__row:where(.w-variant-f175c62a-8bac-abdf-b7f4-df0a3cd0e45f) {
  justify-content: center;
}

.layout__row.layout__no-gutter {
  margin-left: 0;
  margin-right: 0;
}

.layout__row.layout__no-gutter:where(.w-variant-bfef8a10-79ac-4f06-7aef-4ae85650d144) {
  justify-content: center;
}

.layout__row.layout__no-gutter.layout__align-center:where(.w-variant-bfd11e12-8d6c-dd40-b6c7-03c15e03b945), .layout__row.layout__no-gutter.layout__align-center:where(.w-variant-f7962bb9-de8f-0ff3-d780-5572d01e781e), .layout__row.layout__no-gutter.layout__align-center:where(.w-variant-9c29a316-5442-d6df-e750-65b1ee883604) {
  flex-flow: row;
}

.layout__row.layout__vertical.layout__reverse {
  flex-direction: column-reverse;
}

.layout__row.layout__vertical.layout__align-center.layout__no-gap.bp-xs__layout__align-end {
  justify-content: center;
  align-items: center;
}

.layout__row.layout__vertical.layout__align-center.layout__no-gap.bp-xs__layout__align-end.trainer {
  justify-content: center;
  align-items: flex-end;
}

.layout__row.layout__reverse {
  flex-flow: wrap-reverse;
}

.layout__row.layout__reverse:where(.w-variant-bfd11e12-8d6c-dd40-b6c7-03c15e03b945), .layout__row.layout__reverse:where(.w-variant-f7962bb9-de8f-0ff3-d780-5572d01e781e), .layout__row.layout__reverse:where(.w-variant-9c29a316-5442-d6df-e750-65b1ee883604) {
  flex-flow: row-reverse;
}

.layout__row.layout__no-gap {
  grid-row-gap: 0rem;
}

.layout__row.layout__gap-l {
  grid-row-gap: var(--spacing--gap-l);
}

.layout__row.layout__gap-m {
  grid-row-gap: var(--spacing--gap-m);
}

.layout__row.layout__gap-s {
  grid-row-gap: var(--spacing--gap-s);
}

.layout__row.layout__gutter-l {
  margin-left: calc(0px - var(--spacing--gap-l) / 2);
  margin-right: calc(0px - var(--spacing--gap-l) / 2);
}

.layout__row.layout__gutter-m {
  margin-right: calc(0px - var(--spacing--gap-m) / 2);
  margin-left: calc(0px - var(--spacing--gap-m) / 2);
}

.layout__row.layout__gutter-s {
  margin-left: calc(0px - var(--spacing--gap-s) / 2);
  margin-right: calc(0px - var(--spacing--gap-s) / 2);
}

.layout__row.full-width:where(.w-variant-bfef8a10-79ac-4f06-7aef-4ae85650d144) {
  justify-content: center;
}

.layout__col {
  padding-left: calc(var(--spacing--gap-m) / 2);
  padding-right: calc(var(--spacing--gap-m) / 2);
  flex: 1;
}

.layout__col:where(.w-variant-bfef8a10-79ac-4f06-7aef-4ae85650d144) {
  flex: 66.67%;
  width: 100%;
  max-width: 66.67%;
  margin-left: auto;
  margin-right: auto;
}

.layout__col.layout__no-gutter {
  padding-left: 0;
  padding-right: 0;
}

.layout__col.layout__no-gutter:where(.w-variant-bfef8a10-79ac-4f06-7aef-4ae85650d144) {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 66.67%;
  display: flex;
}

.layout__col.layout__horizontal.layout__reverse {
  flex-direction: row-reverse;
}

.layout__col.layout__reverse {
  flex-flow: column-reverse;
  display: flex;
}

.layout__col.layout__gutter-l {
  padding-right: calc(var(--spacing--gap-l) / 2);
  padding-left: calc(var(--spacing--gap-l) / 2);
}

.layout__col.layout__gutter-m {
  padding-right: calc(var(--spacing--gap-m) / 2);
  padding-left: calc(var(--spacing--gap-m) / 2);
}

.layout__col.layout__gutter-s {
  padding-left: calc(var(--spacing--gap-s) / 2);
  padding-right: calc(var(--spacing--gap-s) / 2);
}

.layout__col.variant-styling:where(.w-variant-7a76f16f-13be-ab84-fa39-f70098d164a7) {
  flex: 100%;
  width: 100%;
  max-width: 100%;
}

.layout__col.variant-styling:where(.w-variant-6a6f1803-41a6-3deb-0834-77700e7d2014), .layout__col.variant-styling:where(.w-variant-d015683d-077e-ae95-4a7c-220bef0420f0) {
  flex: 50%;
  width: 100%;
  max-width: 50%;
}

.layout__col.variant-styling:where(.w-variant-4347c61b-fc4f-ecf8-53e7-11705fec7c3b), .layout__col.variant-styling:where(.w-variant-53493a53-e491-52e3-5e2d-3bf614a5aa8e), .layout__col.variant-styling:where(.w-variant-d6d0e207-dc3f-70a9-896f-3352aeabeb20) {
  flex: 33.33%;
  width: 100%;
  max-width: 33.33%;
}

.layout__col.variant-styling:where(.w-variant-4c1bb185-14f2-61ad-aaf3-accf4c1f065c), .layout__col.variant-styling:where(.w-variant-5b2ce5e8-c847-a2ca-4e41-f3fcf9833958), .layout__col.variant-styling:where(.w-variant-c8a3cbd9-4d79-bd93-46ff-af482abf71e7) {
  flex: 25%;
  width: 100%;
  max-width: 25%;
}

.layout__col.variant-styling:where(.w-variant-c8855682-ca7e-ac31-cfff-8736dcdd003b), .layout__col.variant-styling:where(.w-variant-026ffe05-18e0-87c1-da66-58ba195f9ae2) {
  flex: 16.67%;
  width: 100%;
  max-width: 16.67%;
}

.layout__col.layout__col-7.bp-s__layout__col-10.coaching {
  max-width: 81%;
}

.layout__col-1 {
  flex: 8.33%;
  width: 100%;
  max-width: 8.33%;
}

.layout__col-2 {
  flex: 16.67%;
  width: 100%;
  max-width: 16.67%;
}

.layout__col-3 {
  flex: 25%;
  width: 100%;
  max-width: 25%;
}

.layout__col-4 {
  flex: 33.33%;
  width: 100%;
  max-width: 33.33%;
}

.layout__col-5 {
  flex: 41.67%;
  width: 100%;
  max-width: 41.67%;
}

.layout__col-6 {
  flex: 50%;
  width: 100%;
  max-width: 50%;
}

.layout__col-7 {
  flex: 58.33%;
  width: 100%;
  max-width: 58.333%;
}

.layout__col-8 {
  flex: 66.67%;
  width: 100%;
  max-width: 66.67%;
}

.layout__col-9 {
  flex: 75%;
  width: 100%;
  max-width: 75%;
}

.layout__col-10 {
  flex: 83.33%;
  width: 100%;
  max-width: 83.33%;
}

.layout__col-11 {
  flex: 91.67%;
  width: 100%;
  max-width: 91.67%;
}

.layout__col-12 {
  flex: 100%;
  width: 100%;
  max-width: 100%;
}

.layout__wrap {
  flex-wrap: wrap;
  display: flex;
}

.layout__no-wrap {
  flex-wrap: nowrap;
  display: flex;
}

.layout__no-gutter {
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
}

.layout__no-gap {
  grid-row-gap: 0px;
}

.layout__horizontal {
  flex-direction: row;
  display: flex;
}

.layout__vertical {
  flex-direction: column;
  display: flex;
}

.layout__reverse {
  flex-direction: row-reverse;
}

.layout__align-start {
  align-items: flex-start;
  display: flex;
}

.layout__align-center {
  align-items: center;
  display: flex;
}

.layout__align-end {
  align-items: flex-end;
  display: flex;
}

.layout__align-stretch {
  align-items: stretch;
  display: flex;
}

.layout__align-baseline {
  align-items: baseline;
  display: flex;
}

.layout__justify-start {
  justify-content: flex-start;
  display: flex;
}

.layout__justify-center {
  justify-content: center;
  display: flex;
}

.layout__justify-end {
  justify-content: flex-end;
  display: flex;
}

.layout__justify-space-between {
  justify-content: space-between;
  display: flex;
}

.layout__justify-space-around {
  justify-content: space-around;
  display: flex;
}

.styleguide-----layout__grid-2-col {
  grid-column-gap: var(--spacing--gap-l);
  grid-row-gap: 0px;
  grid-template-rows: minmax(0, auto);
  grid-template-columns: minmax(0, 50%) minmax(0, 50%);
  grid-auto-rows: minmax(0, auto);
  grid-auto-columns: 1fr;
  display: grid;
}

.text-rich h1 {
  margin-bottom: var(--spacing--xs);
}

.text-rich h2, .text-rich h3 {
  margin-bottom: var(--spacing--xxs);
}

.text-rich h4 {
  margin-bottom: var(--spacing--xxxs);
}

.text-rich ul, .text-rich ol {
  margin-bottom: var(--spacing--xs);
  padding-left: var(--spacing--s);
}

.text-rich blockquote {
  margin-bottom: var(--spacing--xs);
  padding: var(--spacing--xxs) var(--spacing--xs);
  border-left-color: var(--base--grey);
}

.text-rich figure, .text-rich p {
  margin-bottom: var(--spacing--xs);
}

.spacing-xxl {
  width: var(--spacing--xxl);
  height: var(--spacing--xxl);
  flex: none;
}

.spacing-xl {
  width: var(--spacing--xl);
  height: var(--spacing--xl);
  flex: none;
}

.spacing-l {
  width: var(--spacing--l);
  height: var(--spacing--l);
  flex: none;
}

.spacing-m {
  width: var(--spacing--m);
  height: var(--spacing--m);
  flex: none;
}

.spacing-s {
  width: var(--spacing--s);
  height: var(--spacing--s);
  flex: none;
}

.spacing-s:where(.w-variant-a70ac402-74f8-68da-0d03-526089edbc25) {
  display: none;
}

.spacing-xs {
  width: var(--spacing--xs);
  height: var(--spacing--xs);
  flex: none;
}

.spacing-xxs {
  width: var(--spacing--xxs);
  height: var(--spacing--xxs);
  flex: none;
}

.spacing-xxxs {
  width: var(--spacing--xxxs);
  height: var(--spacing--xxxs);
  flex: none;
}

.hr {
  background-color: var(--base--dark);
  opacity: .35;
  height: 1px;
}

.opacity-0 {
  opacity: 0;
}

.opacity-10 {
  opacity: .1;
}

.opacity-20 {
  opacity: .2;
}

.opacity-30 {
  opacity: .3;
}

.opacity-40 {
  opacity: .4;
}

.opacity-50 {
  opacity: .5;
}

.opacity-60 {
  opacity: .6;
}

.opacity-70 {
  opacity: .7;
}

.opacity-80 {
  opacity: .8;
}

.opacity-90 {
  opacity: .9;
}

.opacity-100 {
  opacity: 1;
}

.text-primary-500 {
  color: var(--primary--500);
}

.text-dark {
  color: var(--base--dark);
}

.text-white {
  color: #fff;
}

.text-white.background-dark {
  color: var(--base--white);
}

.text-action {
  color: var(--base--action);
}

.bp-s__layout__vertical, .bp-xs__layout__vertical, .bp-xxs__layout__vertical {
  align-content: stretch;
}

.overflow-auto {
  overflow: auto;
}

.overflow-hidden {
  overflow: hidden;
}

.form {
  color: var(--base--dark);
  margin-bottom: 0;
}

.form__radio-button {
  border-color: var(--base--grey);
  width: 1.4rem;
  height: 1.4rem;
  margin-left: -1.4rem;
  margin-right: 1rem;
}

.form__radio-button.w--redirected-checked {
  border-width: .5rem;
  border-color: var(--primary--500);
}

.form__radio-button.w--redirected-focus {
  border-color: var(--primary--500);
  box-shadow: none;
}

.form__checkbox {
  border-color: var(--base--grey);
  width: 1.4rem;
  height: 1.4rem;
  margin-left: -1.4rem;
  margin-right: 1rem;
}

.form__checkbox.w--redirected-checked {
  border-color: var(--primary--500);
  background-color: var(--primary--500);
  background-size: 1rem;
}

.form__checkbox.w--redirected-focus {
  border-color: var(--primary--500);
  box-shadow: none;
}

.form__checkbox-wrapper {
  margin-bottom: 0;
  padding-left: 1.4rem;
}

.form__success {
  text-align: left;
  background-color: #0000;
  padding: 0;
}

.form__radio-button-wrapper {
  margin-bottom: 0;
  padding-left: 1.4rem;
}

.form__input-field {
  border: 1px solid var(--base--grey);
  background-color: #fff;
  border-radius: 4px;
  height: auto;
  margin-top: .25em;
  margin-bottom: 1em;
  padding-top: .6em;
  padding-bottom: .6em;
  padding-left: 1em;
  box-shadow: 0 1px 2px #1018280d;
}

.form__input-field:focus {
  border-color: var(--primary--500);
}

.form__input-field.form__select {
  background-color: #fff;
  background-image: url('../images/arrow-down.svg');
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: auto;
  box-shadow: 0 0 #000, inset 0 0 #000;
}

.form__input-field.form__text-area {
  resize: none;
  min-height: 15rem;
}

.form__error {
  color: var(--base--action);
  background-color: #0000;
  margin-top: 1rem;
  padding: 0;
  font-weight: 700;
}

.button {
  background-color: var(--primary--500);
  color: var(--base--dark);
  font-size: var(--typ--text-s-–-size);
  line-height: var(--typ--text-s-–-line-height);
  text-align: center;
  border-radius: 1.625rem;
  align-items: center;
  padding: .8125rem 1.625rem;
  text-decoration: none;
  transition: color .3s, background-color .3s;
  display: flex;
  position: relative;
  overflow: clip;
}

.button:where(.w-variant-1bb7c90b-10d8-4fcf-3ec3-14a138aea7d6) {
  background-color: var(--base--grey);
}

.button:hover {
  text-decoration: none;
}

.button.button-secondary {
  border-color: var(--base--grey);
  background-color: var(--base--grey);
  color: var(--base--dark);
  transition: color .3s, border-color .3s, background-color .3s;
}

.button.button-secondary:hover {
  border-color: var(--base--dark);
  background-color: var(--base--dark);
  color: var(--primary--500);
}

.button.button__read-more {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  border-color: var(--base--grey);
  background-color: var(--base--grey);
  pointer-events: none;
  cursor: pointer;
  padding-left: 3rem;
  padding-right: 2rem;
}

.button.button__read-more:hover {
  border-color: var(--base--grey-light);
  background-color: var(--base--grey-light);
  color: var(--base--dark);
}

.code__wrapper {
  color: var(--base--white);
  text-transform: lowercase;
  white-space: nowrap;
  background-color: #286ac5;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  align-self: flex-start;
  margin-top: .5em;
  margin-right: .5em;
  padding: .25rem .5rem;
  font-size: 1rem;
  display: inline-block;
}

.code__wrapper.default {
  background-color: #b053a1;
}

.code__wrapper.optional {
  background-color: #a8a8a8;
}

.code__wrapper.component {
  text-transform: none;
  background-color: #4ba261;
}

.background-primary-500 {
  background-color: var(--primary--500);
}

.background-dark {
  background-color: var(--base--dark);
}

.background-white {
  background-color: var(--base--white);
}

.background-action {
  background-color: var(--base--action);
}

.shadow-xl {
  box-shadow: 0 0 10px -4px #00000026, 0 20px 20px -10px #0003, 0 40px 40px -20px #0000004d, 0 60px 60px #0000001a;
}

.shadow-l {
  box-shadow: 0 0 10px -4px #00000026, 0 15px 17.5px -11.5px #0003, 0 30px 35px -22.5px #0000004d, 0 45px 45px #0000001a;
}

.shadow-m {
  box-shadow: 0 0 10px -4px #00000026, 0 12px 15px -12.5px #0003, 0 25px 30px -25px #0000004d, 0 30px 35px #0000001a;
}

.shadow-s {
  box-shadow: 0 0 10px -4px #00000026, 0 10px 10px -12.5px #0003, 0 20px 20px -25px #0000004d, 0 12px 20px #0000001a;
}

.shadow-xs {
  box-shadow: 0 0 10px -4px #00000026, 0 5px 5px -7.5px #0003, 0 10px 10px -15px #0000004d, 0 5px 15px #0000001a;
}

.shadow-xxs {
  box-shadow: 0 0 10px -4px #00000026, 0 10px 10px -15px #0000004d;
}

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

.md__topbar {
  z-index: 1000;
  background-color: #fff;
  border-bottom: 1px solid #e3e7ee;
  height: 2.6rem;
  padding-top: .4375em;
  padding-bottom: .3125em;
  position: fixed;
  inset: 0% 0% auto;
}

.icon-topbar {
  width: .9em;
  height: .9em;
  display: none;
}

.md__nav {
  z-index: 1000;
  background-color: #fff;
  width: 100%;
  padding-top: .9375rem;
  padding-bottom: .9375rem;
  position: fixed;
  top: 2.6rem;
}

.md__nav__brand {
  background-color: var(--base--dark);
  justify-content: center;
  align-items: center;
  width: 5.2rem;
  height: 5.2rem;
  display: flex;
}

.md__nav__brand.w--current {
  padding-left: 0;
}

.md__nav__menu {
  align-items: center;
  margin-right: -2rem;
  display: flex;
}

.md__nav__link {
  align-items: center;
  padding: 1.2em 2em;
  text-decoration: none;
  transition: color .2s;
  display: flex;
}

.md__nav__link:hover {
  color: var(--primary--500);
}

.md__nav__link.w--current {
  font-weight: 500;
}

.md__nav__link.w--open {
  color: #1562fc;
}

.nav__hamburger-button {
  justify-content: center;
  align-items: center;
  margin-right: -1.667rem;
  padding: 1.667rem;
  display: flex;
}

.nav__hamburger-button.w--open {
  background-color: var(--base--transparant);
}

.md__nav__hamburger-line {
  background-color: var(--base--dark);
  width: 21px;
  height: 2px;
  margin-top: 4px;
  margin-bottom: 4px;
}

.border-column {
  color: #2f3b4c;
  border: 1px solid #286ac5;
  flex: 1;
  margin-top: -1px;
  margin-bottom: -1px;
}

.border-column.layout__horizontal, .border-column.layout__vertical {
  height: 16rem;
}

.color-swatch {
  flex: none;
  width: 100%;
  height: 8em;
}

.md__logo-nav {
  width: 2.125rem;
  height: 1.75rem;
}

.base-grid {
  z-index: -1;
  opacity: .3;
  padding-right: calc(var(--spacing--gap-m) / 2);
  padding-left: calc(var(--spacing--gap-m) / 2);
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  max-width: 100rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: fixed;
  inset: 0%;
}

.base-column {
  opacity: .2;
  mix-blend-mode: multiply;
  margin-left: calc(var(--spacing--gap-m) / 2);
  margin-right: calc(var(--spacing--gap-m) / 2);
  border-left: 1px solid #000;
  border-right: 1px solid #000;
  flex: 1;
  width: 100%;
}

.md__footer {
  z-index: 10;
  background-color: var(--base--dark);
  color: var(--base--white);
  padding-top: 1.5rem;
  padding-bottom: 4rem;
  position: relative;
}

.md__logo-footer {
  width: 2rem;
  height: 1.6rem;
  margin-right: 1.5rem;
}

.md__link {
  color: var(--base--white);
  flex-wrap: nowrap;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.smi__footer-address {
  display: flex;
}

.image-square {
  aspect-ratio: 1;
  object-fit: cover;
  width: 100%;
  overflow: hidden;
}

.image-cover {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.image-contain {
  object-fit: contain;
  object-position: 0% 50%;
  width: 100%;
  height: 100%;
}

.image-contain:where(.w-variant-d90e9976-5e48-ab27-bb16-62908b67867e), .image-contain:where(.w-variant-0beb17e5-36e3-1bb0-d6c3-c0f5d26699ba), .image-contain:where(.w-variant-a1dc015b-928b-484d-8a6e-c4f68273947b), .image-contain:where(.w-variant-2f5debd0-1b46-0ca7-e121-dee74e3f9bc6), .image-contain:where(.w-variant-ac694af3-cc6b-72ac-71d7-41f4ddfa3e99), .image-contain:where(.w-variant-98f27ccf-9b36-3055-cb22-176056fbab55), .image-contain:where(.w-variant-f58aa85c-1a24-0917-9ccc-bcf2d7fac9b4) {
  object-fit: cover;
}

.image-contain.background-white.max-height-90vh {
  max-height: 90vh;
}

.image-16x9 {
  aspect-ratio: 16 / 9;
  border-radius: var(--spacing--radius);
  object-fit: cover;
  width: 100%;
  position: relative;
  overflow: clip;
}

.image-16x9.radius-non {
  border-radius: 0;
}

.image-3x2 {
  aspect-ratio: 3 / 2;
  object-fit: cover;
  overflow: hidden;
}

.image-2x3 {
  aspect-ratio: 2 / 3;
  object-fit: cover;
  overflow: hidden;
}

.click {
  pointer-events: auto;
}

.no-click {
  pointer-events: none;
}

.text-no-break {
  white-space: nowrap;
}

.accordion__title {
  padding-top: var(--spacing--xs);
  padding-bottom: var(--spacing--xs);
  border-top: 1px solid var(--base--grey);
  cursor: pointer;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.accordion__item {
  text-align: left;
  margin-bottom: calc(-1px + var(--spacing--gap-m) * -1);
}

.accordion__content {
  padding-left: var(--spacing--xs);
  border-bottom: 1px solid var(--base--grey);
  overflow: hidden;
}

.accordion__icon-wrapper {
  cursor: pointer;
  flex: none;
  justify-content: center;
  align-items: center;
  margin-left: .5rem;
  display: flex;
}

.accordion__icon {
  flex: none;
  width: 1.75rem;
  height: 1.75rem;
}

.accordion__icon.accordion__icon-rotated {
  position: absolute;
  transform: rotate(90deg);
}

.card {
  border: 1px solid var(--base--grey);
  flex-direction: column;
  height: 100%;
  text-decoration: none;
  display: flex;
}

.card:hover {
  color: #000;
}

.card__content {
  flex-direction: column;
  flex: 1;
  justify-content: space-between;
  display: flex;
}

.card__content:where(.w-variant-a70ac402-74f8-68da-0d03-526089edbc25) {
  margin-top: 2rem;
  margin-bottom: 2rem;
  margin-left: calc(var(--spacing--gap-m) / 2);
  margin-right: calc(var(--spacing--gap-m) / 2);
}

.hidden {
  display: none;
}

.place-m-components {
  grid-row-gap: var(--spacing--gap-m);
  margin-left: calc(0px - var(--spacing--gap-m) / 2);
  margin-right: calc(0px - var(--spacing--gap-m) / 2);
  flex-wrap: wrap;
  place-content: stretch flex-start;
  align-items: stretch;
  display: flex;
}

.place-m-components:where(.w-variant-c972ad94-5ffa-41a6-100a-f8e5f299e1e7) {
  justify-content: center;
  align-items: stretch;
}

.place-s-components {
  grid-column-gap: var(--spacing--gap-m);
  grid-row-gap: var(--spacing--gap-m);
  flex-flow: wrap;
  place-content: flex-start;
  align-items: flex-start;
  height: 100%;
  display: flex;
}

.full-width {
  width: 100%;
}

.full-width:where(.w-variant-800e382e-6399-3e8b-03b2-2ac1bc4b0313) {
  height: 100%;
}

.variant-styling:where(.w-variant-f175c62a-8bac-abdf-b7f4-df0a3cd0e45f), .variant-styling:where(.w-variant-bfef8a10-79ac-4f06-7aef-4ae85650d144) {
  text-align: center;
}

.image__variant-styling {
  object-fit: contain;
  flex: 1;
}

.image__variant-styling:where(.w-variant-d90e9976-5e48-ab27-bb16-62908b67867e) {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.image__variant-styling:where(.w-variant-0beb17e5-36e3-1bb0-d6c3-c0f5d26699ba) {
  aspect-ratio: 1;
  object-fit: fill;
}

.image__variant-styling:where(.w-variant-a1dc015b-928b-484d-8a6e-c4f68273947b) {
  aspect-ratio: 3 / 2;
  object-fit: fill;
}

.image__variant-styling:where(.w-variant-2f5debd0-1b46-0ca7-e121-dee74e3f9bc6) {
  aspect-ratio: 4 / 3;
  object-fit: fill;
}

.image__variant-styling:where(.w-variant-ac694af3-cc6b-72ac-71d7-41f4ddfa3e99) {
  aspect-ratio: 16 / 9;
  object-fit: fill;
}

.image__variant-styling:where(.w-variant-98f27ccf-9b36-3055-cb22-176056fbab55) {
  aspect-ratio: 2 / 3;
  object-fit: fill;
}

.image__variant-styling:where(.w-variant-f58aa85c-1a24-0917-9ccc-bcf2d7fac9b4) {
  aspect-ratio: 3 / 4;
  object-fit: fill;
}

.card__wrapper {
  flex-flow: column;
  height: 100%;
  padding-bottom: .01px;
  display: flex;
  position: relative;
}

.position-relative {
  position: relative;
}

.position-relative.variant-styling:where(.w-variant-7a76f16f-13be-ab84-fa39-f70098d164a7) {
  flex: 100%;
  width: 100%;
  max-width: 100%;
}

.position-relative.variant-styling:where(.w-variant-6a6f1803-41a6-3deb-0834-77700e7d2014), .position-relative.variant-styling:where(.w-variant-d015683d-077e-ae95-4a7c-220bef0420f0) {
  flex: 50%;
  width: 100%;
  max-width: 50%;
}

.position-relative.variant-styling:where(.w-variant-4347c61b-fc4f-ecf8-53e7-11705fec7c3b), .position-relative.variant-styling:where(.w-variant-53493a53-e491-52e3-5e2d-3bf614a5aa8e), .position-relative.variant-styling:where(.w-variant-d6d0e207-dc3f-70a9-896f-3352aeabeb20) {
  flex: 33.33%;
  width: 100%;
  max-width: 33.33%;
}

.position-relative.variant-styling:where(.w-variant-4c1bb185-14f2-61ad-aaf3-accf4c1f065c), .position-relative.variant-styling:where(.w-variant-5b2ce5e8-c847-a2ca-4e41-f3fcf9833958), .position-relative.variant-styling:where(.w-variant-c8a3cbd9-4d79-bd93-46ff-af482abf71e7) {
  flex: 25%;
  width: 100%;
  max-width: 25%;
}

.position-relative.variant-styling:where(.w-variant-c8855682-ca7e-ac31-cfff-8736dcdd003b), .position-relative.variant-styling:where(.w-variant-026ffe05-18e0-87c1-da66-58ba195f9ae2) {
  flex: 16.67%;
  width: 100%;
  max-width: 16.67%;
}

.position-relative.variant-styling:where(.w-variant-a70ac402-74f8-68da-0d03-526089edbc25) {
  position: static;
}

.card__link {
  z-index: 1;
  flex-direction: column;
  height: 100%;
  text-decoration: none;
  display: flex;
  position: absolute;
  inset: 0%;
}

.card__link:where(.w-variant-a70ac402-74f8-68da-0d03-526089edbc25) {
  border: 1px solid var(--base--grey);
}

.card__link:hover {
  color: #000;
}

.sml-tabs__wrapper {
  width: 100%;
  position: static;
}

.sml-tabs__menu {
  border-bottom: 1px solid var(--base--grey);
}

.sml-tab__link {
  padding: var(--spacing--xxs) var(--spacing--s);
  border-bottom: .25rem solid var(--base--transparant);
  background-color: var(--base--transparant);
  cursor: pointer;
  margin-bottom: -1px;
  transition: border-color .3s;
}

.sml-tab__link:hover {
  color: #4b565b;
}

.sml-tab__link.w--current {
  border-bottom: .25rem solid var(--base--dark);
  background-color: var(--base--transparant);
}

.sml-tabs {
  flex-flow: column;
  display: flex;
  position: static;
}

.sml-tab__content {
  padding-top: var(--spacing--xl);
  padding-bottom: 0;
  position: static;
}

.sml-lightbox__wrapper {
  z-index: 9999;
  opacity: 0;
  background-color: #3c3c3ce6;
  justify-content: center;
  align-items: center;
  transition: opacity .2s;
  display: none;
  position: fixed;
  inset: 0%;
}

.sml-lightbox__wrapper.open {
  opacity: 100;
  display: flex;
}

.image-grid {
  grid-column-gap: var(--spacing--gap-m);
  grid-row-gap: var(--spacing--gap-m);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.image-grid:where(.w-variant-fb70bfe8-9982-5529-8c7a-e18d4b281883) {
  grid-template-columns: 1fr 1fr 1fr;
}

.sml-lightbox__thumb-wrapper {
  aspect-ratio: 3 / 2;
  cursor: pointer;
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: relative;
  overflow: clip;
}

.sml-lightbox__thumb-wrapper:where(.w-variant-800e382e-6399-3e8b-03b2-2ac1bc4b0313) {
  aspect-ratio: auto;
}

.sml-lightbox__thumb-wrapper.image-16x9 {
  aspect-ratio: 16 / 9;
}

.sml-lightbox__thumb-hover {
  opacity: 0;
  pointer-events: none;
  background-color: #000c;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0%;
}

.sml-lightbox__trigger {
  position: absolute;
  inset: 0%;
}

.sml-lightbox__image {
  z-index: 10;
  pointer-events: none;
  justify-content: center;
  align-items: center;
  width: 80%;
  margin: 3rem;
  display: flex;
  position: relative;
}

.sml-lightbox__image-wrapper {
  object-fit: contain;
  background-color: #fff;
  justify-content: center;
  align-items: center;
  max-width: 100%;
  max-height: 100%;
  display: flex;
  position: relative;
}

.sml-lightbox__image-wrapper.video-wrapper {
  min-width: 80vw;
}

.sml-lightbox__close {
  pointer-events: auto;
  cursor: pointer;
  justify-content: center;
  align-items: center;
  width: 2rem;
  height: 2rem;
  padding: .5rem;
  display: flex;
  position: absolute;
  inset: -2rem -2rem auto auto;
}

.close-line-1 {
  background-color: #fff;
  flex: none;
  width: 1.5rem;
  height: 1px;
  position: absolute;
  transform: rotate(45deg);
}

.close-line-2 {
  background-color: #fff;
  flex: none;
  width: 1.5rem;
  height: 1px;
  position: absolute;
  transform: rotate(-45deg);
}

.sml-lightbox__navigation-wrapper__right {
  flex: none;
  justify-content: center;
  align-items: center;
  margin-right: 3rem;
  display: flex;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.sml-lightbox__navigation {
  cursor: pointer;
  border: 2px solid #ffffff4d;
  border-radius: 50%;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 3rem;
  height: 3rem;
  display: flex;
}

.sml-lightbox__arrow {
  justify-content: center;
  align-items: center;
  width: 1.75rem;
  margin-left: -1rem;
}

.sml-lightbox__arrow-line {
  transform-origin: 100%;
}

.sml-lightbox__navigation-wrapper__left {
  flex: none;
  justify-content: center;
  align-items: center;
  margin-left: 3rem;
  display: flex;
  position: absolute;
  inset: 0% auto 0% 0%;
  transform: rotate(180deg);
}

.sml-image__lightbox {
  width: 100%;
}

.sml-image__lightbox:where(.w-variant-800e382e-6399-3e8b-03b2-2ac1bc4b0313) {
  height: 100%;
}

.sml-video__lightbox {
  width: 100%;
}

.sml-slider {
  background-color: #fff0;
  height: auto;
}

.sml-slider__arrow {
  background-color: #000;
  width: 1.5625rem;
  height: 1.5625rem;
  margin-top: .5rem;
  margin-left: .5rem;
  inset: 0% auto auto 0%;
}

.sml-slider__arrow.sml-slider__arrow-right {
  margin-left: 2.5rem;
}

.sml-slider__arrow-icon {
  font-size: .9rem;
}

.icon-play-enlarge {
  background-color: var(--base--white);
  pointer-events: none;
  color: var(--base--dark);
  border-radius: 50%;
  width: 3rem;
  height: 3rem;
  margin-top: -1.5rem;
  margin-left: -1.5rem;
  position: absolute;
  inset: 50% 0% 0% 50%;
}

.button__arrow {
  z-index: 10;
  flex: none;
  width: .875rem;
  height: .875rem;
  margin-right: -.1875rem;
}

.button__arrow.arrow__down {
  transform: rotate(135deg);
}

.hero {
  aspect-ratio: 12 / 5;
  margin-top: 14rem;
  position: relative;
}

.hero-overlay {
  background-color: var(--base--dark);
  opacity: .7;
  mix-blend-mode: multiply;
  position: absolute;
  inset: 0%;
}

.hero-content {
  flex-flow: column;
  justify-content: flex-end;
  display: flex;
  position: absolute;
  inset: 0%;
}

.laptop-image {
  pointer-events: none;
  width: 90vw;
  margin-top: -8vw;
  margin-left: -27vw;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.section-laptop {
  background-image: linear-gradient(90deg, var(--base--white), #fff0), url('../images/peak-diagram.svg');
  background-position: 0 0, 100% 100%;
  background-repeat: repeat, no-repeat;
  background-size: auto, 100vw;
  height: 52vw;
  position: relative;
  overflow: clip;
}

.negtive-space {
  height: 0;
  margin-top: -5.6875rem;
}

.image-3x1 {
  aspect-ratio: 3;
  border-radius: var(--spacing--radius);
  overflow: clip;
}

.image-3x1.bleed-rightside {
  width: calc(50vw + 33.3333rem);
  min-width: calc(50vw + 33.3333rem);
  margin-right: -50vw;
}

.text-overlay {
  margin-right: calc(var(--spacing--gap-m) / 2);
  flex-flow: column;
  justify-content: center;
  align-items: flex-end;
  display: flex;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.background-slider__bleed-left {
  z-index: -1;
  border-top-left-radius: var(--spacing--radius);
  border-top-right-radius: var(--spacing--radius);
  border-bottom-left-radius: var(--spacing--radius);
  border-bottom-right-radius: var(--spacing--radius);
  background-color: var(--primary--500);
  margin-right: calc(var(--spacing--gap-m) / 2);
  width: 100vw;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.slider {
  background-color: var(--base--transparant);
  height: auto;
}

.slider__arrow {
  background-color: var(--base--white);
  color: var(--base--dark);
  justify-content: center;
  align-items: center;
  width: 3rem;
  height: 3rem;
  display: flex;
  position: absolute;
  inset: -8.8rem auto auto 8rem;
}

.slider__arrow:hover {
  background-color: var(--base--dark);
  color: var(--base--white);
}

.slider__arrow.slider__arrow-right {
  margin-left: 4rem;
}

.slider__arrow.slider__right-bleed {
  left: 65.7rem;
}

.slider__arrow.slider__right-bleed:hover {
  background-color: var(--primary--500);
  color: var(--base--dark);
}

.slider__arrow-icon {
  width: 1.125rem;
  height: 1.125rem;
}

.slider__arrow-icon.arrow-rotated {
  transform: rotate(180deg);
}

.slider__mask {
  margin-left: calc(0px - (var(--spacing--gap-m) / 2));
  margin-right: calc(0px - (var(--spacing--gap-m) / 2));
  overflow: visible;
}

.slide {
  padding-left: calc(var(--spacing--gap-m) / 2);
  padding-right: calc(var(--spacing--gap-m) / 2);
  transition-property: height;
  transition-duration: .5s;
  transition-timing-function: ease-out;
}

.slide__wrapper {
  border-radius: var(--spacing--radius);
  background-color: var(--base--grey-light);
  background-image: url('../images/peak-diagram-card.svg'), linear-gradient(180deg, var(--base--grey-light) 29%, var(--base--grey));
  background-position: 50% 0, 0 0;
  background-repeat: no-repeat, repeat;
  background-size: cover, auto;
  min-height: 20rem;
  padding: 3.25rem 3.25rem 0;
}

.logo__wrapper {
  width: 8.2rem;
  height: 5rem;
}

.logo__wrapper.wide {
  width: 18rem;
}

.background-grey {
  background-color: var(--base--grey);
}

.background-grey-light {
  background-color: var(--base--grey-light);
}

.button__slider {
  cursor: pointer;
  flex-flow: column;
  order: 1;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  position: relative;
  bottom: -1.4rem;
}

.slider__hidden-content {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  max-height: 100rem;
  transition: max-height .35s cubic-bezier(0, 0, .24, .995);
  display: flex;
  overflow: hidden;
}

.image-trainer {
  height: 100%;
  position: absolute;
  inset: 0% auto 0% 0;
}

.section-trainer {
  background-image: linear-gradient(90deg, #fff0, var(--base--white) 70%), url('../images/peak-diagram__mirrored.svg');
  background-position: 0 0, -30% 0;
  background-repeat: repeat, no-repeat;
  background-size: auto, auto 100%;
  position: relative;
  overflow: clip;
}

.section-sporters {
  position: relative;
}

.sporters__name-wrapper {
  position: absolute;
  inset: 0% 0% auto;
}

.sporters__content-wrapper {
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0%;
}

.for-who__wrapper {
  background-color: var(--base--grey);
}

.button__for-who {
  margin-top: -1.4rem;
  position: relative;
  inset: auto 0% -1.4rem;
}

.image-vips {
  width: 100vw;
  max-width: none;
}

.zindex-100 {
  z-index: 100;
  position: relative;
}

.zindex-50 {
  z-index: 50;
  position: relative;
}

.zindex-50._25 {
  z-index: 25;
}

.background-slider__bleed-right {
  z-index: -1;
  border-top-left-radius: var(--spacing--radius);
  border-top-right-radius: var(--spacing--radius);
  border-bottom-left-radius: var(--spacing--radius);
  border-bottom-right-radius: var(--spacing--radius);
  background-color: var(--base--dark);
  margin-left: calc(var(--spacing--gap-m) / 2);
  width: calc(20vw + 63.3333rem);
  max-width: calc(20vw + 63.3333rem);
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0;
}

.slider__bleed-right-content {
  padding-left: 8.33333rem;
}

.headshot__wrapper {
  border-radius: 50%;
  width: 5rem;
  height: 5rem;
  overflow: clip;
}

.logo__wrapper-s {
  width: 4rem;
  height: 4rem;
}

.slide-cases__wrapper {
  border-radius: var(--spacing--radius);
  background-color: var(--base--grey-light);
  background-image: url('../images/peak-diagram-card.svg'), linear-gradient(180deg, var(--base--grey-light) 29%, var(--base--grey));
  background-position: 50% 0, 0 0;
  background-repeat: no-repeat, repeat;
  background-size: cover, auto;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  min-height: 20rem;
  padding: 3.25rem 3.25rem 0;
  display: flex;
}

.slide-cases__hidden-content {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  max-height: 100rem;
  transition: max-height .35s cubic-bezier(0, 0, .24, .995);
  display: flex;
  overflow: hidden;
}

.image-cover__gradient {
  mix-blend-mode: multiply;
  background-image: linear-gradient(90deg, #737373, #fff);
  flex-flow: column;
  justify-content: flex-end;
  align-items: stretch;
  display: flex;
  position: absolute;
  inset: 0%;
}

.image-cover__text {
  flex-flow: column;
  justify-content: flex-end;
  display: flex;
  position: absolute;
  inset: 0%;
}

.negtive-space-l {
  height: 0;
  margin-top: -23.5rem;
}

.footer__link {
  font-size: var(--typ--text-s-–-size);
  line-height: var(--typ--text-s-–-size);
  margin-top: -.5rem;
  margin-bottom: .5rem;
  padding-top: .5rem;
  padding-bottom: .5rem;
  display: block;
}

.footer__headline {
  pointer-events: none;
  text-align: center;
  text-transform: uppercase;
  font-size: 12vw;
  font-weight: 700;
  line-height: 1;
}

.socials-link {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.image-your-own {
  aspect-ratio: 16 / 9;
  border-radius: var(--spacing--radius);
  object-fit: cover;
  width: 100%;
  position: relative;
  overflow: clip;
}

.image-your-own.radius-non {
  border-radius: 0;
}

.nav {
  background-color: var(--base--white);
}

.nav__logo {
  width: 30rem;
  height: 8rem;
}

.language-switch__wrapper {
  border-radius: var(--spacing--radius);
  background-color: var(--base--grey);
  justify-content: center;
  align-items: center;
  display: flex;
}

.langauge-switch__item {
  border-radius: var(--spacing--radius);
  padding: .6rem 1.2rem;
  font-size: .84375rem;
  font-weight: 700;
}

.langauge-switch__item:hover {
  text-decoration: none;
}

.langauge-switch__item.w--current {
  border-radius: var(--spacing--radius);
  background-color: var(--base--dark);
  color: var(--primary--500);
}

.nav__menu {
  background-color: var(--base--transparant);
  flex-flow: row;
  flex: none;
  justify-content: flex-start;
  align-items: flex-start;
  width: auto;
  display: none;
  position: static;
  overflow: hidden;
}

.nav__link {
  font-size: .84375rem;
  line-height: var(--typ--text-s-–-line-height);
  white-space: nowrap;
  margin-left: .125rem;
  margin-right: .125rem;
  padding-left: .5rem;
  padding-right: .5rem;
}

.nav__link:hover {
  color: var(--primary--500);
  text-decoration: none;
}

.button-text {
  z-index: 10;
  white-space: nowrap;
  overflow: clip;
}

.button__background {
  z-index: 1;
  background-color: var(--base--dark);
  flex: none;
  height: 150%;
  margin-top: 5rem;
  position: absolute;
  inset: -20% -1%;
  transform: skew(0deg, -5deg);
}

.button__content {
  z-index: 10;
  grid-column-gap: .875rem;
  grid-row-gap: .875rem;
  flex: none;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: relative;
}

.button__arrow-down {
  background-color: var(--primary--500);
  color: var(--base--dark);
  font-size: var(--typ--text-s-–-size);
  line-height: var(--typ--text-s-–-line-height);
  text-align: center;
  border-radius: 1.625rem;
  align-items: center;
  padding: .8125rem 1.625rem;
  text-decoration: none;
  transition: color .3s, background-color .3s;
  display: flex;
  position: relative;
  overflow: clip;
}

.button__arrow-down:where(.w-variant-1bb7c90b-10d8-4fcf-3ec3-14a138aea7d6) {
  background-color: var(--base--grey);
}

.button__arrow-down:hover {
  text-decoration: none;
}

.button__arrow-down.button-secondary {
  border-color: var(--base--grey);
  background-color: var(--base--grey);
  color: var(--base--dark);
  transition: color .3s, border-color .3s, background-color .3s;
}

.button__arrow-down.button-secondary:hover {
  border-color: var(--base--dark);
  background-color: var(--base--dark);
  color: var(--primary--500);
}

.button__arrow-down.read-more {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  border-color: var(--base--grey);
  background-color: var(--base--grey);
  cursor: pointer;
  padding-left: 3rem;
  padding-right: 2rem;
}

.button__arrow-down.read-more:hover {
  border-color: var(--base--grey-light);
  background-color: var(--base--grey-light);
  color: var(--base--dark);
}

.div-block {
  order: 1;
}

.nav__wrapper {
  z-index: 200;
  position: fixed;
  inset: 0% 0% auto;
}

.nav__wrapper.shadow-xs {
  background-color: var(--base--white);
  flex-flow: column;
  justify-content: center;
  align-items: stretch;
  height: 14rem;
  display: flex;
}

.utility-page-wrap {
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  display: flex;
}

.utility-page-content {
  text-align: center;
  flex-direction: column;
  width: 260px;
  display: flex;
}

.utility-page-form {
  flex-direction: column;
  align-items: stretch;
  display: flex;
}

.logo-ticker__row {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.logo-ticker__box {
  flex: none;
  justify-content: center;
  align-items: center;
  width: 10rem;
  height: 3rem;
  margin-right: 5rem;
  display: flex;
}

.logo-ticker__logo {
  object-fit: contain;
  object-position: 50% 50%;
  width: 100%;
  height: 100%;
}

.logo-ticker__logo:where(.w-variant-d90e9976-5e48-ab27-bb16-62908b67867e), .logo-ticker__logo:where(.w-variant-0beb17e5-36e3-1bb0-d6c3-c0f5d26699ba), .logo-ticker__logo:where(.w-variant-a1dc015b-928b-484d-8a6e-c4f68273947b), .logo-ticker__logo:where(.w-variant-2f5debd0-1b46-0ca7-e121-dee74e3f9bc6), .logo-ticker__logo:where(.w-variant-ac694af3-cc6b-72ac-71d7-41f4ddfa3e99), .logo-ticker__logo:where(.w-variant-98f27ccf-9b36-3055-cb22-176056fbab55), .logo-ticker__logo:where(.w-variant-f58aa85c-1a24-0917-9ccc-bcf2d7fac9b4) {
  object-fit: cover;
}

.logo-ticker__logo.background-white.max-height-90vh {
  max-height: 90vh;
}

.logo-ticker__wrapper {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.read-less {
  display: none;
}

@media screen and (max-width: 991px) {
  body {
    --base--dark: #090328;
    --typ--text-m-–-size: 1.125rem;
    --typ--text-m-–-line-height: 1.35;
    --typ--h1-–-size: 3.5rem;
    --typ--h1-–-line-height: 1;
    --typ--h2-–-size: 2.5rem;
    --typ--h2-–-line-height: 1;
    --typ--h3-–-size: 1.5rem;
    --typ--h3-–-line-height: .9;
    --typ--h4-–-size\<deleted\|variable-f745672e-8351-3052-14a2-de53f6f80993\>: 2rem;
    --typ--h4-–-line-height\<deleted\|variable-b283b568-9302-c0a3-daf0-7ae9c447f8c7\>: 1.3;
    --typ--h5-–-size\<deleted\|variable-f9a1770a-335e-e73b-b1a0-f37cdf5f0ca8\>: 1.25rem;
    --typ--h5-–-line-height\<deleted\|variable-c5250f20-be34-b8e5-186f-17b6cbdf2e85\>: 1.4;
    --typ--h6-–-size\<deleted\|variable-ef521296-30eb-8838-3262-2d9aa69bd42d\>: 1rem;
    --typ--h6-–-line-height\<deleted\|variable-077b0167-8f46-c9bc-4933-4765d4539869\>: 1.4;
    --spacing--xs: 1.5rem;
    --spacing--s: 2rem;
    --spacing--xxs: 1rem;
    --base--grey: #eee;
    --typ--text-xxl-–-size\<deleted\|variable-45fd02cf-0338-047b-97d2-2a68963324b3\>: 2rem;
    --typ--text-xxl-–-line-height\<deleted\|variable-fdc24862-7eeb-a5e9-e397-6619fca36f3d\>: 1.5;
    --typ--text-l-–-size: 1.25rem;
    --typ--text-l-–-line-height: 1;
    --typ--text-s-–-size: 1rem;
    --typ--text-s-–-line-height: 1.35;
    --typ--text-xs-–-size\<deleted\|variable-e6349327-99fd-7530-d970-e81cca7eb73f\>: .75rem;
    --typ--text-xs-–-line-height\<deleted\|variable-d10fa57e-5a76-7160-f2fc-1693cc71ac4d\>: 1.5;
    --primary--500: #40e2b8;
    --spacing--gap-m: 1.25rem;
    --spacing--gap-l: 2.5rem;
    --spacing--gap-s: .625rem;
    --spacing--xxxs: .5em;
    --spacing--xxl: 7.5rem;
    --spacing--xl: 3.75rem;
    --spacing--l: 3.5rem;
    --spacing--m: 2.5rem;
    --base--white: white;
    --base--action: #c1121f;
    --base--grey-light: #f3f4f6;
    --base--transparant: #fff0;
    --spacing--radius: 1.125rem;
  }

  .layout__row:where(.w-variant-bfd11e12-8d6c-dd40-b6c7-03c15e03b945) {
    flex-flow: wrap-reverse;
  }

  .layout__row:where(.w-variant-f7962bb9-de8f-0ff3-d780-5572d01e781e), .layout__row:where(.w-variant-9c29a316-5442-d6df-e750-65b1ee883604) {
    flex-flow: wrap;
  }

  .layout__row.layout__vertical.bp-s__layout__reverse {
    flex-direction: column-reverse;
  }

  .layout__row.bp-s__layout__reverse {
    flex-flow: wrap-reverse;
  }

  .layout__col:where(.w-variant-bfef8a10-79ac-4f06-7aef-4ae85650d144) {
    flex-basis: 83.33%;
    max-width: 83.33%;
  }

  .layout__col.layout__col-2.bp-s__layout__col-4 {
    flex-basis: 33.33%;
  }

  .layout__col.layout__no-gutter:where(.w-variant-bfef8a10-79ac-4f06-7aef-4ae85650d144) {
    max-width: 83.33%;
  }

  .layout__col.layout__horizontal.bp-s__layout__reverse {
    flex-direction: row-reverse;
  }

  .layout__col.bp-s__layout__reverse {
    flex-flow: column-reverse;
    display: flex;
  }

  .layout__col.variant-styling:where(.w-variant-152235a2-7b12-43ff-89f9-c9d4ebf59fa1) {
    flex: 100%;
    width: 100%;
    max-width: 100%;
  }

  .layout__col.variant-styling:where(.w-variant-65382744-4c7b-e61c-021a-b457a7c8e8b3) {
    flex: 25%;
    width: 100%;
    max-width: 25%;
  }

  .layout__col.variant-styling:where(.w-variant-6a6f1803-41a6-3deb-0834-77700e7d2014), .layout__col.variant-styling:where(.w-variant-4347c61b-fc4f-ecf8-53e7-11705fec7c3b) {
    flex-basis: 100%;
    max-width: 100%;
  }

  .layout__col.variant-styling:where(.w-variant-53493a53-e491-52e3-5e2d-3bf614a5aa8e), .layout__col.variant-styling:where(.w-variant-4c1bb185-14f2-61ad-aaf3-accf4c1f065c), .layout__col.variant-styling:where(.w-variant-5b2ce5e8-c847-a2ca-4e41-f3fcf9833958) {
    flex-basis: 50%;
    max-width: 50%;
  }

  .layout__col.variant-styling:where(.w-variant-c8a3cbd9-4d79-bd93-46ff-af482abf71e7) {
    flex-basis: 33.33%;
    max-width: 33.33%;
  }

  .layout__col.variant-styling:where(.w-variant-c8855682-ca7e-ac31-cfff-8736dcdd003b) {
    flex-basis: 50%;
    max-width: 50%;
  }

  .layout__col.variant-styling:where(.w-variant-026ffe05-18e0-87c1-da66-58ba195f9ae2) {
    flex-basis: 33.33%;
    max-width: 33.33%;
  }

  .styleguide-----layout__grid-2-col {
    grid-column-gap: 2em;
    grid-template-columns: minmax(0, 100%);
  }

  .bp-s__show {
    display: block;
  }

  .bp-s__hidden {
    display: none;
  }

  .bp-s__text-left {
    text-align: left;
  }

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

  .bp-s__text-right {
    text-align: right;
  }

  .bp-s__layout__col-2 {
    flex: 16.67%;
    max-width: 16.67%;
  }

  .bp-s__layout__col-3 {
    flex: 25%;
    max-width: 25%;
  }

  .bp-s__layout__col-4 {
    flex: 33.33%;
    max-width: 33.33%;
  }

  .bp-s__layout__col-6 {
    flex: 50%;
    max-width: 50%;
  }

  .bp-s__layout__col-8 {
    flex: 66.67%;
    max-width: 66.67%;
  }

  .bp-s__layout__col-9 {
    flex: 75%;
    max-width: 75%;
  }

  .bp-s__layout__col-10 {
    flex: 83.33%;
    max-width: 83.33%;
  }

  .bp-s__layout__col-12 {
    flex: 100%;
    max-width: 100%;
  }

  .bp-s__layout__vertical {
    flex-direction: column;
    display: flex;
  }

  .bp-s__layout__align-start {
    align-items: flex-start;
    display: flex;
  }

  .bp-s__layout__align-center {
    align-items: center;
    display: flex;
  }

  .bp-s__layout__align-end {
    align-items: flex-end;
    display: flex;
  }

  .bp-s__layout__justify-start {
    justify-content: flex-start;
    display: flex;
  }

  .bp-s__layout__justify-center {
    justify-content: center;
    display: flex;
  }

  .bp-s__layout__justify-end {
    justify-content: flex-end;
    display: flex;
  }

  .bp-s__layout__wrap {
    flex-wrap: wrap;
    display: flex;
  }

  .bp-s__layout__no-wrap {
    flex-wrap: nowrap;
    display: flex;
  }

  .bp-s__layout__reverse {
    flex-direction: row-reverse;
  }

  .bp-xxs__layout__justify-start {
    display: flex;
  }

  .button:hover {
    background-color: var(--base--dark);
    color: var(--primary--500);
  }

  .button:hover:where(.w-variant-1bb7c90b-10d8-4fcf-3ec3-14a138aea7d6) {
    background-color: var(--base--dark);
  }

  .code__wrapper {
    font-size: 1.125rem;
  }

  .md__nav {
    padding-top: 0;
    padding-bottom: 0;
  }

  .md__nav__menu {
    background-color: #fff;
    margin-left: 0;
    margin-right: 0;
    padding-top: 1.5625rem;
    padding-bottom: 1.5625rem;
    overflow: auto;
  }

  .md__nav__link {
    width: 100%;
    padding-left: 2.5em;
  }

  .md__nav__link.w--open {
    color: #fff;
  }

  .nav__hamburger-button {
    justify-content: center;
    align-items: center;
    margin-right: -1.66667rem;
    padding: 1.667rem;
    display: flex;
  }

  .nav__hamburger-button.w--open {
    background-color: #0000;
  }

  .md__nav__hamburger-line {
    width: 21px;
    height: 1.5px;
    margin-top: 4px;
    margin-bottom: 4px;
  }

  .smi__footer-address {
    flex-flow: column wrap;
    justify-content: flex-end;
  }

  .place-m-components:where(.w-variant-fd0e2caa-fd1e-ae6a-dc4f-2417f103a6d3) {
    flex-flow: row-reverse wrap-reverse;
  }

  .position-relative.variant-styling:where(.w-variant-152235a2-7b12-43ff-89f9-c9d4ebf59fa1) {
    flex: 100%;
    width: 100%;
    max-width: 100%;
  }

  .position-relative.variant-styling:where(.w-variant-65382744-4c7b-e61c-021a-b457a7c8e8b3) {
    flex: 25%;
    width: 100%;
    max-width: 25%;
  }

  .position-relative.variant-styling:where(.w-variant-6a6f1803-41a6-3deb-0834-77700e7d2014), .position-relative.variant-styling:where(.w-variant-4347c61b-fc4f-ecf8-53e7-11705fec7c3b) {
    flex-basis: 100%;
    max-width: 100%;
  }

  .position-relative.variant-styling:where(.w-variant-53493a53-e491-52e3-5e2d-3bf614a5aa8e), .position-relative.variant-styling:where(.w-variant-4c1bb185-14f2-61ad-aaf3-accf4c1f065c), .position-relative.variant-styling:where(.w-variant-5b2ce5e8-c847-a2ca-4e41-f3fcf9833958) {
    flex-basis: 50%;
    max-width: 50%;
  }

  .position-relative.variant-styling:where(.w-variant-c8a3cbd9-4d79-bd93-46ff-af482abf71e7) {
    flex-basis: 33.33%;
    max-width: 33.33%;
  }

  .position-relative.variant-styling:where(.w-variant-c8855682-ca7e-ac31-cfff-8736dcdd003b) {
    flex-basis: 50%;
    max-width: 50%;
  }

  .position-relative.variant-styling:where(.w-variant-026ffe05-18e0-87c1-da66-58ba195f9ae2) {
    flex-basis: 33.33%;
    max-width: 33.33%;
  }

  .image-grid, .image-grid:where(.w-variant-fb70bfe8-9982-5529-8c7a-e18d4b281883) {
    grid-template-columns: 1fr 1fr;
  }

  .hero {
    margin-top: 10rem;
  }

  .laptop-image {
    top: auto;
  }

  .section-laptop {
    min-height: 47rem;
  }

  .slider__arrow {
    top: -4.6rem;
    left: 25.9rem;
  }

  .slider__arrow.slider__right-bleed {
    left: 86vw;
  }

  .image-trainer {
    position: relative;
    left: -3rem;
  }

  .section-trainer {
    background-position: 0 0, 0 0;
  }

  .slide-cases__wrapper {
    min-height: 19rem;
  }

  .negtive-space-l {
    margin-top: -11rem;
  }

  .nav__logo {
    width: 20rem;
    height: 5rem;
  }

  .button__background {
    display: none;
  }

  .button__arrow-down:hover {
    background-color: var(--base--dark);
    color: var(--primary--500);
  }

  .button__arrow-down:hover:where(.w-variant-1bb7c90b-10d8-4fcf-3ec3-14a138aea7d6) {
    background-color: var(--base--dark);
  }

  .nav__wrapper.shadow-xs {
    height: 10rem;
  }
}

@media screen and (max-width: 767px) {
  body {
    --base--dark: #090328;
    --typ--text-m-–-size: 1rem;
    --typ--text-m-–-line-height: 1.35;
    --typ--h1-–-size: 3rem;
    --typ--h1-–-line-height: 1;
    --typ--h2-–-size: 2rem;
    --typ--h2-–-line-height: 1;
    --typ--h3-–-size: 1.25rem;
    --typ--h3-–-line-height: .9;
    --typ--h4-–-size\<deleted\|variable-f745672e-8351-3052-14a2-de53f6f80993\>: 1.5rem;
    --typ--h4-–-line-height\<deleted\|variable-b283b568-9302-c0a3-daf0-7ae9c447f8c7\>: 1.3;
    --typ--h5-–-size\<deleted\|variable-f9a1770a-335e-e73b-b1a0-f37cdf5f0ca8\>: 1.125rem;
    --typ--h5-–-line-height\<deleted\|variable-c5250f20-be34-b8e5-186f-17b6cbdf2e85\>: 1.4;
    --typ--h6-–-size\<deleted\|variable-ef521296-30eb-8838-3262-2d9aa69bd42d\>: 1rem;
    --typ--h6-–-line-height\<deleted\|variable-077b0167-8f46-c9bc-4933-4765d4539869\>: 1.4;
    --spacing--xs: 1rem;
    --spacing--s: 1.5rem;
    --spacing--xxs: .75rem;
    --base--grey: #eee;
    --typ--text-xxl-–-size\<deleted\|variable-45fd02cf-0338-047b-97d2-2a68963324b3\>: 1.5rem;
    --typ--text-xxl-–-line-height\<deleted\|variable-fdc24862-7eeb-a5e9-e397-6619fca36f3d\>: 1.5;
    --typ--text-l-–-size: 1.125rem;
    --typ--text-l-–-line-height: 1;
    --typ--text-s-–-size: .875rem;
    --typ--text-s-–-line-height: 1.35;
    --typ--text-xs-–-size\<deleted\|variable-e6349327-99fd-7530-d970-e81cca7eb73f\>: .75rem;
    --typ--text-xs-–-line-height\<deleted\|variable-d10fa57e-5a76-7160-f2fc-1693cc71ac4d\>: 1.5;
    --primary--500: #40e2b8;
    --spacing--gap-m: 1.25rem;
    --spacing--gap-l: 2.5rem;
    --spacing--gap-s: .625rem;
    --spacing--xxxs: .5em;
    --spacing--xxl: 6rem;
    --spacing--xl: 3rem;
    --spacing--l: 2.5rem;
    --spacing--m: 2rem;
    --base--white: white;
    --base--action: #c1121f;
    --base--grey-light: #f3f4f6;
    --base--transparant: #fff0;
    --spacing--radius: 1rem;
    font-size: 1rem;
  }

  h1 {
    font-size: 3rem;
  }

  h2 {
    font-size: 2.5rem;
  }

  h3 {
    font-size: 1.75rem;
  }

  h4 {
    font-size: 1.5rem;
  }

  h5 {
    font-size: 1.125rem;
  }

  h6 {
    font-size: 1rem;
  }

  .heading-xl {
    font-size: 3rem;
  }

  .heading-l {
    font-size: 2.5rem;
  }

  .heading-m {
    font-size: 1.75rem;
  }

  .heading-xxs {
    font-size: 1rem;
  }

  .text-xxl {
    font-size: 1.5rem;
  }

  .text-l {
    font-size: 1.125rem;
  }

  .text-m {
    font-size: 1rem;
  }

  .text-s {
    font-size: .875rem;
  }

  .text-xs {
    font-size: .75rem;
  }

  .layout__row {
    margin-left: calc(0px - var(--spacing--gap-m) / 2);
    margin-right: calc(0px - var(--spacing--gap-m) / 2);
  }

  .layout__row.layout__no-gutter.layout__no-wrap.bp-xs__layout__vertical.layout__no-gap.bp-xs__full-width {
    width: 100%;
  }

  .layout__row.layout__vertical.bp-xs__layout__reverse {
    flex-direction: column-reverse;
  }

  .layout__row.bp-xs__layout__reverse {
    flex-flow: wrap-reverse;
  }

  .layout__row.bp-xs__layout__gap-m {
    grid-row-gap: var(--spacing--gap-m);
  }

  .layout__row.layout__gutter-l {
    margin-left: calc(0px - var(--spacing--gap-l) / 2);
    margin-right: calc(0px - var(--spacing--gap-l) / 2);
  }

  .layout__row.layout__gutter-m, .layout__row.bp-xs__layout__gutter-m {
    margin-right: calc(0px - var(--spacing--gap-m) / 2);
    margin-left: calc(0px - var(--spacing--gap-m) / 2);
  }

  .layout__row.layout__gutter-s {
    margin-left: calc(0px - var(--spacing--gap-s) / 2);
    margin-right: calc(0px - var(--spacing--gap-s) / 2);
  }

  .layout__col {
    padding-left: calc(var(--spacing--gap-m) / 2);
    padding-right: calc(var(--spacing--gap-m) / 2);
  }

  .layout__col:where(.w-variant-bfef8a10-79ac-4f06-7aef-4ae85650d144) {
    flex-basis: 100%;
    max-width: 100%;
  }

  .layout__col.layout__col-2.bp-s__layout__col-4.bp-xs__layout__col-6 {
    flex-basis: 50%;
  }

  .layout__col.layout__no-gutter:where(.w-variant-bfef8a10-79ac-4f06-7aef-4ae85650d144) {
    max-width: 100%;
  }

  .layout__col.layout__horizontal.bp-xs__layout__reverse {
    flex-direction: row-reverse;
  }

  .layout__col.bp-xs__layout__reverse {
    flex-flow: column-reverse;
    display: flex;
  }

  .layout__col.layout__gutter-l {
    padding-left: calc(var(--spacing--gap-l) / 2);
    padding-right: calc(var(--spacing--gap-l) / 2);
  }

  .layout__col.layout__gutter-m {
    padding-right: calc(var(--spacing--gap-m) / 2);
    padding-left: calc(var(--spacing--gap-m) / 2);
  }

  .layout__col.layout__gutter-s {
    padding-left: calc(var(--spacing--gap-s) / 2);
    padding-right: calc(var(--spacing--gap-s) / 2);
  }

  .layout__col.bp-xs__layout__gutter-m {
    padding-right: calc(var(--spacing--gap-m) / 2);
    padding-left: calc(var(--spacing--gap-m) / 2);
  }

  .layout__col.variant-styling:where(.w-variant-baf3802e-bbd4-3797-f8c5-286f7db4647b) {
    flex: 100%;
    width: 100%;
    max-width: 100%;
  }

  .layout__col.variant-styling:where(.w-variant-65382744-4c7b-e61c-021a-b457a7c8e8b3) {
    flex-basis: 50%;
    max-width: 50%;
  }

  .layout__col.variant-styling:where(.w-variant-d015683d-077e-ae95-4a7c-220bef0420f0), .layout__col.variant-styling:where(.w-variant-53493a53-e491-52e3-5e2d-3bf614a5aa8e), .layout__col.variant-styling:where(.w-variant-d6d0e207-dc3f-70a9-896f-3352aeabeb20), .layout__col.variant-styling:where(.w-variant-4c1bb185-14f2-61ad-aaf3-accf4c1f065c) {
    flex-basis: 100%;
    max-width: 100%;
  }

  .layout__col.variant-styling:where(.w-variant-c8a3cbd9-4d79-bd93-46ff-af482abf71e7) {
    flex-basis: 50%;
    max-width: 50%;
  }

  .layout__col.variant-styling:where(.w-variant-c8855682-ca7e-ac31-cfff-8736dcdd003b) {
    flex-basis: 100%;
    max-width: 100%;
  }

  .layout__col.variant-styling:where(.w-variant-026ffe05-18e0-87c1-da66-58ba195f9ae2) {
    flex-basis: 50%;
    max-width: 50%;
  }

  .layout__horizontal.opacity-40.bp-xs__layout__vertical {
    padding-left: 1.25rem;
  }

  .spacing-xxl {
    width: 6rem;
    height: 6rem;
  }

  .spacing-xl {
    width: 4rem;
    height: 4rem;
  }

  .spacing-xl.bp-xs__spacing-s {
    width: var(--spacing--s);
    height: var(--spacing--s);
  }

  .spacing-l {
    width: 3rem;
    height: 3rem;
  }

  .spacing-l.bp-xs__spacing-xs {
    width: var(--spacing--xs);
    height: var(--spacing--xs);
  }

  .spacing-m {
    flex: none;
  }

  .bp-xs__show {
    display: block;
  }

  .bp-xs__hidden {
    display: none;
  }

  .bp-xs__text-left {
    text-align: left;
  }

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

  .bp-xs__text-right {
    text-align: right;
  }

  .bp-xs__layout__col-2 {
    flex-grow: 1;
    flex-basis: 16.67%;
    max-width: 16.67%;
  }

  .bp-xs__layout__col-3 {
    flex: 25%;
    max-width: 25%;
  }

  .bp-xs__layout__col-4 {
    flex-grow: 1;
    flex-basis: 33.33%;
    max-width: 33.33%;
  }

  .bp-xs__layout__col-6 {
    flex-grow: 1;
    flex-basis: 50%;
    max-width: 50%;
  }

  .bp-xs__layout__col-8 {
    flex: 66.67%;
    max-width: 66.67%;
  }

  .bp-xs__layout__col-9 {
    flex: 75%;
    max-width: 75%;
  }

  .bp-xs__layout__col-10 {
    flex: 83.33%;
    max-width: 83.33%;
  }

  .bp-xs__layout__col-12 {
    flex: 100%;
    max-width: 100%;
  }

  .bp-xs__layout__vertical {
    flex-direction: column;
    display: flex;
  }

  .bp-xs__layout__align-start {
    align-items: flex-start;
    display: flex;
  }

  .bp-xs__layout__align-center {
    align-items: center;
    display: flex;
  }

  .bp-xs__layout__align-end {
    align-items: flex-end;
    display: flex;
  }

  .bp-xs__layout__justify-start {
    justify-content: flex-start;
    display: flex;
  }

  .bp-xs__layout__justify-center {
    justify-content: center;
    display: flex;
  }

  .bp-xs__layout__justify-end {
    justify-content: flex-end;
    display: flex;
  }

  .bp-xs__layout__wrap {
    flex-wrap: wrap;
    display: flex;
  }

  .bp-xs__layout__no-wrap {
    flex-wrap: nowrap;
    display: flex;
  }

  .bp-xs__layout__reverse {
    flex-direction: row-reverse;
  }

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

  .icon-topbar {
    width: 1.33em;
    height: 1.33em;
    display: block;
  }

  .md__nav__link {
    padding-left: 1.42857em;
    padding-right: 1.42857em;
    font-size: 1.16667rem;
  }

  .nav__hamburger-button {
    margin-right: -1.42857rem;
  }

  .md__logo-nav {
    padding-left: 0;
  }

  .image-16x9 {
    aspect-ratio: 16 / 13;
  }

  .accordion__item {
    margin-bottom: calc(-1px + var(--spacing--bp-xs__gap) * -1);
  }

  .position-relative.variant-styling:where(.w-variant-baf3802e-bbd4-3797-f8c5-286f7db4647b) {
    flex: 100%;
    width: 100%;
    max-width: 100%;
  }

  .position-relative.variant-styling:where(.w-variant-65382744-4c7b-e61c-021a-b457a7c8e8b3) {
    flex-basis: 50%;
    max-width: 50%;
  }

  .position-relative.variant-styling:where(.w-variant-d015683d-077e-ae95-4a7c-220bef0420f0), .position-relative.variant-styling:where(.w-variant-53493a53-e491-52e3-5e2d-3bf614a5aa8e), .position-relative.variant-styling:where(.w-variant-d6d0e207-dc3f-70a9-896f-3352aeabeb20), .position-relative.variant-styling:where(.w-variant-4c1bb185-14f2-61ad-aaf3-accf4c1f065c) {
    flex-basis: 100%;
    max-width: 100%;
  }

  .position-relative.variant-styling:where(.w-variant-c8a3cbd9-4d79-bd93-46ff-af482abf71e7) {
    flex-basis: 50%;
    max-width: 50%;
  }

  .position-relative.variant-styling:where(.w-variant-c8855682-ca7e-ac31-cfff-8736dcdd003b) {
    flex-basis: 100%;
    max-width: 100%;
  }

  .position-relative.variant-styling:where(.w-variant-026ffe05-18e0-87c1-da66-58ba195f9ae2) {
    flex-basis: 50%;
    max-width: 50%;
  }

  .image-grid, .image-grid:where(.w-variant-fb70bfe8-9982-5529-8c7a-e18d4b281883) {
    grid-template-columns: 1fr;
  }

  .hero {
    aspect-ratio: 12 / 7;
    margin-top: 6rem;
  }

  .laptop-image {
    width: 120vw;
    max-width: none;
    margin-top: -35vw;
    margin-left: -10vw;
    position: static;
  }

  .section-laptop {
    flex-flow: column;
    height: auto;
    min-height: 0;
    display: flex;
  }

  .negtive-space {
    margin-top: -4rem;
  }

  .background-slider__bleed-left {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    width: 100vw;
    margin-left: -.625rem;
    margin-right: 0;
    inset: 0%;
  }

  .slider__arrow {
    top: -6.8rem;
  }

  .slider__arrow.slider__right-bleed {
    left: 25.9rem;
  }

  .image-trainer {
    left: -6rem;
  }

  .section-sporters, .image-vips {
    height: 90vw;
  }

  .background-slider__bleed-right {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    width: 100vw;
    max-width: none;
    margin-left: -.625rem;
  }

  .slider__bleed-right-content {
    padding-left: 0;
  }

  .slide-cases__wrapper {
    min-height: 17rem;
  }

  .negtive-space-l {
    margin-top: -3.8rem;
  }

  .image-your-own {
    aspect-ratio: 16 / 13;
  }

  .nav__logo {
    width: 13rem;
    height: 3rem;
  }

  .language-switch__wrapper {
    width: 115px;
    margin: .5rem auto 1rem;
  }

  .nav__menu {
    background-color: var(--base--white);
    border-bottom-right-radius: 1.625rem;
    border-bottom-left-radius: 1.625rem;
    width: 16rem;
    position: absolute;
    top: 4.5rem;
    right: -.75rem;
  }

  .nav__link {
    padding-top: .75rem;
    padding-bottom: .75rem;
  }

  .button__content {
    justify-content: center;
    align-items: center;
  }

  .nav__wrapper.shadow-xs {
    height: 6rem;
  }
}

@media screen and (max-width: 479px) {
  .heading-xl.text-caps.text-bold.line-height-08 {
    font-size: 1.8rem;
  }

  .layout__row.layout__vertical.bp-xxs__layout__reverse {
    flex-direction: column-reverse;
  }

  .layout__row.bp-xxs__layout__reverse {
    flex-flow: wrap-reverse;
  }

  .layout__row.layout__horizontal.layout__justify-center.bp-xxs__layout__vertical.bp-xxs__layout__no-wrap {
    flex-flow: row;
  }

  .layout__row.full-width {
    width: calc(100% + var(--spacing--gap-m));
  }

  .layout__col.layout__col-2.bp-s__layout__col-4.bp-xs__layout__col-6.bp-xxs__layout__col-12 {
    flex-basis: 100%;
  }

  .layout__col.layout__horizontal.bp-xxs__layout__reverse {
    flex-direction: row-reverse;
  }

  .layout__col.bp-xxs__layout__reverse {
    flex-flow: column-reverse;
    display: flex;
  }

  .layout__col.bp-xxs__layout__col-12 {
    flex-basis: 100%;
    max-width: 100%;
  }

  .spacing-xxl {
    width: 5rem;
    height: 5rem;
  }

  .bp-xxs__show {
    display: block;
  }

  .bp-xxs__hidden {
    display: none;
  }

  .bp-xxs__text-left {
    text-align: left;
  }

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

  .bp-xxs__text-right {
    text-align: right;
  }

  .bp-xxs__layout__col-2 {
    flex-grow: 1;
    flex-basis: 16.67%;
    max-width: 16.67%;
  }

  .bp-xxs__layout__col-3 {
    flex: 25%;
    max-width: 25%;
  }

  .bp-xxs__layout__col-4 {
    flex-grow: 1;
    flex-basis: 33.33%;
    max-width: 33.33%;
  }

  .bp-xxs__layout__col-6 {
    flex-grow: 1;
    flex-basis: 50%;
    max-width: 50%;
  }

  .bp-xxs__layout__col-8 {
    flex: 66.67%;
    max-width: 66.67%;
  }

  .bp-xxs__layout__col-9 {
    flex: 75%;
    max-width: 75%;
  }

  .bp-xxs__layout__col-10 {
    flex: 83.33%;
    max-width: 83.33%;
  }

  .bp-xxs__layout__col-12 {
    flex: 100%;
    max-width: 100%;
  }

  .bp-xxs__layout__vertical {
    flex-direction: column;
    display: flex;
  }

  .bp-xxs__layout__align-start {
    align-items: flex-start;
    display: flex;
  }

  .bp-xxs__layout__align-center {
    align-items: center;
    display: flex;
  }

  .bp-xxs__layout__align-end {
    align-items: flex-end;
    display: flex;
  }

  .bp-xxs__layout__justify-start {
    justify-content: flex-start;
    display: flex;
  }

  .bp-xxs__layout__justify-center {
    justify-content: center;
    display: flex;
  }

  .bp-xxs__layout__justify-end {
    justify-content: flex-end;
    display: flex;
  }

  .bp-xxs__layout__reverse {
    flex-direction: row-reverse;
  }

  .bp-xxs__layout__wrap {
    flex-wrap: wrap;
    display: flex;
  }

  .bp-xxs__layout__no-wrap {
    flex-wrap: nowrap;
    display: flex;
  }

  .button {
    justify-content: center;
    align-items: center;
    width: 100%;
  }

  .icon-topbar {
    display: block;
  }

  .md__nav__brand {
    padding-left: 0;
  }

  .md__nav__brand.w--current {
    align-items: center;
  }

  .md__nav__link {
    padding: .75em 1.07143em;
  }

  .nav__hamburger-button {
    margin-right: -1.07143rem;
  }

  .smi__footer-address {
    flex-direction: column;
    flex: 1;
  }

  .image-cover.align-left {
    object-position: 15% 50%;
  }

  .image-16x9 {
    aspect-ratio: 16 / 31;
  }

  .image-16x9.radius-non {
    aspect-ratio: 16 / 16;
  }

  .accordion__content {
    padding-left: var(--spacing--xxxs);
  }

  .full-width {
    width: 100%;
  }

  .sml-tabs__menu {
    flex-flow: wrap;
    display: flex;
  }

  .sml-image__lightbox {
    width: 100%;
  }

  .hero {
    aspect-ratio: 12 / 17;
    margin-top: 5rem;
  }

  .laptop-image {
    width: 180vw;
    margin-top: -58vw;
    margin-left: -40vw;
  }

  .image-3x1.bleed-rightside {
    aspect-ratio: auto;
    border-radius: 0;
    width: auto;
    min-width: auto;
    height: 13rem;
    margin-left: -1.25rem;
    margin-right: -1.25rem;
  }

  .text-overlay {
    justify-content: center;
    align-items: flex-end;
  }

  .slider__arrow {
    top: -5rem;
    left: auto;
    right: 4rem;
  }

  .slider__arrow.slider__arrow-right, .slider__arrow.slider__arrow-right.slider__right-bleed {
    right: 0;
  }

  .slider__arrow.slider__right-bleed {
    left: auto;
    right: 4rem;
  }

  .slide__wrapper {
    padding-top: 1rem;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .logo__wrapper.wide {
    width: 100%;
  }

  .image-trainer {
    height: 50%;
    inset: auto auto 0% -3.8rem;
  }

  .section-trainer {
    background-position: 0 0, 0 100%;
    background-size: auto, 170vw;
  }

  .section-sporters {
    height: 150vw;
  }

  .image-vips {
    width: 200vw;
    height: 150vw;
  }

  .slide-cases__wrapper {
    min-height: 16rem;
    padding-top: 1rem;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .image-your-own {
    aspect-ratio: 16 / 31;
  }

  .nav__logo {
    width: 14rem;
    height: 4rem;
  }

  .button__arrow-down {
    justify-content: center;
    align-items: center;
    width: 100%;
  }

  .nav__wrapper.shadow-xs {
    height: 5rem;
  }

  .logo-ticker__box {
    width: 10rem;
    height: 4rem;
  }
}

#w-node-b8fe18c2-061b-dccd-d15e-15f8ac85a380-79b5b5be {
  grid-area: 2 / 1 / 3 / 2;
}

#w-node-b8fe18c2-061b-dccd-d15e-15f8ac85a395-79b5b5be {
  grid-area: 3 / 1 / 4 / 2;
}

#w-node-b8fe18c2-061b-dccd-d15e-15f8ac85a3aa-79b5b5be {
  grid-area: 4 / 1 / 5 / 2;
}

@media screen and (max-width: 991px) {
  #w-node-b8fe18c2-061b-dccd-d15e-15f8ac85a380-79b5b5be {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-b8fe18c2-061b-dccd-d15e-15f8ac85a395-79b5b5be {
    grid-area: 3 / 1 / 4 / 2;
  }

  #w-node-b8fe18c2-061b-dccd-d15e-15f8ac85a3aa-79b5b5be {
    grid-area: 4 / 1 / 5 / 2;
  }
}


@font-face {
  font-family: 'Helvetica Neue';
  src: url('../fonts/helveticaneueltw1g-hv-webfont.woff2') format('woff2');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Helvetica Neue';
  src: url('../fonts/helveticaneueltw1g-roman-webfont.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Helvetica Neue';
  src: url('../fonts/helveticaneueltw1g-bd-webfont.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}