@font-face {
  font-family: Intertight;
  src: url('../fonts/InterTight-Medium.ttf') format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Intertight;
  src: url('../fonts/InterTight-Bold.ttf') format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Geistmono;
  src: url('../fonts/GeistMono-Regular.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Geistmono;
  src: url('../fonts/GeistMono-Bold.ttf') format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Marund;
  src: url('../fonts/26A1Marund-7000Sharp.woff2') format("woff2"), url('../fonts/26A1Marund-7000Sharp.woff') format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}



:root {
  --_font---primary: Intertight, Arial, sans-serif;
  --_theme---text: var(--text-color--primary);
  --_body---regular: 1rem;
  --_body---line-height: 1.3;
  --_body---letter-spacing: 0em;
  --_font---heading: Marund, Arial, sans-serif;
  --_heading---size--h1: 5rem;
  --_heading---size--line-height: 1;
  --_heading---size--letter-spacing: -.03em;
  --_heading---size--h2: 4rem;
  --_heading---size--h3: 2rem;
  --_heading---size--h4: 1.5rem;
  --_sizes---xl-0\<deleted\|variable-24424e5b-0920-75ba-fb58-6a78a53e07ec\>: 3.75rem;
  --_sizes---xs-0-5\<deleted\|variable-f666d4ff-fef3-fea1-b305-40768707404a\>: .5rem;
  --_sizes---xhuge-8\<deleted\|variable-462da363-5e25-5ef7-bba7-142451ad381d\>: 8rem;
  --_sizes---xxhuge-12\<deleted\|variable-929ac761-1eb7-9e4d-c4b5-88bc8eefb054\>: 12rem;
  --_sizes---huge-6\<deleted\|variable-9c7d13c4-489f-528c-f4cf-4926c8c720ae\>: 6rem;
  --_sizes---l-3\<deleted\|variable-cc5cbaca-3724-af4a-e2db-181c8222d4be\>: 3.125rem;
  --_sizes---xl-5\<deleted\|variable-6edd8291-a81d-2a0f-6443-009ceffdff5d\>: 5rem;
  --_sizes---xxs-0-25\<deleted\|variable-f3ed7a0e-5b44-662f-a9eb-b25451874626\>: .25rem;
  --_sizes---tiny-0-125\<deleted\|variable-b4f3e744-ae45-b47e-c62e-e38862261d1e\>: .125rem;
  --_sizes---s-1-1\<deleted\|variable-9f8b5b20-1592-90ac-29c4-ae83dda243de\>: 1rem;
  --_sizes---m-2-1\<deleted\|variable-08cc5b74-8cc6-6208-962f-808887efd579\>: 2rem;
  --background-color--primary: var(--neutral--black);
  --text-color--alternate: var(--neutral--white);
  --text-color--primary: var(--neutral--black);
  --text-color--secondary: var(--neutral--neutral);
  --background-color--background-success\<deleted\|variable-879e2a57-3170-38fd-0ae7-d0e890873ab2\>: var(--base-color-system--success-green\<deleted\|variable-8fc09a81-a1c7-3c5b-2cf2-835ad5d96212\>);
  --text-color--text-success\<deleted\|variable-17518f72-fb93-45b5-ad9e-fdd3f2b1833a\>: var(--base-color-system--success-green-dark\<deleted\|variable-70ae3530-1c64-4d15-f2af-205678316683\>);
  --_spacing---container--small: 48rem;
  --_spacing---padding-global: 2.5rem;
  --_spacing---section-padding--small: 1.5rem;
  --_spacing---max-width--small: 32rem;
  --border-color--primary: var(--neutral--lightest);
  --_body---tiny: .75rem;
  --_spacing---max-width--medium: 48rem;
  --_spacing---max-width--large: 60rem;
  --background-color--alternate: var(--neutral--white);
  --_body---small: .875rem;
  --background-color--secondary: var(--brand--blue);
  --_spacing---section-padding--large: 5rem;
  --link-color--link-primary\<deleted\|variable-ad940cb5-1815-151e-2cbc-4f27dec2b1e5\>: var(--brand--blue);
  --_body---large: 1.5rem;
  --background-color--background-tertiary\<deleted\|variable-6632d948-2d2d-2556-731d-05a71c92f234\>: var(--brand--pink\<deleted\|variable-c4661572-8a15-7367-e98c-cc1a0987f6d1\>);
  --_spacing---container--large: 100rem;
  --background-color--background-error\<deleted\|variable-89aecd3e-2fe8-312c-65a2-e3e7c57d326c\>: var(--base-color-system--error-red\<deleted\|variable-ad7a5e8d-bd95-fba4-5110-cbccfa2520c4\>);
  --text-color--text-error\<deleted\|variable-4a51c5d2-820c-a0d9-b49e-0e5d273c964f\>: var(--base-color-system--error-red-dark\<deleted\|variable-f7a8b234-8033-a5d6-4d85-0326277c2bf8\>);
  --brand--orange: #ff3b00;
  --_theme---button--text: var(--neutral--white);
  --brand--dark-blue: #102855;
  --border-color--alternate: var(--neutral--darker);
  --_body---medium: 1.125rem;
  --_spacing---section-padding--medium: 2.5rem;
  --_spacing---container--medium: 64rem;
  --background-color--background-warning\<deleted\|variable-0aa1a7ce-e851-b6b5-66db-1a1a96e8e04b\>: var(--base-color-system--warning-yellow\<deleted\|variable-b0ee00e7-091a-a3f5-1619-b09d07f4475a\>);
  --text-color--text-warning\<deleted\|variable-825aa1d8-b093-0b89-37c5-87d980df10f5\>: var(--base-color-system--warning-yellow-dark\<deleted\|variable-296491a7-483e-1229-36b5-e13808cc9004\>);
  --_grid---columns: 12;
  --_grid---gap: var(--_size---6);
  --_spacing---nav-height: 5rem;
  --brand--off-white: whitesmoke;
  --neutral--black: #000;
  --neutral--lighter: #ccc;
  --neutral--white: #fff;
  --_spacing---marquee-gap: 5rem;
  --_theme---bg-secondary: var(--neutral--lightest);
  --_theme---button--border: var(--neutral--black);
  --_theme---button--bg: var(--neutral--black);
  --_size---1: .25rem;
  --_size---0-5: .125rem;
  --_size---2: .5rem;
  --_size---3: .75rem;
  --_size---3-5: .875rem;
  --_size---4: 1rem;
  --_size---4-5: 1.125rem;
  --_size---6: 1.5rem;
  --_size---8: 2rem;
  --_size---10: 2.5rem;
  --_size---12: 3rem;
  --_size---14: 3.5rem;
  --_size---20: 5rem;
  --_size---24: 6rem;
  --_size---16: 4rem;
  --_theme---bg: var(--neutral--white);
  --_font---secondary: Geistmono, Arial, sans-serif;
  --neutral--dark: #444;
  --_spacing---padding-global-v: calc(-1 * var(--_spacing---padding-global));
  --neutral--lightest: #ddd;
  --_size---48: 12rem;
  --_size---32: 8rem;
  --_size---64: 16rem;
  --brand--blue: #3a48c7;
  --_theme---border-primary: white;
  --_theme---bg-transparent: color-mix(in srgb, var(--_theme---bg), var(--_theme---bg) 0%);
  --_theme---button--bg-secondary: white;
  --_theme---button--text-secondary: white;
  --_theme---button--hover-bg: white;
  --_theme---button--hover-bg-secondary: white;
  --neutral--light: #aaa;
  --neutral--neutral: #666;
  --neutral--darker: #222;
  --neutral--darkest: #111;
  --border-color--secondary: var(--brand--blue);
  --base-color-system--success-green\<deleted\|variable-8fc09a81-a1c7-3c5b-2cf2-835ad5d96212\>: #cef5ca;
  --base-color-system--success-green-dark\<deleted\|variable-70ae3530-1c64-4d15-f2af-205678316683\>: #114e0b;
  --brand--pink\<deleted\|variable-c4661572-8a15-7367-e98c-cc1a0987f6d1\>: #dd23bb;
  --base-color-system--error-red\<deleted\|variable-ad7a5e8d-bd95-fba4-5110-cbccfa2520c4\>: #f8e4e4;
  --base-color-system--error-red-dark\<deleted\|variable-f7a8b234-8033-a5d6-4d85-0326277c2bf8\>: #3b0b0b;
  --base-color-system--warning-yellow\<deleted\|variable-b0ee00e7-091a-a3f5-1619-b09d07f4475a\>: #fcf8d8;
  --base-color-system--warning-yellow-dark\<deleted\|variable-296491a7-483e-1229-36b5-e13808cc9004\>: #5e5515;
}

.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 {
  font-family: var(--_font---primary);
  color: var(--_theme---text);
  font-size: var(--_body---regular);
  line-height: var(--_body---line-height);
  letter-spacing: var(--_body---letter-spacing);
  text-wrap: pretty;
}

h1 {
  font-family: var(--_font---heading);
  font-size: var(--_heading---size--h1);
  line-height: var(--_heading---size--line-height);
  letter-spacing: var(--_heading---size--letter-spacing);
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 700;
}

h2 {
  font-family: var(--_font---heading);
  font-size: var(--_heading---size--h2);
  line-height: var(--_heading---size--line-height);
  letter-spacing: var(--_heading---size--letter-spacing);
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 700;
}

h3 {
  font-family: var(--_font---heading);
  font-size: var(--_heading---size--h3);
  line-height: var(--_heading---size--line-height);
  letter-spacing: var(--_heading---size--letter-spacing);
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 700;
}

h4 {
  font-family: var(--_font---heading);
  font-size: var(--_heading---size--h4);
  line-height: var(--_heading---size--line-height);
  letter-spacing: var(--_heading---size--letter-spacing);
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 700;
}

h5 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.5;
}

h6 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5;
}

p {
  margin-bottom: 0;
}

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

ul, ol {
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 1.5rem;
}

li {
  margin-bottom: .25rem;
}

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

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

blockquote {
  border-left: .25rem solid #e2e2e2;
  margin-bottom: 0;
  padding: 0 1.25rem;
  font-size: 1.25rem;
  line-height: 1.5;
}

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

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

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

.utility-page_wrapper {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  text-align: center;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  max-width: 20rem;
  display: flex;
}

.utility-page_form {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
}

.utility-page_image {
  margin-left: auto;
  margin-right: auto;
}

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

.margin-custom2 {
  margin: 2.5rem;
}

.padding-xlarge {
  padding: var(--_sizes---xl-0\<deleted\|variable-24424e5b-0920-75ba-fb58-6a78a53e07ec\>);
}

.margin-xlarge {
  margin: var(--_sizes---xl-0\<deleted\|variable-24424e5b-0920-75ba-fb58-6a78a53e07ec\>);
}

.margin-xsmall {
  margin: var(--_sizes---xs-0-5\<deleted\|variable-f666d4ff-fef3-fea1-b305-40768707404a\>);
}

.padding-xhuge {
  padding: var(--_sizes---xhuge-8\<deleted\|variable-462da363-5e25-5ef7-bba7-142451ad381d\>);
}

.margin-custom1 {
  margin: 1.5rem;
}

.p-0 {
  padding: 0;
}

.padding-xxhuge {
  padding: var(--_sizes---xxhuge-12\<deleted\|variable-929ac761-1eb7-9e4d-c4b5-88bc8eefb054\>);
}

.padding-huge {
  padding: var(--_sizes---huge-6\<deleted\|variable-9c7d13c4-489f-528c-f4cf-4926c8c720ae\>);
}

.margin-large {
  margin: var(--_sizes---l-3\<deleted\|variable-cc5cbaca-3724-af4a-e2db-181c8222d4be\>);
}

.padding-xxlarge {
  padding: var(--_sizes---xl-5\<deleted\|variable-6edd8291-a81d-2a0f-6443-009ceffdff5d\>);
}

.margin-xxsmall {
  margin: var(--_sizes---xxs-0-25\<deleted\|variable-f3ed7a0e-5b44-662f-a9eb-b25451874626\>);
}

.padding-custom3 {
  padding: 3.5rem;
}

.padding-large {
  padding: var(--_sizes---l-3\<deleted\|variable-cc5cbaca-3724-af4a-e2db-181c8222d4be\>);
}

.margin-tiny {
  margin: var(--_sizes---tiny-0-125\<deleted\|variable-b4f3e744-ae45-b47e-c62e-e38862261d1e\>);
}

.padding-small {
  padding: var(--_sizes---s-1-1\<deleted\|variable-9f8b5b20-1592-90ac-29c4-ae83dda243de\>);
}

.padding-custom2 {
  padding: 2.5rem;
}

.margin-custom3 {
  margin: 3.5rem;
}

.padding-custom1 {
  padding: 1.5rem;
}

.margin-huge {
  margin: var(--_sizes---huge-6\<deleted\|variable-9c7d13c4-489f-528c-f4cf-4926c8c720ae\>);
}

.padding-medium {
  padding: var(--_sizes---m-2-1\<deleted\|variable-08cc5b74-8cc6-6208-962f-808887efd579\>);
}

.padding-xsmall {
  padding: var(--_sizes---xs-0-5\<deleted\|variable-f666d4ff-fef3-fea1-b305-40768707404a\>);
}

.margin-xxlarge {
  margin: var(--_sizes---xl-5\<deleted\|variable-6edd8291-a81d-2a0f-6443-009ceffdff5d\>);
}

.padding-xxsmall {
  padding: var(--_sizes---xxs-0-25\<deleted\|variable-f3ed7a0e-5b44-662f-a9eb-b25451874626\>);
}

.margin-xhuge {
  margin: var(--_sizes---xhuge-8\<deleted\|variable-462da363-5e25-5ef7-bba7-142451ad381d\>);
}

.padding-tiny {
  padding: var(--_sizes---tiny-0-125\<deleted\|variable-b4f3e744-ae45-b47e-c62e-e38862261d1e\>);
}

.margin-small {
  margin: var(--_sizes---s-1-1\<deleted\|variable-9f8b5b20-1592-90ac-29c4-ae83dda243de\>);
}

.margin-medium {
  margin: var(--_sizes---m-2-1\<deleted\|variable-08cc5b74-8cc6-6208-962f-808887efd579\>);
}

.margin-xxhuge {
  margin: var(--_sizes---xxhuge-12\<deleted\|variable-929ac761-1eb7-9e4d-c4b5-88bc8eefb054\>);
}

.margin-0 {
  margin: 0;
}

.margin-horizontal {
  margin-top: 0;
  margin-bottom: 0;
}

.p-t, .p-t.padding-medium {
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
}

.margin-vertical {
  margin-left: 0;
  margin-right: 0;
}

.margin-bottom, .margin-bottom.margin-xsmall, .margin-bottom.margin-small {
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
}

.p-l {
  padding-top: 0;
  padding-bottom: 0;
  padding-right: 0;
}

.p-v, .p-v.padding-xxlarge {
  padding-left: 0;
  padding-right: 0;
}

.p-h {
  padding-top: 0;
  padding-bottom: 0;
}

.margin-right {
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
}

.margin-top {
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
}

.margin-left {
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 0;
}

.p-r {
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
}

.p-b, .p-b.padding-xxlarge {
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
}

.form_checkbox {
  flex-direction: row;
  align-items: center;
  margin-bottom: .5rem;
  padding-left: 0;
  display: flex;
}

.form_checkbox-icon {
  border-radius: .125rem;
  width: .875rem;
  height: .875rem;
  margin: 0 .5rem 0 0;
}

.form_checkbox-icon.w--redirected-checked {
  background-size: 90%;
  border-radius: .125rem;
  width: .875rem;
  height: .875rem;
  margin: 0 .5rem 0 0;
}

.form_checkbox-icon.w--redirected-focus {
  border-radius: .125rem;
  width: .875rem;
  height: .875rem;
  margin: 0 .5rem 0 0;
  box-shadow: 0 0 .25rem 0 #3898ec;
}

.fs-styleguide_background {
  border: 1px solid #0000001a;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  display: flex;
}

.fs-styleguide_spacing {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  background-image: linear-gradient(to top, #2d40ea1a, #fff0);
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  place-content: start;
  place-items: start stretch;
  display: grid;
  position: relative;
}

.icon-1x1-small {
  flex: none;
  width: 1rem;
  height: 1rem;
}

.overflow-auto {
  overflow: auto;
}

.spacing-clean {
  margin: 0;
  padding: 0;
}

.icon-1x1-large {
  width: 2.5rem;
  height: 2.5rem;
}

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

.fs-styleguide_background-space {
  width: 1px;
  height: 1px;
  margin: 5rem;
}

.text-style-strikethrough {
  text-decoration: line-through;
}

.fs-styleguide_item {
  grid-column-gap: 1.125rem;
  grid-row-gap: 1.125rem;
  border-bottom: 1px solid #0000001a;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  place-content: start;
  place-items: start;
  padding-bottom: 3rem;
  display: grid;
  position: relative;
}

.fs-styleguide_item.is-stretch {
  justify-items: stretch;
}

.max-width-full {
  width: 100%;
  max-width: none;
}

.fs-styleguide_item-header {
  border-bottom: 1px solid #0000001a;
  width: 100%;
  padding-bottom: 2rem;
}

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

.z-index-1 {
  z-index: 1;
  position: relative;
}

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

.text-color-secondary {
  color: var(--text-color--secondary);
}

.fs-styleguide_2-col {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.fs-styleguide_2-col.is-align-start {
  align-items: start;
}

.form_message-success {
  background-color: var(--background-color--background-success\<deleted\|variable-879e2a57-3170-38fd-0ae7-d0e890873ab2\>);
  color: var(--text-color--text-success\<deleted\|variable-17518f72-fb93-45b5-ad9e-fdd3f2b1833a\>);
  padding: 1.25rem;
}

.fs-styleguide_row {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  flex-direction: row;
  grid-template-rows: auto;
  grid-template-columns: auto;
  grid-auto-columns: auto;
  grid-auto-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.heading-style-h3 {
  font-family: var(--_font---heading);
  font-size: var(--_heading---size--h3);
  line-height: var(--_heading---size--line-height);
  letter-spacing: var(--_heading---size--letter-spacing);
  font-weight: 700;
}

.text-rich-text h1, .text-rich-text h2, .text-rich-text h3, .text-rich-text h4 {
  margin-top: 1.5rem;
  margin-bottom: 1rem;
}

.text-rich-text h5, .text-rich-text h6 {
  margin-top: 1.25rem;
  margin-bottom: 1rem;
}

.text-rich-text p {
  margin-bottom: 1rem;
}

.text-rich-text ul, .text-rich-text ol {
  margin-bottom: 1.5rem;
}

.text-rich-text blockquote {
  margin-top: 2rem;
  margin-bottom: 2rem;
}

.pointer-events-auto {
  pointer-events: auto;
}

.container-small {
  width: 100%;
  max-width: var(--_spacing---container--small);
  margin-left: auto;
  margin-right: auto;
}

.icon-height-small {
  height: 1rem;
}

.icon-1x1-medium {
  width: 1.5rem;
  height: 1.5rem;
  transition: transform .2s;
}

.heading-style-h1 {
  font-family: var(--_font---heading);
  font-size: var(--_heading---size--h1);
  line-height: var(--_heading---size--line-height);
  letter-spacing: var(--_heading---size--letter-spacing);
  font-weight: 700;
}

.padding-global {
  padding-right: var(--_spacing---padding-global);
  padding-left: var(--_spacing---padding-global);
}

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

.padding-section-small {
  padding-top: var(--_spacing---section-padding--small);
  padding-bottom: var(--_spacing---section-padding--small);
}

.max-width-small {
  width: 100%;
  max-width: var(--_spacing---max-width--small);
}

.text-color-alternate {
  color: var(--text-color--alternate);
}

.text-style-italic {
  font-style: italic;
}

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

.text-weight-medium {
  font-weight: 500;
}

.overflow-hidden {
  overflow: hidden;
}

.fs-styleguide_section-header {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  border-bottom: 1px solid var(--border-color--primary);
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  padding-bottom: 3rem;
  line-height: 1.4;
  display: grid;
}

.text-size-tiny {
  font-size: var(--_body---tiny);
}

.max-width-xxlarge {
  width: 100%;
  max-width: 80rem;
}

.fs-styleguide_1-col {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.overflow-visible {
  overflow: visible;
}

.fs-styleguide_empty-box {
  z-index: -1;
  background-color: #2d40ea0d;
  border: 1px dashed #2d40ea;
  min-width: 3rem;
  height: 3rem;
  position: relative;
}

.text-weight-light {
  font-weight: 300;
}

.fs-styleguide_heading-medium {
  font-size: 4rem;
}

.max-width-xsmall {
  width: 100%;
  max-width: 16rem;
}

.fs-styleguide_4-col {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.text-size-regular {
  font-size: var(--_body---regular);
}

.text-weight-xbold {
  font-weight: 800;
}

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

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

.max-width-medium {
  width: 100%;
  max-width: var(--_spacing---max-width--medium);
}

.fs-styleguide_item-wrapper {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.max-width-large {
  width: 100%;
  max-width: var(--_spacing---max-width--large);
}

.fs-styleguide_header-block {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  place-items: center start;
  display: grid;
}

.background-color-alternate {
  background-color: var(--background-color--alternate);
}

.text-style-muted {
  opacity: .6;
}

.text-size-small {
  font-size: var(--_body---small);
}

.heading-style-h4 {
  font-family: var(--_font---heading);
  font-size: var(--_heading---size--h4);
  line-height: var(--_heading---size--line-height);
  letter-spacing: var(--_heading---size--letter-spacing);
  font-weight: 700;
}

.max-width-xlarge {
  width: 100%;
  max-width: 64rem;
}

.form_radio-icon {
  width: .875rem;
  height: .875rem;
  margin-top: 0;
  margin-left: 0;
  margin-right: .5rem;
}

.form_radio-icon.w--redirected-checked {
  border-width: .25rem;
  width: .875rem;
  height: .875rem;
}

.form_radio-icon.w--redirected-focus {
  width: .875rem;
  height: .875rem;
  box-shadow: 0 0 .25rem 0 #3898ec;
}

.text-style-nowrap {
  white-space: nowrap;
}

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

.background-color-secondary {
  background-color: var(--background-color--secondary);
}

.form_input {
  border: 1px solid var(--border-color--primary);
  background-color: #0000;
  min-height: 3rem;
  margin-bottom: .75rem;
  padding: .5rem 1rem;
  font-size: 1rem;
}

.form_input::placeholder, .form_input.is-select-input {
  color: var(--text-color--secondary);
}

.form_input.is-text-area {
  min-height: 8rem;
  padding-top: .75rem;
  font-size: 1rem;
}

.heading-style-h6 {
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5;
}

.padding-section-large {
  padding-top: var(--_spacing---section-padding--large);
  padding-bottom: var(--_spacing---section-padding--large);
}

.fs-styleguide_3-col {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: stretch;
  width: 100%;
  display: grid;
}

.fs-styleguide_3-col.is-align-start {
  align-items: start;
}

.text-style-link {
  color: var(--link-color--link-primary\<deleted\|variable-ad940cb5-1815-151e-2cbc-4f27dec2b1e5\>);
  text-decoration: underline;
}

.text-size-large {
  font-size: var(--_body---large);
}

.fs-styleguide_header {
  background-color: var(--background-color--primary);
  color: var(--text-color--alternate);
  background-image: url('../images/Sprint-Header_1Sprint Header.avif');
  background-position: 50% 100%;
  background-size: cover;
}

.heading-style-h2 {
  font-family: var(--_font---heading);
  font-size: var(--_heading---size--h2);
  line-height: var(--_heading---size--line-height);
  letter-spacing: var(--_heading---size--letter-spacing);
  font-weight: 700;
}

.fs-styleguide_label {
  background-color: var(--background-color--secondary);
  color: var(--text-color--alternate);
  border-radius: .25rem;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  padding: .25rem .75rem .3rem;
  font-weight: 600;
  display: flex;
}

.fs-styleguide_label.is-tag {
  background-color: var(--background-color--background-tertiary\<deleted\|variable-6632d948-2d2d-2556-731d-05a71c92f234\>);
}

.heading-style-h5 {
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.5;
}

.container-large {
  width: 100%;
  max-width: var(--_spacing---container--large);
  margin-left: auto;
  margin-right: auto;
}

.icon-height-medium {
  height: 2rem;
}

.text-style-allcaps {
  text-transform: uppercase;
}

.overflow-scroll {
  overflow: scroll;
}

.form_message-error {
  background-color: var(--background-color--background-error\<deleted\|variable-89aecd3e-2fe8-312c-65a2-e3e7c57d326c\>);
  color: var(--text-color--text-error\<deleted\|variable-4a51c5d2-820c-a0d9-b49e-0e5d273c964f\>);
  margin-top: .75rem;
  padding: .75rem;
}

.icon-height-large {
  height: 3rem;
}

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

.form_component {
  margin-bottom: 0;
}

.max-width-xxsmall {
  width: 100%;
  max-width: 12rem;
}

.absolute-fill {
  justify-content: center;
  align-items: center;
  position: absolute;
  inset: 0%;
}

.text-style-quote {
  border-left: .25rem solid #e2e2e2;
  margin-bottom: 0;
  padding: 0 1.25rem;
  font-size: 1.25rem;
  line-height: 1.5;
}

.align-center {
  margin-left: auto;
  margin-right: auto;
}

.button {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  background-color: var(--brand--orange);
  height: 2.5rem;
  color: var(--_theme---button--text);
  text-align: center;
  border: 1px solid #e03400;
  border-radius: 5rem;
  justify-content: flex-start;
  align-items: center;
  padding-left: 1.25em;
  padding-right: 1em;
  font-weight: 500;
  display: flex;
}

.button:where(.w-variant-9c517c93-9e22-5110-72b4-ad1a055c6521) {
  background-color: var(--brand--dark-blue);
  border-color: #183d81;
}

.button.is-text {
  color: #000;
  background-color: #0000;
  border: 2px solid #0000;
}

.button.is-small {
  padding: .5rem 1.25rem;
}

.button.is-large {
  padding: 1rem 2rem;
}

.button.is-secondary {
  border: 1px solid var(--border-color--alternate);
  color: var(--text-color--primary);
  background-color: #0000;
}

.button.is-icon {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.button.is-brand {
  background-color: var(--background-color--secondary);
}

.button.secondary {
  background-color: var(--brand--dark-blue);
  border-color: #183d81;
}

.fs-styleguide_classes {
  grid-column-gap: 1px;
  grid-row-gap: 1px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.text-size-medium {
  font-size: var(--_body---medium);
}

.fs-styleguide_section {
  grid-column-gap: 6rem;
  grid-row-gap: 6rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  place-items: start;
  display: grid;
}

.fs-styleguide_section.is-vertical {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  grid-template-columns: 1fr;
}

.button-group {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.hide {
  display: none;
}

.padding-section-medium {
  padding-top: var(--_spacing---section-padding--medium);
  padding-bottom: var(--_spacing---section-padding--medium);
}

.container-medium {
  width: 100%;
  max-width: var(--_spacing---container--medium);
  margin-left: auto;
  margin-right: auto;
}

.form_radio {
  flex-direction: row;
  align-items: center;
  margin-bottom: .5rem;
  padding-left: 0;
  display: flex;
}

.fs-styleguide_spacing-all {
  display: none;
}

.spacer-huge {
  width: 100%;
  padding-top: var(--_sizes---huge-6\<deleted\|variable-9c7d13c4-489f-528c-f4cf-4926c8c720ae\>);
}

.spacer-medium {
  width: 100%;
  padding-top: var(--_sizes---m-2-1\<deleted\|variable-08cc5b74-8cc6-6208-962f-808887efd579\>);
}

.fs-styleguide_spacer-box {
  background-color: #2d40ea1a;
  border: 1px dashed #2d40ea;
  width: 100%;
  position: relative;
}

.spacer-xsmall {
  width: 100%;
  padding-top: var(--_sizes---xs-0-5\<deleted\|variable-f666d4ff-fef3-fea1-b305-40768707404a\>);
}

.spacer-small {
  width: 100%;
  padding-top: var(--_sizes---s-1-1\<deleted\|variable-9f8b5b20-1592-90ac-29c4-ae83dda243de\>);
}

.spacer-xhuge {
  width: 100%;
  padding-top: var(--_sizes---xhuge-8\<deleted\|variable-462da363-5e25-5ef7-bba7-142451ad381d\>);
}

.spacer-tiny {
  width: 100%;
  padding-top: var(--_sizes---tiny-0-125\<deleted\|variable-b4f3e744-ae45-b47e-c62e-e38862261d1e\>);
}

.spacer-xxsmall {
  width: 100%;
  padding-top: var(--_sizes---xxs-0-25\<deleted\|variable-f3ed7a0e-5b44-662f-a9eb-b25451874626\>);
}

.spacer-xxhuge {
  width: 100%;
  padding-top: var(--_sizes---xxhuge-12\<deleted\|variable-929ac761-1eb7-9e4d-c4b5-88bc8eefb054\>);
}

.spacer-xlarge {
  width: 100%;
  padding-top: var(--_sizes---xl-0\<deleted\|variable-24424e5b-0920-75ba-fb58-6a78a53e07ec\>);
}

.spacer-large {
  padding-top: var(--_sizes---l-3\<deleted\|variable-cc5cbaca-3724-af4a-e2db-181c8222d4be\>);
}

.spacer-xxlarge {
  width: 100%;
  padding-top: var(--_sizes---xl-5\<deleted\|variable-6edd8291-a81d-2a0f-6443-009ceffdff5d\>);
}

.fs-styleguide_message {
  background-color: var(--background-color--background-warning\<deleted\|variable-0aa1a7ce-e851-b6b5-66db-1a1a96e8e04b\>);
  color: var(--text-color--text-warning\<deleted\|variable-825aa1d8-b093-0b89-37c5-87d980df10f5\>);
  border-radius: .25rem;
  padding: .25rem .5rem;
  font-size: .875rem;
}

.aspect-ratio-square {
  aspect-ratio: 1;
  object-fit: cover;
}

.aspect-ratio-portrait {
  aspect-ratio: 2 / 3;
  object-fit: cover;
}

.aspect-ratio-landscape {
  aspect-ratio: 3 / 2;
  object-fit: cover;
}

.aspect-ratio-widescreen {
  aspect-ratio: 16 / 9;
  object-fit: cover;
}

.background-color-tertiary {
  background-color: var(--background-color--background-tertiary\<deleted\|variable-6632d948-2d2d-2556-731d-05a71c92f234\>);
}

.fs-styleguide_hero-label {
  color: var(--text-color--primary);
  text-transform: uppercase;
  background-color: #eee;
  border-radius: .25rem;
  padding: .25rem .375rem;
  font-size: .75rem;
  font-weight: 500;
  text-decoration: none;
}

.hero_content {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  place-content: start;
  place-items: start;
  max-width: 70rem;
  display: grid;
  position: relative;
}

.hero_image {
  border-radius: 1rem;
  margin-top: 0;
}

.hero_heading {
  font-size: 4rem;
}

.section_hero {
  color: #fff;
  background-color: #000;
  background-image: radial-gradient(circle at 0 100%, #2d62ff4d, #0000 50%), radial-gradient(circle at 100% 60%, #2d62ff4d, #1110 20%), radial-gradient(circle at 100% 100%, #d600c433, #0000 45%);
  flex-direction: column;
  justify-content: center;
  min-height: 100svh;
  display: flex;
  position: relative;
}

.hero_grid {
  grid-column-gap: 8rem;
  grid-row-gap: 8rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: grid;
}

.fs-styleguide_heading-header {
  font-size: 6rem;
}

.position-relative {
  position: relative;
}

.show-tablet, .show-mobile-landscape, .show-mobile-portrait {
  display: none;
}

.text-wrap-pretty {
  text-wrap: pretty;
}

.text-wrap-balance {
  text-wrap: balance;
}

.u-col-8 {
  grid-column: span 8;
}

.u-col-5 {
  grid-column: span 5;
}

.u-grid-12 {
  grid-template-columns: repeat(var(--_grid---columns), 1fr);
  gap: var(--_grid---gap);
  display: grid;
}

.u-col-12 {
  grid-column: span 12;
}

.u-col-2 {
  grid-column: span 2;
}

.u-col-9 {
  grid-column: span 9;
}

.u-col-full {
  grid-column: 1 / -1;
}

.u-col-1 {
  grid-column: span 1;
}

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

.u-col-10 {
  grid-column: span 10;
}

.u-col-6 {
  grid-column: span 6;
}

.u-col-4 {
  grid-column: span 4;
}

.page-wrapper-2 {
  overflow: clip;
}

.u-col-3 {
  grid-column: span 3;
}

.u-col-11 {
  grid-column: span 11;
}

.padding-global-2 {
  padding-left: 2rem;
  padding-right: 2rem;
}

.u-col-7 {
  grid-column: span 7;
}

.section {
  padding-right: var(--_spacing---padding-global);
  padding-left: var(--_spacing---padding-global);
  color: var(--_theme---text);
  --_theme---text: var(--text-color--primary);
  --_theme---button--text: var(--neutral--white);
  --_theme---bg-secondary: var(--neutral--lightest);
  --_theme---button--border: var(--neutral--black);
  --_theme---button--bg: var(--neutral--black);
  --_theme---bg: var(--neutral--white);
  --_theme---border-primary: white;
  --_theme---bg-transparent: color-mix(in srgb, var(--_theme---bg), var(--_theme---bg) 0%);
  --_theme---button--bg-secondary: white;
  --_theme---button--text-secondary: white;
  --_theme---button--hover-bg: white;
  --_theme---button--hover-bg-secondary: white;
}

.section:where(.w-variant-a5e02c43-0abd-b70f-106d-9a5d37a54c01) {
  --_theme---text: var(--text-color--alternate);
  --_theme---button--text: var(--neutral--black);
  --_theme---bg-secondary: var(--neutral--white);
  --_theme---button--border: var(--neutral--white);
  --_theme---button--bg: var(--neutral--white);
  --_theme---bg: var(--neutral--black);
  --_theme---border-primary: white;
  --_theme---bg-transparent: color-mix(in srgb, var(--_theme---bg), var(--_theme---bg) 0%);
  --_theme---button--bg-secondary: white;
  --_theme---button--text-secondary: white;
  --_theme---button--hover-bg: white;
  --_theme---button--hover-bg-secondary: white;
}

.section:where(.w-variant-e4d2388c-375d-fb0b-cd5c-b79d5a1c2ca7) {
  --_theme---text: var(--text-color--secondary);
  --_theme---button--text: var(--neutral--black);
  --_theme---bg-secondary: var(--neutral--white);
  --_theme---button--border: var(--neutral--black);
  --_theme---button--bg: transparent;
  --_theme---bg: #eceded;
  --_theme---border-primary: white;
  --_theme---bg-transparent: color-mix(in srgb, var(--_theme---bg), var(--_theme---bg) 0%);
  --_theme---button--bg-secondary: white;
  --_theme---button--text-secondary: white;
  --_theme---button--hover-bg: white;
  --_theme---button--hover-bg-secondary: white;
}

.section:where(.w-variant-8a536323-f033-4a5d-6db2-f14089ed9da4) {
  --_theme---text: var(--text-color--alternate);
  --_theme---button--text: var(--neutral--black);
  --_theme---bg-secondary: var(--neutral--white);
  --_theme---button--border: var(--neutral--white);
  --_theme---button--bg: var(--neutral--white);
  --_theme---bg: var(--neutral--black);
  --_theme---border-primary: white;
  --_theme---bg-transparent: color-mix(in srgb, var(--_theme---bg), var(--_theme---bg) 0%);
  --_theme---button--bg-secondary: white;
  --_theme---button--text-secondary: white;
  --_theme---button--hover-bg: white;
  --_theme---button--hover-bg-secondary: white;
}

.section:where(.w-variant-8a536323-f033-4a5d-6db2-f14089ed9da5) {
  --_theme---text: var(--text-color--secondary);
  --_theme---button--text: var(--neutral--black);
  --_theme---bg-secondary: var(--neutral--white);
  --_theme---button--border: var(--neutral--black);
  --_theme---button--bg: transparent;
  --_theme---bg: #eceded;
  --_theme---border-primary: white;
  --_theme---bg-transparent: color-mix(in srgb, var(--_theme---bg), var(--_theme---bg) 0%);
  --_theme---button--bg-secondary: white;
  --_theme---button--text-secondary: white;
  --_theme---button--hover-bg: white;
  --_theme---button--hover-bg-secondary: white;
}

.section:where(.w-variant-52600759-104b-ff53-a1ea-22fb213d1f4f) {
  --_theme---text: var(--text-color--alternate);
  --_theme---button--text: var(--neutral--black);
  --_theme---bg-secondary: var(--neutral--white);
  --_theme---button--border: var(--neutral--white);
  --_theme---button--bg: var(--neutral--white);
  --_theme---bg: var(--neutral--black);
  --_theme---border-primary: white;
  --_theme---bg-transparent: color-mix(in srgb, var(--_theme---bg), var(--_theme---bg) 0%);
  --_theme---button--bg-secondary: white;
  --_theme---button--text-secondary: white;
  --_theme---button--hover-bg: white;
  --_theme---button--hover-bg-secondary: white;
}

.section:where(.w-variant-52600759-104b-ff53-a1ea-22fb213d1f50) {
  --_theme---text: var(--text-color--secondary);
  --_theme---button--text: var(--neutral--black);
  --_theme---bg-secondary: var(--neutral--white);
  --_theme---button--border: var(--neutral--black);
  --_theme---button--bg: transparent;
  --_theme---bg: #eceded;
  --_theme---border-primary: white;
  --_theme---bg-transparent: color-mix(in srgb, var(--_theme---bg), var(--_theme---bg) 0%);
  --_theme---button--bg-secondary: white;
  --_theme---button--text-secondary: white;
  --_theme---button--hover-bg: white;
  --_theme---button--hover-bg-secondary: white;
}

.section-spacer {
  padding-top: var(--_spacing---section-padding--medium);
}

.section-spacer:where(.w-variant-212f9f5c-483a-1322-59bc-9f1b0a35a670) {
  padding-top: var(--_spacing---section-padding--small);
}

.section-spacer:where(.w-variant-d71072c1-385b-f7ae-f7d7-76d191902542) {
  padding-top: var(--_spacing---section-padding--large);
}

.section-spacer:where(.w-variant-299a1e18-43e1-ef27-35f3-c2e08f5342ee) {
  padding-top: var(--_spacing---nav-height);
}

.section-spacer:where(.w-variant-bfa4833d-1af2-353d-2b19-90a8d54d1d7f) {
  padding-top: 0;
}

.footer_component {
  padding: var(--_spacing---section-padding--medium) var(--_spacing---padding-global);
  background-color: var(--brand--off-white);
}

.button-2 {
  border: 1px solid var(--\<unknown\|relume-variable-neutral-shade-7\>);
  background-color: var(--\<unknown\|relume-variable-neutral-shade-7\>);
  color: var(--\<unknown\|relume-variable-neutral-white\>);
  text-align: center;
  padding: .75rem 1.5rem;
  text-decoration: none;
}

.button-2.is-secondary {
  background-color: var(--\<unknown\|relume-variable-transparent\>);
  color: var(--\<unknown\|relume-variable-neutral-shade-7\>);
}

.footer1_left-wrapper {
  flex-direction: column;
  display: flex;
}

.footer_credit-text {
  color: #8c8c8c;
  font-size: .875rem;
}

.footer_legal-link {
  font-size: .875rem;
  text-decoration: underline;
}

.footer_link {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  color: #8c8c8c;
  justify-content: flex-start;
  align-items: center;
  padding-top: .5rem;
  padding-bottom: .5rem;
  font-size: .875rem;
  text-decoration: none;
  transition: color .2s;
  display: flex;
}

.footer_link:hover {
  color: var(--neutral--black);
}

.footer1_bottom-wrapper {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.icon-embed-xsmall {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 1.5rem;
  height: 1.5rem;
  display: flex;
}

.footer1_logo-link {
  padding-left: 0;
}

.footer1_form {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr max-content;
  grid-auto-columns: 1fr;
  margin-bottom: .75rem;
  display: flex;
}

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

.form_message-success-2 {
  color: #027a48;
  background-color: #ecfdf3;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 2.5rem;
  display: flex;
}

.footer_legal-list {
  grid-column-gap: var(--_grid---gap);
  grid-row-gap: 0rem;
  white-space: normal;
  grid-template-rows: auto;
  grid-template-columns: max-content;
  grid-auto-columns: max-content;
  grid-auto-flow: column;
  justify-content: center;
  display: flex;
}

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

.footer1_form-block {
  max-width: 35rem;
  margin-bottom: 0;
}

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

.footer1_social-link {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  align-items: center;
  padding-top: .5rem;
  padding-bottom: .5rem;
  font-size: .875rem;
  text-decoration: none;
  display: flex;
}

.footer1_link-list {
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: 100%;
  grid-auto-columns: 100%;
  place-items: flex-start start;
  display: flex;
}

.form_input-2 {
  border: 1px solid var(--\<unknown\|relume-variable-neutral-shade-7\>);
  background-color: var(--\<unknown\|relume-variable-neutral-white\>);
  height: auto;
  min-height: 2.75rem;
  color: var(--\<unknown\|relume-variable-neutral-shade-7\>);
  border-radius: 0;
  margin-bottom: 0;
  padding: .5rem .75rem;
  font-size: 1rem;
  line-height: 1.6;
}

.form_input-2:focus {
  border-color: var(--\<unknown\|relume-variable-neutral-shade-7\>);
}

.form_input-2::placeholder {
  color: var(--\<unknown\|relume-variable-neutral-shade-7-60\>);
}

.footer1_menu-wrapper {
  grid-column-gap: 2rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  align-items: start;
}

.footer_link-col {
  width: 25%;
  min-width: 7rem;
}

.footer1_top-wrapper {
  grid-column-gap: 8vw;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: .75fr 1fr;
  align-items: start;
}

.padding-global-3 {
  padding-left: 5%;
  padding-right: 5%;
}

.divider-horizontal {
  background-color: var(--neutral--lighter);
  width: 100%;
  height: 1px;
}

.text-weight-semibold {
  font-weight: 600;
}

.footer1_component {
  background-color: var(--\<unknown\|relume-variable-color-scheme-1-background\>);
  color: var(--\<unknown\|relume-variable-color-scheme-1-text\>);
}

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

.spacer-tiny-2 {
  width: 100%;
  padding-top: .25rem;
}

.spacer-xxsmall-2 {
  width: 100%;
  padding-top: .5rem;
}

.spacer-xsmall-2 {
  width: 100%;
  padding-top: 1rem;
}

.spacer-small-2 {
  width: 100%;
  padding-top: 1.5rem;
}

.spacer-medium-2 {
  width: 100%;
  padding-top: 2rem;
}

.spacer-large-2 {
  width: 100%;
  padding-top: 3rem;
}

.spacer-xlarge-2 {
  width: 100%;
  padding-top: 4rem;
}

.spacer-xxlarge-2 {
  width: 100%;
  padding-top: 5rem;
}

.spacer-xhuge-2 {
  width: 100%;
  padding-top: 7rem;
}

.spacer-xxhuge-2 {
  width: 100%;
  padding-top: 10rem;
}

.footer_top_left {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-flow: column;
  grid-column: span 4;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.footer_top_right-wrap {
  grid-column-gap: var(--_grid---gap);
  grid-row-gap: var(--_grid---gap);
  flex-flow: wrap;
  grid-column: span 8;
  justify-content: flex-end;
  display: flex;
}

.company-logo_link, .company-logo_img {
  width: 100%;
}

.footer_top_logo-wrap {
  min-width: 6rem;
}

.delete-section {
  padding-top: var(--_spacing---section-padding--large);
  padding-right: var(--_spacing---padding-global);
  padding-bottom: var(--_spacing---section-padding--large);
  padding-left: var(--_spacing---padding-global);
  color: var(--neutral--white);
  min-height: calc(100vh - var(--_spacing---nav-height));
  background-image: url('../images/Sprint-Header_1Sprint Header.avif');
  background-position: 100% 100%;
  background-size: cover;
  justify-content: center;
  align-items: center;
  display: flex;
}

.accordion_height {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: 1fr;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  height: 0%;
  transition-property: all;
  transition-duration: .3s;
  transition-timing-function: cubic-bezier(.645, .045, .355, 1);
  display: grid;
}

.accordion_component {
  border-top: 1px solid #c9c4c9;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.accordion_icon {
  border-radius: 100%;
  justify-content: center;
  align-self: flex-start;
  align-items: center;
  width: 2rem;
  height: 2rem;
  margin-left: 1.5rem;
  transition: all .4s cubic-bezier(.645, .045, .355, 1);
  display: flex;
}

.accordion_content-wrap {
  overflow: hidden;
}

.accordion_top {
  cursor: pointer;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.accordion_title {
  line-height: 1;
}

.accordion_bottom {
  overflow: hidden;
}

.logos_marquee-fade {
  z-index: 10;
  pointer-events: none;
  background-image: linear-gradient(90deg, #fff, #fff0 15% 85%, #fff);
  position: absolute;
  inset: 0%;
}

.logos_logo.barclays {
  width: 10.4rem;
}

.logos_logo.sqaure {
  width: 7.13rem;
}

.logos_logo.sumup {
  width: 7rem;
}

.logos_logo.revolut {
  width: 5.25rem;
}

.logos_logo.worldpay {
  width: 6.8rem;
  padding-top: 2px;
}

.logos_logo.paypal {
  width: 6.63rem;
}

.logos_marquee {
  grid-column-gap: var(--_spacing---marquee-gap);
  grid-row-gap: var(--_spacing---marquee-gap);
  flex-flow: row;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.logos_logos-wrapper {
  grid-column-gap: 2.5rem;
  grid-row-gap: 2.5rem;
  flex-flow: row;
  justify-content: space-between;
  align-items: stretch;
  min-width: 100%;
  padding-top: .5rem;
  display: flex;
  position: relative;
}

.logos_logos-wrapper.scroll {
  grid-column-gap: var(--_spacing---marquee-gap);
  grid-row-gap: var(--_spacing---marquee-gap);
  flex: none;
  justify-content: space-between;
}

.cta_wrap {
  padding: var(--_sizes---l-3\<deleted\|variable-cc5cbaca-3724-af4a-e2db-181c8222d4be\>);
  background-color: var(--_theme---bg-secondary);
  border-radius: 1.5rem;
}

.blog_item-wrap {
  width: 100%;
  height: 100%;
  padding: var(--_sizes---s-1-1\<deleted\|variable-9f8b5b20-1592-90ac-29c4-ae83dda243de\>);
  border: 1px solid var(--border-color--primary);
  border-radius: 1rem;
}

.blog_img {
  aspect-ratio: 3 / 2;
  object-fit: cover;
  border-radius: .5rem;
  width: 100%;
}

.nav_component {
  width: 100%;
  min-height: var(--_spacing---nav-height);
  padding: 1rem var(--_spacing---padding-global);
  flex-flow: column;
  justify-content: center;
  display: flex;
  position: relative;
  inset: 0% 0% auto;
}

.nav_container {
  width: 100%;
  max-width: var(--_spacing---container--large);
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.nav_logo-wrap {
  max-width: 5rem;
}

.nav_menu {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex: 1;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.nav_links-wrap {
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.nav_buttons.button-group {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  margin-top: 0;
}

.button-3 {
  border: 1px solid var(--_theme---button--border);
  background-color: var(--_theme---button--bg);
  color: var(--_theme---button--text);
  text-align: center;
  border-radius: .25rem;
  padding: .75rem 1.5rem;
  font-weight: 600;
}

.button-3.is-white {
  background-color: var(--neutral--white);
  box-shadow: 0 0 20px #eeeae180;
}

.button-3.is-secondary {
  border: 1px solid var(--border-color--alternate);
  color: var(--text-color--primary);
  background-color: #0000;
}

.nav_button {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  background-color: #0000;
  flex-flow: column;
  padding: .38rem;
  display: none;
}

.nav_line {
  background-color: var(--neutral--black);
  border-radius: 5rem;
  width: 1.5rem;
  height: .125rem;
  transition: transform .4s;
  position: absolute;
}

.btn_wrap:where(.w-variant-9c517c93-9e22-5110-72b4-ad1a055c6521) {
  --_theme---text: var(--text-color--alternate);
  --_theme---button--text: var(--neutral--black);
  --_theme---bg-secondary: var(--neutral--white);
  --_theme---button--border: var(--neutral--white);
  --_theme---button--bg: var(--neutral--white);
  --_theme---bg: var(--neutral--black);
  --_theme---border-primary: white;
  --_theme---bg-transparent: color-mix(in srgb, var(--_theme---bg), var(--_theme---bg) 0%);
  --_theme---button--bg-secondary: white;
  --_theme---button--text-secondary: white;
  --_theme---button--hover-bg: white;
  --_theme---button--hover-bg-secondary: white;
}

.image-full {
  position: absolute;
  inset: 0%;
}

.image-full_image {
  object-fit: cover;
  width: 100%;
  height: 100%;
  transition: opacity .3s cubic-bezier(.455, .03, .515, .955);
  position: absolute;
  inset: 0%;
}

.overlay {
  position: absolute;
  inset: 0%;
}

.overlay:where(.w-variant-23f8d064-8f4f-3513-5713-ee5292b36341) {
  background-color: #0006;
}

.img-ratio-5-4 {
  aspect-ratio: 5 / 4;
  width: 100%;
}

.p-1 {
  padding: var(--_size---1);
}

.s-1 {
  width: 100%;
  padding-top: var(--_size---1);
}

.p-0-5 {
  padding: var(--_size---0-5);
}

.p-2 {
  padding: var(--_size---2);
}

.p-3 {
  padding: var(--_size---3);
}

.p-3-5 {
  padding: var(--_size---3-5);
}

.p-4 {
  padding: var(--_size---4);
}

.p-4-5 {
  padding: var(--_size---4-5);
}

.p-6 {
  padding: var(--_size---6);
}

.p-8 {
  padding: var(--_size---8);
}

.p-10 {
  padding: var(--_size---10);
}

.p-12 {
  padding: var(--_size---12);
}

.p-14 {
  padding: var(--_size---14);
}

.p-16 {
  padding: 4rem;
}

.p-20 {
  padding: var(--_size---20);
}

.p-24 {
  padding: var(--_size---24);
}

.s-0-5 {
  width: 100%;
  padding-top: var(--_size---0-5);
}

.s-2 {
  width: 100%;
  padding-top: var(--_size---2);
}

.s-3 {
  width: 100%;
  padding-top: var(--_size---3);
}

.s-3-5 {
  width: 100%;
  padding-top: var(--_size---3-5);
}

.s-4 {
  width: 100%;
  padding-top: var(--_size---4);
}

.s-4-5 {
  width: 100%;
  padding-top: var(--_size---4-5);
}

.s-6 {
  width: 100%;
  padding-top: var(--_size---6);
}

.s-8 {
  width: 100%;
  padding-top: var(--_size---8);
}

.s-10 {
  width: 100%;
  padding-top: var(--_size---10);
}

.s-12 {
  width: 100%;
  padding-top: var(--_size---12);
}

.s-14 {
  width: 100%;
  padding-top: var(--_size---14);
}

.s-20 {
  width: 100%;
  padding-top: var(--_size---20);
}

.s-24 {
  width: 100%;
  padding-top: var(--_size---24);
}

.s-16 {
  padding-top: var(--_size---16);
}

.button_icon {
  flex: none;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  transition: transform .2s;
  display: flex;
}

.toc-link {
  color: #b1a9a5;
  border-left: 1px solid #0000;
  padding: .4rem .5em .4rem 1em;
  font-size: 1em;
  text-decoration: none;
  transition: all .25s;
}

.blog-content_content {
  grid-column: span 8;
}

.blog-list_heading-wrap {
  justify-content: space-between;
  align-items: flex-end;
  display: flex;
}

.button_icon_svg {
  width: .6em;
}

.toc-list {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.button-group-2 {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.button-4 {
  grid-column-gap: .38em;
  grid-row-gap: .38em;
  color: #fff;
  text-align: center;
  letter-spacing: 0;
  background-color: #252525;
  border: 2px solid #252525;
  border-radius: .38rem;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  min-height: 2.5em;
  padding: .38rem;
  line-height: 1;
  display: flex;
}

.button-4.secondary-8 {
  color: #252525;
  background-color: #25252500;
}

.section-spacer-2 {
  padding-top: 5rem;
}

.section-spacer-2.nav {
  padding-top: 9.7rem;
}

.blog-heading_arrow {
  max-width: .75rem;
}

.blog-heading_back-link {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  color: #b1a9a5;
  grid-column: span 2;
  justify-content: flex-start;
  align-self: start;
  align-items: center;
  padding-top: .75rem;
  padding-bottom: .75rem;
  display: flex;
}

.toc-sidebar {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 13.75em;
  display: flex;
  position: sticky;
  top: 2.5em;
}

.button_text {
  padding-left: .63em;
  padding-right: .63em;
}

.toc-layout {
  grid-column-gap: 4em;
  grid-row-gap: 4em;
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-start;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.blog-content_skip-to_wrap {
  grid-column: span 2;
  align-self: start;
  font-size: .875rem;
  position: sticky;
  top: 9.7rem;
}

.button_icon-wrap {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #5c5c5c;
  border-radius: .25rem;
  justify-content: flex-end;
  align-items: center;
  width: 1.5em;
  height: 1.5em;
  display: flex;
  overflow: hidden;
}

.button_icon-wrap.secondary-3 {
  color: #fff;
  background-color: #252525;
}

.container-medium-2 {
  width: 100%;
  max-width: 77.5rem;
  margin-left: auto;
  margin-right: auto;
}

.s-10-2 {
  width: 100%;
  padding-top: 2.5rem;
}

.blog-content_centre-text {
  max-width: 40.75rem;
  margin-left: auto;
  margin-right: auto;
}

.heading-style-h3-2 {
  letter-spacing: 0;
  font-size: 2rem;
  font-weight: 600;
  line-height: 1;
}

.s-2-2 {
  width: 100%;
  padding-top: .5rem;
}

.blog-heading_content-wrap {
  grid-column: span 8;
}

.home-hero_card {
  z-index: 3;
  border: 1px solid var(--border-color--primary);
  background-color: #f0f0f0;
  border-radius: 1.25rem;
  padding: .5rem;
  position: relative;
}

.home-hero_content {
  border: 1px solid var(--border-color--primary);
  background-color: #fafafa;
  border-radius: .94rem;
  padding: 4rem;
}

.home-hero_heading.text-color-light-blue {
  color: #4c5e80;
}

.features_section.section:where(.w-variant-038448ce-7deb-255e-85a5-0ce053096c62) {
  background-color: var(--_theme---bg);
}

.features_card.u-col-4 {
  border: 1px solid var(--border-color--primary);
  background-color: #fff;
  border-radius: 1rem;
  overflow: hidden;
}

.features_card-media {
  aspect-ratio: 5 / 4;
  border-bottom: 1px solid var(--border-color--primary);
  position: relative;
  overflow: hidden;
}

.use-cases_card {
  aspect-ratio: 4 / 6;
  color: var(--neutral--white);
  background-color: #102855;
  border-radius: 1.13rem;
  flex-flow: column;
  grid-column: span 4;
  justify-content: flex-end;
  padding: 2rem;
  display: flex;
  position: relative;
  overflow: hidden;
}

.use-cases_card-content {
  position: relative;
}

.use-cases_card-text {
  opacity: 0;
}

.demo-cta_media.u-col-7 {
  border: 1px solid var(--border-color--primary);
  border-radius: .94rem;
  flex-flow: column;
  justify-content: flex-end;
  min-height: 21rem;
  padding: 2rem;
  display: flex;
  position: relative;
  overflow: hidden;
}

.demo-cta_content {
  grid-column: span 5;
  align-self: end;
  padding: 2rem 1.5rem;
}

.features_card-image {
  position: absolute;
  top: 2.5rem;
  left: 50%;
  transform: translate(-50%);
}

.demo-cta_image {
  width: 18rem;
  position: absolute;
  top: 2rem;
  right: 0;
  transform: translate(50%);
}

.footer_linkedin-link {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  font-family: var(--_font---heading);
  color: #8c8c8c;
  font-size: var(--_body---medium);
  letter-spacing: -.02em;
  justify-content: flex-start;
  align-items: center;
  font-weight: 700;
  transition: color .2s;
  display: flex;
}

.footer_linkedin-link:hover {
  color: var(--neutral--black);
}

.text-block {
  line-height: 1;
}

.footer_logo-svg {
  width: 100%;
  max-width: 56.25rem;
}

.footer_right-side {
  flex-flow: column;
  justify-content: space-between;
  display: flex;
}

.div-block {
  flex-flow: column;
  display: flex;
}

.footer_timer {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  font-family: var(--_font---secondary);
  color: #8c8c8c;
  justify-content: flex-start;
  align-items: center;
  padding-top: .5rem;
  padding-bottom: .5rem;
  font-size: .875rem;
  line-height: 1;
  text-decoration: none;
  display: flex;
}

.swiss-flag {
  width: 3.13rem;
}

.text-block-2 {
  line-height: 1;
}

.use-cases_tag {
  grid-column-gap: .63rem;
  grid-row-gap: .63rem;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.text-style-mono {
  font-family: var(--_font---secondary);
  letter-spacing: .05em;
  text-transform: uppercase;
  font-size: .88rem;
  font-weight: 400;
  line-height: 1;
}

.soverli_circle {
  background-color: var(--brand--orange);
  border-radius: 100%;
  flex: none;
  width: .63rem;
  height: .63rem;
  transition: background-color .3s;
}

.use-case_height {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: 0fr;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  height: 0%;
  transition-property: all;
  transition-duration: .4s;
  transition-timing-function: cubic-bezier(.645, .045, .355, 1);
  display: grid;
}

.use-cases_gradient {
  opacity: .8;
  background-image: linear-gradient(#10285500, #102855 80%);
  transition: all .5s cubic-bezier(.455, .03, .515, .955);
  position: absolute;
  inset: 0%;
}

.div-block-2 {
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
  display: flex;
}

.button_circle {
  background-color: #fff;
  border-radius: 100%;
  width: .75rem;
  height: .75rem;
  transition: transform .4s cubic-bezier(.77, 0, .175, 1);
  transform: translate(0);
}

.button_circle:where(.w-variant-9c517c93-9e22-5110-72b4-ad1a055c6521) {
  background-color: var(--brand--orange);
}

.button_circle.circle-1 {
  background-color: #ffb199;
}

.button_circle.circle-1:where(.w-variant-9c517c93-9e22-5110-72b4-ad1a055c6521), .button_circle.circle-1.secondary-16 {
  background-color: #ecf0f8;
}

.button_circle.secondary-17 {
  background-color: var(--brand--orange);
}

.nav-basic_wrap {
  min-height: 7.5rem;
  padding-right: var(--_spacing---padding-global);
  padding-left: var(--_spacing---padding-global);
  flex-flow: column;
  justify-content: center;
  display: flex;
}

.nav-basic_split {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.nav-basic_logo {
  display: block;
}

.nav-basic_home-link {
  width: 100%;
  max-width: 7.5rem;
}

.nav-basic_home-link.w--current {
  max-width: 10rem;
}

.features_bottom-wrap {
  padding: 2.5rem 2rem;
}

.tile-pattern {
  opacity: .3;
  pointer-events: none;
  background-image: url('../images/Tile-pattern.svg');
  background-position: 0 0;
  background-size: auto;
  min-width: 100%;
  height: 110%;
  position: absolute;
  inset: auto 0% 0%;
}

.tile-pattern.faded {
  opacity: .05;
  background-size: 20px;
}

.demo-cta_wrap {
  border: 1px solid var(--border-color--primary);
  background-color: #fff;
  border-radius: 1.25rem;
  padding: .5rem;
}

.home-bg_gradient {
  background-image: linear-gradient(180deg, white, var(--brand--off-white));
}

.product-tabs_tab {
  border: 1px solid var(--border-color--primary);
  color: var(--neutral--dark);
  border-radius: 1rem;
  padding: 1.5rem;
}

.arlo-square {
  background-color: #eeeae1;
  border-radius: .13rem;
  width: .63rem;
  height: .63rem;
}

.section-spacer-3 {
  padding-top: 5rem;
}

.s-16-2 {
  padding-top: 4rem;
}

.max-width-medium-2 {
  width: 100%;
  max-width: 48rem;
}

.tabs-slider_bar {
  z-index: 5;
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
  width: 8.75rem;
  height: .38rem;
  display: flex;
  position: absolute;
  bottom: 1rem;
  left: 50%;
  transform: translate(-50%);
}

.s-4-2 {
  width: 100%;
  padding-top: 1rem;
}

.vis-tabs_progress {
  background-color: #252525;
  border-radius: 5rem;
  width: 100%;
  height: 100%;
}

.product-tabs_para {
  color: #252525bf;
  font-size: 1.25rem;
}

.product-tabs_heading-spacer {
  width: 1rem;
}

.product-tabs_image-wrap {
  aspect-ratio: 3 / 2;
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: var(--border-color--primary);
  border-right-style: solid;
  border-right-width: 1px;
  border-right-color: var(--border-color--primary);
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: var(--border-color--primary);
  border-left-style: solid;
  border-left-width: 1px;
  border-left-color: var(--border-color--primary);
  border-radius: 1.25rem;
  grid-column: span 7;
  position: relative;
  overflow: hidden;
}

.product-tabs_content-wrap {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  grid-column: span 5;
  display: flex;
}

.product-tabs_imgs-wrap {
  position: absolute;
  inset: 0%;
}

.vis-tabs_tab-wrap {
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  cursor: pointer;
  background-color: #b1a9a5;
  border-radius: 5rem;
  flex: 1;
  height: .38rem;
  display: flex;
}

.product-tabs_img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.product-tabs_heading-wrap {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.container-medium-3 {
  width: 100%;
  max-width: 77.5rem;
  margin-left: auto;
  margin-right: auto;
}

.vis-tabs_progress-wrap {
  border-radius: 5rem;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.tab_label {
  white-space: nowrap;
  font-size: .875rem;
  position: absolute;
  bottom: calc(100% + .5rem);
  left: 50%;
  transform: translate(-50%);
}

.product-tabs_tab-img-wrap {
  display: none;
  position: relative;
}

.product-tabs_left-side {
  color: var(--text-color--primary);
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  padding: 1.5rem;
  display: flex;
  position: absolute;
  inset: 0% 50% 0% 0%;
}

.product-tabs_tag-text {
  font-family: var(--_font---secondary);
  letter-spacing: .05em;
  text-transform: uppercase;
  font-size: .63rem;
}

.product-tabs_tag-text.faded {
  opacity: .75;
}

.product-tabs_right-side {
  color: var(--neutral--white);
  text-align: right;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-end;
  padding: 1.5rem;
  display: flex;
  position: absolute;
  inset: 0% 0% 0% 50%;
}

.product-tabs_info-wrap {
  grid-column-gap: .63rem;
  grid-row-gap: .63rem;
  justify-content: flex-start;
  align-items: flex-start;
  min-height: 2.7rem; /* room for three caption lines, so the two captions on a card start at the same height */
  display: flex;
}

.product-tabs_svg {
  flex: none;
  width: 1rem;
}

.switch_section {
  padding-top: 5rem;
  padding-right: var(--_spacing---padding-global);
  padding-left: var(--_spacing---padding-global);
  border-bottom: 1px solid var(--border-color--primary);
  margin-top: -5rem;
  position: relative;
}

.switch_content_wrap {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  min-height: 80svh;
  display: grid;
}

.switch_content_inner {
  grid-column-gap: 15rem;
  grid-row-gap: 15rem;
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-start;
  padding-bottom: 2rem;
  display: flex;
}

.switch_content_inner.right-side {
  text-align: right;
  justify-content: flex-end;
  align-items: flex-end;
}

.switch_content_point-wrap {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.switch_hover-left {
  z-index: -1;
  border-style: solid solid none none;
  border-width: 1px;
  border-color: var(--border-color--primary);
  background-image: linear-gradient(#0e2754, #fff);
  position: absolute;
  inset: 0% 50% 0% 0%;
}

.switch_hover-right {
  z-index: -1;
  border-style: solid none none solid;
  border-width: 1px;
  border-color: var(--border-color--primary);
  background-color: #fafafa;
  border-top-left-radius: 1.25rem;
  border-bottom-left-radius: 1.25rem;
  position: absolute;
  inset: 0% 0% 0% 50%;
}

.switch_phone-image {
  width: 30vw;
  transition: transform .3s;
  position: absolute;
  top: 30%;
  left: 100%;
  transform: translate(-50%);
}

.switch_phone-image.right {
  left: 0;
}

.logo_section.section {
  padding-top: 10rem;
  padding-bottom: 10rem;
}

.logo_wall {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  justify-content: center;
  align-items: center;
  display: flex;
}

.logo_wall.show-mobile-landscape {
  display: none;
}

.logo_wrap {
  color: #d3d2d2;
  flex: none;
  height: 1.5rem;
}

.logo_svg {
  transition: color .2s;
  display: block;
}

.logo_special-wrap {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  flex: none;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: relative;
}

.logo_special-wrap:hover {
  color: var(--neutral--black);
}

.logo_read-more-tag {
  opacity: 0;
  pointer-events: none;
  font-family: var(--_font---secondary);
  letter-spacing: .05em;
  text-transform: uppercase;
  white-space: nowrap;
  background-color: #f8f8f8;
  border: 1px solid #d3d2d2;
  border-radius: .38rem;
  padding: .5rem .6rem .4rem;
  font-size: .63rem;
  line-height: 1;
  transition: transform .2s, opacity .3s;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -40%);
}

.animation_wrap {
  position: relative;
}

.animation_inside-wrap {
  border-radius: 1rem;
  flex-flow: row;
  min-height: 40vw;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
  overflow: hidden;
}

.animation_grid {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  flex: 1;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
  position: relative;
}

.animation_center-wrap {
  transform-origin: bottom;
  display: flex;
  position: relative;
}

.animation_phone {
  opacity: .1;
  width: 122%;
  max-width: none;
  position: absolute;
  top: -13%;
  left: 50%;
  transform: translate(-50%);
}

.animation_phone.behind {
  opacity: 1;
}

.animation_behind-wrap {
  display: flex;
  position: absolute;
  inset: 0%;
}

.animation_top-padding {
  padding-top: 5vw;
  overflow: hidden;
}

.animation_left-side {
  flex-flow: column;
  justify-content: flex-end;
  padding: 1rem;
  display: flex;
}

.animation_heading-wrap {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.animation_secondary-text {
  opacity: .75;
}

.animation_copy-wrap {
  min-height: 9.5rem;
  padding: 1rem;
}

.animation_center-content-wrap {
  z-index: 3;
  border-style: solid solid none;
  border-width: 1px;
  border-color: var(--border-color--primary);
  background-image: linear-gradient(#61718f, #fff);
  border-radius: 15px 15px 0 0;
  flex-flow: column;
  justify-content: flex-end;
  margin-top: 3%;
  padding: 1rem;
  display: flex;
  position: relative;
}

.animation_switch-wrap {
  z-index: 20;
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  color: var(--neutral--white);
  justify-content: center;
  align-items: center;
  padding-top: 1rem;
  padding-bottom: 1rem;
  display: flex;
  position: absolute;
  top: 1.5rem;
  left: 50%;
  transform: translate(-50%);
}

.animation_switch-wrap.dark {
  color: var(--neutral--black);
}

.animation_switch {
  background-color: var(--brand--orange);
  border-radius: .38rem;
  width: 3rem;
  height: 1.5rem;
  padding: .25rem;
  display: flex;
}

.animation_switch-square {
  background-color: #fff;
  border-radius: .25rem;
  width: 50%;
  height: 100%;
}

.animation_switch-text {
  font-family: var(--_font---secondary);
  font-size: var(--_body---tiny);
  text-align: center;
  letter-spacing: .05em;
  text-transform: uppercase;
  white-space: nowrap;
  flex: 1;
}

.animation_right-side {
  flex-flow: column;
  justify-content: flex-end;
  padding-top: 3%;
  padding-left: 1rem;
  padding-right: 1rem;
  display: flex;
}

.animation_smartphone-os {
  background-color: #fafafa;
  border-radius: 1rem 1rem 0 0;
  flex-flow: column;
  flex: 1;
  justify-content: flex-end;
  padding: 1rem;
  display: flex;
  position: relative;
  overflow: hidden;
}

.fleet_animation-wrap {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  height: 100%;
  display: flex;
  position: relative;
}

.fleet_wrap {
  border-style: solid solid none none;
  border-width: 1px;
  border-color: var(--border-color--primary);
  background-color: var(--brand--off-white);
  border-top-right-radius: 30px;
  flex: none;
  width: 5rem;
  height: 4rem;
  padding-top: .25rem;
  padding-right: .25rem;
  display: flex;
}

.corner-inner {
  border-style: solid solid none none;
  border-width: 1px;
  border-color: var(--border-color--primary);
  background-color: #fff;
  border-top-right-radius: 25px;
  flex-flow: column;
  flex: 0 auto;
  width: 100%;
  height: 100%;
  padding-right: .5rem;
  display: flex;
}

.fleet_shade {
  background-color: var(--brand--off-white);
  border-top-right-radius: .38rem;
  flex: 1;
  width: 100%;
}

.fleet_top {
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding-left: .25rem;
  display: flex;
}

.fleet_circle {
  background-color: var(--neutral--lightest);
  border-radius: 100%;
  width: .63rem;
  height: .63rem;
}

.fleet_row {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex: none;
  display: flex;
}

.how-it-works-tag {
  grid-column-gap: .63rem;
  grid-row-gap: .63rem;
  justify-content: flex-start;
  align-items: center;
  padding-bottom: 1rem;
  padding-left: 2rem;
  display: flex;
}

.features_image_1 {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.features_image_2 {
  opacity: 0;
  object-fit: cover;
  width: 100%;
  height: 100%;
  transition: opacity .4s cubic-bezier(.645, .045, .355, 1);
  position: absolute;
  inset: 0%;
}

.fleet_fade {
  pointer-events: none;
  background-image: radial-gradient(circle, #fff0 45%, #fff);
  position: absolute;
  inset: 0%;
}

.fleet_fade.right {
  background-image: linear-gradient(90deg, #fff0 55%, #fff);
}

.fleet_fade.left {
  background-image: linear-gradient(270deg, #fff0 55%, #fff);
}

.text-size-large-2 {
  font-size: 1.25rem;
}

.form_submit-button {
  opacity: 0;
  position: absolute;
  inset: 0%;
}

.book-a-demo_top-wrap {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  min-height: 0;
  font-size: var(--_body---medium);
  flex-flow: column;
  padding: 4rem 4rem 2rem;
  display: flex;
}

.book-a-demo_logo-wrap {
  max-width: 4rem;
  margin-bottom: 1.63rem;
}

.book-a-demo_section {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  color: #fff;
  background-image: linear-gradient(#2e4266, #ededed);
  grid-template-rows: minmax(50vh, min-content);
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  min-height: 100svh;
  display: grid;
}

.text-size-regular-2 {
  font-size: 1rem;
}

.demo-logos_wrap {
  flex: none;
  width: 100%;
}

.text-style-link-grey {
  color: #b1a9a5;
  text-decoration: underline;
}

.testimonial_context-wrap {
  justify-content: space-between;
  align-items: flex-end;
  display: flex;
}

.button_swipe-wrap {
  grid-column-gap: .38em;
  grid-row-gap: .38em;
  color: #fff;
  background-color: #252525;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0%;
}

.book-a-demo_bottom-wrap {
  flex-flow: column;
  justify-content: flex-end;
  min-height: 0;
  padding-bottom: 4rem;
  padding-left: 4rem;
  padding-right: 4rem;
  display: flex;
}

.book-a-demo_points-list {
  grid-column-gap: 2.5rem;
  grid-row-gap: .75rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0;
  display: flex;
}

.book-a-demo_form-block {
  flex: 0 auto;
  margin-bottom: 0;
}

.book-a-demo_form-content {
  grid-column-gap: 2.5rem;
  grid-row-gap: 2.5rem;
  flex-flow: column;
  width: 100%;
  max-width: 31.13rem;
  display: flex;
}

.book-a-demo_list-item {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.form_false-btn-wrap {
  position: relative;
}

.button_content-wrap {
  grid-column-gap: .38em;
  grid-row-gap: .38em;
  justify-content: center;
  align-items: center;
  display: flex;
}

.book-a-demo_list {
  grid-column-gap: 2.5rem;
  grid-row-gap: .75rem;
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: center;
  padding: 0;
  display: flex;
}

.book-a-demo_keep-center {
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 100svh;
  padding: 4rem;
  display: flex;
  position: sticky;
  top: 0;
}

.form_input-demo {
  border: 2px solid var(--neutral--lightest);
  background-color: var(--brand--off-white);
  border-radius: .25rem;
  min-height: 2.75rem;
  margin-bottom: 0;
  padding: .5rem 1rem;
  font-size: 1rem;
}

.form_input-demo:focus {
  border-color: #252525;
}

.form_input-demo::placeholder {
  color: #b1a9a5;
}

.form_input-demo.is-select-input {
  color: #252525;
  background-image: url('../images/arrow-down-s-line-grey.svg');
  background-position: 97%;
  background-repeat: no-repeat;
  background-size: auto;
}

.form_input-demo.is-text-area {
  min-height: 8rem;
  padding-top: .75rem;
  font-size: 1rem;
}

.book-a-demo_success {
  background-color: var(--brand--off-white);
  text-align: left;
  border-radius: .25rem;
  padding: 1.5rem;
}

.s-6-2 {
  width: 100%;
  padding-top: 1.5rem;
}

.book-a-demo_form-wrap {
  color: #252525;
  background-color: #fff;
  flex-flow: column;
  justify-content: center;
  align-items: center;
}

.heading-style-h4-2 {
  letter-spacing: 0;
  font-family: Intertight, Arial, sans-serif;
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 1;
}

.s-12-2 {
  width: 100%;
  padding-top: 3rem;
}

.company-logo_link-demo {
  color: #fff;
  width: 100%;
}

.button-5 {
  grid-column-gap: .38em;
  grid-row-gap: .38em;
  color: #fff;
  text-align: center;
  letter-spacing: 0;
  background-color: #252525;
  border: 2px solid #252525;
  border-radius: .38rem;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  min-height: 2.5em;
  padding: .38rem;
  line-height: 1;
  display: flex;
  position: relative;
  overflow: hidden;
}

.testimonial_svg {
  width: 1.13rem;
}

.form_wrap {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: minmax(min-content, max-content);
  grid-template-columns: 1fr 1fr;
  grid-auto-rows: minmax(min-content, max-content);
  grid-auto-columns: 1fr;
  display: grid;
}

.heading-style-h3-3 {
  letter-spacing: 0;
  font-family: Intertight, Arial, sans-serif;
  font-size: 2rem;
  font-weight: 600;
  line-height: 1;
}

.form_submit-wrap {
  flex-flow: row;
  justify-content: space-between;
  align-items: flex-end;
  display: flex;
}

.dark-logo-item_wrap {
  flex: none;
  padding-top: .25rem;
  padding-bottom: .25rem;
  position: relative;
}

.demo_home-link {
  color: #fff;
  width: 100%;
  max-width: 7.5rem;
  margin-bottom: 3rem;
}

.demo_home-link.w--current {
  max-width: 10rem;
}

.animation_bg {
  background-color: #102855;
  border-radius: 1rem;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  inset: 0% 0% .01em;
}

.switch_img-wrap {
  width: 30%;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%);
}

.switch_img {
  width: 30rem;
  position: absolute;
  bottom: 0;
  left: 100%;
  transform: translate(-50%);
}

.switch_img.right {
  left: auto;
  right: calc(100% + 2px);
  transform: translate(50%);
}

.product-tabs_mobile-img {
  aspect-ratio: 3 / 2;
  border: 1px solid var(--border-color--primary);
  border-radius: .5rem;
  position: relative;
  overflow: hidden;
}

@media screen and (max-width: 991px) {
  .margin-horizontal {
    margin-top: 0;
    margin-bottom: 0;
  }

  .p-t {
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .margin-vertical {
    margin-left: 0;
    margin-right: 0;
  }

  .margin-bottom {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .p-l {
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 0;
  }

  .p-v {
    padding-left: 0;
    padding-right: 0;
  }

  .p-h {
    padding-top: 0;
    padding-bottom: 0;
  }

  .margin-right {
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
  }

  .margin-top {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .margin-left {
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 0;
  }

  .p-r {
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
  }

  .p-b {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .hide-tablet {
    display: none;
  }

  .fs-styleguide_2-col {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    grid-template-columns: 1fr;
  }

  .max-width-full-tablet {
    width: 100%;
    max-width: none;
  }

  .fs-styleguide_1-col {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

  .fs-styleguide_heading-medium {
    font-size: 3rem;
  }

  .fs-styleguide_4-col, .fs-styleguide_3-col {
    grid-template-columns: 1fr;
  }

  .fs-styleguide_section {
    grid-column-gap: 2.5rem;
    grid-template-columns: 1fr;
  }

  .section_hero {
    padding-top: 3rem;
  }

  .hero_grid {
    grid-column-gap: 4rem;
    grid-row-gap: 4rem;
    grid-template-columns: 1fr;
  }

  .fs-styleguide_heading-header {
    font-size: 4rem;
  }

  .show-tablet {
    display: block;
  }

  .u-grid-12 {
    grid-column-gap: var(--_grid---gap);
    grid-row-gap: var(--_grid---gap);
    flex-flow: column;
    display: flex;
  }

  .footer1_top-wrapper {
    grid-row-gap: 4rem;
    grid-template-columns: 1fr;
  }

  .spacer-large-2 {
    padding-top: 2.5rem;
  }

  .spacer-xlarge-2 {
    padding-top: 3.5rem;
  }

  .spacer-xxlarge-2 {
    padding-top: 4.5rem;
  }

  .spacer-xhuge-2 {
    padding-top: 6rem;
  }

  .spacer-xxhuge-2 {
    padding-top: 7.5rem;
  }

  .footer_top_right-wrap {
    justify-content: flex-start;
  }

  .logos_logo {
    max-height: 2rem;
  }

  .logos_logos-wrapper {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    justify-content: center;
    align-items: center;
  }

  .nav_menu {
    left: 0%;
    top: var(--_spacing---nav-height);
    padding-top: var(--_spacing---padding-global);
    padding-right: var(--_spacing---padding-global);
    padding-bottom: 4rem;
    padding-left: var(--_spacing---padding-global);
    opacity: 0;
    pointer-events: none;
    height: calc(100vh - var(--_spacing---nav-height));
    background-color: #fff;
    flex-flow: column;
    justify-content: flex-start;
    align-items: stretch;
    position: absolute;
    right: 0%;
  }

  .nav_links-wrap {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .nav_button {
    color: #fff;
    justify-content: space-between;
    align-items: stretch;
    display: flex;
  }

  .nav_line {
    background-color: #252525;
    transition: transform .3s;
  }

  .footer_right-side.u-col-3 {
    grid-column-gap: var(--_grid---gap);
    grid-row-gap: var(--_grid---gap);
  }

  .product-tabs_image-wrap {
    order: -9999;
    display: none;
  }

  .product-tabs_content-wrap {
    padding-top: 0;
  }

  .book-a-demo_section {
    flex-flow: column;
    display: flex;
  }

  .book-a-demo_bottom-wrap {
    color: #252525;
    background-color: #f8f8f6;
    display: none;
  }

  .book-a-demo_form-content {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
  }

  .book-a-demo_keep-center {
    justify-content: flex-start;
    align-items: flex-start;
  }
}

@media screen and (max-width: 767px) {
  body {
    --_spacing---container--small: 48rem;
    --_spacing---padding-global: 1.25rem;
    --_spacing---section-padding--small: 1.5rem;
    --_spacing---max-width--small: 32rem;
    --_spacing---max-width--medium: 48rem;
    --_spacing---max-width--large: 60rem;
    --_spacing---section-padding--large: 4rem;
    --_spacing---container--large: 100rem;
    --_spacing---section-padding--medium: 2rem;
    --_spacing---container--medium: 64rem;
    --_spacing---nav-height: 5rem;
    --_spacing---marquee-gap: 2rem;
    --_spacing---padding-global-v: calc(-1 * var(--_spacing---padding-global));
    --_heading---size--h1: 2.5rem;
    --_heading---size--line-height: 1;
    --_heading---size--letter-spacing: -.03em;
    --_heading---size--h2: 2rem;
    --_heading---size--h3: 1.5rem;
    --_heading---size--h4: 1.25rem;
    --_sizes---xl-0\<deleted\|variable-24424e5b-0920-75ba-fb58-6a78a53e07ec\>: 2.75rem;
    --_sizes---xs-0-5\<deleted\|variable-f666d4ff-fef3-fea1-b305-40768707404a\>: .5rem;
    --_sizes---xhuge-8\<deleted\|variable-462da363-5e25-5ef7-bba7-142451ad381d\>: 6rem;
    --_sizes---xxhuge-12\<deleted\|variable-929ac761-1eb7-9e4d-c4b5-88bc8eefb054\>: 8rem;
    --_sizes---huge-6\<deleted\|variable-9c7d13c4-489f-528c-f4cf-4926c8c720ae\>: 5rem;
    --_sizes---l-3\<deleted\|variable-cc5cbaca-3724-af4a-e2db-181c8222d4be\>: 2.75rem;
    --_sizes---xl-5\<deleted\|variable-6edd8291-a81d-2a0f-6443-009ceffdff5d\>: 4rem;
    --_sizes---xxs-0-25\<deleted\|variable-f3ed7a0e-5b44-662f-a9eb-b25451874626\>: .25rem;
    --_sizes---tiny-0-125\<deleted\|variable-b4f3e744-ae45-b47e-c62e-e38862261d1e\>: .125rem;
    --_sizes---s-1-1\<deleted\|variable-9f8b5b20-1592-90ac-29c4-ae83dda243de\>: 1rem;
    --_sizes---m-2-1\<deleted\|variable-08cc5b74-8cc6-6208-962f-808887efd579\>: 1.75rem;
    --_size---1: .25rem;
    --_size---0-5: .125rem;
    --_size---2: .5rem;
    --_size---3: .75rem;
    --_size---3-5: .875rem;
    --_size---4: 1rem;
    --_size---4-5: 1.125rem;
    --_size---6: 1.5rem;
    --_size---8: 2rem;
    --_size---10: 2.5rem;
    --_size---12: 3rem;
    --_size---14: 3.5rem;
    --_size---20: 5rem;
    --_size---24: 6rem;
    --_size---16: 4rem;
    --_size---48: 12rem;
    --_size---32: 8rem;
    --_size---64: 16rem;
  }

  h5 {
    font-size: 1rem;
  }

  h6 {
    font-size: .875rem;
  }

  .margin-horizontal {
    margin-top: 0;
    margin-bottom: 0;
  }

  .p-t {
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .margin-vertical {
    margin-left: 0;
    margin-right: 0;
  }

  .margin-bottom {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .p-l {
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 0;
  }

  .p-v {
    padding-left: 0;
    padding-right: 0;
  }

  .p-h {
    padding-top: 0;
    padding-bottom: 0;
  }

  .margin-right {
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
  }

  .margin-top {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .margin-left {
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 0;
  }

  .p-r {
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
  }

  .p-b {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .hide-mobile-landscape {
    display: none;
  }

  .fs-styleguide_section-header {
    font-size: .875rem;
  }

  .fs-styleguide_heading-medium {
    font-size: 2rem;
  }

  .max-width-full-mobile-landscape {
    width: 100%;
    max-width: none;
  }

  .text-style-nowrap {
    white-space: normal;
  }

  .heading-style-h6 {
    font-size: .75rem;
  }

  .text-size-large {
    font-size: 1.25rem;
  }

  .heading-style-h5 {
    font-size: .875rem;
  }

  .show-mobile-landscape {
    display: block;
  }

  .padding-global-2 {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .footer_credit-text {
    margin-top: 1.5rem;
  }

  .footer1_bottom-wrapper {
    flex-direction: column-reverse;
    align-items: flex-start;
    padding-bottom: 1rem;
  }

  .footer_legal-list {
    grid-column-gap: 0rem;
    grid-row-gap: 1rem;
    flex-flow: column;
    grid-auto-flow: row;
  }

  .footer1_menu-wrapper {
    grid-column-gap: 1.5rem;
  }

  .footer1_top-wrapper {
    grid-row-gap: 3rem;
  }

  .spacer-xsmall-2 {
    padding-top: .75rem;
  }

  .spacer-small-2 {
    padding-top: 1.25rem;
  }

  .spacer-medium-2 {
    padding-top: 1.5rem;
  }

  .spacer-large-2 {
    padding-top: 2rem;
  }

  .spacer-xlarge-2 {
    padding-top: 2.5rem;
  }

  .spacer-xxlarge-2 {
    padding-top: 3rem;
  }

  .spacer-xhuge-2 {
    padding-top: 4rem;
  }

  .spacer-xxhuge-2 {
    padding-top: 5rem;
  }

  .company-logo_link {
    padding-left: 0;
  }

  .accordion_component {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .accordion_icon {
    flex: none;
  }

  .accordion_top {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .logos_logo.barclays {
    max-height: none;
  }

  .button-group-2 {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    flex-flow: wrap;
    align-items: flex-start;
  }

  .toc-sidebar {
    width: 100%;
    position: relative;
    top: 0;
  }

  .toc-layout {
    flex-flow: column;
  }

  .blog-content_skip-to_wrap {
    position: relative;
    top: 0;
  }

  .home-hero_card {
    position: relative;
  }

  .product-tabs_content-wrap {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .product-tabs_left-side {
    justify-content: flex-start;
    align-items: flex-start;
    padding: 1rem;
  }

  .product-tabs_right-side {
    justify-content: flex-start;
    align-items: flex-end;
    padding: 1rem;
  }

  .product-tabs_info-wrap {
    display: none;
  }

  .switch_content_wrap {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    min-height: 60svh;
  }

  .switch_content_inner {
    grid-column-gap: 17rem;
    grid-row-gap: 17rem;
    flex-flow: column;
    justify-content: flex-end;
  }

  .switch_phone-image {
    width: auto;
    height: 100%;
    top: 50%;
  }

  .logo_section.section {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .logo_wall.show-mobile-landscape {
    display: flex;
  }

  .logo_wrap {
    aspect-ratio: 5;
  }

  .logo_read-more-tag {
    opacity: 1;
    top: 130%;
  }

  .animation_section.section {
    padding-left: 0;
    padding-right: 0;
  }

  .animation_inside-wrap {
    border-radius: 0;
  }

  .animation_grid {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    grid-template-columns: 1fr;
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .animation_center-wrap {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .animation_phone {
    display: none;
  }

  .animation_top-padding {
    padding-top: 0;
  }

  .animation_left-side {
    padding: 0;
  }

  .animation_copy-wrap {
    min-height: auto;
  }

  .animation_copy-wrap.text-color-alternate {
    min-height: 0;
  }

  .animation_center-content-wrap {
    border-radius: .88rem;
    max-width: 95%;
    min-height: 22rem;
    margin-top: 0%;
    box-shadow: inset 0 0 0 1px #ffffff40;
  }

  .animation_switch-wrap {
    padding-right: var(--_spacing---padding-global);
    padding-left: var(--_spacing---padding-global);
    justify-content: flex-start;
    align-items: center;
    position: static;
    transform: none;
  }

  .animation_switch-text {
    flex: none;
  }

  .animation_right-side {
    padding-top: 0%;
    position: absolute;
    inset: auto 0% 2rem;
  }

  .animation_smartphone-os {
    border-radius: .88rem;
    max-width: 95%;
    min-height: 22rem;
    box-shadow: inset 0 0 0 1px #ffffff40;
  }

  .logo_wall-wrap {
    width: 100vw;
    margin-right: var(--_spacing---padding-global-v);
    margin-left: var(--_spacing---padding-global-v);
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
    padding-top: 2rem;
    padding-bottom: 2rem;
    display: flex;
    overflow: hidden;
  }

  .how-it-works-tag {
    padding-left: var(--_spacing---padding-global);
  }

  .book-a-demo_top-wrap {
    padding: 2.5rem;
  }

  .book-a-demo_bottom-wrap {
    justify-content: flex-start;
    align-items: flex-start;
    padding: 2.5rem;
  }

  .book-a-demo_keep-center {
    min-height: auto;
    padding: 0;
    display: block;
  }

  .book-a-demo_form-wrap {
    justify-content: center;
    align-items: flex-start;
    padding: 2.5rem 2.5rem 4rem;
  }

  .company-logo_link-demo {
    padding-left: 0;
  }

  .animation_bg {
    border-radius: 0;
  }

  .switch_img {
    width: 17rem;
  }
}

@media screen and (max-width: 479px) {
  .margin-horizontal {
    margin-top: 0;
    margin-bottom: 0;
  }

  .p-t {
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .margin-vertical {
    margin-left: 0;
    margin-right: 0;
  }

  .margin-bottom {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .p-l {
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 0;
  }

  .p-v {
    padding-left: 0;
    padding-right: 0;
  }

  .p-h {
    padding-top: 0;
    padding-bottom: 0;
  }

  .margin-right {
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
  }

  .margin-top {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .margin-left {
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 0;
  }

  .p-r {
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
  }

  .p-b {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .fs-styleguide_row {
    flex-wrap: wrap;
  }

  .max-width-full-mobile-portrait {
    width: 100%;
    max-width: none;
  }

  .hide-mobile-portrait {
    display: none;
  }

  .hero_heading {
    font-size: 2.5rem;
  }

  .show-mobile-portrait {
    display: block;
  }

  .footer_credit-text {
    margin-top: 0;
    margin-bottom: 1rem;
  }

  .footer1_form {
    grid-row-gap: .75rem;
    flex-direction: column;
    grid-template-columns: 1fr;
  }

  .footer1_menu-wrapper {
    grid-row-gap: 2.5rem;
    grid-template-columns: 1fr;
  }

  .footer1_top-wrapper {
    grid-row-gap: 48px;
  }

  .footer_top_right-wrap {
    flex-flow: column;
  }

  .nav_buttons.button-group {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    flex-flow: column;
    justify-content: flex-start;
    align-items: stretch;
    width: 100%;
  }

  .blog-list_heading-wrap {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .home-hero_content {
    padding: 2rem;
  }

  .use-cases_card {
    aspect-ratio: 4 / 5;
  }

  .demo-cta_media.u-col-7 {
    justify-content: flex-start;
  }

  .demo-cta_content {
    padding: 1rem;
  }

  .footer_grid.u-grid-12 {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
  }

  .demo-cta_image {
    top: 7rem;
    left: 50%;
    right: auto;
    transform: translate(-50%);
  }

  .footer_linkedin-link {
    margin-bottom: .5rem;
  }

  .switch_content_wrap {
    min-height: 35svh;
  }

  .switch_content_inner {
    grid-column-gap: 6rem;
    grid-row-gap: 6rem;
  }

  .switch_content_point-wrap {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
  }

  .switch_phone-image {
    height: 70%;
    top: 69%;
  }

  .switch_content_tag-text {
    font-size: var(--_body---tiny);
    font-weight: 700;
  }

  .animation_switch-wrap {
    top: 13rem;
  }

  .book-a-demo_top-wrap {
    font-size: .875rem;
  }

  .demo-logos_wrap {
    width: auto;
  }

  .book-a-demo_points-list, .book-a-demo_list {
    justify-content: flex-start;
  }

  .heading-style-h4-2 {
    text-align: left;
    flex: 1;
  }

  .form_wrap {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-flow: column;
    grid-template-columns: 1fr;
    display: flex;
  }

  .dark-logo-item_wrap {
    flex: none;
    width: 3.5rem;
  }

  .switch_img {
    width: 8rem;
  }
}

#w-node-b224ec27-30fa-be84-48bf-7ed471542af3-4a489153, #w-node-_5d224905-8a1e-1460-7532-d38cb7ec37c1-4a489153, #w-node-_40538c8c-870b-b365-34c4-2a06f0f8567d-4a489153, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cb45-4a489153, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cb5e-4a489153 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_32eadc24-e391-a089-abe0-fb5b6627cb61-4a489153 {
  justify-self: start;
}

#w-node-_32eadc24-e391-a089-abe0-fb5b6627cb63-4a489153 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_32eadc24-e391-a089-abe0-fb5b6627cb66-4a489153 {
  justify-self: start;
}

#w-node-_32eadc24-e391-a089-abe0-fb5b6627cbb8-4a489153, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cbc2-4a489153, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cbc3-4a489153 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_32eadc24-e391-a089-abe0-fb5b6627cc31-4a489153, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cc36-4a489153, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cc3b-4a489153, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cc40-4a489153, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cc45-4a489153, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cc4a-4a489153, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cc54-4a489153 {
  justify-self: start;
}

#w-node-_02b04a1a-6c74-4f24-4cf3-3bc8f2bcc023-4a489153 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_02b04a1a-6c74-4f24-4cf3-3bc8f2bcc024-4a489153 {
  justify-self: start;
}

#w-node-_6e7ff286-bb5e-a4fe-8cf5-de23d45ea9ec-4a489153 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_6e7ff286-bb5e-a4fe-8cf5-de23d45ea9ed-4a489153 {
  justify-self: start;
}

#w-node-b8d55935-5205-55d4-ee00-83ec707c9c9a-4a489153 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-b8d55935-5205-55d4-ee00-83ec707c9c9b-4a489153 {
  justify-self: start;
}

#w-node-aeca8c44-cc94-267e-164f-91742b2410b2-4a489153 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-aeca8c44-cc94-267e-164f-91742b2410b3-4a489153 {
  justify-self: start;
}

#w-node-_90c7e520-edac-ac61-715c-7e2fa54933ce-4a489153 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_90c7e520-edac-ac61-715c-7e2fa54933cf-4a489153 {
  justify-self: start;
}

#w-node-f8367d95-60e2-111f-cece-2014326fc0d0-4a489153 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-f8367d95-60e2-111f-cece-2014326fc0d1-4a489153 {
  justify-self: start;
}

#w-node-fc1e0177-98ae-ebf3-487f-6ab75c2749b0-4a489153 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-fc1e0177-98ae-ebf3-487f-6ab75c2749b1-4a489153 {
  justify-self: start;
}

#w-node-_2b390832-954c-bf5d-1b0a-f1ae782cc44d-4a489153 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_2b390832-954c-bf5d-1b0a-f1ae782cc44e-4a489153 {
  justify-self: start;
}

#w-node-_3ec5f3d8-b779-5626-0840-4e7bc7d94311-4a489153 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_3ec5f3d8-b779-5626-0840-4e7bc7d94312-4a489153 {
  justify-self: start;
}

#w-node-b677e4cc-4294-df06-9eb8-06fb26273136-4a489153 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-b677e4cc-4294-df06-9eb8-06fb26273137-4a489153 {
  justify-self: start;
}

#w-node-_56dce907-9de7-0b0e-80f1-dc47662f5be8-4a489153 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_56dce907-9de7-0b0e-80f1-dc47662f5be9-4a489153 {
  justify-self: start;
}

#w-node-_7c83b973-0974-0981-bb65-9cf0f66d66bb-4a489153 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_7c83b973-0974-0981-bb65-9cf0f66d66bc-4a489153 {
  justify-self: start;
}

#w-node-_886360d2-ba7a-6f0c-99bc-cc9bf2d1c1d7-4a489153 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_886360d2-ba7a-6f0c-99bc-cc9bf2d1c1d8-4a489153 {
  justify-self: start;
}

#w-node-_3e23c2d2-aa78-7470-1637-9a3647e2509b-4a489153 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_3e23c2d2-aa78-7470-1637-9a3647e2509c-4a489153 {
  justify-self: start;
}

#w-node-_52f29f93-0537-dd9f-9d39-24ff8d454769-4a489153 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_52f29f93-0537-dd9f-9d39-24ff8d45476a-4a489153 {
  justify-self: start;
}

#w-node-_85c025ae-4755-05fc-63c3-2b4770b5703c-4a489153 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_85c025ae-4755-05fc-63c3-2b4770b5703d-4a489153 {
  justify-self: start;
}

#w-node-fec561f7-31c2-7501-f96b-426b6fbb78bd-4a489153 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-fec561f7-31c2-7501-f96b-426b6fbb78be-4a489153 {
  justify-self: start;
}

#w-node-_2383edd4-2137-4b52-633c-91c883516123-4a489153 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_2383edd4-2137-4b52-633c-91c883516124-4a489153 {
  justify-self: start;
}

#w-node-_89d79cd0-4105-e060-0f9b-dd03d21e20ff-4a489153 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_89d79cd0-4105-e060-0f9b-dd03d21e2100-4a489153 {
  justify-self: start;
}

#w-node-a45c4b52-9bf7-0321-684c-7a02e3a164ee-4a489153 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-a45c4b52-9bf7-0321-684c-7a02e3a164ef-4a489153 {
  justify-self: start;
}

#w-node-bf75f2a6-cbf3-b5bb-30b5-66d4ed58ef7a-4a489153 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-bf75f2a6-cbf3-b5bb-30b5-66d4ed58ef7b-4a489153 {
  justify-self: start;
}

#w-node-f34d68ee-f95f-855f-f20c-aa6a428be6f2-4a489153 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-f34d68ee-f95f-855f-f20c-aa6a428be6f3-4a489153 {
  justify-self: start;
}

#w-node-c2478c56-d41b-e848-6584-e3d2936f2146-4a489153 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-c2478c56-d41b-e848-6584-e3d2936f2147-4a489153 {
  justify-self: start;
}

#w-node-_34b676c8-338b-7f4b-5cd6-464abd4b203e-4a489153 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_34b676c8-338b-7f4b-5cd6-464abd4b203f-4a489153 {
  justify-self: start;
}

#w-node-ef2cb4b3-045e-85ce-ac14-588c8ff1b259-4a489153 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-ef2cb4b3-045e-85ce-ac14-588c8ff1b25a-4a489153 {
  justify-self: start;
}

#w-node-d9c7db9a-05c8-b818-6ac8-a51896b3233b-4a489153 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d9c7db9a-05c8-b818-6ac8-a51896b3233c-4a489153 {
  justify-self: start;
}

#w-node-ca1679e6-9fc9-038d-0d06-418303b014a4-4a489153 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-ca1679e6-9fc9-038d-0d06-418303b014a5-4a489153 {
  justify-self: start;
}

#w-node-bdec7160-078b-2dfb-dd3d-b033e3de92a1-4a489153 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-bdec7160-078b-2dfb-dd3d-b033e3de92a2-4a489153 {
  justify-self: start;
}

#w-node-bccfbdc1-5869-d6eb-ef43-ec66364a0e3e-4a489153 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-bccfbdc1-5869-d6eb-ef43-ec66364a0e3f-4a489153 {
  justify-self: start;
}

#w-node-_9a90206f-abe3-55e9-a59c-86f483be40d6-4a489153 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_9a90206f-abe3-55e9-a59c-86f483be40d7-4a489153 {
  justify-self: start;
}

#w-node-_32eadc24-e391-a089-abe0-fb5b6627cd6b-4a489153, #w-node-_9f39f55a-72d6-7423-86c0-81b21f04f707-4a489153, #w-node-_346e6b5e-000d-0078-5efe-58dd7ec08cd4-4a489153, #w-node-aee78c34-4494-06d7-fcdf-8662109ede15-4a489153, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cd98-4a489153 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_32eadc24-e391-a089-abe0-fb5b6627ca17-4a489153, #w-node-_32eadc24-e391-a089-abe0-fb5b6627ca1c-4a489153, #w-node-_32eadc24-e391-a089-abe0-fb5b6627ca21-4a489153, #w-node-_32eadc24-e391-a089-abe0-fb5b6627ca26-4a489153, #w-node-_5bc0fd34-c692-45c0-2e3e-e3958ff1f021-4a489153, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cdc7-4a489153 {
  justify-self: start;
}

#w-node-_1580cb2b-24c7-e626-46d9-82e5a4883c0c-7bcc55af {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_1580cb2b-24c7-e626-46d9-82e5a4883c0e-7bcc55af {
  grid-area: span 1 / span 2 / span 1 / span 2;
  justify-self: stretch;
}


@font-face {
  font-family: 'Intertight';
  src: url('../fonts/InterTight-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Intertight';
  src: url('../fonts/InterTight-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Geistmono';
  src: url('../fonts/GeistMono-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

/* --- Custom (post-export): simplified footer --- */
.footer_component {
  border-top: 1px solid var(--border-color--primary);
  padding-top: 4rem;
  padding-bottom: 2rem;
}

.footer_top {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.footer_brand {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  align-items: flex-start;
  max-width: 22rem;
  display: flex;
}

.footer_brand-link {
  color: var(--neutral--black);
  width: 8rem;
  display: block;
}

.footer_logo {
  width: 100%;
  display: block;
}

.footer_social-link {
  padding-top: 0;
  padding-bottom: 0;
}

.footer_social-link .icon-1x1-medium {
  width: 1.6rem;
  height: 1.6rem;
}

.footer_bottom-right .footer_social-link {
  margin-right: 1rem;
}

.footer_nav {
  grid-column-gap: 4rem;
  grid-row-gap: 2rem;
  flex-wrap: wrap;
  display: flex;
}

.footer_nav-col {
  flex-flow: column;
  min-width: 9rem;
  display: flex;
}

.footer_nav-title {
  color: var(--neutral--black);
  margin-bottom: .5rem;
  font-size: .875rem;
  font-weight: 600;
}

.footer_bottom {
  grid-column-gap: 1rem;
  grid-row-gap: .75rem;
  border-top: 1px solid var(--border-color--primary);
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  margin-top: 3rem;
  padding-top: 1.5rem;
  display: grid;
}

.footer_bottom .footer_credit-text {
  justify-self: center;
}

.footer_bottom-right {
  justify-self: end;
}

.footer_bottom .footer_credit-text {
  margin: 0;
}

.footer_bottom-right {
  grid-column-gap: 1.5rem;
  grid-row-gap: .75rem;
  flex-wrap: wrap;
  align-items: center;
  display: flex;
}

.footer_location {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  color: #8c8c8c;
  align-items: center;
  font-size: .875rem;
  display: flex;
}

.footer_eth-label {
  width: auto;
  height: 2.1rem;
  margin-left: -.15rem;
  display: block;
}

.footer_location .swiss-flag {
  flex: none;
  width: 1.4rem;
  height: 1.4rem;
}

@media screen and (max-width: 767px) {
  .footer_component {
    padding-top: 3rem;
  }

  .footer_top {
    flex-flow: column;
  }

  .footer_nav {
    grid-column-gap: 2.5rem;
  }

  .footer_bottom {
    grid-template-columns: 1fr;
    justify-items: start;
  }

  .footer_bottom .footer_credit-text,
  .footer_bottom-right {
    justify-self: start;
  }

  /* on phones the copyright closes the footer */
  .footer_bottom .footer_credit-text {
    order: 3;
    margin-top: .5rem;
  }
}

/* --- Custom (post-export): first screen restyled after rootglobal.io — flat gradient ground, two-column hero,
       product visual cropped by the press strip, mono label with hairline rule --- */
.home-first-screen {
  --first-screen-gutter: max(var(--_spacing---padding-global), calc((100% - var(--_spacing---container--large)) / 2));
  min-height: calc(100vh - 5rem);
  min-height: calc(100svh - 5rem);
  background-image: linear-gradient(180deg, #fff 0%, #eef2f8 100%);
  flex-flow: column;
  display: flex;
}

.home-first-screen .home-hero_section.section {
  flex: 1;
  flex-flow: column;
  padding-left: var(--first-screen-gutter);
  padding-right: var(--first-screen-gutter);
  display: flex;
}

.home-first-screen .home-hero_container.container-large,
.home-first-screen .home-hero_card {
  flex: 1;
  flex-flow: column;
  max-width: none;
  display: flex;
}

.home-first-screen .home-hero_card,
.home-first-screen .home-hero_content {
  background-color: transparent;
  border: 0;
  border-radius: 0;
  padding: 0;
}

.home-first-screen .home-hero_content {
  flex: 1;
  grid-column-gap: 3rem;
  grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
  align-items: center;
  padding-top: 2rem;
  display: grid;
}

.home-hero_copy {
  max-width: 56rem;
}

/* "Smartphone sovereignty." measures 11x the font size in Marund; this keeps it on one line in its column */
.home-first-screen .home-hero_heading {
  font-size: clamp(2.5rem, 4.55vw, 5rem);
}

.home-first-screen .home-hero_paragraph {
  color: var(--text-color--secondary);
  text-wrap: balance;
  max-width: 36rem;
}

.home-hero_visual {
  container-type: inline-size;
  align-self: stretch;
  min-height: 24rem;
  position: relative;
  overflow: visible clip;
}

.home-hero_phone {
  --hero-phone-w: min(82cqw, 37rem);
  aspect-ratio: 398 / 800;
  width: var(--hero-phone-w);
  position: absolute;
  top: var(--hero-phone-top, max(2.75rem, calc(50% - 14.5rem)));
  left: 55%;
  transform: translateX(-50%);
}

.home-hero_phone-art {
  filter: drop-shadow(0 24px 48px #10285526);
  position: absolute;
  inset: 0;
}

.home-hero_phone-img {
  width: 100%;
  height: 100%;
  transition: opacity .5s ease-in-out;
  position: absolute;
  inset: 0;
}

/* phone screens (hero and switch card) are inline SVG so their labels are real text in the site's fonts; sizes are in artwork units */
.phone-screen_label {
  letter-spacing: .06em;
  font-family: var(--_font---secondary);
  font-size: 12px;
}

.phone-screen_label-small {
  letter-spacing: .08em;
  text-transform: uppercase;
  font-size: 9px;
  font-weight: 700;
}

.phone-screen_title {
  text-anchor: middle;
  letter-spacing: .06em;
  text-transform: uppercase;
  font-family: var(--_font---secondary);
  font-size: 16px;
  font-weight: 700;
}

/* the phone shows the active side's screen */
.home-first-screen[data-side="one"] .home-hero_phone .is-two,
.home-first-screen[data-side="two"] .home-hero_phone .is-one {
  opacity: 0;
}

/* the orange side key, drawn over the artwork's key so it is there on both sides */
.home-hero_switch {
  cursor: pointer;
  background-color: var(--brand--orange);
  border: 0;
  border-radius: 4px 0 0 4px;
  width: 3.2%;
  height: 8.4%;
  padding: 0;
  transition: transform .2s, filter .2s;
  animation: hero-key-pulse 1.8s ease-out infinite;
  position: absolute;
  top: 23.7%;
  left: -.6%;
}

.home-hero_switch:hover {
  filter: brightness(1.12);
  transform: translateX(-2px);
}

.home-hero_switch:active {
  transform: translateX(1px);
}

.home-hero_switch::after {
  content: "";
  position: absolute;
  inset: -1rem -.75rem -1rem -1.25rem;
}

.home-hero_switch:focus-visible {
  outline: 2px solid var(--brand--orange);
  outline-offset: 4px;
}

@keyframes hero-key-pulse {
  0% {
    box-shadow: 0 0 0 0 #ff3b0099;
  }

  70% {
    box-shadow: 0 0 0 18px #ff3b0000;
  }

  100% {
    box-shadow: 0 0 0 0 #ff3b0000;
  }
}

/* "Tap to switch" callout with a nudging arrow, sitting just left of the key */
.home-hero_key-callout {
  grid-column-gap: .6rem;
  grid-row-gap: .45rem;
  color: var(--text-color--primary);
  white-space: nowrap;
  letter-spacing: .05em;
  text-transform: uppercase;
  grid-template-columns: auto auto;
  align-items: center;
  justify-items: end;
  font-family: var(--_font---secondary);
  font-size: .8rem;
  line-height: 1;
  transition: color .5s ease-in-out;
  display: grid;
  position: absolute;
  top: 50%;
  right: calc(100% + .75rem);
  transform: translateY(-.6875rem); /* the arrow row (1.375rem tall) is centred on the key; the claim hangs below */
}

/* the arrow is drawn in CSS (shaft + chevron) so it can sit in its own grid column beside the text block */
.home-hero_callout-arrow {
  width: 3.1rem;
  height: 1.375rem;
  align-items: center;
  animation: hero-arrow-nudge 1.4s ease-in-out infinite;
  display: flex;
}

.home-hero_callout-arrow::before {
  content: "";
  background-color: currentColor;
  border-radius: 1px;
  flex: 1;
  height: 1.6px;
}

.home-hero_callout-arrow::after {
  content: "";
  border-top: 1.6px solid currentColor;
  border-right: 1.6px solid currentColor;
  border-radius: 1px;
  width: .5rem;
  height: .5rem;
  margin-left: calc(-.5rem - .8px);
  transform: rotate(45deg);
}

@keyframes hero-arrow-nudge {
  0%, 100% {
    transform: translateX(0);
  }

  50% {
    transform: translateX(6px);
  }
}

.home-first-screen[data-side="two"] .home-hero_key-callout {
  color: #fff;
}

/* the text block is right-aligned to the end of "press to switch"; the arrow stands alone in the second column with nothing under it */
.home-hero_callout-row {
  display: contents;
}

.home-hero_callout-arrow {
  grid-area: 1 / 2;
}

/* the claim sits right under the prompt, so "press to switch" and "milliseconds, no reboot" read as one thought */
.home-hero_callout-claim,
.home-hero_side-claim {
  color: var(--text-color--secondary);
  letter-spacing: .06em;
  font-size: .72rem;
  line-height: 1.6;
  transition: color .5s ease-in-out;
}

.home-hero_callout-claim {
  text-align: right;
  grid-column: 1;
}

.home-first-screen[data-side="two"] .home-hero_callout-claim,
.home-first-screen[data-side="two"] .home-hero_side-claim {
  color: #c5cfe3;
}

.home-first-screen.is-switching .home-hero_callout-claim,
.home-first-screen.is-switching .home-hero_side-claim {
  animation: hero-claim-flash 1.4s ease-out;
}

.home-first-screen[data-side="two"].is-switching .home-hero_callout-claim,
.home-first-screen[data-side="two"].is-switching .home-hero_side-claim {
  animation-name: hero-claim-flash-dark;
}

@keyframes hero-claim-flash {
  0%, 55% {
    color: var(--brand--orange);
  }

  100% {
    color: var(--text-color--secondary);
  }
}

@keyframes hero-claim-flash-dark {
  0%, 55% {
    color: var(--brand--orange);
  }

  100% {
    color: #c5cfe3;
  }
}

.home-hero_side-tag {
  white-space: nowrap;
  display: none;
  position: absolute;
  bottom: calc(100% + .6rem);
  left: 0;
}

.home-hero_side-hint {
  color: var(--text-color--secondary);
}

.home-hero_side-claim {
  padding-top: .4rem;
}

/* OS 2 (the side you control) turns the whole first screen navy */
.home-first-screen {
  position: relative;
  isolation: isolate;
}

.home-first-screen::before {
  content: "";
  z-index: -1;
  background-image: linear-gradient(180deg, #0b1d42 0%, #102855 55%, #1f3f7d 100%);
  opacity: 0;
  transition: opacity .6s ease-in-out;
  position: absolute;
  inset: 0;
}

.home-first-screen[data-side="two"]::before {
  opacity: 1;
}

/* OS 1 (the side your people know) carries the dotted tile pattern from the original switch panel */
.home-first-screen::after {
  content: "";
  z-index: -1;
  pointer-events: none;
  background-image: url('../images/Tile-pattern.svg');
  background-position: 0 0;
  background-size: auto;
  opacity: .3;
  transition: opacity .6s ease-in-out;
  position: absolute;
  inset: 0;
}

.home-first-screen[data-side="two"]::after {
  opacity: 0;
}

.home-first-screen .home-hero_heading,
.home-first-screen .home-hero_paragraph,
.home-first-screen .text-style-mono,
.home-first-screen .logo_wrap {
  transition: color .5s ease-in-out;
}

.home-first-screen .logo_label-rule {
  transition: background-color .5s ease-in-out;
}

.home-first-screen[data-side="two"] .home-hero_heading {
  color: #fff;
}

.home-first-screen[data-side="two"] .home-hero_heading.text-color-light-blue {
  color: #aebbd9;
}

.home-first-screen[data-side="two"] .home-hero_paragraph,
.home-first-screen[data-side="two"] .text-style-mono,
.home-first-screen[data-side="two"] .home-hero_side-hint {
  color: #c5cfe3;
}

.home-first-screen[data-side="two"] .logo_label-rule {
  background-color: #fff3;
}

.home-first-screen[data-side="two"] .logo_wrap {
  color: #ffffff8c;
}

.home-first-screen[data-side="two"] .logo_special-wrap:hover .logo_svg {
  color: #fff;
}

@media (prefers-reduced-motion: reduce) {
  .home-hero_switch,
  .home-hero_callout-arrow {
    animation: none;
  }

  .home-hero_phone-img,
  .home-first-screen::before,
  .home-first-screen::after {
    transition: none;
  }
}

.home-first-screen .logo_section.section {
  padding: 0 var(--first-screen-gutter) 2.5rem;
}

.logo_label {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  align-items: center;
  display: flex;
}

.logo_label-rule {
  background-color: var(--border-color--primary);
  flex: 1;
  height: 1px;
}

.home-first-screen .logo_wall {
  justify-content: flex-start;
}

@media screen and (max-width: 1199px) {
  .home-hero_key-callout {
    display: none;
  }

  .home-hero_side-tag {
    width: max-content;
    display: block;
  }

  /* the hint block sits above the phone (about 3.6rem tall plus its gap), so the phone never rests
     higher than that: otherwise the hint is clipped by the visual's top edge */
  .home-hero_phone {
    top: max(4.75rem, calc(50% - 14.5rem));
  }
}

@media screen and (max-width: 991px) {
  .home-first-screen .home-hero_content {
    grid-template-columns: 1fr;
    grid-template-rows: auto minmax(20rem, 1fr);
    grid-row-gap: 2rem;
    align-items: start;
  }

  .home-hero_visual {
    min-height: 20rem;
    max-height: none;
  }

  .home-hero_phone {
    --hero-phone-w: min(70%, 20rem);
    top: 4.75rem;
  }
}

@media screen and (max-width: 767px) {
  /* phones: the hero is content-sized (it may run past the first screen; people scroll) with generous
     air between header, headline, copy, button and the phone */
  .home-first-screen {
    min-height: 0;
  }

  .home-first-screen .home-hero_content {
    grid-row-gap: 3rem;
    justify-items: center;
    padding-top: 5.5rem;
  }

  .home-first-screen .home-hero_heading + .home-hero_heading {
    margin-top: .15em;
  }

  .home-first-screen .home-hero_paragraph {
    max-width: 30rem;
    margin-top: .75rem;
    line-height: 1.5;
  }

  .home-first-screen .home-hero_buttons {
    padding-top: 1.25rem;
  }

  .home-hero_copy {
    text-align: center;
    max-width: 34rem;
    justify-self: center;
  }

  /* "Smartphone sovereignty." measures 11x the font size; this keeps it on one line at any phone width */
  .home-first-screen .home-hero_heading {
    font-size: min(2.5rem, calc((100vw - 3.4rem) / 11.2));
  }

  .home-first-screen .home-hero_paragraph {
    margin-left: auto;
    margin-right: auto;
  }

  .home-first-screen .home-hero_buttons .button-group {
    justify-content: center;
  }

  .home-hero_visual {
    width: 100%;
    min-height: 28rem;
  }

  .home-hero_phone {
    --hero-phone-w: min(70%, 19rem);
    top: 5rem;
    left: 50%;
  }

  .home-hero_side-tag {
    white-space: normal;
    text-align: center;
    max-width: calc(100vw - 2.5rem);
    bottom: calc(100% + 1.25rem);
    left: 50%;
    transform: translateX(-50%);
  }

  .home-hero_side-tag .text-style-mono {
    line-height: 1.5;
  }

  .home-first-screen .logo_section.section {
    padding-bottom: 2rem;
  }

  .home-first-screen .logo_wall.show-mobile-landscape {
    justify-content: center;
  }
}

/* --- Custom (post-export): "As featured in" logos scroll as a seamless marquee --- */
.logo_marquee {
  -webkit-mask-image: linear-gradient(90deg, transparent, #000 6%, #000 94%, transparent);
  mask-image: linear-gradient(90deg, transparent, #000 6%, #000 94%, transparent);
  overflow: hidden;
}

.logo_marquee-track {
  width: max-content;
  animation: logo-marquee 60s linear infinite;
  display: flex;
}

.logo_marquee .logo_wall {
  grid-column-gap: 12rem;
  grid-row-gap: 12rem;
  flex: none;
  justify-content: flex-start;
  padding-right: 12rem;
}

@media screen and (max-width: 767px) {
  .logo_marquee-track {
    animation-duration: 30s;
  }

  .logo_marquee .logo_wall {
    grid-column-gap: 5rem;
    grid-row-gap: 5rem;
    padding-right: 5rem;
  }
}

.logo_marquee:hover .logo_marquee-track {
  animation-play-state: paused;
}

/* every logo darkens on hover; the linked ones are plain links with a pointer cursor */
.logo_marquee .logo_wrap:hover .logo_svg {
  color: var(--neutral--black);
}

.home-first-screen[data-side="two"] .logo_marquee .logo_wrap:hover .logo_svg {
  color: #fff;
}

.logo_special-wrap:focus-visible {
  outline: 2px solid var(--brand--orange);
  outline-offset: 6px;
  border-radius: 2px;
}

@keyframes logo-marquee {
  to {
    transform: translateX(-25%);
  }
}

@media (prefers-reduced-motion: reduce) {
  .logo_marquee-track {
    animation: none;
  }
}

/* --- Custom (post-export): "Why Soverli?" boxes read as clickable — plus icon, hover lift,
       and an orange ring that fills around the open box before the next one opens --- */
@property --tab-progress {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 0%;
}

.product-tabs_tab {
  cursor: pointer;
  transition: border-color .2s, transform .2s, box-shadow .2s;
  position: relative;
}

.product-tabs_tab:hover {
  border-color: var(--neutral--light);
}

.product-tabs_tab[data-tab-active="false"]:hover {
  box-shadow: 0 6px 18px #10285514;
  transform: translateY(-2px);
}

.product-tabs_icon {
  color: var(--neutral--light);
  flex: none;
  width: 1rem;
  height: 1rem;
  margin-left: auto;
  transition: transform .4s cubic-bezier(.77, 0, .175, 1), color .2s;
}

.product-tabs_tab:hover .product-tabs_icon,
.product-tabs_tab[data-tab-active="true"] .product-tabs_icon {
  color: var(--neutral--black);
}

.product-tabs_tab::before {
  content: "";
  pointer-events: none;
  background: conic-gradient(var(--brand--orange) var(--tab-progress), #0000 0);
  border-radius: calc(1rem + 1px);
  opacity: 0;
  padding: 2px;
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  position: absolute;
  inset: -1px;
}

.product-tabs_content-wrap.is-in-view .product-tabs_tab[data-tab-active="true"]::before {
  opacity: 1;
  animation: tabs-ring 15s linear forwards;
}

.product-tabs_content-wrap.is-manual .product-tabs_tab[data-tab-active="true"]::before {
  animation-play-state: paused;
}

@keyframes tabs-ring {
  from {
    --tab-progress: 0%;
  }

  to {
    --tab-progress: 100%;
  }
}

@media (prefers-reduced-motion: reduce) {
  .product-tabs_content-wrap.is-in-view .product-tabs_tab[data-tab-active="true"]::before {
    animation: none;
    opacity: 0;
  }

  .product-tabs_tab[data-tab-active="false"]:hover {
    transform: none;
  }
}

/* --- Custom (post-export): use-case cards reveal their text upwards on hover; keep the browser's scroll
       anchoring from following that movement and nudging the page --- */
.use-cases_section {
  overflow-anchor: none;
}

/* --- Custom (post-export): "Switch sides" card — the orange side key is a real button that flips the screens --- */
.features_switch {
  cursor: pointer;
  background-color: var(--brand--orange);
  border: 0;
  border-radius: 3px 0 0 3px;
  width: 2.6%;
  height: 16.5%;
  padding: 0;
  transition: transform .2s, filter .2s;
  animation: hero-key-pulse 1.8s ease-out infinite;
  position: absolute;
  top: 62.5%;
  left: 9.9%;
  z-index: 2;
}

.features_switch::after {
  content: "";
  position: absolute;
  inset: -1rem -.75rem -1rem -1.25rem;
}

.features_switch:hover {
  filter: brightness(1.12);
  transform: translateX(-2px);
}

.features_switch:active {
  transform: translateX(1px);
}

.features_switch:focus-visible {
  outline: 2px solid var(--brand--orange);
  outline-offset: 4px;
}

@media (prefers-reduced-motion: reduce) {
  .features_switch {
    animation: none;
  }
}

/* Legal pages (Impressum, Terms, Privacy): the export ships rich text with no rhythm at all, so give it
   reading-sized headings, paragraph spacing and visible links */
[data-wf--legal-content--variant] .w-richtext h2 {
  font-size: var(--_heading---size--h4);
  margin-top: 2.5rem;
  margin-bottom: .75rem;
}

[data-wf--legal-content--variant] .w-richtext h3 {
  font-size: 1.125rem;
  margin-top: 2rem;
  margin-bottom: .5rem;
}

[data-wf--legal-content--variant] .w-richtext > h2:first-child {
  margin-top: 0;
}

[data-wf--legal-content--variant] .w-richtext p,
[data-wf--legal-content--variant] .w-richtext ul,
[data-wf--legal-content--variant] .w-richtext ol {
  color: var(--text-color--secondary);
  margin-bottom: 1rem;
  line-height: 1.6;
}

[data-wf--legal-content--variant] .w-richtext a {
  color: var(--text-color--primary);
  text-decoration: underline;
  text-underline-offset: .15em;
}

/* Fleet card: the animated grid is the fleet. One tile is mapped to the MDM: its two dots are its two
   operating systems, each with its own row. */
.fleet_wrap.is-mapped {
  z-index: 3;
  position: relative;
}

/* one navy dot per phone: the OS in the foreground. Left dot = OS 2, right dot = OS 1. */
.fleet_circle {
  transition: background-color .45s ease-in-out;
}

.fleet_wrap.is-left .fleet_circle:first-child,
.fleet_wrap.is-right .fleet_circle:last-child {
  background-color: #102855;
}

.fleet_mdm {
  pointer-events: none;
  transform-origin: .6rem 1rem;
  width: 22rem;
  height: 9rem;
  position: absolute;
  top: 0;
  left: 0;
}

.fleet_mdm-links {
  width: 21rem;
  height: 8rem;
  position: absolute;
  top: 0;
  left: 0;
}

.fleet_mdm-link {
  stroke: var(--brand--orange);
  stroke-width: 1.5;
  stroke-dasharray: 3 3;
  stroke-linejoin: round;
}

.fleet_mdm-head {
  fill: var(--brand--orange);
}

.fleet_mdm-panel {
  background-color: #fff;
  border: 1px solid var(--border-color--primary);
  border-radius: .6rem;
  width: 15.5rem;
  padding: .55rem .65rem .55rem;
  position: absolute;
  top: -2.4rem;
  left: 6rem;
  box-shadow: 0 10px 24px #10285514;
}

.fleet_mdm-title,
.fleet_mdm-cols,
.fleet_mdm-row {
  letter-spacing: .06em;
  font-family: var(--_font---secondary);
  line-height: 1;
}

.fleet_mdm-title {
  color: #1f1f1f;
  text-transform: uppercase;
  border-bottom: 1px solid var(--border-color--primary);
  padding-bottom: .45rem;
  font-size: .6rem;
  font-weight: 700;
}

.fleet_mdm-cols,
.fleet_mdm-row {
  grid-template-columns: 4.1rem minmax(0, 1fr) 2.6rem;
  align-items: center;
  display: grid;
}

.fleet_mdm-cols {
  color: #8b93a5;
  text-transform: uppercase;
  padding: .45rem .45rem .35rem;
  font-size: .5rem;
}

.fleet_mdm-cols span:last-child,
.fleet_mdm-ok {
  justify-self: center;
}

.fleet_mdm-row {
  color: #1f1f1f;
  white-space: nowrap;
  background-color: #f7f8fa;
  border: 1px solid var(--border-color--primary);
  border-radius: .35rem;
  height: 1.7rem;
  margin-top: .3rem;
  padding: 0 .45rem;
  font-size: .6rem;
}

.fleet_mdm-row.is-other {
  opacity: .4;
}

.fleet_mdm-os {
  background-color: #b4bbc8;
  border-radius: 50%;
  width: .38rem;
  height: .38rem;
  margin-right: .32rem;
  display: inline-block;
  vertical-align: middle;
}

.fleet_mdm-os.is-os2 {
  background-color: #102855;
}

.fleet_mdm-ok {
  background-color: #22a06b;
  border-radius: 50%;
  width: .42rem;
  height: .42rem;
}

.fleet_mdm-mob {
  display: none;
}

@media screen and (max-width: 767px) {
  .fleet_mdm-desk {
    display: none;
  }

  .fleet_mdm-mob {
    display: block;
  }

  .fleet_mdm-panel {
    width: 13rem;
    padding: .5rem .5rem .5rem;
  }

  .fleet_mdm-title {
    padding-bottom: .4rem;
    font-size: .55rem;
  }

  .fleet_mdm-cols {
    padding: .4rem .35rem .3rem;
    font-size: .45rem;
  }

  .fleet_mdm-cols,
  .fleet_mdm-row {
    grid-template-columns: 3.4rem minmax(0, 1fr) 2rem;
  }

  .fleet_mdm-row {
    height: 1.5rem;
    padding: 0 .35rem;
    font-size: .5rem;
  }
}

/* Header follows the page, so "Book a demo" is always one click away. A hairline and a soft shadow
   appear once the page has scrolled (scroll-driven, no script; browsers without it just skip the shadow). */
.nav-basic_wrap {
  z-index: 90;
  min-height: 5rem;
  background-color: #fffffff2;
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  position: sticky;
  top: 0;
}

@supports (animation-timeline: scroll()) {
  .nav-basic_wrap {
    animation: nav-settle linear both;
    animation-timeline: scroll(root);
    animation-range: 0 80px;
  }
}

@keyframes nav-settle {
  from {
    box-shadow: 0 1px 0 #10285500, 0 8px 24px #10285500;
  }

  to {
    box-shadow: 0 1px 0 #1028551f, 0 8px 24px #1028550d;
  }
}

@media screen and (max-width: 767px) {
  .nav-basic_wrap {
    min-height: 4.5rem;
  }
}

/* Backed by: the investors, above the footer, in the same quiet grey as the press strip */
.investors_section {
  padding-top: 1rem;
  padding-bottom: 5rem;
}

.investors_row {
  grid-column-gap: 3rem;
  grid-row-gap: 2rem;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  margin-top: 2.5rem;
  display: flex;
}

.investors_logo {
  opacity: .9;
  filter: grayscale(1);
  align-items: center;
  height: 2.25rem;
  transition: opacity .3s;
  display: flex;
}

.investors_logo:hover {
  opacity: 1;
}

.investors_logo img {
  width: auto;
  max-width: 12rem;
  height: 100%;
  object-fit: contain;
}

/* the marks have very different visual weights; heights are tuned so they read as one row */
.investors_logo.is-founderful { height: 1.7rem; }
.investors_logo.is-eth { height: 2rem; }
.investors_logo.is-venturekick { height: 2.4rem; }
.investors_logo.is-bridge { height: 1.5rem; }
.investors_logo.is-iyk { height: 2.2rem; }

@media screen and (max-width: 991px) {
  .investors_row {
    grid-column-gap: 2.5rem;
    justify-content: center;
  }
}

@media screen and (max-width: 767px) {
  .investors_section {
    padding-bottom: 3.5rem;
  }

  .investors_row {
    grid-column-gap: 2rem;
    grid-row-gap: 1.5rem;
    margin-top: 2rem;
  }

  .investors_logo { height: 1.8rem; }
  .investors_logo.is-founderful { height: 1.4rem; }
  .investors_logo.is-eth { height: 1.6rem; }
  .investors_logo.is-venturekick { height: 1.9rem; }
  .investors_logo.is-bridge { height: 1.2rem; }
  .investors_logo.is-iyk { height: 1.8rem; }
}

/* Book a demo: honeypot field (off-screen, never shown) and the privacy link under the form */
.form_hp {
  position: absolute;
  left: -10000px;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

.form_legal-link {
  color: inherit;
  text-decoration: underline;
  text-underline-offset: .15em;
}

/* Book a demo: the intro is three short paragraphs */
.heading-style-h3-3 ~ p { margin-top: 0; margin-bottom: .9rem; }
.book-a-demo_mail { color: inherit; text-decoration: underline; text-underline-offset: .15em; }

/* Below 1200px the callout beside the key is hidden, so a small arrow points at the key itself: the orange
   key on the phone is the thing to press, not the orange "Book a demo" button above */
@media screen and (max-width: 1199px) {
  .home-hero_switch::before {
    content: "";
    pointer-events: none;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 12' fill='none' stroke='%23FF3B00' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1 6h26M22 1.5 27 6l-5 4.5'/%3E%3C/svg%3E") center / contain no-repeat;
    width: 1.9rem;
    height: .8rem;
    animation: hero-arrow-nudge 1.4s ease-in-out infinite;
    position: absolute;
    top: calc(50% - .4rem);
    right: calc(100% + .4rem);
  }
}

@media (prefers-reduced-motion: reduce) {
  .home-hero_switch::before { animation: none; }
}

/* Why Soverli, phones: the card images are small there, so their two labels ran into the phone artwork.
   The image gets a taller frame with the artwork anchored to the bottom; the band on top continues the
   two grounds and the divider, and the labels sit in it. */
@media screen and (max-width: 991px) {
  .product-tabs_mobile-img {
    aspect-ratio: 1041 / 870;
    background: linear-gradient(90deg, #e9ebef calc(50.14% - .5px), #000 calc(50.14% - .5px), #000 calc(50.14% + .5px), #8793a9 calc(50.14% + .5px));
  }

  .product-tabs_mobile-img .image-full_image {
    object-fit: contain;
    object-position: center bottom;
  }

  .product-tabs_mobile-img .product-tabs_left-side,
  .product-tabs_mobile-img .product-tabs_right-side {
    padding: .7rem .8rem;
  }
}

/* phones: the hint stays on one line, its size following the screen width (it is ~27x its font size wide) */
@media screen and (max-width: 767px) {
  .home-hero_side-hint {
    white-space: nowrap;
    font-size: min(.84rem, calc((100vw - 2.75rem) / 27.5));
  }
}

/* Why Soverli: the card body is clipped while it expands, so nothing shows below the card's edge */
.product-tabs_bottom-wrap {
  overflow: hidden;
}

/* phones: air between the cropped phone and the "As featured in" label */
@media screen and (max-width: 767px) {
  .home-first-screen .logo_section.section {
    padding-top: 0.5rem;
  }
}