html {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  font-family: sans-serif;
}

body {
  margin: 0;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
}

audio, canvas, progress, video {
  vertical-align: baseline;
  display: inline-block;
}

audio:not([controls]) {
  height: 0;
  display: none;
}

[hidden], template {
  display: none;
}

a {
  background-color: #0000;
}

a:active, a:hover {
  outline: 0;
}

abbr[title] {
  border-bottom: 1px dotted;
}

b, strong {
  font-weight: bold;
}

dfn {
  font-style: italic;
}

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

mark {
  color: #000;
  background: #ff0;
}

small {
  font-size: 80%;
}

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

sup {
  top: -.5em;
}

sub {
  bottom: -.25em;
}

img {
  border: 0;
}

svg:not(:root) {
  overflow: hidden;
}

hr {
  box-sizing: content-box;
  height: 0;
}

pre {
  overflow: auto;
}

code, kbd, pre, samp {
  font-family: monospace;
  font-size: 1em;
}

button, input, optgroup, select, textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}

button {
  overflow: visible;
}

button, select {
  text-transform: none;
}

button, html input[type="button"], input[type="reset"] {
  -webkit-appearance: button;
  cursor: pointer;
}

button[disabled], html input[disabled] {
  cursor: default;
}

button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

input {
  line-height: normal;
}

input[type="checkbox"], input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}

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

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

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

legend {
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto;
}

optgroup {
  font-weight: bold;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td, th {
  padding: 0;
}

@font-face {
  font-family: webflow-icons;
  src: url("data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBiUAAAC8AAAAYGNtYXDpP+a4AAABHAAAAFxnYXNwAAAAEAAAAXgAAAAIZ2x5ZmhS2XEAAAGAAAADHGhlYWQTFw3HAAAEnAAAADZoaGVhCXYFgQAABNQAAAAkaG10eCe4A1oAAAT4AAAAMGxvY2EDtALGAAAFKAAAABptYXhwABAAPgAABUQAAAAgbmFtZSoCsMsAAAVkAAABznBvc3QAAwAAAAAHNAAAACAAAwP4AZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpAwPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAQAAAAAwACAACAAQAAQAg5gPpA//9//8AAAAAACDmAOkA//3//wAB/+MaBBcIAAMAAQAAAAAAAAAAAAAAAAABAAH//wAPAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEBIAAAAyADgAAFAAAJAQcJARcDIP5AQAGA/oBAAcABwED+gP6AQAABAOAAAALgA4AABQAAEwEXCQEH4AHAQP6AAYBAAcABwED+gP6AQAAAAwDAAOADQALAAA8AHwAvAAABISIGHQEUFjMhMjY9ATQmByEiBh0BFBYzITI2PQE0JgchIgYdARQWMyEyNj0BNCYDIP3ADRMTDQJADRMTDf3ADRMTDQJADRMTDf3ADRMTDQJADRMTAsATDSANExMNIA0TwBMNIA0TEw0gDRPAEw0gDRMTDSANEwAAAAABAJ0AtAOBApUABQAACQIHCQEDJP7r/upcAXEBcgKU/usBFVz+fAGEAAAAAAL//f+9BAMDwwAEAAkAABcBJwEXAwE3AQdpA5ps/GZsbAOabPxmbEMDmmz8ZmwDmvxmbAOabAAAAgAA/8AEAAPAAB0AOwAABSInLgEnJjU0Nz4BNzYzMTIXHgEXFhUUBw4BBwYjNTI3PgE3NjU0Jy4BJyYjMSIHDgEHBhUUFx4BFxYzAgBqXV6LKCgoKIteXWpqXV6LKCgoKIteXWpVSktvICEhIG9LSlVVSktvICEhIG9LSlVAKCiLXl1qal1eiygoKCiLXl1qal1eiygoZiEgb0tKVVVKS28gISEgb0tKVVVKS28gIQABAAABwAIAA8AAEgAAEzQ3PgE3NjMxFSIHDgEHBhUxIwAoKIteXWpVSktvICFmAcBqXV6LKChmISBvS0pVAAAAAgAA/8AFtgPAADIAOgAAARYXHgEXFhUUBw4BBwYHIxUhIicuAScmNTQ3PgE3NjMxOAExNDc+ATc2MzIXHgEXFhcVATMJATMVMzUEjD83NlAXFxYXTjU1PQL8kz01Nk8XFxcXTzY1PSIjd1BQWlJJSXInJw3+mdv+2/7c25MCUQYcHFg5OUA/ODlXHBwIAhcXTzY1PTw1Nk8XF1tQUHcjIhwcYUNDTgL+3QFt/pOTkwABAAAAAQAAmM7nP18PPPUACwQAAAAAANciZKUAAAAA1yJkpf/9/70FtgPDAAAACAACAAAAAAAAAAEAAAPA/8AAAAW3//3//QW2AAEAAAAAAAAAAAAAAAAAAAAMBAAAAAAAAAAAAAAAAgAAAAQAASAEAADgBAAAwAQAAJ0EAP/9BAAAAAQAAAAFtwAAAAAAAAAKABQAHgAyAEYAjACiAL4BFgE2AY4AAAABAAAADAA8AAMAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEADQAAAAEAAAAAAAIABwCWAAEAAAAAAAMADQBIAAEAAAAAAAQADQCrAAEAAAAAAAUACwAnAAEAAAAAAAYADQBvAAEAAAAAAAoAGgDSAAMAAQQJAAEAGgANAAMAAQQJAAIADgCdAAMAAQQJAAMAGgBVAAMAAQQJAAQAGgC4AAMAAQQJAAUAFgAyAAMAAQQJAAYAGgB8AAMAAQQJAAoANADsd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzVmVyc2lvbiAxLjAAVgBlAHIAcwBpAG8AbgAgADEALgAwd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzUmVndWxhcgBSAGUAZwB1AGwAYQByd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzRm9udCBnZW5lcmF0ZWQgYnkgSWNvTW9vbi4ARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==") format("truetype");
  font-weight: normal;
  font-style: normal;
}

[class^="w-icon-"], [class*=" w-icon-"] {
  speak: none;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  font-family: webflow-icons !important;
}

.w-icon-slider-right:before {
  content: "";
}

.w-icon-slider-left:before {
  content: "";
}

.w-icon-nav-menu:before {
  content: "";
}

.w-icon-arrow-down:before, .w-icon-dropdown-toggle:before {
  content: "";
}

.w-icon-file-upload-remove:before {
  content: "";
}

.w-icon-file-upload-icon:before {
  content: "";
}

* {
  box-sizing: border-box;
}

html {
  height: 100%;
}

body {
  color: #333;
  background-color: #fff;
  min-height: 100%;
  margin: 0;
  font-family: Arial, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

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

html.w-mod-touch * {
  background-attachment: scroll !important;
}

.w-block {
  display: block;
}

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

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

.w-clearfix:after {
  clear: both;
}

.w-hidden {
  display: none;
}

.w-button {
  color: #fff;
  line-height: inherit;
  cursor: pointer;
  background-color: #3898ec;
  border: 0;
  border-radius: 0;
  padding: 9px 15px;
  text-decoration: none;
  display: inline-block;
}

input.w-button {
  -webkit-appearance: button;
}

html[data-w-dynpage] [data-w-cloak] {
  color: #0000 !important;
}

.w-code-block {
  margin: unset;
}

pre.w-code-block code {
  all: inherit;
}

.w-optimization {
  display: contents;
}

.w-webflow-badge, .w-webflow-badge > img {
  box-sizing: unset;
  width: unset;
  height: unset;
  max-height: unset;
  max-width: unset;
  min-height: unset;
  min-width: unset;
  margin: unset;
  padding: unset;
  float: unset;
  clear: unset;
  border: unset;
  border-radius: unset;
  background: unset;
  background-image: unset;
  background-position: unset;
  background-size: unset;
  background-repeat: unset;
  background-origin: unset;
  background-clip: unset;
  background-attachment: unset;
  background-color: unset;
  box-shadow: unset;
  transform: unset;
  direction: unset;
  font-family: unset;
  font-weight: unset;
  color: unset;
  font-size: unset;
  line-height: unset;
  font-style: unset;
  font-variant: unset;
  text-align: unset;
  letter-spacing: unset;
  -webkit-text-decoration: unset;
  text-decoration: unset;
  text-indent: unset;
  text-transform: unset;
  list-style-type: unset;
  text-shadow: unset;
  vertical-align: unset;
  cursor: unset;
  white-space: unset;
  word-break: unset;
  word-spacing: unset;
  word-wrap: unset;
  transition: unset;
}

.w-webflow-badge {
  white-space: nowrap;
  cursor: pointer;
  box-shadow: 0 0 0 1px #0000001a, 0 1px 3px #0000001a;
  visibility: visible !important;
  opacity: 1 !important;
  z-index: 2147483647 !important;
  color: #aaadb0 !important;
  overflow: unset !important;
  background-color: #fff !important;
  border-radius: 3px !important;
  width: auto !important;
  height: auto !important;
  margin: 0 !important;
  padding: 6px !important;
  font-size: 12px !important;
  line-height: 14px !important;
  text-decoration: none !important;
  display: inline-block !important;
  position: fixed !important;
  inset: auto 12px 12px auto !important;
  transform: none !important;
}

.w-webflow-badge > img {
  position: unset;
  visibility: unset !important;
  opacity: 1 !important;
  vertical-align: middle !important;
  display: inline-block !important;
}

h1, h2, h3, h4, h5, h6 {
  margin-bottom: 10px;
  font-weight: bold;
}

h1 {
  margin-top: 20px;
  font-size: 38px;
  line-height: 44px;
}

h2 {
  margin-top: 20px;
  font-size: 32px;
  line-height: 36px;
}

h3 {
  margin-top: 20px;
  font-size: 24px;
  line-height: 30px;
}

h4 {
  margin-top: 10px;
  font-size: 18px;
  line-height: 24px;
}

h5 {
  margin-top: 10px;
  font-size: 14px;
  line-height: 20px;
}

h6 {
  margin-top: 10px;
  font-size: 12px;
  line-height: 18px;
}

p {
  margin-top: 0;
  margin-bottom: 10px;
}

blockquote {
  border-left: 5px solid #e2e2e2;
  margin: 0 0 10px;
  padding: 10px 20px;
  font-size: 18px;
  line-height: 22px;
}

figure {
  margin: 0 0 10px;
}

figcaption {
  text-align: center;
  margin-top: 5px;
}

ul, ol {
  margin-top: 0;
  margin-bottom: 10px;
  padding-left: 40px;
}

.w-list-unstyled {
  padding-left: 0;
  list-style: none;
}

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

.w-embed:after {
  clear: both;
}

.w-video {
  width: 100%;
  padding: 0;
  position: relative;
}

.w-video iframe, .w-video object, .w-video embed {
  border: none;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

button, [type="button"], [type="reset"] {
  cursor: pointer;
  -webkit-appearance: button;
  border: 0;
}

.w-form {
  margin: 0 0 15px;
}

.w-form-done {
  text-align: center;
  background-color: #ddd;
  padding: 20px;
  display: none;
}

.w-form-fail {
  background-color: #ffdede;
  margin-top: 10px;
  padding: 10px;
  display: none;
}

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

.w-input, .w-select {
  color: #333;
  vertical-align: middle;
  background-color: #fff;
  border: 1px solid #ccc;
  width: 100%;
  height: 38px;
  margin-bottom: 10px;
  padding: 8px 12px;
  font-size: 14px;
  line-height: 1.42857;
  display: block;
}

.w-input::placeholder, .w-select::placeholder {
  color: #999;
}

.w-input:focus, .w-select:focus {
  border-color: #3898ec;
  outline: 0;
}

.w-input[disabled], .w-select[disabled], .w-input[readonly], .w-select[readonly], fieldset[disabled] .w-input, fieldset[disabled] .w-select {
  cursor: not-allowed;
}

.w-input[disabled]:not(.w-input-disabled), .w-select[disabled]:not(.w-input-disabled), .w-input[readonly], .w-select[readonly], fieldset[disabled]:not(.w-input-disabled) .w-input, fieldset[disabled]:not(.w-input-disabled) .w-select {
  background-color: #eee;
}

textarea.w-input, textarea.w-select {
  height: auto;
}

.w-select {
  background-color: #f3f3f3;
}

.w-select[multiple] {
  height: auto;
}

.w-form-label {
  cursor: pointer;
  margin-bottom: 0;
  font-weight: normal;
  display: inline-block;
}

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

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

.w-radio:after {
  clear: both;
}

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

.w-file-upload {
  margin-bottom: 10px;
  display: block;
}

.w-file-upload-input {
  opacity: 0;
  z-index: -100;
  width: .1px;
  height: .1px;
  position: absolute;
  overflow: hidden;
}

.w-file-upload-default, .w-file-upload-uploading, .w-file-upload-success {
  color: #333;
  display: inline-block;
}

.w-file-upload-error {
  margin-top: 10px;
  display: block;
}

.w-file-upload-default.w-hidden, .w-file-upload-uploading.w-hidden, .w-file-upload-error.w-hidden, .w-file-upload-success.w-hidden {
  display: none;
}

.w-file-upload-uploading-btn {
  cursor: pointer;
  background-color: #fafafa;
  border: 1px solid #ccc;
  margin: 0;
  padding: 8px 12px;
  font-size: 14px;
  font-weight: normal;
  display: flex;
}

.w-file-upload-file {
  background-color: #fafafa;
  border: 1px solid #ccc;
  flex-grow: 1;
  justify-content: space-between;
  margin: 0;
  padding: 8px 9px 8px 11px;
  display: flex;
}

.w-file-upload-file-name {
  font-size: 14px;
  font-weight: normal;
  display: block;
}

.w-file-remove-link {
  cursor: pointer;
  width: auto;
  height: auto;
  margin-top: 3px;
  margin-left: 10px;
  padding: 3px;
  display: block;
}

.w-icon-file-upload-remove {
  margin: auto;
  font-size: 10px;
}

.w-file-upload-error-msg {
  color: #ea384c;
  padding: 2px 0;
  display: inline-block;
}

.w-file-upload-info {
  padding: 0 12px;
  line-height: 38px;
  display: inline-block;
}

.w-file-upload-label {
  cursor: pointer;
  background-color: #fafafa;
  border: 1px solid #ccc;
  margin: 0;
  padding: 8px 12px;
  font-size: 14px;
  font-weight: normal;
  display: inline-block;
}

.w-icon-file-upload-icon, .w-icon-file-upload-uploading {
  width: 20px;
  margin-right: 8px;
  display: inline-block;
}

.w-icon-file-upload-uploading {
  height: 20px;
}

.w-container {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
}

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

.w-container:after {
  clear: both;
}

.w-container .w-row {
  margin-left: -10px;
  margin-right: -10px;
}

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

.w-row:after {
  clear: both;
}

.w-row .w-row {
  margin-left: 0;
  margin-right: 0;
}

.w-col {
  float: left;
  width: 100%;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  position: relative;
}

.w-col .w-col {
  padding-left: 0;
  padding-right: 0;
}

.w-col-1 {
  width: 8.33333%;
}

.w-col-2 {
  width: 16.6667%;
}

.w-col-3 {
  width: 25%;
}

.w-col-4 {
  width: 33.3333%;
}

.w-col-5 {
  width: 41.6667%;
}

.w-col-6 {
  width: 50%;
}

.w-col-7 {
  width: 58.3333%;
}

.w-col-8 {
  width: 66.6667%;
}

.w-col-9 {
  width: 75%;
}

.w-col-10 {
  width: 83.3333%;
}

.w-col-11 {
  width: 91.6667%;
}

.w-col-12 {
  width: 100%;
}

.w-hidden-main {
  display: none !important;
}

@media screen and (max-width: 991px) {
  .w-container {
    max-width: 728px;
  }

  .w-hidden-main {
    display: inherit !important;
  }

  .w-hidden-medium {
    display: none !important;
  }

  .w-col-medium-1 {
    width: 8.33333%;
  }

  .w-col-medium-2 {
    width: 16.6667%;
  }

  .w-col-medium-3 {
    width: 25%;
  }

  .w-col-medium-4 {
    width: 33.3333%;
  }

  .w-col-medium-5 {
    width: 41.6667%;
  }

  .w-col-medium-6 {
    width: 50%;
  }

  .w-col-medium-7 {
    width: 58.3333%;
  }

  .w-col-medium-8 {
    width: 66.6667%;
  }

  .w-col-medium-9 {
    width: 75%;
  }

  .w-col-medium-10 {
    width: 83.3333%;
  }

  .w-col-medium-11 {
    width: 91.6667%;
  }

  .w-col-medium-12 {
    width: 100%;
  }

  .w-col-stack {
    width: 100%;
    left: auto;
    right: auto;
  }
}

@media screen and (max-width: 767px) {
  .w-hidden-main, .w-hidden-medium {
    display: inherit !important;
  }

  .w-hidden-small {
    display: none !important;
  }

  .w-row, .w-container .w-row {
    margin-left: 0;
    margin-right: 0;
  }

  .w-col {
    width: 100%;
    left: auto;
    right: auto;
  }

  .w-col-small-1 {
    width: 8.33333%;
  }

  .w-col-small-2 {
    width: 16.6667%;
  }

  .w-col-small-3 {
    width: 25%;
  }

  .w-col-small-4 {
    width: 33.3333%;
  }

  .w-col-small-5 {
    width: 41.6667%;
  }

  .w-col-small-6 {
    width: 50%;
  }

  .w-col-small-7 {
    width: 58.3333%;
  }

  .w-col-small-8 {
    width: 66.6667%;
  }

  .w-col-small-9 {
    width: 75%;
  }

  .w-col-small-10 {
    width: 83.3333%;
  }

  .w-col-small-11 {
    width: 91.6667%;
  }

  .w-col-small-12 {
    width: 100%;
  }
}

@media screen and (max-width: 479px) {
  .w-container {
    max-width: none;
  }

  .w-hidden-main, .w-hidden-medium, .w-hidden-small {
    display: inherit !important;
  }

  .w-hidden-tiny {
    display: none !important;
  }

  .w-col {
    width: 100%;
  }

  .w-col-tiny-1 {
    width: 8.33333%;
  }

  .w-col-tiny-2 {
    width: 16.6667%;
  }

  .w-col-tiny-3 {
    width: 25%;
  }

  .w-col-tiny-4 {
    width: 33.3333%;
  }

  .w-col-tiny-5 {
    width: 41.6667%;
  }

  .w-col-tiny-6 {
    width: 50%;
  }

  .w-col-tiny-7 {
    width: 58.3333%;
  }

  .w-col-tiny-8 {
    width: 66.6667%;
  }

  .w-col-tiny-9 {
    width: 75%;
  }

  .w-col-tiny-10 {
    width: 83.3333%;
  }

  .w-col-tiny-11 {
    width: 91.6667%;
  }

  .w-col-tiny-12 {
    width: 100%;
  }
}

.w-widget {
  position: relative;
}

.w-widget-map {
  width: 100%;
  height: 400px;
}

.w-widget-map label {
  width: auto;
  display: inline;
}

.w-widget-map img {
  max-width: inherit;
}

.w-widget-map .gm-style-iw {
  text-align: center;
}

.w-widget-map .gm-style-iw > button {
  display: none !important;
}

.w-widget-twitter {
  overflow: hidden;
}

.w-widget-twitter-count-shim {
  vertical-align: top;
  text-align: center;
  background: #fff;
  border: 1px solid #758696;
  border-radius: 3px;
  width: 28px;
  height: 20px;
  display: inline-block;
  position: relative;
}

.w-widget-twitter-count-shim * {
  pointer-events: none;
  -webkit-user-select: none;
  user-select: none;
}

.w-widget-twitter-count-shim .w-widget-twitter-count-inner {
  text-align: center;
  color: #999;
  font-family: serif;
  font-size: 15px;
  line-height: 12px;
  position: relative;
}

.w-widget-twitter-count-shim .w-widget-twitter-count-clear {
  display: block;
  position: relative;
}

.w-widget-twitter-count-shim.w--large {
  width: 36px;
  height: 28px;
}

.w-widget-twitter-count-shim.w--large .w-widget-twitter-count-inner {
  font-size: 18px;
  line-height: 18px;
}

.w-widget-twitter-count-shim:not(.w--vertical) {
  margin-left: 5px;
  margin-right: 8px;
}

.w-widget-twitter-count-shim:not(.w--vertical).w--large {
  margin-left: 6px;
}

.w-widget-twitter-count-shim:not(.w--vertical):before, .w-widget-twitter-count-shim:not(.w--vertical):after {
  content: " ";
  pointer-events: none;
  border: solid #0000;
  width: 0;
  height: 0;
  position: absolute;
  top: 50%;
  left: 0;
}

.w-widget-twitter-count-shim:not(.w--vertical):before {
  border-width: 4px;
  border-color: #75869600 #5d6c7b #75869600 #75869600;
  margin-top: -4px;
  margin-left: -9px;
}

.w-widget-twitter-count-shim:not(.w--vertical).w--large:before {
  border-width: 5px;
  margin-top: -5px;
  margin-left: -10px;
}

.w-widget-twitter-count-shim:not(.w--vertical):after {
  border-width: 4px;
  border-color: #fff0 #fff #fff0 #fff0;
  margin-top: -4px;
  margin-left: -8px;
}

.w-widget-twitter-count-shim:not(.w--vertical).w--large:after {
  border-width: 5px;
  margin-top: -5px;
  margin-left: -9px;
}

.w-widget-twitter-count-shim.w--vertical {
  width: 61px;
  height: 33px;
  margin-bottom: 8px;
}

.w-widget-twitter-count-shim.w--vertical:before, .w-widget-twitter-count-shim.w--vertical:after {
  content: " ";
  pointer-events: none;
  border: solid #0000;
  width: 0;
  height: 0;
  position: absolute;
  top: 100%;
  left: 50%;
}

.w-widget-twitter-count-shim.w--vertical:before {
  border-width: 5px;
  border-color: #5d6c7b #75869600 #75869600;
  margin-left: -5px;
}

.w-widget-twitter-count-shim.w--vertical:after {
  border-width: 4px;
  border-color: #fff #fff0 #fff0;
  margin-left: -4px;
}

.w-widget-twitter-count-shim.w--vertical .w-widget-twitter-count-inner {
  font-size: 18px;
  line-height: 22px;
}

.w-widget-twitter-count-shim.w--vertical.w--large {
  width: 76px;
}

.w-background-video {
  color: #fff;
  height: 500px;
  position: relative;
  overflow: hidden;
}

.w-background-video > video {
  object-fit: cover;
  z-index: -100;
  background-position: 50%;
  background-size: cover;
  width: 100%;
  height: 100%;
  margin: auto;
  position: absolute;
  inset: -100%;
}

.w-background-video > video::-webkit-media-controls-start-playback-button {
  -webkit-appearance: none;
  display: none !important;
}

.w-background-video--control {
  background-color: #0000;
  padding: 0;
  position: absolute;
  bottom: 1em;
  right: 1em;
}

.w-background-video--control > [hidden] {
  display: none !important;
}

.w-slider {
  text-align: center;
  clear: both;
  -webkit-tap-highlight-color: #0000;
  tap-highlight-color: #0000;
  background: #ddd;
  height: 300px;
  position: relative;
}

.w-slider-mask {
  z-index: 1;
  white-space: nowrap;
  height: 100%;
  display: block;
  position: relative;
  left: 0;
  right: 0;
  overflow: hidden;
}

.w-slide {
  vertical-align: top;
  white-space: normal;
  text-align: left;
  width: 100%;
  height: 100%;
  display: inline-block;
  position: relative;
}

.w-slider-nav {
  z-index: 2;
  text-align: center;
  -webkit-tap-highlight-color: #0000;
  tap-highlight-color: #0000;
  height: 40px;
  margin: auto;
  padding-top: 10px;
  position: absolute;
  inset: auto 0 0;
}

.w-slider-nav.w-round > div {
  border-radius: 100%;
}

.w-slider-nav.w-num > div {
  font-size: inherit;
  line-height: inherit;
  width: auto;
  height: auto;
  padding: .2em .5em;
}

.w-slider-nav.w-shadow > div {
  box-shadow: 0 0 3px #3336;
}

.w-slider-nav-invert {
  color: #fff;
}

.w-slider-nav-invert > div {
  background-color: #2226;
}

.w-slider-nav-invert > div.w-active {
  background-color: #222;
}

.w-slider-dot {
  cursor: pointer;
  background-color: #fff6;
  width: 1em;
  height: 1em;
  margin: 0 3px .5em;
  transition: background-color .1s, color .1s;
  display: inline-block;
  position: relative;
}

.w-slider-dot.w-active {
  background-color: #fff;
}

.w-slider-dot:focus {
  outline: none;
  box-shadow: 0 0 0 2px #fff;
}

.w-slider-dot:focus.w-active {
  box-shadow: none;
}

.w-slider-arrow-left, .w-slider-arrow-right {
  cursor: pointer;
  color: #fff;
  -webkit-tap-highlight-color: #0000;
  tap-highlight-color: #0000;
  -webkit-user-select: none;
  user-select: none;
  width: 80px;
  margin: auto;
  font-size: 40px;
  position: absolute;
  inset: 0;
  overflow: hidden;
}

.w-slider-arrow-left [class^="w-icon-"], .w-slider-arrow-right [class^="w-icon-"], .w-slider-arrow-left [class*=" w-icon-"], .w-slider-arrow-right [class*=" w-icon-"] {
  position: absolute;
}

.w-slider-arrow-left:focus, .w-slider-arrow-right:focus {
  outline: 0;
}

.w-slider-arrow-left {
  z-index: 3;
  right: auto;
}

.w-slider-arrow-right {
  z-index: 4;
  left: auto;
}

.w-icon-slider-left, .w-icon-slider-right {
  width: 1em;
  height: 1em;
  margin: auto;
  inset: 0;
}

.w-slider-aria-label {
  clip: rect(0 0 0 0);
  border: 0;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  position: absolute;
  overflow: hidden;
}

.w-slider-force-show {
  display: block !important;
}

.w-dropdown {
  text-align: left;
  z-index: 900;
  margin-left: auto;
  margin-right: auto;
  display: inline-block;
  position: relative;
}

.w-dropdown-btn, .w-dropdown-toggle, .w-dropdown-link {
  vertical-align: top;
  color: #222;
  text-align: left;
  white-space: nowrap;
  margin-left: auto;
  margin-right: auto;
  padding: 20px;
  text-decoration: none;
  position: relative;
}

.w-dropdown-toggle {
  -webkit-user-select: none;
  user-select: none;
  cursor: pointer;
  padding-right: 40px;
  display: inline-block;
}

.w-dropdown-toggle:focus {
  outline: 0;
}

.w-icon-dropdown-toggle {
  width: 1em;
  height: 1em;
  margin: auto 20px auto auto;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
}

.w-dropdown-list {
  background: #ddd;
  min-width: 100%;
  display: none;
  position: absolute;
}

.w-dropdown-list.w--open {
  display: block;
}

.w-dropdown-link {
  color: #222;
  padding: 10px 20px;
  display: block;
}

.w-dropdown-link.w--current {
  color: #0082f3;
}

.w-dropdown-link:focus {
  outline: 0;
}

@media screen and (max-width: 767px) {
  .w-nav-brand {
    padding-left: 10px;
  }
}

.w-lightbox-backdrop {
  cursor: auto;
  letter-spacing: normal;
  text-indent: 0;
  text-shadow: none;
  text-transform: none;
  visibility: visible;
  white-space: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  color: #fff;
  text-align: center;
  z-index: 2000;
  opacity: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -webkit-tap-highlight-color: transparent;
  background: #000000e6;
  outline: 0;
  font-family: Helvetica Neue, Helvetica, Ubuntu, Segoe UI, Verdana, sans-serif;
  font-size: 17px;
  font-style: normal;
  font-weight: 300;
  line-height: 1.2;
  list-style: disc;
  position: fixed;
  inset: 0;
  -webkit-transform: translate(0);
}

.w-lightbox-backdrop, .w-lightbox-container {
  -webkit-overflow-scrolling: touch;
  height: 100%;
  overflow: auto;
}

.w-lightbox-content {
  height: 100vh;
  position: relative;
  overflow: hidden;
}

.w-lightbox-view {
  opacity: 0;
  width: 100vw;
  height: 100vh;
  position: absolute;
}

.w-lightbox-view:before {
  content: "";
  height: 100vh;
}

.w-lightbox-group, .w-lightbox-group .w-lightbox-view, .w-lightbox-group .w-lightbox-view:before {
  height: 86vh;
}

.w-lightbox-frame, .w-lightbox-view:before {
  vertical-align: middle;
  display: inline-block;
}

.w-lightbox-figure {
  margin: 0;
  position: relative;
}

.w-lightbox-group .w-lightbox-figure {
  cursor: pointer;
}

.w-lightbox-img {
  width: auto;
  max-width: none;
  height: auto;
}

.w-lightbox-image {
  float: none;
  max-width: 100vw;
  max-height: 100vh;
  display: block;
}

.w-lightbox-group .w-lightbox-image {
  max-height: 86vh;
}

.w-lightbox-caption {
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  background: #0006;
  padding: .5em 1em;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden;
}

.w-lightbox-embed {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
}

.w-lightbox-control {
  cursor: pointer;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 24px;
  width: 4em;
  transition: all .3s;
  position: absolute;
  top: 0;
}

.w-lightbox-left {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0yMCAwIDI0IDQwIiB3aWR0aD0iMjQiIGhlaWdodD0iNDAiPjxnIHRyYW5zZm9ybT0icm90YXRlKDQ1KSI+PHBhdGggZD0ibTAgMGg1djIzaDIzdjVoLTI4eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDN2MjNoMjN2M2gtMjZ6IiBmaWxsPSIjZmZmIi8+PC9nPjwvc3ZnPg==");
  display: none;
  bottom: 0;
  left: 0;
}

.w-lightbox-right {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMjQgNDAiIHdpZHRoPSIyNCIgaGVpZ2h0PSI0MCI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMC0waDI4djI4aC01di0yM2gtMjN6IiBvcGFjaXR5PSIuNCIvPjxwYXRoIGQ9Im0xIDFoMjZ2MjZoLTN2LTIzaC0yM3oiIGZpbGw9IiNmZmYiLz48L2c+PC9zdmc+");
  display: none;
  bottom: 0;
  right: 0;
}

.w-lightbox-close {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMTggMTciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxNyI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMCAwaDd2LTdoNXY3aDd2NWgtN3Y3aC01di03aC03eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDd2LTdoM3Y3aDd2M2gtN3Y3aC0zdi03aC03eiIgZmlsbD0iI2ZmZiIvPjwvZz48L3N2Zz4=");
  background-size: 18px;
  height: 2.6em;
  right: 0;
}

.w-lightbox-strip {
  white-space: nowrap;
  padding: 0 1vh;
  line-height: 0;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: auto hidden;
}

.w-lightbox-item {
  box-sizing: content-box;
  cursor: pointer;
  width: 10vh;
  padding: 2vh 1vh;
  display: inline-block;
  -webkit-transform: translate3d(0, 0, 0);
}

.w-lightbox-active {
  opacity: .3;
}

.w-lightbox-thumbnail {
  background: #222;
  height: 10vh;
  position: relative;
  overflow: hidden;
}

.w-lightbox-thumbnail-image {
  position: absolute;
  top: 0;
  left: 0;
}

.w-lightbox-thumbnail .w-lightbox-tall {
  width: 100%;
  top: 50%;
  transform: translate(0, -50%);
}

.w-lightbox-thumbnail .w-lightbox-wide {
  height: 100%;
  left: 50%;
  transform: translate(-50%);
}

.w-lightbox-spinner {
  box-sizing: border-box;
  border: 5px solid #0006;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  margin-top: -20px;
  margin-left: -20px;
  animation: .8s linear infinite spin;
  position: absolute;
  top: 50%;
  left: 50%;
}

.w-lightbox-spinner:after {
  content: "";
  border: 3px solid #0000;
  border-bottom-color: #fff;
  border-radius: 50%;
  position: absolute;
  inset: -4px;
}

.w-lightbox-hide {
  display: none;
}

.w-lightbox-noscroll {
  overflow: hidden;
}

@media (min-width: 768px) {
  .w-lightbox-content {
    height: 96vh;
    margin-top: 2vh;
  }

  .w-lightbox-view, .w-lightbox-view:before {
    height: 96vh;
  }

  .w-lightbox-group, .w-lightbox-group .w-lightbox-view, .w-lightbox-group .w-lightbox-view:before {
    height: 84vh;
  }

  .w-lightbox-image {
    max-width: 96vw;
    max-height: 96vh;
  }

  .w-lightbox-group .w-lightbox-image {
    max-width: 82.3vw;
    max-height: 84vh;
  }

  .w-lightbox-left, .w-lightbox-right {
    opacity: .5;
    display: block;
  }

  .w-lightbox-close {
    opacity: .8;
  }

  .w-lightbox-control:hover {
    opacity: 1;
  }
}

.w-lightbox-inactive, .w-lightbox-inactive:hover {
  opacity: 0;
}

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

.w-richtext:after {
  clear: both;
}

.w-richtext[contenteditable="true"]:before, .w-richtext[contenteditable="true"]:after {
  white-space: initial;
}

.w-richtext ol, .w-richtext ul {
  overflow: hidden;
}

.w-richtext .w-richtext-figure-selected.w-richtext-figure-type-video div:after, .w-richtext .w-richtext-figure-selected[data-rt-type="video"] div:after, .w-richtext .w-richtext-figure-selected.w-richtext-figure-type-image div, .w-richtext .w-richtext-figure-selected[data-rt-type="image"] div {
  outline: 2px solid #2895f7;
}

.w-richtext figure.w-richtext-figure-type-video > div:after, .w-richtext figure[data-rt-type="video"] > div:after {
  content: "";
  display: none;
  position: absolute;
  inset: 0;
}

.w-richtext figure {
  max-width: 60%;
  position: relative;
}

.w-richtext figure > div:before {
  cursor: default !important;
}

.w-richtext figure img {
  width: 100%;
}

.w-richtext figure figcaption.w-richtext-figcaption-placeholder {
  opacity: .6;
}

.w-richtext figure div {
  color: #0000;
  font-size: 0;
}

.w-richtext figure.w-richtext-figure-type-image, .w-richtext figure[data-rt-type="image"] {
  display: table;
}

.w-richtext figure.w-richtext-figure-type-image > div, .w-richtext figure[data-rt-type="image"] > div {
  display: inline-block;
}

.w-richtext figure.w-richtext-figure-type-image > figcaption, .w-richtext figure[data-rt-type="image"] > figcaption {
  caption-side: bottom;
  display: table-caption;
}

.w-richtext figure.w-richtext-figure-type-video, .w-richtext figure[data-rt-type="video"] {
  width: 60%;
  height: 0;
}

.w-richtext figure.w-richtext-figure-type-video iframe, .w-richtext figure[data-rt-type="video"] iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.w-richtext figure.w-richtext-figure-type-video > div, .w-richtext figure[data-rt-type="video"] > div {
  width: 100%;
}

.w-richtext figure.w-richtext-align-center {
  clear: both;
  margin-left: auto;
  margin-right: auto;
}

.w-richtext figure.w-richtext-align-center.w-richtext-figure-type-image > div, .w-richtext figure.w-richtext-align-center[data-rt-type="image"] > div {
  max-width: 100%;
}

.w-richtext figure.w-richtext-align-normal {
  clear: both;
}

.w-richtext figure.w-richtext-align-fullwidth {
  text-align: center;
  clear: both;
  width: 100%;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.w-richtext figure.w-richtext-align-fullwidth > div {
  padding-bottom: inherit;
  display: inline-block;
}

.w-richtext figure.w-richtext-align-fullwidth > figcaption {
  display: block;
}

.w-richtext figure.w-richtext-align-floatleft {
  float: left;
  clear: none;
  margin-right: 15px;
}

.w-richtext figure.w-richtext-align-floatright {
  float: right;
  clear: none;
  margin-left: 15px;
}

.w-nav {
  z-index: 1000;
  background: #ddd;
  position: relative;
}

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

.w-nav:after {
  clear: both;
}

.w-nav-brand {
  float: left;
  color: #333;
  text-decoration: none;
  position: relative;
}

.w-nav-link {
  vertical-align: top;
  color: #222;
  text-align: left;
  margin-left: auto;
  margin-right: auto;
  padding: 20px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.w-nav-link.w--current {
  color: #0082f3;
}

.w-nav-menu {
  float: right;
  position: relative;
}

[data-nav-menu-open] {
  text-align: center;
  background: #c8c8c8;
  min-width: 200px;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  overflow: visible;
  display: block !important;
}

.w--nav-link-open {
  display: block;
  position: relative;
}

.w-nav-overlay {
  width: 100%;
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  overflow: hidden;
}

.w-nav-overlay [data-nav-menu-open] {
  top: 0;
}

.w-nav[data-animation="over-left"] .w-nav-overlay {
  width: auto;
}

.w-nav[data-animation="over-left"] .w-nav-overlay, .w-nav[data-animation="over-left"] [data-nav-menu-open] {
  z-index: 1;
  top: 0;
  right: auto;
}

.w-nav[data-animation="over-right"] .w-nav-overlay {
  width: auto;
}

.w-nav[data-animation="over-right"] .w-nav-overlay, .w-nav[data-animation="over-right"] [data-nav-menu-open] {
  z-index: 1;
  top: 0;
  left: auto;
}

.w-nav-button {
  float: right;
  cursor: pointer;
  -webkit-tap-highlight-color: #0000;
  tap-highlight-color: #0000;
  -webkit-user-select: none;
  user-select: none;
  padding: 18px;
  font-size: 24px;
  display: none;
  position: relative;
}

.w-nav-button:focus {
  outline: 0;
}

.w-nav-button.w--open {
  color: #fff;
  background-color: #c8c8c8;
}

.w-nav[data-collapse="all"] .w-nav-menu {
  display: none;
}

.w-nav[data-collapse="all"] .w-nav-button, .w--nav-dropdown-open, .w--nav-dropdown-toggle-open {
  display: block;
}

.w--nav-dropdown-list-open {
  position: static;
}

@media screen and (max-width: 991px) {
  .w-nav[data-collapse="medium"] .w-nav-menu {
    display: none;
  }

  .w-nav[data-collapse="medium"] .w-nav-button {
    display: block;
  }
}

@media screen and (max-width: 767px) {
  .w-nav[data-collapse="small"] .w-nav-menu {
    display: none;
  }

  .w-nav[data-collapse="small"] .w-nav-button {
    display: block;
  }

  .w-nav-brand {
    padding-left: 10px;
  }
}

@media screen and (max-width: 479px) {
  .w-nav[data-collapse="tiny"] .w-nav-menu {
    display: none;
  }

  .w-nav[data-collapse="tiny"] .w-nav-button {
    display: block;
  }
}

.w-tabs {
  position: relative;
}

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

.w-tabs:after {
  clear: both;
}

.w-tab-menu {
  position: relative;
}

.w-tab-link {
  vertical-align: top;
  text-align: left;
  cursor: pointer;
  color: #222;
  background-color: #ddd;
  padding: 9px 30px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.w-tab-link.w--current {
  background-color: #c8c8c8;
}

.w-tab-link:focus {
  outline: 0;
}

.w-tab-content {
  display: block;
  position: relative;
  overflow: hidden;
}

.w-tab-pane {
  display: none;
  position: relative;
}

.w--tab-active {
  display: block;
}

@media screen and (max-width: 479px) {
  .w-tab-link {
    display: block;
  }
}

.w-ix-emptyfix:after {
  content: "";
}

@keyframes spin {
  0% {
    transform: rotate(0);
  }

  100% {
    transform: rotate(360deg);
  }
}

.w-dyn-empty {
  background-color: #ddd;
  padding: 10px;
}

.w-dyn-hide, .w-dyn-bind-empty, .w-condition-invisible {
  display: none !important;
}

.wf-layout-layout {
  display: grid;
}

@font-face {
  font-family: Inter;
  src: url("https://cdn.prod.website-files.com/684bb20310706730716890df/684bb203107067307168943e_Inter-ExtraLight.woff2") format("woff2");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Inter;
  src: url("https://cdn.prod.website-files.com/684bb20310706730716890df/684bb2031070673071689479_Inter-Light.woff2") format("woff2");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Inter;
  src: url("https://cdn.prod.website-files.com/684bb20310706730716890df/684bb203107067307168943c_Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Inter;
  src: url("https://cdn.prod.website-files.com/684bb20310706730716890df/684bb2031070673071689445_Inter-Black.woff2") format("woff2");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Inter;
  src: url("https://cdn.prod.website-files.com/684bb20310706730716890df/684bb2031070673071689442_Inter-ExtraBold.woff2") format("woff2");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Inter;
  src: url("https://cdn.prod.website-files.com/684bb20310706730716890df/684bb2031070673071689475_Inter-Medium.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Inter;
  src: url("https://cdn.prod.website-files.com/684bb20310706730716890df/684bb203107067307168947a_Inter-SemiBold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Inter;
  src: url("https://cdn.prod.website-files.com/684bb20310706730716890df/684bb2031070673071689477_Inter-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Social Icons;
  src: url("https://cdn.prod.website-files.com/684bb20310706730716890df/684bb2031070673071689182_social-icons.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Calling Code;
  src: url("https://cdn.prod.website-files.com/684bb20310706730716890df/684bb20310706730716890f2_Dharma%20Type%20-%20Calling%20Code%20Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: ICONS FILLED;
  src: url("https://cdn.prod.website-files.com/684bb20310706730716890df/684bb20310706730716892ba_MaterialIcons-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: ICONS OUTLINED;
  src: url("https://cdn.prod.website-files.com/684bb20310706730716890df/684bb203107067307168932a_MaterialIconsOutlined-Regular.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: ICONS ROUNDED;
  src: url("https://cdn.prod.website-files.com/684bb20310706730716890df/684bb2031070673071689326_MaterialIconsRound-Regular.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: ICONS SHARP;
  src: url("https://cdn.prod.website-files.com/684bb20310706730716890df/684bb203107067307168932b_MaterialIconsSharp-Regular.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

:root {
  --background: white;
  --text: var(--black);
  --titles-links: var(--_brand---dark-blue);
  --neutral-800: #171e25;
  --neutral-700: #1e252c;
  --primary: #5063ff;
  --white: white;
  --neutral-600: #272e35;
  --blue-500: #5063ff;
  --blue-800: #1335a7;
  --_brand---orange: #fdae2c;
  --black: #0d1117;
  --neutral-900: #101720;
  --_brand---mid-blue: #2192b0;
  --purple-400: #b77cf1;
  --purple-200: #e0caf8;
  --purple-50: #f4eefa;
  --neutral-400: #646f7c;
  --sf-blue: #5063ff;
  --blue-300: #89bcf5;
  --teal-200: #92f3e0;
  --accent: #3aecba;
  --yellow-300: #f1dc39;
  --purple-100: #eadcf8;
  --teal-100: #c5faf1;
  --blue-100: #d0e2f6;
  --green-100: #cbf3d9;
  --green-400: #3dd875;
  --teal-400: #26d5bf;
  --teal-50: #e9faf7;
  --blue-50: #e2ecf8;
  --green-50: #e3f6e9;
  --red-50: #f6e0e0;
  --yellow-50: #f5f2d4;
  --slate-600: #3f4e61;
  --slate-200: #cfd9e4;
  --slate-50: #eff4f8;
  --slate-100: #e2e8ee;
  --border: #21262d;
  --neutral-500: #3f4852;
  --green-300: #7beca4;
  --neutral-200: #a5b4c2;
  --red-400: #ec6464;
  --red-300: #f09898;
  --red-200: #f1b5b5;
  --red-600: #d31919;
  --red-100: #f1cfcf;
  --green-200: #acf1c5;
  --blue-600: #1d59db;
  --blue-200: #b0cff7;
  --amber-400: #f1b51a;
  --slate-300: #bcc9d8;
  --slate-400: #8597ad;
  --slate-500: #5b6d83;
  --slate-700: #2c3a4b;
  --slate-800: #1d2736;
  --slate-900: #131d31;
  --red-700: #ac1515;
  --red-800: #961313;
  --red-900: #770505;
  --orange-50: #f5e8d7;
  --orange-100: #f5dfc1;
  --orange-200: #f3ca9b;
  --orange-300: #f0ad68;
  --orange-400: #ee8733;
  --orange-500: #ec6a10;
  --orange-600: #db5008;
  --orange-700: #b43b09;
  --orange-800: #8a2d0f;
  --orange-900: #72260c;
  --yellow-100: #f3f1af;
  --yellow-200: #f5ed7b;
  --yellow-400: #eecc0b;
  --yellow-500: #d3a707;
  --yellow-600: #bb8b06;
  --yellow-700: #96630b;
  --yellow-800: #7e4c07;
  --yellow-900: #6d3e0b;
  --lime-50: #eef7da;
  --lime-100: #e2f5bc;
  --lime-200: #cff18f;
  --lime-300: #aedf58;
  --lime-400: #97db27;
  --lime-500: #77bd0c;
  --lime-600: #599208;
  --lime-700: #467508;
  --lime-800: #385a0c;
  --lime-900: #2c460d;
  --green-500: #17be55;
  --green-600: #0f9b42;
  --green-700: #117737;
  --green-800: #115f2f;
  --green-900: #0f4c28;
  --teal-300: #55e4d6;
  --teal-500: #0eb2a0;
  --teal-600: #089084;
  --teal-700: #097068;
  --teal-800: #0a5c57;
  --teal-900: #0c534a;
  --cyan-50: #e1fafc;
  --cyan-100: #c1f3f8;
  --cyan-200: #9bedf7;
  --cyan-300: #5ce5f6;
  --cyan-400: #1acee9;
  --cyan-500: #07b4d1;
  --cyan-600: #058aaa;
  --cyan-700: #096f8b;
  --cyan-800: #0f5a72;
  --cyan-900: #114a5f;
  --sky-50: #e7f2fa;
  --sky-100: #d3e8f6;
  --sky-200: #b5e6ff;
  --sky-300: #73cbf5;
  --sky-400: #31b3ec;
  --sky-500: #079de0;
  --sky-600: #037cbb;
  --sky-700: #06689e;
  --sky-800: #04547f;
  --sky-900: #064264;
  --blue-400: #559df5;
  --blue-700: #1748d1;
  --blue-900: #0a2a88;
  --indigo-50: #e6eaf6;
  --indigo-100: #d5dcf5;
  --indigo-200: #bcc6ee;
  --indigo-300: #a5b3f7;
  --indigo-400: #7f89ec;
  --indigo-500: #6668eb;
  --indigo-600: #524add;
  --indigo-700: #4036be;
  --indigo-800: #2e2799;
  --indigo-900: #221f7e;
  --violet-50: #efedfa;
  --violet-100: #e4e0f5;
  --violet-200: #d7d1f3;
  --violet-300: #c0b3f3;
  --violet-400: #a38aee;
  --violet-500: #8d62ee;
  --violet-600: #7a3ee0;
  --violet-700: #6d2cd3;
  --violet-800: #5e26b8;
  --violet-900: #4b12a3;
  --purple-300: #d0acf6;
  --purple-500: #a355ee;
  --purple-600: #982ff7;
  --purple-700: #821eda;
  --purple-800: #6f1ab6;
  --purple-900: #5d1694;
  --pink-50: #faedf4;
  --pink-100: #f7dceb;
  --pink-200: #f6c8e3;
  --pink-300: #f39dcc;
  --pink-400: #ee6db1;
  --pink-500: #f34a9d;
  --pink-600: #e22a7c;
  --pink-700: #ce1562;
  --pink-800: #a5144e;
  --pink-900: #8b1344;
  --rose-50: #fceced;
  --rose-100: #f5d7d9;
  --rose-200: #f3c3c9;
  --rose-300: #f89aa6;
  --rose-400: #ff7a8d;
  --rose-500: #f14563;
  --rose-600: #df2c53;
  --rose-700: #c71742;
  --rose-800: #ad113c;
  --amber-50: #f5efd6;
  --amber-100: #f3e6b1;
  --amber-200: #f5dc7a;
  --amber-300: #f1c73f;
  --amber-500: #e49106;
  --amber-600: #c96e05;
  --amber-700: #a84b05;
  --amber-800: #863707;
  --amber-900: #722e07;
  --rose-900: #97103a;
  --gray-50: #eff3f7;
  --gray-100: #ebeef3;
  --gray-200: #dbdfe7;
  --sf-gray: #cacaca;
  --gray-400: #909aa8;
  --gray-500: #636c7c;
  --gray-600: #465363;
  --gray-700: #313c4d;
  --gray-800: #222d3b;
  --gray-900: #1b2435;
  --neutral-50: #dfebf7;
  --neutral-100: #bbc8d5;
  --neutral-300: #7c8c9b;
  --navbar: #ffffffe0;
  --_brand---dark-blue: #072a3d;
  --_brand---pale-blue: #e8f9ff;
  --hover: #475569;
  --navbar-shadow: #4047521a;
  --nav-link: #0d111740;
}

.w-layout-grid {
  grid-row-gap: 16px;
  grid-column-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

body {
  background-color: var(--background);
  color: var(--text);
  font-family: Outfit, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.333;
}

h1 {
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 3em;
  font-weight: 700;
  line-height: 1.2;
}

h2 {
  letter-spacing: -.01em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 2.25em;
  font-weight: 700;
  line-height: 1.2;
}

h3 {
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.875em;
  font-weight: 700;
  line-height: 1.2;
}

h4 {
  letter-spacing: -.01em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.5em;
  font-weight: 700;
  line-height: 1.2;
}

h5 {
  letter-spacing: 0;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.25em;
  font-weight: 700;
  line-height: 1.2;
}

h6 {
  letter-spacing: 0;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1em;
  font-weight: 600;
  line-height: 1.2;
}

p {
  margin-bottom: 1em;
}

a {
  color: var(--titles-links);
  cursor: pointer;
  text-decoration: none;
  transition: opacity .3s, background-color .3s, color .3s;
}

ul {
  margin-top: .5em;
  margin-bottom: .5em;
  padding-left: 40px;
}

ol {
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 40px;
}

li {
  margin-bottom: .25em;
}

blockquote {
  border-left: 4px solid var(--titles-links);
  color: var(--titles-links);
  margin-top: 2em;
  margin-bottom: 2em;
  padding: .25em 2em;
  font-size: 1.125em;
  line-height: 1.5;
}

.section-before-footer {
  margin-bottom: -4em;
  padding-bottom: 4em;
  position: relative;
}

.example-wrap {
  background-color: var(--neutral-800);
  box-shadow: inset 0 0 0 1px var(--neutral-700);
  color: var(--titles-links);
  border-radius: .5em;
  flex-direction: column;
  flex: 1;
  justify-content: space-between;
  width: 100%;
  padding: 1.5em;
  display: flex;
  position: relative;
  overflow: hidden;
}

.button-animated {
  z-index: 5;
  background-color: var(--primary);
  color: var(--white);
  text-align: center;
  letter-spacing: -.03em;
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  padding: .75em 1.25em;
  font-size: 1.125em;
  font-weight: 600;
  line-height: 1;
  transition: color .2s cubic-bezier(.165, .84, .44, 1);
  display: flex;
  position: relative;
  overflow: hidden;
}

.button-animated.small {
  background-color: var(--primary);
  letter-spacing: 0;
  font-size: 16px;
  font-weight: 500;
}

.button-animated.small.bg-neutral-600 {
  background-color: var(--neutral-600);
}

.button-animated.large {
  z-index: 9999;
  font-size: 1.5em;
}

.button-animated.bg-blue-500 {
  background-color: var(--blue-500);
}

.button-animated.bg-blue-800 {
  background-color: var(--blue-800);
}

.button-animated.bg-brand {
  background-color: var(--_brand---orange);
  color: var(--black);
}

.avatar-3xl {
  object-fit: cover;
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  width: 12em;
  height: 12em;
  display: flex;
}

.page-container {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.section {
  width: 100%;
  padding-top: 2em;
  padding-bottom: 2em;
  position: relative;
}

.section.more-space {
  padding-top: 10em;
  padding-bottom: 10em;
}

.section.more-space.more {
  padding-top: 12em;
}

.section.bg-neutral-800.curve-top {
  background-color: var(--neutral-900);
}

.section.bg-neutral-800.curve-top.less-padding {
  background-color: var(--neutral-900);
  padding-bottom: 1em;
}

.section.bg-tile-top-lg.bg-amber-900 {
  background-color: #78350f6e;
}

.section.bg-tile-top.bg-neutral-600.more-padding {
  padding-bottom: 7em;
}

.section.gradient__01 {
  background-image: radial-gradient(circle farthest-corner at -25% -50%, var(--background) 36%, #0d111700 48%), radial-gradient(circle farthest-corner at -25% 150%, var(--background) 45%, #0d111700 89%), radial-gradient(circle farthest-corner at -25% -100%, #0d111700 55%, #0d111747 65%, #0d111700 68%), radial-gradient(circle farthest-corner at -33% -75%, #1f00cc 48%, #83053100 56%), radial-gradient(circle farthest-side at 0% -50%, #0d111700 64%, #01022466 69%, #0d111700 81%), radial-gradient(circle farthest-corner at 0% -50%, #0d111700 33%, #010c5f 51%, #0d111700 72%);
}

.section.under-map {
  margin-top: -20em;
  font-family: Inter, sans-serif;
}

.section.less-padding {
  padding-top: 1em;
}

.section.margin-negative {
  margin-top: -400px;
  padding-bottom: 13.7em;
}

.section.more-padding-bottom {
  padding-bottom: 8em;
}

.title-sm {
  color: var(--titles-links);
  letter-spacing: -.04em;
  font-size: 3em;
  font-weight: 700;
  line-height: 1.1;
}

.title-sm._20ch {
  max-width: 20ch;
}

.title-sm.text-indent {
  text-indent: -.35em;
}

.title-xl {
  color: var(--titles-links);
  letter-spacing: -.03em;
  text-transform: capitalize;
  font-size: 4em;
}

.title-xl._12ch {
  max-width: 12ch;
}

.container-md {
  z-index: 5;
  width: 100%;
  max-width: 56em;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1.25em;
  padding-right: 1.25em;
  position: relative;
}

.container-md.content-centered {
  z-index: 50;
}

.container-md.align-center {
  flex-direction: column;
  align-items: stretch;
  max-width: none;
  display: flex;
}

.margin-b-md {
  margin-bottom: 1.25em;
}

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

.button {
  background-color: var(--primary);
  color: var(--white);
  text-align: center;
  letter-spacing: -.01em;
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  padding: .75em 1.25em;
  font-size: 1.125em;
  font-weight: 600;
  line-height: 1;
  transition: background-color .3s, opacity .3s, box-shadow .3s, color .3s;
  display: flex;
  box-shadow: inset 0 0 100px 100px #0000;
}

.button:hover {
  box-shadow: inset 0 0 200px 200px #00000026;
}

.button.button-outline.large {
  font-size: 1.5em;
}

.button.small {
  font-size: .75em;
}

.button.send {
  padding-left: 3.25em;
  padding-right: 3.25em;
}

.button.send.bg-brand {
  background-color: var(--_brand---orange);
  color: var(--black);
}

.row-xs {
  grid-column-gap: .375em;
  grid-row-gap: .375em;
  grid-template-rows: auto;
  grid-template-columns: auto;
  grid-auto-columns: auto;
  grid-auto-flow: column;
  justify-content: start;
  display: grid;
  position: relative;
}

.row-xs.items-center {
  align-items: center;
}

.material-icons {
  text-transform: none;
  font-family: ICONS FILLED, sans-serif;
}

.column-md {
  grid-column-gap: 1.5em;
  grid-row-gap: 1.5em;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-items: start;
  display: grid;
}

.column-md.content-centered {
  grid-column-gap: 1.5em;
  grid-row-gap: 1.5em;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-items: center;
  display: grid;
}

.title-xs {
  z-index: 5;
  color: var(--titles-links);
  letter-spacing: -.03em;
  font-size: 2.5em;
  font-weight: 800;
  line-height: 1.1;
  position: relative;
}

.padding-base {
  padding: 1em;
  position: relative;
}

.margin-b-lg {
  margin-bottom: 2em;
}

.text-sm {
  letter-spacing: -.005em;
  font-size: .875em;
  line-height: 1.4;
  position: relative;
}

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

.text-sm.margin-top-sm {
  margin-top: 10px;
}

.font-mono {
  font-family: Calling Code, sans-serif;
  font-weight: 400;
}

.heading-h5 {
  color: var(--titles-links);
  letter-spacing: -.025em;
  font-size: 1.25em;
  line-height: 1.2;
}

.padding-xl {
  padding: 1.75em;
  position: relative;
}

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

.container-lg {
  z-index: 5;
  width: 100%;
  max-width: 70em;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1.25em;
  padding-right: 1.25em;
  position: relative;
}

.container-lg.content-centered {
  z-index: 50;
}

.column-lg {
  grid-column-gap: 2em;
  grid-row-gap: 2em;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-items: start;
  display: grid;
}

.column-lg.max-width-xl.auto {
  margin-left: auto;
  margin-right: auto;
}

.column-lg.content-centered {
  grid-column-gap: 2em;
  grid-row-gap: 2em;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-items: center;
  display: grid;
}

.column-lg.content-centered.hero {
  grid-row-gap: 1.1em;
}

.overflow-hidden {
  position: relative;
  overflow: hidden;
}

.overflow-hidden.negative-margin {
  margin-top: -950px;
}

.title-md {
  color: var(--titles-links);
  letter-spacing: -.05em;
  font-size: 3.5em;
  font-weight: 700;
  line-height: 1;
}

.title-md._20ch {
  max-width: 20ch;
}

.title-md.margin-bottom-sm {
  font-weight: 600;
}

.title-lg {
  z-index: 5;
  color: var(--titles-links);
  letter-spacing: -.05em;
  font-size: 4em;
  line-height: 1.2;
  position: relative;
}

.title-lg._16ch {
  max-width: 16ch;
}

.title-lg._12ch {
  max-width: 12ch;
}

.title-lg._20ch {
  max-width: 20ch;
}

.text-lg {
  letter-spacing: -.02em;
  font-size: 1.25em;
  line-height: 1.5;
}

.text-lg._52ch {
  max-width: 52ch;
}

.text-lg._52ch.margin-top {
  z-index: 50;
}

.text-lg._48ch {
  z-index: 25;
  max-width: 48ch;
  position: relative;
}

.text-lg._48ch.margin-bottom {
  margin-bottom: 25px;
}

.text-lg._48ch.margin-top {
  margin-top: 25px;
}

.text-lg._36ch {
  max-width: 36ch;
}

.text-lg._32ch {
  max-width: 32ch;
}

.text-lg.margin-bottom-sm {
  margin-bottom: 20px;
}

.text-lg._60ch {
  max-width: 60ch;
}

.rating-stars {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: auto;
  grid-auto-columns: auto;
  grid-auto-flow: column;
}

.material-icons-round {
  text-transform: none;
  font-family: ICONS ROUNDED, sans-serif;
  font-weight: 400;
}

.material-icons-round.text-color-sf-blue {
  color: var(--primary);
}

.material-icons-round.text-color-brand-gradient {
  background-image: linear-gradient(90deg, var(--_brand---mid-blue), var(--_brand---orange));
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
}

.column-xs {
  grid-column-gap: .25em;
  grid-row-gap: .25em;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  align-content: start;
  justify-items: start;
  display: grid;
}

.column-xs.content-centered {
  grid-column-gap: .25em;
  grid-row-gap: .25em;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-items: center;
  display: grid;
}

.column-xs.stretch {
  justify-items: stretch;
}

.text-xs {
  font-size: .75em;
  line-height: 1.5;
}

.image-wrapper {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}

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

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

.column-base {
  z-index: 5;
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-items: start;
  display: grid;
  position: relative;
}

.column-base.content-centered {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  text-align: center;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-items: center;
  display: grid;
}

.text-xl {
  letter-spacing: -.01em;
  font-size: 1.5em;
}

.text-xl._40ch {
  z-index: 50;
  max-width: 40ch;
  position: relative;
}

.text-xl._52ch, .max-52-ch {
  max-width: 52ch;
}

.max-52-ch.margin-top {
  margin-top: 10px;
}

.image-background {
  z-index: 0;
  filter: grayscale();
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.image-background.top {
  object-position: 50% 0%;
}

.image-background.sf {
  opacity: 0;
  filter: none;
}

.system-item {
  padding-top: 16px;
}

.example-color-badge {
  font-size: 12px;
  font-weight: 500;
  line-height: 1;
}

.row-sm {
  grid-column-gap: .5em;
  grid-row-gap: .5em;
  grid-template-rows: auto;
  grid-template-columns: auto;
  grid-auto-columns: auto;
  grid-auto-flow: column;
  justify-content: start;
  display: grid;
}

.row-sm.items-center {
  justify-content: center;
  align-items: center;
}

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

.text-purple-300 {
  color: var(--purple-400);
}

.bg-purple-200 {
  background-color: var(--purple-200);
}

.container-xl {
  z-index: 5;
  width: 100%;
  max-width: 72em;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1.25em;
  padding-right: 1.25em;
  position: relative;
}

.container-xl.pad-custom {
  padding-top: 170px;
  padding-bottom: 120px;
}

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

.container-sm {
  z-index: 5;
  width: 100%;
  max-width: 48em;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1.25em;
  padding-right: 1.25em;
  position: relative;
}

.column-sm {
  grid-column-gap: .5em;
  grid-row-gap: .5em;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-items: start;
  display: grid;
  position: relative;
}

.column-sm.content-centered {
  align-items: center;
}

.avatar-xl {
  object-fit: cover;
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  width: 4em;
  height: 4em;
  display: flex;
}

.avatar-xl.outline-white {
  border: 3px solid var(--white);
}

.avatar-xl.outline-white.shadow-md {
  box-shadow: inset 0 0 0 1px var(--neutral-600), 0 8px 24px -8px var(--neutral-400);
}

.text-2xl {
  color: var(--titles-links);
  letter-spacing: -.02em;
  font-size: 1.875em;
  font-weight: 600;
  position: relative;
}

.text-2xl._32ch {
  max-width: 32ch;
}

.text-2xl._40ch {
  line-height: 1.1;
}

.avatar-md {
  object-fit: cover;
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  width: 2.25em;
  height: 2.25em;
  display: flex;
}

.error {
  color: var(--sf-blue);
  background-color: #f871711a;
  border-radius: .25em;
  font-size: .75em;
  box-shadow: inset 0 0 0 1px #f871711a;
}

.success {
  background-color: #ddd0;
  padding-left: 0;
  padding-right: 0;
}

.padding-lg {
  padding: 1.5em;
  position: relative;
}

.padding-lg.space-between {
  height: 100%;
}

.bg-blue-300 {
  background-color: var(--blue-300);
}

.bg-teal-200 {
  background-color: var(--teal-200);
}

.square-base {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 1.5em;
  height: 1.5em;
  display: flex;
}

.text-link {
  color: var(--accent);
}

.text-link:hover {
  opacity: .75;
  border-bottom-color: #0000;
}

.text-color-yellow-300 {
  color: var(--yellow-300);
}

.bg-purple-100 {
  background-color: var(--purple-100);
}

.bg-teal-100 {
  background-color: var(--teal-100);
}

.bg-blue-100 {
  background-color: var(--blue-100);
}

.bg-green-100 {
  background-color: var(--green-100);
}

.text-color-green-400 {
  color: var(--green-400);
}

.text-color-blue-300 {
  color: var(--blue-300);
}

.text-teal-300 {
  color: var(--teal-400);
}

.bg-purple-50 {
  background-color: var(--purple-50);
}

.bg-teal-50 {
  background-color: var(--teal-50);
}

.bg-blue-50 {
  background-color: var(--blue-50);
}

.bg-green-50 {
  background-color: var(--green-50);
}

.content-centered {
  text-align: center;
  flex-direction: column;
  align-items: center;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.opacity-60 {
  opacity: .6;
}

.row-md {
  z-index: 5;
  grid-column-gap: 1.5em;
  grid-row-gap: 1.5em;
  grid-template-rows: auto;
  grid-template-columns: auto;
  grid-auto-columns: auto;
  grid-auto-flow: column;
  justify-content: start;
  display: grid;
  position: relative;
}

.row-md.items-center {
  align-items: center;
}

.row-md.align-center {
  justify-content: center;
}

.image-contain {
  z-index: 5;
  object-fit: contain;
  width: 100%;
  line-height: 1;
  position: relative;
}

.feature-4-column {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  width: 100%;
}

.bg-red-50 {
  background-color: var(--red-50);
}

.bg-yellow-50 {
  background-color: var(--yellow-50);
}

.material-icons-outlined {
  text-transform: none;
  margin-top: -.05em;
  font-family: ICONS OUTLINED, sans-serif;
}

.opacity-50 {
  opacity: .5;
}

.opacity-30 {
  opacity: .3;
}

.component-name {
  z-index: 50;
  background-color: var(--slate-600);
  color: var(--background);
  cursor: pointer;
  background-image: url("https://cdn.prod.website-files.com/684bb20310706730716890df/684bb203107067307168918c_content_copy_white_24dp.svg");
  background-position: 8px;
  background-repeat: no-repeat;
  background-size: auto 12px;
  border-radius: 3px;
  align-items: center;
  padding: 4px 10px 3px 24px;
  font-family: Calling Code, sans-serif;
  font-size: 11px;
  font-weight: 400;
  transition: background-color .2s;
  display: flex;
  position: absolute;
  top: 12px;
  left: 12px;
}

.component-name.social-icons {
  background-color: var(--primary);
  color: var(--white);
  padding: 8px 12px 8px 32px;
  font-size: 16px;
  position: static;
}

.component-name.social-icons:hover {
  background-color: var(--blue-300);
}

.component-section {
  z-index: 5;
  border: 1px dashed var(--slate-200);
  background-color: var(--slate-50);
  border-radius: 16px;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  padding: 2px;
  transition: box-shadow .2s, border-color .2s;
  display: flex;
  position: relative;
  box-shadow: inset 0 0 0 2px #0000;
}

.component-section:hover {
  box-shadow: inset 0 0 0 2px var(--accent);
  border-color: #0000;
}

.component-grid {
  grid-column-gap: 0px;
  grid-row-gap: 6em;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  width: 100%;
}

.dropdown-link {
  color: #253858;
  justify-content: space-between;
  min-width: 200px;
  padding: .5em 1.125em;
  font-size: .875em;
  transition: color .3s, background-color .3s;
  display: flex;
  overflow: hidden;
}

.dropdown-link:hover {
  background-color: var(--slate-100);
  color: #181b1e;
}

.dropdown {
  z-index: 50;
}

.line-static {
  background-color: var(--border);
  width: 100%;
  height: 1px;
}

.avatar-sm {
  object-fit: cover;
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  width: 1.5em;
  height: 1.5em;
  display: flex;
}

.uppercase {
  text-transform: uppercase;
}

.square-sm {
  justify-content: center;
  align-items: center;
  width: 1.3125em;
  height: 1.3125em;
  display: flex;
}

.button-outline {
  box-shadow: inset 0 0 0 1px var(--neutral-500);
  background-color: #0000;
}

.button-outline:hover {
  box-shadow: inset 0 0 0 2px var(--white);
}

.list-plan-pricing {
  grid-column-gap: .625em;
  grid-row-gap: .625em;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  justify-items: start;
  margin-top: 1em;
}

.team-pricing {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

.header-team-pricing {
  background-color: var(--neutral-800);
  flex-direction: column;
  align-items: center;
  padding: 2.5em 1.5em 1.5em;
  display: flex;
  position: relative;
}

.description-team-pricing {
  flex-direction: column;
  flex: 1;
  align-items: stretch;
  padding: 1.5em 1.5em 2.5em;
  display: flex;
  position: relative;
}

.bg-green-300 {
  background-color: var(--green-300);
}

.item-team-pricing {
  border: 1px solid var(--border);
  flex-direction: column;
  justify-content: flex-start;
  display: flex;
}

._2x-pricing-grid {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

.pricing-info-list {
  z-index: 5;
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  flex: 1;
  grid-template-rows: auto;
  grid-template-columns: .75fr 1fr;
  width: 100%;
  margin-top: 2em;
  position: relative;
}

.avatar-2xl {
  object-fit: cover;
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  width: 6em;
  height: 6em;
  display: flex;
}

.avatar-2xl.outline-white {
  border: 4px solid #fff;
}

.avatar-2xl.outline-white.shadow-md {
  box-shadow: 0 8px 24px -8px #3f4852;
}

.social-icons {
  font-family: Social Icons, sans-serif;
  line-height: 1;
}

.mixed-gallery-1 {
  grid-column-gap: .5em;
  grid-row-gap: .5em;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
}

.info-on-hover {
  z-index: 5;
  color: var(--titles-links);
  background-image: linear-gradient(#0000, #000000bf);
  padding: 2em 1em 1em;
  position: absolute;
  inset: auto 0% 0%;
}

.heading-h4 {
  color: var(--titles-links);
  letter-spacing: -.01em;
  font-size: 1.5em;
  line-height: 1.2;
}

.image-wrapper-1-1 {
  width: 100%;
  padding-top: 100%;
  position: relative;
  overflow: hidden;
}

.image-wrapper-1-1.rounded-xs {
  position: relative;
}

.timeline {
  grid-column-gap: 2.5em;
  grid-row-gap: 2.5em;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  justify-items: center;
  padding-top: 5em;
  padding-bottom: 5em;
  position: relative;
}

.timeline-chapter {
  z-index: 5;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
}

.timeline-chapter-item {
  width: 40%;
}

.timeline-chapter-indicator {
  border: 4px solid var(--background);
  background-color: var(--accent);
  border-radius: 9999px;
  width: 1em;
  height: 1em;
  margin-left: auto;
  margin-right: auto;
}

.timeline-way-bg {
  z-index: 0;
  width: 2px;
  height: 100%;
  position: absolute;
  left: auto;
  right: auto;
  overflow: hidden;
}

.logo-tile-list {
  grid-column-gap: 1px;
  grid-row-gap: 1px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  width: 100%;
  margin-bottom: 1px;
}

.logo-tile {
  background-color: var(--neutral-800);
  justify-content: center;
  align-items: center;
  height: 12em;
  display: flex;
}

.logo-tile-section {
  flex-direction: column;
  align-items: center;
  margin-top: 2em;
  display: flex;
  position: relative;
}

.client-logo-base {
  max-width: 6em;
  height: 2em;
}

.logo-tile-caption {
  background-color: var(--background);
  text-align: center;
  text-transform: none;
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  height: 2em;
  padding-left: 1em;
  padding-right: 1em;
  font-size: .75em;
  font-weight: 500;
  display: flex;
  position: absolute;
  top: -1em;
}

.image-wrapper-4-3 {
  width: 100%;
  padding-top: 75%;
  position: relative;
  overflow: hidden;
}

.image-wrapper-4-3.rounded-xs {
  overflow: hidden;
}

.image-wrapper-4-3.rounded-xs-top {
  border-top-left-radius: .5em;
  border-top-right-radius: .5em;
}

.stats-3-column-sm {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  grid-template-rows: auto;
  grid-template-columns: auto auto auto;
}

.image-wrapper-3-2 {
  width: 100%;
  padding-top: 66.6%;
  position: relative;
  overflow: hidden;
}

.image-wrapper-16-9 {
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 56.25%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.image-wrapper-16-9.rounded-xs.top {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.image-wrapper-16-9.bg-indigo-500 {
  background-color: var(--sf-blue);
}

.slider {
  background-color: #0000;
  width: 100%;
  height: 100%;
  padding-bottom: 48px;
  overflow: hidden;
}

.slide-nav-centered {
  justify-content: center;
  align-items: center;
  height: 8em;
  padding: 0;
  font-size: .25em;
  display: flex;
}

.circled-arrow-bottom {
  border-radius: 9999px;
  width: 32px;
  height: 32px;
  margin-bottom: 0;
  font-size: 12px;
}

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

.square-h4 {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 1.8em;
  height: 1.8em;
  display: flex;
}

.square-h3 {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 2.25em;
  height: 2.25em;
  display: flex;
  position: relative;
}

.square-h3.rounded-full {
  overflow: hidden;
}

.link-with-underline {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
  position: relative;
  overflow: hidden;
}

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

.bg-white {
  background-color: var(--white);
  position: relative;
}

.bg-red-400 {
  background-color: var(--red-400);
  -webkit-text-fill-color: inherit;
  background-clip: border-box;
}

.bg-red-300 {
  background-color: var(--red-300);
}

.bg-red-200 {
  background-color: var(--red-200);
}

.bg-red-600 {
  background-color: var(--red-600);
}

.bg-red-500 {
  background-color: var(--sf-blue);
}

.bg-red-100 {
  background-color: var(--red-100);
}

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

.footer-link-gray {
  opacity: 1;
  color: var(--neutral-400);
  font-size: .875em;
  transition: opacity .25s, color .25s;
}

.footer-link-gray:hover {
  color: var(--black);
}

.footer-link-gray.no-hover:hover {
  color: var(--neutral-400);
}

.bg-green-200 {
  background-color: var(--green-200);
}

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

.pricing-row {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

.pricing-title-cell {
  text-align: center;
  letter-spacing: 0;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-bottom: 1.5em;
  padding-left: 1.5em;
  padding-right: 1.5em;
  font-weight: 700;
}

.pricing-cell {
  text-align: center;
  letter-spacing: -.02em;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 1.5em;
  display: flex;
}

.content-left {
  text-align: left;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.rounded-full {
  border-radius: 9999px;
}

.bg-blue-600 {
  background-color: var(--blue-600);
}

.bg-blue-200 {
  background-color: var(--blue-200);
}

.pricing-cell-1st {
  text-align: left;
  letter-spacing: -.02em;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  padding-top: 1.5em;
  padding-bottom: 1.5em;
  font-weight: 500;
  display: flex;
}

.square-h2 {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 2.7em;
  height: 2.7em;
  display: flex;
}

.accordion-bottom-wrap {
  width: 100%;
}

.accordion-top-icon-wrap {
  justify-content: center;
  align-items: center;
  width: 1em;
  height: 1em;
  display: flex;
  position: relative;
}

.accordion {
  cursor: pointer;
  width: 100%;
}

.accordion-top-icon {
  justify-content: center;
  align-items: center;
  position: relative;
}

.accordion-divider {
  border-top: 1px solid var(--border);
  height: 0;
}

.accordion-bottom-text {
  width: 100%;
  padding-top: 1em;
  padding-bottom: 1em;
}

.accordion-icon-stripe-1 {
  background-color: var(--neutral-600);
  width: 1px;
  height: 100%;
}

.accordion-top {
  opacity: 1;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  transition: opacity .6s cubic-bezier(.19, 1, .22, 1);
  display: flex;
}

.accordion-top:hover {
  opacity: .64;
}

.accordion-icon-stripe-2 {
  background-color: var(--neutral-600);
  width: 100%;
  height: 1px;
  position: absolute;
}

.accordion-bottom {
  perspective-origin: 50% 0;
  transform-origin: 50% 0;
  width: 100%;
  position: relative;
  overflow: hidden;
}

.accordion-divider-wrap {
  display: block;
}

.accordion-top-wrap {
  flex: 1;
  padding-top: 1em;
  padding-bottom: 1em;
}

.post-thumb-simple {
  grid-column-gap: 1em;
  grid-row-gap: 4em;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-bottom: 2em;
  display: grid;
}

.post-thumb-simple._2x {
  grid-template-columns: 1fr 1fr;
}

.zoom-in.fade-in-on-scroll {
  transition: all .3s;
}

.zoom-in.fade-in-on-scroll:hover {
  box-shadow: 11px 22px 100px -12px #5063ff33;
}

.flex-vertical {
  flex-direction: column;
  width: 100%;
  display: flex;
}

.post-thumb-simple-info {
  z-index: 10;
  background-color: var(--neutral-900);
  flex-direction: column;
  flex: 1;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  padding: 1.5em;
  display: flex;
  position: relative;
}

.avatar-xs {
  object-fit: cover;
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  width: 1.125em;
  height: 1.125em;
  display: flex;
}

.avatar-lg {
  object-fit: cover;
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  width: 3em;
  height: 3em;
  display: flex;
}

.avatar-lg.outline {
  border: 3px solid var(--white);
}

.system-centered-item {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  text-align: center;
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  place-items: center;
  margin: 8px 4px;
  display: grid;
  position: relative;
}

.flex-space-center {
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  display: flex;
}

.global-social-list {
  grid-column-gap: 1em;
  grid-row-gap: .5em;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  justify-items: start;
  width: 100%;
}

.global-social-item {
  grid-column-gap: .5em;
  grid-row-gap: .5em;
  grid-template-rows: auto;
  grid-template-columns: 1fr auto;
  grid-auto-columns: auto;
  align-items: center;
}

.team-5x-sm {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  justify-items: center;
}

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

.lightbox-play-button {
  z-index: 10;
  color: var(--white);
  background-color: #00000080;
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  width: 6.25em;
  height: 6.25em;
  display: flex;
  position: absolute;
}

.lightbox-wrap {
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.lightbox-play-wrap {
  justify-content: center;
  align-items: center;
  font-size: 4em;
  line-height: 1;
  display: flex;
}

.lightbox-video-3-column {
  grid-column-gap: 2em;
  grid-row-gap: 4em;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  width: 100%;
}

.text-base {
  letter-spacing: -.02em;
  font-size: 1em;
  line-height: 1.5;
}

.tab-link-simple {
  background-color: var(--neutral-800);
  opacity: .5;
  color: var(--titles-links);
  text-align: center;
  letter-spacing: -.01em;
  border-radius: .375em;
  flex: 1;
  justify-content: center;
  align-items: center;
  padding-top: 2em;
  padding-bottom: 2em;
  font-size: .875em;
  font-weight: 600;
  line-height: 1;
  transition: opacity .25s;
  display: flex;
}

.tab-link-simple:hover {
  opacity: 1;
}

.tab-link-simple.w--current {
  background-color: var(--background);
  opacity: 1;
  color: var(--amber-400);
  background-image: linear-gradient(#f59e0b1a, #f59e0b1a);
  box-shadow: inset 0 0 0 1px #fbbf2466;
}

.tab-simple-menu {
  z-index: 5;
  grid-column-gap: .5em;
  grid-row-gap: .5em;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
  margin-bottom: 1em;
  display: grid;
}

.tab-simple-pane, .tab-simple-content {
  position: static;
}

.tab-simple {
  margin-top: 2em;
  position: static;
}

.static {
  position: static;
}

.author-inside-wrap {
  align-items: flex-end;
  margin-top: -2.625em;
  margin-bottom: 1.25em;
  display: flex;
}

.author-inside-image {
  box-shadow: 0 0 0 2.5px var(--background);
  border-radius: 9999px;
}

.overflow-visible {
  overflow: visible;
}

.mixed-gallery-2 {
  grid-column-gap: .5em;
  grid-row-gap: .5em;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1.5fr 1fr 1.5fr 1fr 1fr;
}

.feature-3-column {
  grid-column-gap: .5em;
  grid-row-gap: .5em;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  width: 100%;
}

.title-3xl {
  letter-spacing: -.08em;
  font-size: 12em;
  font-weight: 700;
  line-height: 1.1;
}

.feature-underlined {
  border-bottom: 1px solid var(--border);
  color: var(--titles-links);
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  padding-bottom: 1em;
  display: flex;
}

.material-icons-sharp {
  text-transform: none;
  font-family: ICONS SHARP, sans-serif;
  font-weight: 400;
}

.reverse {
  direction: rtl;
}

.padding-2xl {
  padding: 2em;
  position: relative;
}

.padding-2xl.bg-neutral-800.min-height {
  align-items: center;
  min-height: 110px;
  padding-left: 1.5em;
  padding-right: 1.5em;
  display: flex;
}

.padding-2xl.bg-neutral-800.min-h {
  flex-flow: column;
  justify-content: center;
  min-height: 108px;
  display: flex;
}

.post-grid {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: .25fr 1.5fr .25fr;
}

.post-share {
  padding-bottom: 1em;
  position: sticky;
  top: 5em;
}

.bg-twitter {
  color: var(--background);
  background-color: #25a0ef;
  font-family: Social Icons, sans-serif;
}

.bg-facebook {
  color: var(--background);
  background-color: #4367b0;
  font-family: Social Icons, sans-serif;
}

.bg-linkedin {
  color: var(--background);
  background-color: #3375b0;
  font-family: Social Icons, sans-serif;
}

.share-column {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  justify-items: start;
}

.letters-tighter {
  letter-spacing: -.05em;
}

.letters-tight {
  letter-spacing: -.025em;
}

.letters-normal {
  letter-spacing: 0;
}

.letters-loose {
  letter-spacing: .025em;
}

.letters-looser {
  letter-spacing: .05em;
}

.leading-none {
  line-height: 1;
}

.leading-tighter {
  line-height: 1.16;
}

.leading-tight {
  line-height: 1.375;
}

.leading-normal {
  line-height: 1.5;
}

.leading-loose {
  line-height: 1.625;
}

.leading-looser {
  line-height: 2;
}

.title-2xl {
  color: var(--titles-links);
  letter-spacing: -.05em;
  font-size: 6em;
  font-weight: 700;
  line-height: 1.1;
}

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

.rounded {
  border-radius: 1em;
  overflow: hidden;
}

.style-section {
  z-index: 0;
  width: 100%;
  padding-bottom: 2em;
  position: relative;
}

.style-section-heading {
  align-items: flex-start;
  margin-top: -3em;
  padding-top: 3em;
  display: flex;
  position: relative;
}

.rounded-sm {
  border-radius: .75em;
  overflow: hidden;
}

.rounded-md {
  border-radius: 1.5em;
  overflow: hidden;
}

.rounded-lg {
  border-radius: 2.25em;
  overflow: hidden;
}

.rounded-xl {
  border-radius: 3em;
}

.rounded-2xl {
  border-radius: 3.75em;
}

.system-class {
  color: var(--accent);
  letter-spacing: 0;
  font-family: Calling Code, sans-serif;
  font-size: 90%;
  font-weight: 400;
}

.hint {
  color: #68758a;
  max-width: 80ch;
  font-family: Calling Code, sans-serif;
  font-size: .75em;
}

.row-lg {
  grid-column-gap: 2em;
  grid-row-gap: 2em;
  grid-template-rows: auto;
  grid-template-columns: auto;
  grid-auto-columns: auto;
  grid-auto-flow: column;
  justify-content: start;
  display: grid;
}

.hint-indent {
  margin-left: 7.5px;
  line-height: 2;
}

.square-lg {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 1.875em;
  height: 1.875em;
  display: flex;
}

.divider {
  border-top: 1px dashed var(--neutral-700);
  width: 100%;
}

.example-grid {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  grid-template-rows: auto;
  grid-template-columns: 8em 1fr;
  place-items: center start;
  width: 100%;
  position: relative;
  overflow: hidden;
}

.example-2x {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  grid-template-rows: auto;
  width: 100%;
}

.example-2x._3x {
  grid-template-columns: 1fr 1fr 1fr;
}

.column-xxs {
  grid-column-gap: .125em;
  grid-row-gap: .125em;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-items: start;
  display: grid;
}

.column-xxs.content-centered {
  justify-items: center;
  display: grid;
}

.row-xxs {
  grid-column-gap: .25em;
  grid-row-gap: .25em;
  grid-template-rows: auto;
  grid-template-columns: auto;
  grid-auto-columns: auto;
  grid-auto-flow: column;
  justify-content: start;
  display: grid;
}

.row-xxs.items-center {
  align-items: center;
  display: grid;
}

.row-base {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  grid-template-rows: auto;
  grid-template-columns: auto;
  grid-auto-columns: auto;
  grid-auto-flow: column;
  justify-content: start;
  display: grid;
}

.row-base.items-center {
  align-items: center;
  display: grid;
}

.row-base.column-mobile {
  grid-template-columns: auto 1fr;
}

.margin-xxs {
  margin: .25em;
}

.margin-xs {
  margin: .5em;
}

.margin-sm {
  margin: .75em;
}

.margin-base {
  margin: 1em;
}

.margin-md {
  margin: 1.25em;
}

.margin-lg {
  margin: 1.5em;
}

.margin-xl {
  margin: 1.75em;
}

.margin-2xl {
  margin: 2em;
}

.margin-3xl {
  margin: 2.25em;
}

.margin-4xl {
  margin: 2.5em;
}

.margin-5xl {
  margin: 3em;
}

.padding-xxs {
  padding: .25em;
}

.padding-xs {
  padding: .5em;
}

.padding-sm {
  padding: .75em;
}

.padding-md {
  width: 100%;
  padding: 1.25em;
  position: relative;
  overflow: hidden;
}

.padding-3xl {
  padding: 2.25em;
  position: relative;
}

.padding-3xl.grow {
  flex-direction: column;
  flex: 1;
  justify-content: space-between;
  display: flex;
}

.padding-4xl {
  padding: 2.5em;
  position: relative;
}

.hide {
  display: none;
}

.show {
  display: block;
}

.show-mobile {
  display: none;
}

.max-width-xxs {
  width: 100%;
  max-width: 12em;
}

.max-width-xs {
  width: 100%;
  max-width: 16em;
}

.max-width-sm {
  width: 100%;
  max-width: 20em;
}

.max-width-md {
  width: 100%;
  max-width: 24em;
}

.max-width-md.auto {
  margin-left: auto;
  margin-right: auto;
}

.max-width-lg {
  width: 100%;
  max-width: 32em;
}

.max-width-xl {
  width: 100%;
  max-width: 40em;
}

.max-width-2xl {
  width: 100%;
  max-width: 48em;
}

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

.overflow-scroll {
  overflow: scroll;
}

.overflow-auto {
  overflow: auto;
}

.scrolling-loop {
  z-index: 10;
  display: flex;
  position: relative;
}

.scrolling-loop-item {
  flex-direction: row;
  flex: none;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.style-guide-shadow-grid {
  grid-column-gap: 16px;
  grid-row-gap: 0px;
  grid-template-rows: 96px;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
}

.shadow-sm {
  box-shadow: inset 0 0 0 1px #3a46581f, 0 2px 4px -2px #3a4658a3;
}

.shadow {
  box-shadow: inset 0 0 0 1px var(--neutral-700), 0 4px 8px -4px var(--neutral-900);
}

.shadow-md {
  box-shadow: inset 0 0 0 1px var(--neutral-600), 0 8px 24px -8px var(--neutral-400);
}

.shadow-lg {
  box-shadow: inset 0 0 0 1px #3a46581f, 0 24px 40px -24px #3a465852;
}

.shadow-xl {
  box-shadow: inset 0 0 0 1px #3a46581f, 0 32px 56px -24px #3a465852;
}

.shadow-2xl {
  box-shadow: inset 0 0 0 1px #3a46581f, 0 40px 64px -32px #3a4658a3;
}

.font-weight-extrabold {
  font-weight: 800;
}

.feature-4-column-sm {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  width: 100%;
}

.code {
  color: var(--accent);
  font-family: Calling Code, sans-serif;
  font-size: 80%;
  font-weight: 400;
}

.code.default {
  color: #b5518c;
}

.example-4x {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  width: 100%;
}

.example-3x {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  width: 100%;
}

.font-sans {
  font-family: Inter, sans-serif;
}

.font-serif {
  font-family: Georgia, Times, Times New Roman, serif;
  font-weight: 400;
}

.whitespace-no-wrap {
  white-space: nowrap;
}

.italic {
  font-style: italic;
}

.not-italic {
  font-style: normal;
}

.font-weight-black {
  font-weight: 900;
}

.font-weight-extralight {
  font-weight: 200;
}

.example-color-row {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-rows: auto;
}

.example-color {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border-radius: 4px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  height: 44px;
  position: relative;
  overflow: hidden;
}

.bg-slate-50 {
  background-color: var(--slate-50);
}

.bg-slate-100 {
  background-color: var(--slate-100);
}

.bg-slate-200 {
  background-color: var(--slate-200);
}

.bg-slate-300 {
  background-color: var(--slate-300);
}

.bg-slate-400 {
  background-color: var(--slate-400);
}

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

.bg-slate-600 {
  background-color: var(--slate-600);
}

.bg-slate-700 {
  background-color: var(--slate-700);
}

.bg-slate-800 {
  background-color: var(--slate-800);
}

.bg-slate-900 {
  background-color: var(--slate-900);
  color: var(--text);
}

.example-color-grid {
  grid-column-gap: 2px;
  grid-row-gap: 2em;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
}

.bg-red-700 {
  background-color: var(--red-700);
}

.bg-red-800 {
  background-color: var(--red-800);
}

.bg-red-900 {
  background-color: var(--red-900);
}

.bg-orange-50 {
  background-color: var(--orange-50);
}

.bg-orange-100 {
  background-color: var(--orange-100);
}

.bg-orange-200 {
  background-color: var(--orange-200);
}

.bg-orange-300 {
  background-color: var(--orange-300);
}

.bg-orange-400 {
  background-color: var(--orange-400);
}

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

.bg-orange-600 {
  background-color: var(--orange-600);
}

.bg-orange-700 {
  background-color: var(--orange-700);
}

.bg-orange-800 {
  background-color: var(--orange-800);
}

.bg-orange-900 {
  background-color: var(--orange-900);
}

.example-color-name {
  color: var(--titles-links);
  align-items: center;
  height: 44px;
  font-weight: 600;
  line-height: 1;
  display: flex;
}

.bg-yellow-100 {
  background-color: var(--yellow-100);
}

.bg-yellow-200 {
  background-color: var(--yellow-200);
}

.bg-yellow-300 {
  background-color: var(--yellow-300);
}

.bg-yellow-400 {
  background-color: var(--yellow-400);
}

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

.bg-yellow-600 {
  background-color: var(--yellow-600);
}

.bg-yellow-700 {
  background-color: var(--yellow-700);
}

.bg-yellow-800 {
  background-color: var(--yellow-800);
}

.bg-yellow-900 {
  background-color: var(--yellow-900);
}

.bg-lime-50 {
  background-color: var(--lime-50);
}

.bg-lime-100 {
  background-color: var(--lime-100);
}

.bg-lime-200 {
  background-color: var(--lime-200);
}

.bg-lime-300 {
  background-color: var(--lime-300);
}

.bg-lime-400 {
  background-color: var(--lime-400);
}

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

.bg-lime-600 {
  background-color: var(--lime-600);
}

.bg-lime-700 {
  background-color: var(--lime-700);
}

.bg-lime-800 {
  background-color: var(--lime-800);
}

.bg-lime-900 {
  background-color: var(--lime-900);
}

.bg-green-400 {
  background-color: var(--green-400);
}

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

.bg-green-600 {
  background-color: var(--green-600);
}

.bg-green-700 {
  background-color: var(--green-700);
}

.bg-green-800 {
  background-color: var(--green-800);
}

.bg-green-900 {
  background-color: var(--green-900);
}

.bg-teal-300 {
  background-color: var(--teal-300);
}

.bg-teal-400 {
  background-color: var(--teal-400);
}

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

.bg-teal-600 {
  background-color: var(--teal-600);
}

.bg-teal-700 {
  background-color: var(--teal-700);
}

.bg-teal-800 {
  background-color: var(--teal-800);
}

.bg-teal-900 {
  background-color: var(--teal-900);
}

.bg-cyan-50 {
  background-color: var(--cyan-50);
}

.bg-cyan-100 {
  background-color: var(--cyan-100);
}

.bg-cyan-200 {
  background-color: var(--cyan-200);
}

.bg-cyan-300 {
  background-color: var(--cyan-300);
}

.bg-cyan-400 {
  background-color: var(--cyan-400);
}

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

.bg-cyan-600 {
  background-color: var(--cyan-600);
}

.bg-cyan-700 {
  background-color: var(--cyan-700);
}

.bg-cyan-800 {
  background-color: var(--cyan-800);
}

.bg-cyan-900 {
  background-color: var(--cyan-900);
}

.bg-sky-50 {
  background-color: var(--sky-50);
}

.bg-sky-100 {
  background-color: var(--sky-100);
}

.bg-sky-200 {
  background-color: var(--sky-200);
}

.bg-sky-300 {
  background-color: var(--sky-300);
}

.bg-sky-400 {
  background-color: var(--sky-400);
}

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

.bg-sky-600 {
  background-color: var(--sky-600);
}

.bg-sky-700 {
  background-color: var(--sky-700);
}

.bg-sky-800 {
  background-color: var(--sky-800);
}

.bg-sky-900 {
  background-color: var(--sky-900);
}

.bg-blue-400 {
  background-color: var(--blue-400);
}

.bg-blue-700 {
  background-color: var(--blue-700);
}

.bg-blue-800 {
  background-color: var(--blue-800);
}

.bg-blue-900 {
  background-color: var(--blue-900);
}

.bg-indigo-50 {
  background-color: var(--indigo-50);
}

.bg-indigo-100 {
  background-color: var(--indigo-100);
}

.bg-indigo-200 {
  background-color: var(--indigo-200);
}

.bg-indigo-300 {
  background-color: var(--indigo-300);
}

.bg-indigo-400 {
  background-color: var(--indigo-400);
}

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

.bg-indigo-600 {
  background-color: var(--indigo-600);
}

.bg-indigo-700 {
  background-color: var(--indigo-700);
}

.bg-indigo-800 {
  background-color: var(--indigo-800);
}

.bg-indigo-900 {
  background-color: var(--indigo-900);
}

.bg-violet-50 {
  background-color: var(--violet-50);
}

.bg-violet-100 {
  background-color: var(--violet-100);
}

.bg-violet-200 {
  background-color: var(--violet-200);
}

.bg-violet-300 {
  background-color: var(--violet-300);
}

.bg-violet-400 {
  background-color: var(--violet-400);
}

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

.bg-violet-600 {
  background-color: var(--violet-600);
}

.bg-violet-700 {
  background-color: var(--violet-700);
}

.bg-violet-800 {
  background-color: var(--violet-800);
}

.bg-violet-900 {
  background-color: var(--violet-900);
}

.bg-purple-300 {
  background-color: var(--purple-300);
}

.bg-purple-400 {
  background-color: var(--purple-400);
}

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

.bg-purple-600 {
  background-color: var(--purple-600);
}

.bg-purple-700 {
  background-color: var(--purple-700);
}

.bg-purple-800 {
  background-color: var(--purple-800);
}

.bg-purple-900 {
  background-color: var(--purple-900);
}

.bg-pink-50 {
  background-color: var(--pink-50);
}

.bg-pink-100 {
  background-color: var(--pink-100);
}

.bg-pink-200 {
  background-color: var(--pink-200);
}

.bg-pink-300 {
  background-color: var(--pink-300);
}

.bg-pink-400 {
  background-color: var(--pink-400);
}

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

.bg-pink-600 {
  background-color: var(--pink-600);
}

.bg-pink-700 {
  background-color: var(--pink-700);
}

.bg-pink-800 {
  background-color: var(--pink-800);
}

.bg-pink-900 {
  background-color: var(--pink-900);
}

.bg-rose-50 {
  background-color: var(--rose-50);
}

.bg-rose-100 {
  background-color: var(--rose-100);
}

.bg-rose-200 {
  background-color: var(--rose-200);
}

.bg-rose-300 {
  background-color: var(--rose-300);
}

.bg-rose-400 {
  background-color: var(--rose-400);
}

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

.bg-rose-600 {
  background-color: var(--rose-600);
}

.bg-rose-700 {
  background-color: var(--rose-700);
}

.bg-rose-800 {
  background-color: var(--rose-800);
}

.example-color-item {
  grid-column-gap: 4px;
  grid-row-gap: 8px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
}

.bg-amber-50 {
  background-color: var(--amber-50);
}

.bg-amber-100 {
  background-color: var(--amber-100);
}

.bg-amber-200 {
  background-color: var(--amber-200);
}

.bg-amber-300 {
  background-color: var(--amber-300);
}

.bg-amber-400 {
  background-color: var(--amber-400);
}

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

.bg-amber-600 {
  background-color: var(--amber-600);
}

.bg-amber-700 {
  background-color: var(--amber-700);
}

.bg-amber-800 {
  background-color: var(--amber-800);
}

.bg-amber-900 {
  background-color: var(--amber-900);
}

.bg-rose-900 {
  background-color: var(--rose-900);
}

.books-list {
  grid-column-gap: 2em;
  grid-row-gap: 2em;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-flow: column;
  width: 100%;
}

.book-wrap {
  perspective: 1200px;
  margin-bottom: 1em;
  position: relative;
}

.book-title {
  z-index: 5;
  background-image: url("https://cdn.prod.website-files.com/684bb20310706730716890df/684bb2031070673071689430_Rectangle-26.jpg"), linear-gradient(131deg, var(--red-400) 5%, var(--amber-500) 95%);
  perspective-origin: 0%;
  transform-origin: 0%;
  color: var(--background);
  background-position: 100%, 0 0;
  background-size: cover, auto;
  border-radius: .125em;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  height: 20em;
  padding: 1em 1em 1em 1.5em;
  display: flex;
  position: relative;
  overflow: hidden;
}

.book-title._2nd {
  background-image: url("https://cdn.prod.website-files.com/684bb20310706730716890df/684bb2031070673071689431_Image-7.jpg"), linear-gradient(131deg, var(--yellow-300) 5%, var(--green-500) 95%);
  background-position: 100%, 0 0;
  background-size: cover, auto;
}

.book-title._3rd {
  background-image: url("https://cdn.prod.website-files.com/684bb20310706730716890df/684bb2031070673071689428_Rectangle-38.jpg"), linear-gradient(131deg, var(--sky-400) 5%, var(--indigo-600) 95%);
  background-position: 0%, 0 0;
  background-size: cover, auto;
}

.book-title._4th {
  background-image: url("https://cdn.prod.website-files.com/684bb20310706730716890df/684bb203107067307168940f_Rectangle-7.jpg"), linear-gradient(131deg, var(--violet-500) 5%, var(--pink-600) 95%);
  background-position: 100%, 0 0;
  background-size: cover, auto;
}

.book-bottom {
  z-index: 0;
  background-color: var(--amber-50);
  box-shadow: 6px 6px 20px -12px var(--amber-900), 0 12px 24px -16px var(--amber-900), -17px 17px 32px -36px var(--amber-500);
  color: var(--background);
  border-radius: .125em;
  padding: 1em .5em 1em 1em;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.book-bottom._2nd {
  background-color: var(--green-50);
  box-shadow: 6px 6px 20px -12px var(--green-700), 0 12px 24px -16px var(--green-900), -17px 17px 32px -36px var(--green-400);
}

.book-bottom._3rd {
  background-color: var(--indigo-50);
  box-shadow: 6px 6px 20px -12px var(--indigo-600), 0 12px 24px -16px var(--indigo-900), -17px 17px 32px -36px var(--indigo-400);
}

.book-bottom._4th {
  background-color: var(--pink-50);
  box-shadow: 6px 6px 20px -12px var(--pink-900), 0 12px 24px -16px var(--pink-900), -17px 17px 32px -36px var(--pink-400);
}

.book-side {
  mix-blend-mode: soft-light;
  background-image: linear-gradient(to right, #000 20%, #0000 53%);
  border-right: 1px solid #ffffff57;
  width: .75em;
  position: absolute;
  inset: 0% auto 0% 0;
}

.book-caption {
  z-index: 1;
  opacity: .5;
  color: var(--background);
  letter-spacing: -.02em;
  mix-blend-mode: multiply;
  font-weight: 600;
  position: absolute;
  inset: 1em auto auto 1.5em;
}

.text-xxs {
  font-size: .625em;
  line-height: 1.5;
}

.padding-xxxs {
  padding: .125em;
}

.padding-6xl {
  padding: 4em;
  position: relative;
}

.padding-6xl.rounded-xs.contact {
  padding: 4.4em 3.7em;
}

.padding-7xl {
  padding: 5em;
}

.padding-8xl {
  padding: 6em;
  position: absolute;
}

.padding-9xl {
  padding: 8em;
}

.padding-10xl {
  padding: 10em;
}

.padding-11xl {
  padding: 12em;
}

.padding-0 {
  padding: 0;
}

.margin-xxxs {
  margin: .125em;
}

.margin-6xl {
  margin: 4em;
}

.margin-7xl {
  margin: 5em;
}

.margin-8xl {
  margin: 6em;
}

.margin-9xl {
  margin: 8em;
}

.margin-10xl {
  margin: 10em;
}

.margin-11xl {
  margin: 12em;
}

.show-tablet {
  display: none;
}

.padding-5xl {
  padding: 3em;
  position: relative;
}

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

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

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

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

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

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

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

.margin-bottom.margin-4xl {
  flex-direction: column;
  align-items: center;
  display: flex;
}

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

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

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

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

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

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

.gradient__01 {
  background-image: radial-gradient(circle farthest-corner at -25% -50%, var(--background) 36%, #0d111700 48%), radial-gradient(circle farthest-corner at -25% 150%, var(--background) 45%, #0d111700 89%), radial-gradient(circle farthest-corner at -25% -100%, #0d111700 55%, #0d111747 65%, #0d111700 68%), radial-gradient(circle farthest-corner at -33% -75%, #1f00cc 48%, #83053100 56%), radial-gradient(circle farthest-side at 0% -50%, #0d111700 64%, #01022466 69%, #0d111700 81%), radial-gradient(circle farthest-corner at 0% -50%, #0d111700 33%, #010c5f 51%, #0d111700 72%);
  border-radius: 1px;
  height: 100%;
}

.cms {
  width: 100%;
}

.rounded-xs {
  border-radius: .5em;
  position: relative;
  overflow: hidden;
}

.micons-grid {
  grid-column-gap: .75em;
  grid-row-gap: .75em;
  grid-template-rows: auto;
  position: relative;
}

.micons-grid._3-col {
  grid-template-columns: 1fr 1fr 1fr;
}

.text-color-red-400 {
  color: var(--red-400);
}

.line-horiz {
  background-color: var(--neutral-700);
  height: 1px;
  position: absolute;
  inset: 50% 0% auto;
}

.line-vert {
  background-color: var(--neutral-700);
  width: 1px;
  position: absolute;
  inset: 0% auto 0% 50%;
}

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

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

.text-color-sky-500 {
  color: var(--sky-500);
  font-style: normal;
}

.text-color-red-500 {
  color: var(--sf-blue);
}

.footer-cta-grid {
  z-index: 1;
  grid-column-gap: 4em;
  grid-row-gap: 4em;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  place-items: center;
  width: 100%;
  max-width: 40em;
  position: relative;
}

.column-xl {
  z-index: 5;
  grid-column-gap: 3em;
  grid-row-gap: 3em;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-items: start;
  display: grid;
  position: relative;
}

.column-xl.content-centered {
  justify-items: center;
  display: grid;
}

.footer-logo {
  width: 20em;
}

.footer-sub-grid {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  grid-template-rows: auto;
  grid-template-columns: .5fr .75fr;
  align-items: start;
  margin-top: .5em;
}

.browser-icon {
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  display: flex;
}

.browser-top-bar-right {
  justify-content: flex-end;
  align-items: center;
  display: flex;
  position: relative;
}

.browser-top-bar-right-contents {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.browser-mockup {
  z-index: 5;
  border-radius: .5em;
  flex-direction: column;
  width: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.browser-mockup.outline {
  border: 1px solid #64748b40;
  border-bottom-style: none;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.browser-top-bar-left {
  justify-content: space-between;
  align-items: center;
  width: 170px;
  display: flex;
  position: relative;
}

.browser-top-bar-center {
  flex: 1;
  max-width: 40%;
  position: relative;
}

.browser-arrows {
  display: flex;
}

.browser-search-bar {
  background-color: var(--slate-50);
  color: var(--text);
  text-align: center;
  white-space: nowrap;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  max-width: 100%;
  height: 26px;
  padding-top: 2px;
  padding-bottom: 2px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 12px;
  font-weight: 400;
  display: flex;
  overflow: hidden;
}

.browser-window {
  flex: 1;
  padding: 1.15em;
  position: relative;
}

.browser-top-bar {
  z-index: 10;
  color: var(--neutral-500);
  justify-content: space-between;
  align-items: center;
  padding: 10px 1.25em;
  font-family: ICONS FILLED, sans-serif;
  display: flex;
}

.browser-top-bar.underlined {
  border-bottom: 1px solid var(--neutral-700);
}

.browser-top-bar.underlined.white {
  border-bottom-color: #64748b40;
}

.footer-main-grid {
  grid-column-gap: 4em;
  grid-row-gap: 4em;
  grid-template-rows: auto;
  grid-template-columns: auto .75fr;
  width: 100%;
}

.text-color-neutral-600 {
  color: var(--neutral-600);
}

.font-title {
  color: var(--titles-links);
  letter-spacing: -.025em;
  position: relative;
}

.font-title.text-color-white {
  color: var(--white);
}

.font-title.text-color-white.align-center {
  text-align: center;
}

.font-title.text-color-red-500 {
  color: var(--sf-blue);
}

.font-title.text-color-teal-500 {
  color: var(--teal-500);
}

.font-title.font-weight-bold.margin-bottom-small {
  margin-bottom: 15px;
}

.font-title.text-color-sky-500 {
  color: var(--sky-500);
}

.font-title.text-color-amber-500 {
  color: var(--amber-500);
}

.contact-list {
  grid-column-gap: 2em;
  grid-row-gap: 2em;
  grid-template-rows: auto;
}

.container-fluid {
  z-index: 5;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1.25em;
  padding-right: 1.25em;
  position: relative;
}

.template-thumb-wrap {
  background-color: var(--neutral-800);
  border-radius: .25em;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  padding: 2em 2em 1em;
  transition: box-shadow .3s, background-color .3s, color .3s;
  display: flex;
  position: relative;
  overflow: hidden;
}

.template-thumb-wrap:hover {
  background-color: var(--neutral-700);
}

.template-thumb-desktop {
  background-color: var(--background);
  object-fit: contain;
  border-radius: .25em;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 75%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.line-animated {
  background-image: linear-gradient(90deg, var(--white), #21262d00);
  width: 100%;
  height: 1px;
  position: absolute;
  inset: 0% 0% auto;
}

.bg-gray-50 {
  background-color: var(--gray-50);
}

.bg-gray-100 {
  background-color: var(--gray-100);
}

.bg-gray-200 {
  background-color: var(--gray-200);
}

.bg-gray-300 {
  background-color: var(--sf-gray);
}

.bg-gray-400 {
  background-color: var(--gray-400);
}

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

.bg-gray-600 {
  background-color: var(--gray-600);
}

.bg-gray-700 {
  background-color: var(--gray-700);
}

.bg-gray-800 {
  background-color: var(--gray-800);
  color: var(--white);
}

.bg-gray-900 {
  background-color: var(--gray-900);
  color: var(--background);
}

.bg-neutral-50 {
  background-color: var(--neutral-50);
}

.bg-neutral-100 {
  background-color: var(--neutral-100);
}

.bg-neutral-200 {
  background-color: var(--neutral-200);
}

.bg-neutral-300 {
  background-color: var(--neutral-300);
}

.bg-neutral-400 {
  background-color: var(--neutral-400);
}

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

.bg-neutral-600 {
  background-color: var(--neutral-600);
}

.bg-neutral-700 {
  background-color: var(--neutral-700);
}

.bg-neutral-800 {
  background-color: var(--neutral-800);
}

.bg-neutral-900 {
  background-color: var(--neutral-900);
}

.cms-work-2x-link {
  width: 100%;
  height: 100%;
  display: flex;
}

.link-block-10 {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
  position: relative;
}

.client-link {
  align-items: center;
  display: flex;
}

.fill-text-item {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
  position: relative;
}

.preloader {
  z-index: 9999;
  background-color: var(--background);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: none;
  position: fixed;
  inset: 0%;
}

.preloader-image {
  width: 40px;
}

.text-work-link {
  letter-spacing: -.02em;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.lightbox-play-animated {
  border: .125em solid var(--background);
  letter-spacing: -.04em;
  text-transform: uppercase;
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  padding: .4em .5em .1em;
  font-size: 2em;
  line-height: 1;
  transition: padding .6s cubic-bezier(.55, 0, .1, 1);
  display: flex;
  position: relative;
}

.lightbox-play-animated:hover {
  padding-right: 2em;
}

.header-section {
  width: 100%;
  padding-top: 12em;
  padding-bottom: 4em;
}

.hero-grid-halves {
  grid-column-gap: 0em;
  grid-row-gap: 4em;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  width: 100%;
}

.nav-link {
  perspective: 800px;
  perspective-origin: 50% 0;
  transform-origin: 50% 0;
  color: var(--titles-links);
  letter-spacing: .03em;
  padding-left: 20px;
  padding-right: 20px;
  font-size: 16px;
  font-weight: 500;
}

.nav-link:hover {
  opacity: 1;
}

.nav-link.w--current {
  color: #3b82f6;
}

.nav-link._1st.w--current {
  border-bottom-style: solid;
  border-bottom-width: 4px;
  border-bottom-color: var(--_brand---orange);
  color: var(--titles-links);
  border-image-source: linear-gradient(to right, var(--_brand---mid-blue), var(--_brand---orange));
  border-image-slice: 1;
  margin-bottom: -4px;
}

.nav-link._1st.contact {
  display: none;
}

.navbar-nav-menu {
  justify-content: center;
  align-items: center;
  display: flex;
}

.navbar-controls {
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.nav-link-dropdown {
  color: var(--titles-links);
  justify-content: space-between;
  align-items: center;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.nav-link-dropdown-list {
  z-index: 999;
  box-shadow: none;
  background-color: #0000;
  border-radius: .5em;
  min-width: 200px;
  margin-left: -32px;
  padding: 0;
}

.nav-link-dropdown-list.w--open {
  min-width: 400px;
}

.navbar-shadow {
  z-index: 0;
  background-color: var(--navbar);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.navbar-list {
  z-index: 1001;
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: auto 1fr auto;
  place-items: center;
  width: 100%;
  max-width: 75em;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1.25em;
  padding-right: 1.25em;
  position: relative;
}

.brand {
  flex-direction: column;
  justify-content: center;
  width: 235px;
  padding: 20px 0;
  display: flex;
}

.navbar {
  background-color: #0000;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 80px;
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: sticky;
  top: 0;
}

.section-under-navbar {
  margin-top: -100px;
  position: relative;
  overflow: hidden;
}

.section-under-navbar.bg-tile-top-lg.bg-sky-900 {
  background-color: #06426466;
}

.section-under-navbar.bg-tile-top-lg.bg-primary {
  background-color: #5063ff40;
}

.button-label {
  z-index: 5;
  text-transform: uppercase;
  justify-content: center;
  align-items: center;
  font-size: 1em;
  display: flex;
  position: relative;
}

.button-hover-background {
  z-index: 0;
  background-color: #0000001a;
  border-radius: 9999px;
  width: 100%;
  height: 100%;
  display: none;
  position: absolute;
  inset: 0%;
}

._20ch {
  max-width: 20ch;
}

.sticky-scalable {
  width: 100%;
  position: sticky;
  top: 120px;
}

.footer {
  z-index: 10;
  color: var(--background);
  background-color: #0000;
  width: 100%;
  margin-top: 4em;
  padding-bottom: 2em;
  position: relative;
}

.footer-1-nav-heading {
  color: var(--titles-links);
  letter-spacing: .01em;
  text-transform: uppercase;
  font-size: .75em;
  font-weight: 700;
}

._3x-feature {
  grid-column-gap: 3em;
  grid-row-gap: 3em;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  width: 100%;
}

.pricing-4x {
  grid-column-gap: .5em;
  grid-row-gap: .5em;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  width: 100%;
}

.icon-base {
  width: 2em;
}

._3x-feature-line-bottom {
  background-color: var(--neutral-600);
  height: 1px;
  position: absolute;
  inset: auto 0% -1.5em;
}

._3x-feature-line-bottom.tablet, ._3x-feature-line-bottom.mobile {
  display: none;
}

._3x-feature-line-left {
  background-color: var(--neutral-600);
  width: 1px;
  position: absolute;
  inset: 0% auto 0% -1.5em;
}

._3x-feature-line-left.tablet {
  display: none;
}

.pricing-4x-item {
  border-radius: .25em;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  display: flex;
  position: relative;
}

.pricing-4x-item.popular-plan {
  box-shadow: 0 0 0 6px var(--primary);
}

.pricing-4x-top {
  background-color: var(--neutral-800);
  color: var(--titles-links);
  border-radius: .25em;
  width: 100%;
  padding-top: 3em;
  padding-left: 1.5em;
  padding-right: 1.5em;
}

.pricing-4x-price {
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.price-md {
  color: var(--white);
  font-family: Inter Display;
  font-size: 3em;
  font-weight: 700;
  line-height: 1;
}

.pricing-4x-dollar-sign {
  position: absolute;
  left: -.1em;
  transform: translate(-100%);
}

.pricing-4x-monthly {
  position: absolute;
  right: 0;
  transform: translate(100%);
}

.pricing-4x-bottom {
  flex: 1;
  width: 100%;
  padding: 3em 1.5em 1.5em;
}

.price-inside {
  transform: translate(0, 50%);
}

.badge-most-popular {
  z-index: 10;
  background-color: var(--primary);
  color: var(--white);
  text-transform: none;
  border-radius: 9999px;
  margin-top: -2px;
  padding: 6px 12px;
  font-size: 10px;
  line-height: 1;
  position: absolute;
  transform: translate(0, -50%);
}

.tweet-card {
  background-color: var(--neutral-800);
  box-shadow: inset 0 0 0 1px var(--neutral-700);
  border-radius: .5em;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  max-width: 20em;
  height: 100%;
  padding: 1em;
  display: flex;
}

.icon-2xl {
  width: 6em;
}

.tooltip-text {
  z-index: 100;
  background-color: var(--neutral-800);
  box-shadow: inset 0 0 0 1px var(--neutral-700);
  color: var(--text);
  text-align: left;
  letter-spacing: -.01em;
  border-radius: 4px;
  width: 12em;
  padding: 10px;
  font-size: .75em;
  font-weight: 400;
  position: absolute;
  inset: auto auto auto 32px;
}

.accordion-wrapper {
  z-index: 3;
  color: #64748b;
  cursor: pointer;
  border-bottom: 1px solid #e2e8f0;
  flex-direction: row;
  justify-content: space-between;
  width: 100%;
  padding-top: 1.25em;
  padding-bottom: 1.25em;
  position: relative;
  overflow: hidden;
}

.column-base-2 {
  z-index: 5;
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  place-items: start;
  display: grid;
  position: relative;
}

.accordion-content {
  z-index: 2;
  text-align: left;
  position: relative;
  overflow: hidden;
}

.annual-badge {
  color: var(--accent);
  font-size: .75em;
  position: absolute;
  inset: .5em 1.5em auto auto;
}

.tooltip-icon {
  font-family: ICONS ROUNDED, sans-serif;
}

.container-xs {
  z-index: 5;
  width: 100%;
  max-width: 40em;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1.25em;
  padding-right: 1.25em;
  position: relative;
}

.tab-link-rounded {
  color: var(--titles-links);
  text-align: center;
  background-color: #0000;
  border-radius: .25em;
  padding: 1em 3em;
  font-size: 1em;
}

.tab-link-rounded.w--current {
  box-shadow: inset 0 0 0 1px var(--primary);
  color: var(--white);
  background-color: #0052cc40;
}

.tooltip-wrap {
  text-align: center;
  cursor: pointer;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-left: 5px;
  padding-right: 5px;
  display: flex;
  position: relative;
}

.tooltip-wrap:hover {
  color: var(--accent);
}

.pricing-2-column {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

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

.tabs-menu-rounded {
  background-color: var(--neutral-800);
  border-radius: .25em;
  margin-bottom: 1em;
  margin-left: auto;
  margin-right: auto;
  padding: .25em;
}

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

.form-vertical {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
  position: relative;
}

.circle-shape__1 {
  border-radius: 100%;
  width: 32em;
  height: 32em;
  position: absolute;
  bottom: 0;
  transform: translate(0, 50%);
  box-shadow: 0 -32px 80px -72px #5063ff40;
}

.bg-shapes-wrap {
  z-index: 0;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.circle-shape__5 {
  border-radius: 100%;
  width: 96em;
  height: 96em;
  position: absolute;
  bottom: 0;
  transform: translate(0, 50%);
  box-shadow: 0 -32px 80px -72px #5063ff40;
}

.circle-shape__4 {
  border-radius: 100%;
  width: 80em;
  height: 80em;
  position: absolute;
  bottom: 0;
  transform: translate(0, 50%);
  box-shadow: 0 -32px 80px -72px #5063ff40;
}

.text-field-rounded {
  background-color: var(--neutral-800);
  box-shadow: inset 0 0 0 1px var(--neutral-700);
  color: var(--titles-links);
  border: 1px #000;
  border-radius: 2em;
  align-items: center;
  height: 3.35em;
  margin-bottom: 0;
  padding: 1em 1.5em;
  font-size: 1.125em;
  font-weight: 400;
  transition: box-shadow .3s;
  display: flex;
  position: relative;
}

.text-field-rounded:hover {
  box-shadow: inset 0 0 0 1px var(--neutral-600);
}

.text-field-rounded:focus {
  box-shadow: inset 0 0 0 1px var(--slate-700);
}

.text-field-rounded::placeholder {
  color: var(--neutral-500);
}

.circle-shape__0 {
  border-radius: 100%;
  width: 16em;
  height: 16em;
  position: absolute;
  bottom: 0;
  transform: translate(0, 50%);
  box-shadow: 0 -32px 80px -72px #5063ff40;
}

.circle-shape__3 {
  border-radius: 100%;
  width: 64em;
  height: 64em;
  position: absolute;
  bottom: 0;
  transform: translate(0, 50%);
  box-shadow: 0 -32px 80px -72px #5063ff40;
}

.container-xxs {
  z-index: 5;
  perspective: 800px;
  width: 100%;
  max-width: 32em;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.circle-shape__2 {
  border-radius: 100%;
  width: 48em;
  height: 48em;
  position: absolute;
  bottom: 0;
  transform: translate(0, 50%);
  box-shadow: 0 -32px 80px -72px #5063ff40;
}

.form-block {
  width: 100%;
  margin-bottom: 0;
}

.form-block.negative-margin {
  margin-top: -162px;
}

.footer-cta-box {
  z-index: 5;
  background-color: var(--_brand---dark-blue);
  text-align: center;
  border-radius: .5em;
  flex-direction: column;
  align-items: center;
  margin-top: -4em;
  margin-bottom: 3em;
  padding: 4em 6em;
  display: flex;
  position: relative;
  overflow: hidden;
}

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

.nav-link-angle {
  z-index: 0;
  width: 18px;
  height: 10px;
  position: absolute;
  inset: -6px auto auto 52px;
}

.style-intro-wrap {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 8em;
  padding-bottom: 8em;
  display: flex;
}

.text-block-8 {
  color: var(--white);
  letter-spacing: -.03em;
  font-size: .75em;
}

.book-description {
  color: var(--text);
  font-size: .75em;
}

.book-bottom-text {
  opacity: .2;
  font-size: .25em;
}

.book-description-wrap {
  padding-left: .75em;
  padding-right: .75em;
}

.style-header {
  border-radius: .5em;
  padding: 12em 6em;
  position: relative;
  overflow: hidden;
}

.steps-icon {
  box-shadow: inset 0 0 0 1px var(--neutral-600);
  border-radius: 32%;
  justify-content: center;
  align-items: center;
  min-width: 2em;
  height: 2em;
  font-size: .75em;
  line-height: 1;
  display: flex;
}

.steps-wrap {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.steps-line {
  background-color: var(--neutral-700);
  flex: 1;
  width: 1px;
  margin-top: .5em;
  margin-bottom: -1.5em;
}

.hint-wrap {
  border-top: 1px solid #1717171a;
  width: 100%;
  margin-top: 1.25em;
  padding-top: .5em;
}

.gradient__02 {
  background-image: linear-gradient(to bottom, var(--background) 7%, #0d111700 20%), radial-gradient(circle farthest-side at -25% 150%, var(--background) 48%, #0d111700 65%), radial-gradient(circle farthest-corner at -25% -125%, #0d111700 50%, var(--background) 70%, #0d111700 72%), radial-gradient(circle farthest-corner at 0% -50%, var(--background) 32%, #fff0 62%), radial-gradient(circle farthest-side at 0% -25%, #007252 50%, #0d111700 72%), radial-gradient(circle farthest-corner at 50% -100%, #05f 26%, #0d111700 72%);
  height: 100%;
}

.icon-xl {
  width: 5em;
}

.icon-lg {
  width: 4em;
}

.icon-md {
  width: 3em;
}

.side-by-side-3-to-2 {
  grid-column-gap: 5em;
  grid-row-gap: 5em;
  grid-template-rows: auto;
  grid-template-columns: 1.5fr 1fr;
  align-items: center;
  width: 100%;
}

.image-bg-contain {
  z-index: 0;
  object-fit: contain;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.side-by-side-2-to-3 {
  grid-column-gap: 5em;
  grid-row-gap: 5em;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1.5fr;
  align-items: center;
  width: 100%;
}

.side-by-side-list {
  z-index: 5;
  grid-column-gap: 5em;
  grid-row-gap: 5em;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  position: relative;
}

.image-bg-cover {
  z-index: 0;
  filter: grayscale();
  mix-blend-mode: multiply;
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.image-bg-cover.luminosity {
  mix-blend-mode: luminosity;
}

.image-bg-cover.why-photo-filter {
  filter: brightness(150%) grayscale();
}

.image-bg-cover.no-filters {
  filter: none;
}

.how-to-list {
  grid-column-gap: 4em;
  grid-row-gap: 4em;
  grid-template-rows: auto;
  grid-template-columns: .75fr 1fr;
  align-items: center;
  width: 100%;
}

.how-to-column {
  z-index: 5;
  grid-column-gap: 1em;
  grid-row-gap: 2em;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  place-items: start;
  display: grid;
  position: relative;
}

.integration-row {
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  display: flex;
}

.image-3 {
  background-color: var(--white);
  border-radius: 9999px;
  width: 5em;
  height: 5em;
  margin: .5em;
  padding: 1em;
}

.bg-pattern-image {
  object-fit: contain;
  width: 100%;
  margin-top: auto;
  margin-bottom: auto;
  position: absolute;
  inset: auto 0%;
}

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

.bg-pattern-wrap {
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  inset: 0%;
}

.bg-pattern-wrap.centered {
  align-items: center;
}

.side-by-side-1-to-1 {
  grid-column-gap: 5em;
  grid-row-gap: 5em;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  width: 100%;
  position: relative;
}

.curve-bottom {
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  width: auto;
  margin-left: -40em;
  margin-right: -40em;
  padding-bottom: 10em;
  padding-left: 40em;
  padding-right: 40em;
  position: relative;
  overflow: hidden;
}

.template-thumb-image {
  z-index: 6;
  object-fit: cover;
  object-position: 50% 0%;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.template-thumb-image.center {
  object-position: 50% 50%;
}

.line-holder {
  width: 100%;
  position: relative;
}

.line-holder.invert {
  transform: rotate(180deg);
}

.line-holder.line-brand-divider {
  border-bottom: 1px solid #000;
  height: 8px;
  margin-bottom: 2em;
}

.feature-row {
  grid-column-gap: .5em;
  grid-row-gap: .5em;
  grid-template-rows: auto;
  grid-template-columns: 1fr .5fr;
  width: 100%;
}

.curve-top {
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  width: auto;
  margin-left: -40em;
  margin-right: -40em;
  padding-top: 10em;
  padding-left: 40em;
  padding-right: 40em;
  position: relative;
  overflow: hidden;
}

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

.image-wrapper-3-4 {
  background-color: var(--accent);
  width: 100%;
  padding-top: 124%;
  position: relative;
  overflow: hidden;
}

.split-section-full {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  width: 100%;
  min-height: 100vh;
  position: relative;
}

.sign-up-section {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 4em;
  display: flex;
  position: relative;
}

.sign-up-container {
  z-index: 5;
  perspective: 800px;
  width: 100%;
  max-width: 24em;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.sign-up-text-field {
  background-color: var(--gray-50);
  color: var(--titles-links);
  border: 1px #000;
  height: 3em;
  margin-bottom: 0;
  padding: 2.4em 1.125em 2.4em 3.3em;
  font-size: 17px;
  font-weight: 400;
  line-height: 20px;
  transition: background-color .25s, box-shadow .25s;
  position: relative;
  box-shadow: inset 0 0 0 1px #0000;
}

.sign-up-text-field:hover {
  background-color: var(--gray-100);
}

.sign-up-text-field:active {
  color: var(--titles-links);
}

.sign-up-text-field:focus {
  box-shadow: inset 0 0 0 1px var(--slate-600);
}

.sign-up-text-field::placeholder {
  color: var(--text);
}

.sign-up-text-field.first {
  border-top-left-radius: .5em;
  border-top-right-radius: .5em;
  font-size: 90%;
}

.sign-up-text-field.last {
  border-bottom-right-radius: .5em;
  border-bottom-left-radius: .5em;
}

.sign-up-field-list {
  grid-column-gap: 3px;
  grid-row-gap: 3px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

.checkbox {
  border-color: var(--neutral-600);
  width: 1.3em;
  height: 1.3em;
  margin-top: 0;
  margin-left: -2em;
}

.checkbox:hover {
  border-color: var(--neutral-500);
}

.checkbox.w--redirected-checked {
  border-color: var(--accent);
  background-color: var(--accent);
  background-size: 50%;
}

.checkbox.w--redirected-focus {
  box-shadow: none;
}

.checkbox-field {
  margin-bottom: 0;
  padding-left: 2em;
  font-size: .75em;
}

.slider-arrow {
  background-color: var(--neutral-600);
  color: var(--neutral-400);
  border-radius: 9999px;
  width: 2.5em;
  height: 2.5em;
  font-size: .75em;
  transition: color .3s, background-color .3s;
}

.slider-arrow:hover {
  background-color: var(--neutral-700);
  color: var(--titles-links);
}

.slider-arrow.align-bottom {
  margin-bottom: 0;
}

.sign-up-social-link {
  position: relative;
}

.sign-up-other {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  text-align: center;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-items: center;
  margin-top: 2em;
  display: grid;
  position: relative;
}

.sign-up-other.none {
  margin-top: 0;
}

.sign-up-sign-in-button {
  position: absolute;
  inset: 2.5em 2.5em auto auto;
}

.slider-copy {
  background-color: #0000;
  width: 100%;
  height: 100%;
  padding-bottom: 4em;
  overflow: hidden;
}

.sign-up-field-icon {
  color: var(--slate-500);
  font-family: ICONS ROUNDED, sans-serif;
  font-size: 1.2em;
  line-height: 1.2;
  position: absolute;
  inset: auto auto auto 1em;
}

.sign-up-field-item {
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
}

.snippet-wrap {
  width: 75%;
  margin: 2em auto;
  position: relative;
}

.snippet-body {
  background-color: var(--neutral-700);
  box-shadow: 0 0 0 1.5px var(--neutral-800), 0 0 0 3px var(--neutral-700);
  border-radius: .375em;
  justify-content: flex-end;
  align-items: flex-start;
  min-height: 6em;
  padding: .75em;
  display: flex;
  position: relative;
}

.snippet-body.centered {
  justify-content: center;
  align-items: center;
}

.snippet-body.stretch {
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
}

.text-block-11 {
  background-color: var(--neutral-600);
  color: var(--text);
  text-align: center;
  text-transform: uppercase;
  border-radius: .375em;
  min-width: 2em;
  padding-left: .5em;
  padding-right: .5em;
  font-size: .875em;
  font-weight: 400;
  line-height: 2;
}

.text-block-11.plus {
  background-color: #0000;
  font-size: .625em;
}

.outline-on-hover {
  transition: box-shadow .2s;
  box-shadow: inset 0 0 #0000;
}

.outline-on-hover:hover {
  box-shadow: inset 0 0 0 1px var(--neutral-500);
}

.snipper-copy-paste {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  grid-template-rows: auto;
  grid-template-columns: auto;
  grid-auto-columns: auto;
  grid-auto-flow: column;
  align-items: center;
}

.caption {
  letter-spacing: .1em;
  text-transform: uppercase;
  font-size: .75em;
  font-weight: 600;
}

.caption-holder {
  z-index: 5;
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  color: var(--white);
  grid-template-rows: auto;
  grid-template-columns: auto 1fr;
  align-items: center;
  width: 100%;
  position: relative;
}

.text-block-11-copy {
  z-index: 1;
  background-color: var(--primary);
  color: var(--titles-links);
  text-align: center;
  text-transform: none;
  border-radius: 9999px;
  min-width: 2em;
  padding-left: .5em;
  padding-right: .5em;
  font-family: ICONS SHARP, sans-serif;
  font-size: 1.125em;
  font-weight: 400;
  line-height: 2;
  position: relative;
  box-shadow: 0 12px 24px -12px #000;
}

.snippet-dot-list {
  grid-column-gap: .75em;
  grid-row-gap: .75em;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}

.snippet-dot {
  background-color: var(--accent);
  opacity: .15;
  border-radius: 24%;
  width: 2px;
  height: 2px;
}

.snippet-center {
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.text-block-11-copy-copy {
  z-index: 1;
  background-image: linear-gradient(270deg, var(--neutral-600) 2%, #30363d00);
  color: var(--titles-links);
  text-align: center;
  text-transform: none;
  border-radius: .25em;
  min-width: 2em;
  min-height: 1.75em;
  font-family: ICONS SHARP, sans-serif;
  font-size: 1.5em;
  font-weight: 400;
  line-height: 2;
  position: relative;
}

.snippet-search {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  grid-template-rows: auto;
  grid-template-columns: 1fr auto;
  grid-auto-columns: auto;
  grid-auto-flow: column;
  align-items: center;
  width: 100%;
}

.price-span {
  background-color: var(--accent);
  color: var(--background);
  letter-spacing: .02em;
  border-radius: .25em;
  padding-left: .5em;
  padding-right: .5em;
  font-size: 50%;
  font-weight: 500;
  line-height: 1.5;
  display: inline-block;
  position: relative;
  top: -.3em;
}

.testimonial-shift-wrap {
  z-index: 5;
  align-items: stretch;
  width: 100%;
  display: flex;
  position: relative;
}

.shift-image-wrap {
  z-index: 1;
  width: 33.3%;
  margin-bottom: 4em;
  display: flex;
  position: relative;
  overflow: hidden;
}

.shift-body {
  z-index: 0;
  background-color: var(--neutral-800);
  border-radius: .5em;
  flex: 1;
  margin-top: 4em;
  margin-left: -4em;
  padding: 6em 4em 6em 8em;
  position: relative;
  overflow: hidden;
}

.shift-title {
  z-index: 2;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
  position: absolute;
  inset: auto auto 1em 1em;
}

.heading {
  background-color: var(--background);
  color: var(--titles-links);
  border-radius: 3px;
  padding: 4px 8px 6px;
  font-size: 1em;
  font-weight: 500;
  line-height: 1;
}

.heading-copy {
  background-color: var(--background);
  color: var(--text);
  border-radius: 3px;
  margin-top: -4px;
  padding: 4px 8px 6px;
  font-size: 12px;
  line-height: 1;
}

.case-shift-title-wrap {
  z-index: 5;
  flex-direction: column;
  align-items: flex-start;
  margin-left: 33.3%;
  padding-left: 4em;
  padding-right: 4em;
  display: flex;
  position: relative;
}

.text-span-3 {
  background-image: linear-gradient(to bottom, #84d8db00 70%, var(--primary) 71%);
  color: var(--white);
}

.gradient__03 {
  background-image: radial-gradient(circle farthest-corner at 0% -50%, #fff0 3%, var(--sky-500) 44%, #fff0 72%), radial-gradient(circle farthest-corner at 50% 100%, var(--purple-500), var(--blue-500));
}

.opacity-20 {
  opacity: .2;
}

.opacity-70 {
  opacity: .7;
}

.opacity-15 {
  opacity: .15;
}

.opacity-10 {
  opacity: .1;
}

.logo-inside-text {
  background-color: var(--gray-700);
  color: #0000;
  background-image: url("https://cdn.prod.website-files.com/684bb20310706730716890df/684bb2031070673071689491_logo.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 77%;
  border-radius: 9999px;
  width: 3em;
  line-height: .9;
  display: inline-block;
  position: relative;
}

.study-card {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
}

.study-card.rounded-xs.padding-bottom {
  margin-bottom: 50px;
  box-shadow: 3px 3px 10px -4px #000000e8;
}

.bg-accent {
  background-color: var(--accent);
  color: var(--background);
}

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

.stats-2x {
  grid-column-gap: 2em;
  grid-row-gap: 2em;
  grid-template-rows: auto;
}

.gradient__04 {
  background-image: radial-gradient(circle farthest-side at 0% -50%, #fff0 11%, var(--accent) 48%, #fff0 88%), radial-gradient(circle farthest-corner at 100% 100%, var(--violet-700), var(--teal-500) 64%);
}

.section-75vh {
  height: 75vh;
  position: relative;
  overflow: hidden;
}

.about-title-wrap {
  color: var(--white);
  position: absolute;
  inset: auto 0% 4em;
}

.timeline-chapter-image {
  width: 40%;
  position: relative;
  overflow: hidden;
}

.cms-link {
  width: 100%;
  position: relative;
}

.cms-customer-2x {
  grid-column-gap: 1.5em;
  grid-row-gap: 1.5em;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.case-info-wrap {
  background-image: linear-gradient(#00000040, #0000 50%, #00000040);
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 2em;
  display: flex;
  position: absolute;
  inset: 0%;
}

.image-5 {
  max-width: 8em;
  height: 2em;
  margin-top: .5em;
}

.timeline-way {
  background-color: var(--neutral-500);
  width: 100%;
  position: absolute;
  inset: 0% 0% auto;
}

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

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

.gradient-bg-top {
  background-image: linear-gradient(to bottom, var(--background), #0d111700);
}

.worldmap {
  z-index: 1;
  opacity: .41;
  margin-top: -4em;
  margin-bottom: -4em;
  position: relative;
}

.quote-sign {
  height: 2em;
  margin-bottom: 2em;
  line-height: 1;
}

.tabs-horizontal {
  grid-column-gap: 2em;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: .5fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  margin-top: 4em;
  padding-top: 4em;
  display: grid;
}

.tabs-menu-side {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.tabs-menu-side-link {
  background-color: var(--neutral-800);
  box-shadow: inset 0 0 0 1px var(--neutral-700);
  color: var(--text);
  border-radius: .5em;
  padding: 1.5em;
}

.tabs-menu-side-link.w--current {
  background-color: var(--gray-800);
  box-shadow: 0 0 24px -12px var(--gray-900), inset 0 0 0 1px var(--gray-700);
}

.image-6 {
  background-color: #ffffff0d;
  border-radius: 32%;
  width: 3em;
  height: 3em;
  margin-right: 1em;
  padding: .5em;
}

.accordion-item-wrapper {
  flex-direction: column;
  width: 100%;
  display: flex;
}

.tab-title {
  grid-column-gap: 1em;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr auto;
  align-items: center;
  width: 100%;
  height: 3em;
}

.accordion-arrow {
  color: var(--white);
  font-family: ICONS FILLED, sans-serif;
}

.text-block-12 {
  color: var(--slate-400);
}

.tab-pane-tab-1-2 {
  width: 100%;
  height: 100%;
}

.rotated-shape-wrap {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 3em 4em;
  display: flex;
  position: relative;
}

.rotated-shape-wrap.tight {
  padding-left: 6em;
  padding-right: 6em;
}

.rotated-shape-1 {
  border-radius: .5em;
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: hidden;
  transform: scale(.9)rotate(-4deg);
}

.code-row {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  white-space: nowrap;
  grid-template-rows: auto;
  grid-template-columns: 2em 1fr;
  width: 100%;
  font-family: Calling Code, sans-serif;
  position: relative;
  overflow: hidden;
}

.code-list {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  width: 100%;
}

.code-list.text-color-slate-600 {
  color: var(--slate-500);
}

.text-color-cyan-400 {
  color: var(--cyan-400);
}

.rotated-shape-2 {
  border-radius: .5em;
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: hidden;
  transform: scale(.9)rotate(3deg);
}

.bg-tile-middle {
  background-image: linear-gradient(to top, var(--background), #0d111700 15%), linear-gradient(to bottom, var(--background), #0d111700 15%), radial-gradient(circle farthest-side at 50% 50%, #0d111700, var(--background)), url("https://cdn.prod.website-files.com/684bb20310706730716890df/684bb20310706730716893f7_bg-tile-dark.svg");
  background-position: 0 0, 0 0, 0 0, -1px -1px;
  background-size: auto, auto, auto, 32px;
  position: relative;
}

.how-it-works-item-3 {
  width: 100%;
  margin-top: -64px;
  transform: translate(25%);
}

.how-it-works-content {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  grid-template-rows: auto;
  grid-template-columns: 2fr 1fr;
  align-items: center;
  width: 100%;
  position: relative;
}

.how-it-works-item-2 {
  width: 75%;
}

.how-it-works-number {
  z-index: 5;
  border: 1px solid var(--neutral-700);
  background-color: var(--neutral-800);
  color: var(--white);
  text-align: center;
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  width: 2em;
  height: 2em;
  font-size: 1em;
  font-weight: 400;
  display: flex;
  position: absolute;
  inset: 0% auto auto 0%;
  transform: translate(-50%, -50%);
}

.how-it-works {
  grid-column-gap: 128px;
  grid-row-gap: 128px;
  grid-template-rows: auto;
  width: 100%;
}

.how-it-works-item-1 {
  width: 100%;
}

.how-it-works-item-5 {
  transform: translate(66%);
}

.how-it-works-item-4 {
  width: 75%;
  margin-bottom: -64px;
}

.process-steps {
  grid-column-gap: 2.5em;
  grid-row-gap: 2.5em;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  justify-items: center;
  padding-top: 2em;
  padding-bottom: 5em;
  position: relative;
}

.process-steps-step {
  z-index: 5;
  align-items: flex-start;
  width: 100%;
  display: flex;
  position: relative;
}

.process-steps-indicator {
  background-color: var(--_brand---mid-blue);
  outline-color: var(--background);
  outline-offset: 0px;
  border-radius: 9999px;
  outline-width: 10px;
  outline-style: solid;
  justify-content: center;
  align-items: center;
  width: 3em;
  height: 3em;
  margin-top: 2em;
  display: flex;
}

.process-steps-item {
  background-color: var(--neutral-800);
  flex: 1;
  margin-left: 2em;
  padding: 3em;
}

.process-steps-item.rounded-xs.fade-in-on-scroll {
  background-color: var(--_brand---dark-blue);
  color: var(--neutral-50);
}

.process-steps-way-bg {
  z-index: 0;
  width: 2px;
  height: 100%;
  position: absolute;
  left: 1.5em;
  right: auto;
  overflow: hidden;
}

.process-steps-way {
  background-color: var(--_brand---mid-blue);
  width: 100%;
  position: absolute;
  inset: 0% 0% auto;
}

.process-steps-indicator-icon {
  color: var(--white);
  font-family: ICONS SHARP, sans-serif;
  font-size: 1.5em;
  line-height: 1;
}

.bg-bottom-25 {
  width: 100%;
  height: 25%;
  position: absolute;
  inset: auto 0% 0%;
}

.tab-content {
  width: 100%;
  display: flex;
}

.container-2xl {
  z-index: 5;
  width: 100%;
  max-width: 80em;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1.25em;
  padding-right: 1.25em;
  position: relative;
}

.feature-2-column-sm {
  grid-column-gap: .5em;
  grid-row-gap: .5em;
  grid-template-rows: 1fr;
  grid-template-columns: 1fr 1fr;
  grid-auto-rows: 1fr;
  width: 100%;
}

.snippet-switch-row {
  grid-column-gap: 4px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: auto 1fr auto;
  align-items: center;
}

.image-10 {
  width: 1em;
}

.snippet-swith {
  background-color: var(--accent);
  border-radius: 9999px;
  justify-content: flex-end;
  align-items: center;
  width: 2em;
  height: 1em;
  padding: 4px 3px;
  display: flex;
  position: relative;
}

.snippet-swith.disable {
  background-color: var(--neutral-600);
  justify-content: flex-start;
}

.snippet-switch-dot {
  background-color: var(--white);
  border-radius: 9999px;
  width: .75em;
  height: .75em;
}

.snippet-switch-wrap {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
}

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

.snippet-grow {
  flex: 1;
}

.snippet-word {
  background-color: var(--neutral-600);
  border-radius: 9999px;
  width: 100%;
  height: 5px;
}

.snippet-avatar-wrap {
  grid-column-gap: 1em;
  grid-row-gap: .75em;
  grid-template-rows: auto;
  grid-template-columns: auto .5fr;
  align-items: center;
}

.snippet-avatars {
  align-items: center;
  display: flex;
}

.snippet-avatar {
  object-fit: cover;
  border-radius: 9999px;
  width: 2em;
  height: 2em;
}

.snippet-avatar._2 {
  box-shadow: 0 0 0 2.5px var(--neutral-700);
  margin-left: -.5em;
}

.snippet-check {
  background-color: var(--accent);
  color: var(--white);
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  width: 1.5em;
  height: 1.5em;
  font-family: ICONS FILLED, sans-serif;
  font-size: .75em;
  display: flex;
}

.team-logos {
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  display: flex;
}

.team-logo {
  width: 8%;
  height: 2em;
  margin: 1em 2em;
}

.text-block-14 {
  background-image: linear-gradient(63deg, var(--accent), var(--sky-500));
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  font-weight: 600;
}

.text-link-gray {
  color: var(--titles-links);
  position: relative;
}

.text-link-gray:hover {
  color: var(--accent);
}

.side-by-side-2-to-1 {
  grid-column-gap: 5em;
  grid-row-gap: 5em;
  grid-template-rows: auto;
  grid-template-columns: 2fr 1fr;
}

.button-outlined {
  box-shadow: inset 0 0 0 1px var(--neutral-600);
  color: var(--text);
  text-align: center;
  letter-spacing: -.02em;
  border-radius: .25em;
  justify-content: center;
  align-items: center;
  padding: .75em;
  font-size: 1em;
  line-height: 1;
  transition: background-color .3s, opacity .3s, box-shadow .3s, color .3s;
  display: flex;
}

.button-outlined:hover {
  box-shadow: inset 0 0 0 1px var(--white);
  color: var(--white);
}

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

.text-color-indigo-400 {
  color: var(--indigo-400);
}

.faq-3x {
  grid-column-gap: 4em;
  grid-row-gap: 4em;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  width: 100%;
}

.block-inside-bottom {
  margin-bottom: -6em;
}

.intro-list {
  grid-column-gap: 2em;
  grid-row-gap: 2em;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  width: 100%;
}

.gradient-titles-wrap {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-bottom: 5em;
  display: flex;
}

.heading-wrapper {
  position: relative;
}

.heading-hero {
  z-index: 0;
  color: var(--neutral-700);
  text-align: center;
  letter-spacing: -.04em;
  width: 100%;
  margin-bottom: -.2em;
  font-size: 8em;
  font-weight: 800;
  line-height: 1.15;
  position: absolute;
}

.heading-hero.gradient-1 {
  z-index: 1;
  background-image: radial-gradient(circle farthest-side at 75% -50%, var(--teal-400) 33%, #38bdf800 81%), linear-gradient(to bottom, var(--blue-800), var(--blue-200));
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  position: relative;
}

.heading-hero.gradient-2 {
  z-index: 1;
  background-image: radial-gradient(circle farthest-side at -25% -50%, var(--green-400), #fffbeb00), linear-gradient(to bottom, var(--lime-500), var(--sky-500));
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  position: relative;
}

.heading-hero.gradient-3 {
  z-index: 1;
  background-image: linear-gradient(to bottom, var(--sf-blue), var(--yellow-200));
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  position: relative;
}

.bg-tile-top-lg {
  background-image: linear-gradient(to top, var(--background), #0d111700 15%), linear-gradient(to bottom, var(--background), #0d111700 15%), radial-gradient(circle farthest-side at 50% 0%, #0d111700, var(--background)), url("https://cdn.prod.website-files.com/684bb20310706730716890df/684bb20310706730716893f7_bg-tile-dark.svg");
  background-position: 0 0, 0 0, 0 0, -1px -1px;
  background-size: auto, auto, auto, 64px;
  position: relative;
}

.bg-tile-middle-lg {
  background-image: linear-gradient(to top, var(--background), #0d111700 15%), linear-gradient(to bottom, var(--background), #0d111700 15%), radial-gradient(circle farthest-side at 50% 50%, #0d111700, var(--background)), url("https://cdn.prod.website-files.com/684bb20310706730716890df/684bb20310706730716893f7_bg-tile-dark.svg");
  background-position: 0 0, 0 0, 0 0, -1px -1px;
  background-size: auto, auto, auto, 64px;
  position: relative;
}

.text-gradient__1 {
  background-image: linear-gradient(207deg, var(--orange-300) 33%, var(--teal-400) 74%);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  padding-right: .05em;
}

.text-gradient__2 {
  background-image: linear-gradient(28deg, var(--sky-400) 29%, var(--rose-300) 82%);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  padding-right: .05em;
}

.text-rotation-wrapper {
  font-size: 3em;
  display: flex;
}

.track-vertical {
  flex-direction: column;
  display: flex;
  position: absolute;
}

.track-overlay {
  z-index: 1;
  background-image: linear-gradient(#f9f5ff, #0000 50%, #f9f5ff);
  position: absolute;
  inset: 0%;
}

.track-overlay.top {
  background-image: linear-gradient(to bottom, var(--background) 50%, #0d111700);
  width: 100%;
  height: 40%;
  position: absolute;
}

.track-overlay.bottom {
  background-image: linear-gradient(to top, var(--background) 50%, #0d111700);
  width: 100%;
  height: 40%;
  position: absolute;
  inset: auto 0% 0%;
}

.infinite-rotation-holder {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 12em 1.25em;
  display: flex;
  position: relative;
  overflow: hidden;
}

.vertical-scroll-wrapper {
  flex-direction: column;
  align-items: flex-start;
  width: 8em;
  position: relative;
}

.text-rotation-heading {
  color: var(--text);
  letter-spacing: -.03em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter Display;
  font-size: 1em;
  font-weight: 700;
  line-height: 1.2;
}

.text-rotation-heading.rotate-text {
  color: var(--white);
  white-space: nowrap;
}

.anchor-section {
  margin-left: -2em;
  margin-right: -2em;
  padding: 4em 2em 2em;
  position: relative;
}

.section-icon {
  border: 3px solid var(--indigo-400);
  background-color: var(--sf-blue);
  box-shadow: inset 0 0 5px 0 var(--indigo-800), 0 8px 24px -8px var(--indigo-400);
  color: var(--indigo-200);
  text-align: center;
  border-radius: 9999px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 2.75em;
  height: 2.75em;
  font-family: ICONS SHARP, sans-serif;
  font-size: 1.25em;
  display: flex;
}

.section-icon.red {
  border-color: var(--red-400);
  background-color: var(--red-700);
  background-image: radial-gradient(circle farthest-side at -50% 50%, var(--red-600), var(--red-700));
  box-shadow: inset 0 0 5px 0 var(--red-800), 0 8px 24px -8px var(--red-400);
  color: var(--red-200);
}

.section-icon.teal {
  border-color: var(--indigo-400);
  background-color: var(--sf-blue);
  box-shadow: inset 0 0 5px 0 var(--teal-800), 0 8px 24px -8px var(--teal-400);
  color: var(--indigo-200);
  background-image: none;
}

.section-icon.pink {
  border-color: var(--pink-400);
  background-color: var(--pink-700);
  background-image: radial-gradient(circle farthest-side at -50% 50%, var(--pink-600), var(--pink-700));
  box-shadow: inset 0 0 5px 0 var(--pink-800), 0 8px 24px -8px var(--pink-400);
  color: var(--pink-200);
}

.section-icon.amber {
  border-color: var(--amber-500);
  background-color: var(--amber-700);
  background-image: radial-gradient(circle farthest-side at -50% 50%, var(--amber-600), var(--amber-700));
  box-shadow: inset 0 0 5px 0 var(--amber-800), 0 8px 24px -8px var(--amber-400);
  outline-color: var(--amber-400);
  color: var(--amber-200);
}

.faq-wrap {
  padding-left: 4.125em;
  padding-right: 4.125em;
}

.text-gradient__google {
  background-image: linear-gradient(to right, var(--red-400), var(--yellow-400) 33%, var(--green-400) 65%, var(--sky-400));
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  padding-right: .05em;
}

.bg-tile-top {
  background-image: linear-gradient(to top, var(--background), #0d111700 15%), linear-gradient(to bottom, var(--background), #0d111700 15%), radial-gradient(circle farthest-side at 50% 0%, #0d111700, var(--background)), url("https://cdn.prod.website-files.com/684bb20310706730716890df/684bb20310706730716893f7_bg-tile-dark.svg");
  background-position: 0 0, 0 0, 0 0, -1px -1px;
  background-size: auto, auto, auto, 32px;
  position: relative;
}

._2-columns-paragraph {
  column-count: 2;
  column-gap: 4em;
}

.light-line {
  background-image: linear-gradient(to right, #0d111700, var(--border) 50%, #0d111700);
  width: 100%;
  height: 1px;
  position: absolute;
  inset: 0% 0% auto;
}

.text-gradient__teal {
  background-image: linear-gradient(243deg, var(--green-400) 23%, var(--teal-500) 87%);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  padding-right: .05em;
}

.text-gradient__indigo {
  background-image: linear-gradient(351deg, var(--sky-400) 23%, var(--indigo-600) 87%);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  padding-right: .05em;
}

.caption-holder-center {
  z-index: 5;
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  grid-template-rows: auto;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  width: 100%;
  position: relative;
}

.caption-holder-center.margin-top-kg {
  margin-top: 75px;
  margin-bottom: 10px;
}

.text-gradient__pink-purple {
  background-image: linear-gradient(321deg, var(--purple-400) 23%, var(--pink-600) 87%);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  padding-right: .05em;
}

._3-column {
  grid-column-gap: 2em;
  grid-row-gap: 2em;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  padding-top: 23px;
  padding-bottom: 23px;
  display: grid;
}

._40ch {
  max-width: 40ch;
}

.text-gradient__purple {
  background-image: linear-gradient(241deg, var(--purple-600) 20%, var(--indigo-600) 56%, var(--indigo-500) 84%);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  padding-right: .05em;
}

.feature-2x {
  grid-column-gap: 2em;
  grid-row-gap: 1em;
  grid-template-rows: auto;
}

.section-icon-sm {
  border: 2px solid var(--indigo-400);
  background-color: var(--indigo-700);
  background-image: radial-gradient(circle farthest-side at -50% 50%, var(--indigo-600), var(--indigo-700));
  box-shadow: inset 0 0 5px 0 var(--indigo-800), 0 8px 24px -8px var(--indigo-400);
  color: var(--indigo-200);
  text-align: center;
  border-radius: 9999px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 2.5em;
  height: 2.5em;
  font-family: ICONS SHARP, sans-serif;
  font-size: 1em;
  display: flex;
}

.section-icon-sm.teal {
  border-color: var(--teal-400);
  background-color: var(--teal-700);
  background-image: radial-gradient(circle farthest-side at -50% 50%, var(--teal-600), var(--teal-700));
  box-shadow: inset 0 0 5px 0 var(--teal-800), 0 8px 24px -8px var(--teal-400);
  outline-color: var(--teal-400);
  color: var(--teal-200);
}

.list-4x {
  grid-column-gap: 2em;
  grid-row-gap: 2em;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  margin-top: 2em;
}

._2-column {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

.text-gradient__lime {
  background-image: linear-gradient(22deg, var(--amber-300) 23%, var(--lime-500) 87%);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  padding-right: .05em;
}

.text-gradient__blue-gray {
  background-image: linear-gradient(to right, var(--sf-blue) 23%, var(--sf-gray) 87%);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  padding-right: .05em;
}

.logo-levitate-1 {
  object-fit: cover;
  border-radius: 9999px;
  width: 5em;
  height: 5em;
  position: absolute;
  top: 25%;
  left: 17%;
}

.logo-levitate-9 {
  border-radius: 9999px;
  width: 6.25em;
  height: 6.25em;
  position: absolute;
  top: 45%;
  left: 10%;
}

.logo-levitate-8 {
  object-fit: cover;
  border-radius: 9999px;
  width: 4em;
  height: 4em;
  position: absolute;
  bottom: 16%;
  left: 30%;
}

.logo-levitate-8.fade-in-on-scroll {
  bottom: 0%;
  left: 23%;
}

.logo-levitate-7 {
  border-radius: 9999px;
  width: 6.5em;
  height: 6.5em;
  position: absolute;
  bottom: -7%;
  left: 42%;
}

.logo-levitate-6 {
  border-radius: 9999px;
  width: 6.25em;
  position: absolute;
  top: 8%;
  right: 54%;
}

.logo-levitate-6.fade-in-on-scroll {
  top: 2%;
}

.logo-levitate-5 {
  object-fit: cover;
  border-radius: 9999px;
  width: 6em;
  height: 6em;
  position: absolute;
  top: 6%;
  right: 32%;
}

.logo-levitate-4 {
  object-fit: cover;
  border-radius: 9999px;
  width: 4em;
  height: 4em;
  position: absolute;
  bottom: 58%;
  right: 17%;
}

.logo-levitate-3 {
  border-radius: 9999px;
  width: 6.25em;
  position: absolute;
  bottom: 29%;
  right: 5%;
}

.logo-levitate-2 {
  border-radius: 9999px;
  width: 4.5em;
  height: 4.5em;
  position: absolute;
  bottom: 12%;
  right: 25%;
}

.logo-levitate-2.fade-in-on-scroll {
  bottom: 4%;
}

.quick-link-wrap {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: .5fr 1fr;
}

.rounded-xxs {
  border-radius: .25em;
  position: relative;
  overflow: hidden;
}

.nav-link-sup {
  background-color: var(--sf-blue);
  color: var(--white);
  text-align: center;
  border-radius: 9999px;
  min-width: 14px;
  height: 14px;
  padding-top: 2px;
  font-size: 8px;
  display: inline-block;
  transform: translate(4px, -50%);
}

.onboarding-wrap {
  z-index: 9998;
  background-color: var(--navbar);
  -webkit-backdrop-filter: blur(7px);
  backdrop-filter: blur(7px);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  padding: 1.25em;
  display: none;
  position: fixed;
  inset: 0%;
}

.onboarding-card {
  background-color: var(--neutral-800);
  outline-color: var(--neutral-700);
  outline-offset: 0px;
  border-radius: .5em;
  outline-width: 1px;
  outline-style: solid;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  display: flex;
  overflow: hidden;
}

.onboarding-slider {
  background-color: #0000;
  width: 20em;
  height: auto;
}

.onboarding-content {
  flex-direction: column;
  flex: 1;
  justify-content: space-between;
  padding: 1.5em 1em 3em;
  display: flex;
  position: relative;
}

.onboarding-mask {
  position: relative;
  overflow: visible;
}

.onboarding-caption {
  background-color: var(--accent);
  color: var(--background);
  border-radius: 9999px;
  margin-bottom: .5em;
  padding: .25em .5em;
  font-size: .625em;
  font-weight: 600;
  line-height: 1;
}

.onboarding-nav {
  z-index: 1;
  align-items: center;
  width: 50%;
  height: 6em;
  margin-left: 0;
  padding: 0 1em 0 2em;
  font-size: 6px;
  display: flex;
  left: 0;
}

.onboarding-next {
  background-color: var(--primary);
  color: var(--white);
  text-align: center;
  letter-spacing: -.01em;
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  width: 6.5em;
  height: 2em;
  padding: .75em 0;
  font-family: Inter Display;
  font-size: .75em;
  font-weight: 700;
  line-height: 1;
  transition: background-color .3s, opacity .3s, box-shadow .3s, color .3s;
  display: flex;
  inset: auto 1em 1em auto;
  box-shadow: inset 0 0 100px 100px #0000;
}

.onboarding-next:hover {
  box-shadow: inset 0 0 200px 200px #00000026;
}

.onboarding-close {
  background-color: var(--neutral-700);
  color: var(--white);
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  width: 3em;
  height: 3em;
  font-family: ICONS FILLED, sans-serif;
  font-size: 1.125em;
  display: flex;
  position: absolute;
  inset: 1em auto auto 1em;
}

.onboarding-close:hover {
  background-color: var(--neutral-600);
}

.nav-link-content-list {
  z-index: 1;
  grid-column-gap: 64px;
  grid-row-gap: 44px;
  background-color: var(--_brand---dark-blue);
  box-shadow: inset 0 0 0 1px var(--neutral-700);
  border-radius: .5em;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  padding: 32px;
  position: relative;
}

.nav-link-content {
  flex-direction: column;
  min-width: 18em;
  display: flex;
  position: relative;
}

.nav-link-icon-wrap {
  box-shadow: inset 0 0 0 1px var(--slate-500);
  text-align: center;
  border-radius: 32%;
  justify-content: center;
  align-items: center;
  width: 3.5em;
  height: 3.5em;
  margin-right: 2px;
  font-family: ICONS ROUNDED, sans-serif;
  font-weight: 400;
  display: flex;
}

.nav-link-text {
  letter-spacing: -.01em;
  font-size: 15px;
  line-height: 1.5;
}

.nav-link-icon {
  color: var(--neutral-400);
  font-family: ICONS ROUNDED, sans-serif;
  font-size: 19px;
  font-weight: 400;
  line-height: 1.2;
}

.nav-link-wrap {
  color: var(--neutral-100);
  font-size: 12px;
  transition-property: none;
}

.nav-link-column-small {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  align-content: start;
  justify-items: stretch;
  display: grid;
}

.nav-link-caption {
  color: var(--text);
  letter-spacing: .15em;
  text-transform: uppercase;
  height: 32px;
  margin-bottom: 0;
  font-family: Inter Display;
  font-size: 10px;
  font-weight: 600;
}

.nav-link-column-divider {
  background-color: #21262d99;
  width: 1px;
  position: absolute;
  inset: 32px auto 0% -32px;
}

.nav-link-item {
  grid-column-gap: 8px;
  grid-row-gap: 10px;
  grid-template-rows: auto;
  grid-template-columns: auto;
  grid-auto-columns: auto;
  grid-auto-flow: column;
  justify-content: start;
  align-items: center;
  font-family: Inter, sans-serif;
  font-weight: 400;
  display: grid;
}

.nav-link-icon-arrow {
  text-transform: none;
  font-family: ICONS SHARP, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
}

.nav-link-icon-arrow._1 {
  font-size: 11px;
  line-height: 1;
}

.nav-link-text-wrap {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  grid-template-rows: auto;
  grid-template-columns: auto;
  grid-auto-columns: auto;
  grid-auto-flow: column;
  justify-content: start;
  margin-bottom: 2px;
  display: grid;
}

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

.text-gradient__pink {
  background-image: linear-gradient(304deg, var(--red-400) 23%, var(--pink-600) 87%);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  padding-right: .05em;
}

.text-gradient__amber {
  background-image: linear-gradient(191deg, var(--yellow-300) 25%, var(--amber-600) 87%);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  padding-right: .05em;
}

.tab-holder {
  padding-left: 4em;
}

.feature-3-column-lg-copy {
  grid-column-gap: 4em;
  grid-row-gap: 4em;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  width: 100%;
}

.text-color-sky-700 {
  color: var(--sky-700);
}

.text-color-pink-900 {
  color: var(--pink-900);
}

.text-color-green-800 {
  color: var(--green-800);
}

.text-color-orange-800 {
  color: var(--orange-800);
}

.footer-1-link-gray-copy {
  opacity: 1;
  color: var(--titles-links);
  font-size: 1em;
  transition: opacity .25s, color .25s;
}

.footer-1-link-gray-copy:hover {
  color: var(--white);
}

.nav-link-small-icon {
  text-align: center;
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.nav-link-horizontal-divider {
  background-color: #21262d99;
  width: 100%;
  height: 1px;
  margin-top: 16px;
  margin-bottom: 16px;
}

.nav-link-column {
  grid-column-gap: 22px;
  grid-row-gap: 22px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  align-content: start;
  justify-items: stretch;
  display: grid;
}

.nav-link-trustpilot-wrap {
  grid-column-gap: 8px;
  grid-row-gap: 16px;
  color: var(--text);
  text-transform: uppercase;
  grid-template-rows: auto;
  grid-template-columns: auto 1fr auto auto;
  align-items: end;
  font-size: 11px;
  line-height: 1;
}

.nav-link-trustpilot-logo {
  height: 20px;
  margin-bottom: -3px;
}

.nav-link-content-left {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.menu-open, .menu-close {
  color: var(--text);
}

.float-right {
  float: right;
  width: 40%;
  margin-bottom: 1em;
  margin-left: 2em;
}

.profile-divider {
  width: 60%;
  margin-top: 1em;
  margin-bottom: 1em;
  padding-right: 2em;
}

.team-member-footer {
  grid-template-rows: auto;
  grid-template-columns: auto 1fr;
}

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

.utility-page-content {
  z-index: 5;
  text-align: center;
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 24em;
  margin-bottom: 0;
  padding-left: 1.25em;
  padding-right: 1.25em;
  display: flex;
  position: relative;
}

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

.rich-text-block {
  line-height: 1.5;
}

.rich-text-block h4, .rich-text-block h2, .rich-text-block h1, .rich-text-block h3, .rich-text-block h5 {
  margin-bottom: .25em;
}

.rich-text-block a {
  color: var(--slate-600);
}

.rich-text-block a:hover {
  color: var(--titles-links);
}

.link {
  background-color: var(--neutral-700);
  box-shadow: inset 0 0 0 1px var(--neutral-600);
  border-radius: 9999px;
  padding: .5em 1em;
  font-size: .75em;
  font-weight: 500;
  line-height: 1;
  transition-property: box-shadow, background-color, color;
}

.link:hover {
  box-shadow: inset 0 0 0 1px var(--primary);
  color: var(--white);
  background-color: #0052cc40;
}

.link.ghost {
  box-shadow: inset 0 0 0 1px var(--neutral-800);
  color: var(--text);
  background-color: #0000;
}

.link.ghost:hover {
  box-shadow: inset 0 0 0 1px var(--primary);
  color: var(--white);
  background-color: #0052cc40;
}

.link.ghost.material-icons {
  padding-left: .5em;
  padding-right: .5em;
  font-weight: 400;
}

.cms-item {
  width: 100%;
  height: 100%;
  display: flex;
}

.opacity-30-copy {
  opacity: .3;
  margin-top: .5em;
}

.post-section {
  background-color: var(--neutral-800);
  flex-direction: column;
  align-items: flex-start;
  padding: 4em 6em;
  display: flex;
}

.container-md-copy {
  z-index: 5;
  width: 100%;
  max-width: 56em;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.team-member-section {
  background-color: var(--neutral-800);
  border-top-left-radius: .5em;
  border-top-right-radius: .5em;
  margin-bottom: -2em;
  padding-bottom: 6em;
  padding-left: 4em;
  padding-right: 4em;
}

.team-member-header {
  height: 12em;
  margin-left: -4em;
  margin-right: -4em;
  position: relative;
}

.blog-breadcrumb-section {
  z-index: 50;
  border-top: 1px solid var(--border);
  border-bottom: 1px solid var(--border);
  background-color: var(--navbar);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  grid-template-rows: auto;
  grid-template-columns: 1fr auto;
  justify-content: space-between;
  margin-bottom: 4em;
  position: sticky;
  top: 80px;
}

.blog-breadcrumb-cms-list {
  display: flex;
}

.blog-breadcrumb-link {
  border-bottom: 1px solid #0000;
  margin-bottom: -1px;
  margin-right: .75em;
  font-size: 1em;
  font-weight: 600;
  line-height: 3;
  transition-property: border-color, background-color, color;
}

.blog-breadcrumb-link:hover {
  border-bottom-color: var(--accent);
  color: var(--accent);
}

.blog-breadcrumb-link.w--current {
  border-bottom: 1px solid var(--accent);
}

.blog-breadcrumb-links {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: auto;
  grid-auto-columns: auto;
  grid-auto-flow: column;
  align-items: center;
  font-size: .875em;
}

.blog-breadcrumb-cms-item {
  display: flex;
}

.section-blog-header {
  width: 100%;
  padding-bottom: 4em;
  position: relative;
}

.category-dropdown-mobile {
  letter-spacing: .2em;
  text-transform: uppercase;
  font-family: Inter Display;
  font-size: .625em;
  font-weight: 600;
  display: none;
}

.blog-breadcrumb-list {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
  position: relative;
}

.font-title-none {
  font-family: Inter Display;
  position: relative;
}

.link-block-12 {
  position: relative;
}

.link-block-12:hover {
  color: var(--accent);
}

.nav-link-dropdown-content {
  width: 100%;
  height: 100%;
  position: relative;
}

.form {
  position: relative;
}

.submit-inside {
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0% 1.5em 0% auto;
}

.pricing-header-60 {
  width: 60%;
}

.pricing-3x-benefits {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  width: 100%;
}

.next-button {
  background-color: var(--neutral-700);
  box-shadow: inset 0 0 0 1px var(--neutral-600);
  color: var(--titles-links);
  letter-spacing: -.01em;
  border-style: none;
  border-radius: 9999px;
  align-items: center;
  padding: .5em 1em;
  font-size: 1em;
  font-weight: 500;
  line-height: 1;
  transition-property: box-shadow, background-color, color;
  display: flex;
}

.next-button:hover {
  box-shadow: inset 0 0 0 1px var(--primary);
  color: var(--white);
  background-color: #0052cc40;
}

.stats-4x {
  z-index: 100;
  grid-column-gap: 2em;
  grid-row-gap: 2em;
  perspective: 800px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  position: relative;
  transform: translate(0, 50%);
}

.stats-3x {
  grid-column-gap: 4em;
  grid-row-gap: 4em;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

._16ch {
  max-width: 16ch;
}

.cms-team-5x {
  grid-column-gap: 2em;
  grid-row-gap: 4em;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.history-card {
  background-color: var(--neutral-800);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 1.5em;
  display: flex;
}

.press-section {
  grid-column-gap: 4em;
  grid-row-gap: 4em;
  grid-template-rows: auto;
  grid-template-columns: 1fr 2fr;
}

.cms-careers-header {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  border-bottom: 1px solid var(--border);
  grid-template-rows: auto;
  margin-bottom: 1em;
  padding-bottom: 1em;
}

.cms-careers-list {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.cms-careers-item {
  grid-column-gap: 1em;
  grid-row-gap: 16px;
  border-bottom: 1px solid var(--border);
  grid-template-rows: auto;
  grid-template-columns: 1fr auto;
  width: 100%;
  padding-bottom: 1em;
}

.cms-careers-avatar {
  box-shadow: 0 0 0 3px var(--background);
  border-radius: 9999px;
  width: 2em;
  height: 2em;
}

.cms-careers-avatar-list {
  align-items: center;
  display: flex;
}

.cms-careers-avatar-wrap {
  position: relative;
}

.cms-careers-avatar-wrap:nth-child(odd), .cms-careers-avatar-wrap:nth-child(2n) {
  margin-left: -.75em;
}

.holder {
  width: 64%;
  height: 64%;
  position: relative;
}

._1st-image {
  z-index: 1;
  position: absolute;
  inset: 0%;
}

.moving-image {
  border-radius: 9999px;
  width: 100%;
  padding-top: 100%;
  position: relative;
  overflow: hidden;
}

._2nd-image {
  z-index: 2;
  position: absolute;
  inset: 0%;
}

.last-image {
  z-index: 50;
  border-radius: 9999px;
  position: relative;
  overflow: hidden;
  box-shadow: 0 20px 32px -24px #000;
}

.testimonial-list-2x {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  grid-template-rows: auto;
}

.link-arrow {
  color: var(--titles-links);
  text-transform: none;
  font-family: ICONS SHARP, sans-serif;
  font-size: 1em;
  font-weight: 400;
}

.careers-section {
  grid-column-gap: 2em;
  grid-row-gap: 2em;
  grid-template-rows: auto;
  grid-template-columns: .25fr 1fr;
}

.careers-sidebar {
  padding-top: 4em;
  position: sticky;
  top: 120px;
}

.careers-apply-box {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  background-color: var(--neutral-700);
  grid-template-rows: auto;
  grid-template-columns: 1fr auto;
  grid-auto-columns: 1fr;
  align-items: center;
  margin-left: -2em;
  margin-right: -2em;
  padding: 2em;
  display: grid;
}

.careers-sidebar-tablet {
  display: none;
}

.text-color-violet-300 {
  color: var(--violet-300);
}

.text-color-indigo-300 {
  color: var(--indigo-300);
}

.text-color-sky-300 {
  color: var(--sky-300);
}

.text-color-teal-300 {
  color: var(--teal-300);
}

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

.stats-4x-1st {
  background-color: var(--amber-400);
  color: var(--amber-800);
  transform-style: preserve-3d;
  border-radius: .25em;
  padding: 2em;
  transform: translate(-1em, -2em)rotateX(-17deg)rotateY(26deg)rotateZ(-9deg);
}

.stats-4x-2nd {
  background-color: var(--green-600);
  color: var(--green-900);
  transform-style: preserve-3d;
  border-radius: .25em;
  padding: 2em;
  transform: translate(-.3em, -1.3em)rotateX(14deg)rotateY(14deg)rotateZ(6deg);
}

.stats-4x-3rd {
  background-color: var(--cyan-500);
  color: var(--cyan-800);
  transform-style: preserve-3d;
  border-radius: .25em;
  padding: 2em;
  transform: translate(-1.9em, -1em)rotateX(14deg)rotateY(6deg)rotateZ(-14deg);
}

.stats-4x-4th {
  background-color: var(--indigo-500);
  color: var(--indigo-800);
  transform-style: preserve-3d;
  border-radius: .25em;
  padding: 2em;
  transform: translate(-1.9em, -1em)rotateX(14deg)rotateY(-43deg)rotateZ(9deg);
}

.logomark-wrap {
  text-align: center;
  border-radius: 28%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 6em;
  height: 6em;
  padding: 1.5em;
  display: flex;
  position: relative;
  overflow: hidden;
}

.logomark-wrap.service {
  background-color: var(--background);
  width: 12em;
  height: 12em;
  padding: 1.1em;
  box-shadow: 1px 1px 25px #5063ff40;
}

.tweet-list {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  align-items: start;
}

.tweet-column {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
}

.customer-section {
  grid-column-gap: 4em;
  grid-row-gap: 4em;
  grid-template-rows: auto;
  grid-template-columns: 20em 1fr;
}

.customer-logo {
  z-index: 1;
  background-color: var(--neutral-800);
  box-shadow: inset 0 0 0 1px var(--neutral-700);
  border-radius: 9999px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 6em;
  height: 6em;
  margin-bottom: 2em;
  margin-left: auto;
  margin-right: auto;
  padding: 1em;
  display: flex;
  position: relative;
}

.customer-quick-facts {
  background-color: var(--neutral-800);
  margin-bottom: 2em;
  padding: 2em;
}

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

.side-by-side-1-to-2 {
  grid-column-gap: 5em;
  grid-row-gap: 5em;
  grid-template-rows: auto;
  grid-template-columns: .75fr 2fr;
  align-items: center;
  width: 100%;
}

.testimonial-with-avatar-list {
  grid-column-gap: 4em;
  grid-row-gap: 4em;
  grid-template-rows: auto;
}

.testimonial-with-avatar {
  text-align: center;
  border-radius: .5em;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 2em;
  padding-left: 2em;
  padding-right: 2em;
  display: flex;
  position: relative;
}

.testimonial-avatar-top {
  border: 3px solid var(--white);
  object-fit: cover;
  border-radius: 9999px;
  width: 6em;
  height: 6em;
  margin-top: -3em;
  margin-bottom: 2em;
  position: relative;
  overflow: hidden;
}

.ui-snippet {
  grid-column-gap: .5em;
  grid-row-gap: .5em;
  background-color: var(--neutral-800);
  box-shadow: inset 0 0 0 1px var(--neutral-700);
  border-radius: .5em;
  grid-template-rows: auto;
  grid-template-columns: auto;
  grid-auto-columns: auto;
  grid-auto-flow: column;
  align-items: center;
  padding: 1em 1.5em;
  display: grid;
}

.width-32em {
  width: 32em;
}

.customer-stats {
  z-index: 5;
  grid-column-gap: 2em;
  grid-row-gap: 2em;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-flow: column;
  position: relative;
}

.customer-sticky {
  position: sticky;
  top: 120px;
}

.team-title {
  color: var(--white);
  line-height: 1;
}

.info-3x {
  grid-column-gap: 2em;
  grid-row-gap: 2em;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.image-wrapper-2-3 {
  width: 100%;
  padding-top: 124%;
  position: relative;
  overflow: hidden;
}

.image-wrapper-2-3.rounded-xs {
  overflow: hidden;
}

.feature-circle {
  border-radius: 9999px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 6em;
  height: 6em;
  display: flex;
  position: relative;
  overflow: hidden;
}

.integrations-4x {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

.integrations-4x._3-col {
  grid-template-columns: 1fr 1fr 1fr;
}

.integration-card {
  background-color: var(--neutral-700);
  padding: 1em;
}

.integration-card.rounded-xs.shadow {
  box-shadow: inset 0 0 0 1px var(--neutral-600), 0 4px 8px -4px var(--neutral-900);
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.bg-bottom-50 {
  width: 100%;
  height: 50%;
  position: absolute;
  inset: auto 0% 0%;
}

.pricing-icon-wrap {
  object-fit: cover;
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  width: 3em;
  height: 3em;
  font-family: ICONS ROUNDED, sans-serif;
  font-size: 1.25em;
  display: flex;
}

.pricing-icon-wrap.bg-neutral-700.shadow {
  box-shadow: inset 0 0 0 1px var(--neutral-600), 0 4px 8px -4px var(--neutral-900);
}

.footer-meta {
  border-top: 1px solid var(--border);
  padding-top: 1em;
}

.footer-grid {
  z-index: 5;
  grid-column-gap: 3em;
  grid-row-gap: 3em;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-items: stretch;
  display: grid;
  position: relative;
}

.template-thumb-image-scroll {
  z-index: 5;
  object-fit: contain;
  width: 100%;
  line-height: 1;
  position: absolute;
}

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

.text-link-primary:hover {
  opacity: .75;
  border-bottom-color: #0000;
}

.nav-link-content-list-1x {
  z-index: 1;
  grid-column-gap: 64px;
  grid-row-gap: 44px;
  background-color: var(--neutral-800);
  box-shadow: inset 0 0 0 1px var(--neutral-700);
  border-radius: .5em;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  padding: 32px;
  position: relative;
}

.template-thumb-title {
  letter-spacing: .01em;
  text-transform: none;
  margin-top: 1em;
  font-family: Inter Display;
  font-size: 1em;
  font-weight: 400;
}

.global-styles {
  display: none;
}

.bg-black {
  background-color: var(--background);
}

.opacity-40 {
  opacity: .4;
}

.opacity-75 {
  opacity: .75;
}

.opacity-80 {
  opacity: .8;
}

.opacity-90 {
  opacity: .9;
}

.onboarding-close-last {
  z-index: 1000;
  background-color: var(--primary);
  color: var(--white);
  text-align: center;
  letter-spacing: -.01em;
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  width: 6.5em;
  height: 2em;
  padding: .75em 0;
  font-family: Inter Display;
  font-size: .75em;
  font-weight: 700;
  line-height: 1;
  transition: background-color .3s, opacity .3s, box-shadow .3s, color .3s;
  display: flex;
  position: absolute;
  inset: auto 1em 1em auto;
  box-shadow: inset 0 0 100px 100px #0000;
}

.onboarding-close-last:hover {
  box-shadow: inset 0 0 200px 200px #00000026;
}

.left-arrow {
  width: 0;
  height: 0;
  display: none;
}

._3x-box {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: auto;
  grid-auto-flow: row;
  justify-content: start;
  display: grid;
}

.template-thumb-wrap-static {
  background-color: var(--neutral-800);
  border-radius: .25em;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  padding: 2em 2em 1em;
  transition: box-shadow .3s, background-color .3s, color .3s;
  display: flex;
  position: relative;
  overflow: hidden;
}

.template-thumb-wrap-static:hover {
  background-color: var(--neutral-700);
}

.changelog-badge {
  color: var(--white);
  text-transform: none;
  border-radius: 9999px;
  padding: .5em 1em;
  font-size: .625em;
  line-height: 1;
  display: inline-block;
  position: relative;
  top: -.25em;
}

.changelog-badge.status {
  background-color: var(--amber-300);
  color: var(--amber-900);
}

.changelog-badge.bug {
  background-color: var(--red-300);
  color: var(--red-900);
}

.onboarding-title {
  color: var(--titles-links);
  letter-spacing: -.02em;
  font-size: 1em;
  font-weight: 600;
}

.globe-wrapper {
  flex-direction: column;
  flex: none;
  align-items: center;
  width: auto;
  height: auto;
  margin-top: 0;
  margin-left: auto;
  display: flex;
  position: relative;
}

.fs-globe-container {
  z-index: 0;
  background-color: #0000;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 1500px;
  height: 100vh;
  max-height: 1500px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  top: -200px;
}

.fs-globe-container:hover, .fs-globe-container:active, .fs-globe-container:focus {
  border: 0 solid #000;
}

.globe-outer-graphic-large {
  background-color: #fff0;
  border: 1px solid #ffffff1a;
  border-radius: 3000px;
  width: 120%;
  height: 120%;
  margin-top: -10%;
  margin-left: -10%;
  margin-right: auto;
  line-height: 1.5;
  position: absolute;
  inset: 0%;
}

.globe-outer-graphic-small {
  background-color: #ffffff03;
  border: 1px solid #ffffff0f;
  border-radius: 3000px;
  width: 94%;
  height: 94%;
  margin-top: 3%;
  margin-left: 3%;
  margin-right: auto;
  position: absolute;
  inset: 0%;
}

.graphic-circle-3 {
  z-index: 1;
  opacity: .8;
  filter: none;
  background-color: #fff0;
  border: 1px solid #ffffff1a;
  border-radius: 3000px;
  width: 80px;
  height: 80px;
  margin-top: 0%;
  margin-left: 0%;
  margin-right: auto;
  display: block;
  position: absolute;
  inset: 0 0% 0% 0;
}

.graphic-circle-4 {
  z-index: -1;
  opacity: .8;
  filter: none;
  background-color: #fff0;
  border: 1px solid #ffffff1a;
  border-radius: 3000px;
  width: 60px;
  height: 60px;
  margin-top: 0%;
  margin-left: 0%;
  margin-right: auto;
  display: block;
  position: absolute;
  inset: auto -17% 25% auto;
}

.graphic-circle-5 {
  z-index: 1;
  opacity: .8;
  filter: none;
  background-color: #fff0;
  border: 1px solid #ffffff1a;
  border-radius: 3000px;
  width: 20px;
  height: 20px;
  margin-top: 0%;
  margin-left: 0%;
  margin-right: auto;
  display: block;
  position: absolute;
  bottom: 5%;
  left: auto;
  right: 40%;
}

.graphic-circle-6 {
  z-index: 1;
  opacity: .8;
  filter: none;
  background-color: #fff0;
  border: 1px solid #ffffff1a;
  border-radius: 3000px;
  width: 60px;
  height: 60px;
  margin-top: 0%;
  margin-left: 0%;
  margin-right: auto;
  display: block;
  position: absolute;
  inset: auto auto 0 0%;
}

.navbar-shadow-2 {
  z-index: 0;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  background-color: #0d1117e0;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.font-title-2 {
  color: #ccdae7;
  letter-spacing: -.025em;
  font-size: 1.15em;
  position: relative;
}

.line-animated-2 {
  background-image: linear-gradient(to right, #21262d, #21262d00);
  width: 100%;
  height: 1px;
  position: absolute;
  inset: 0% 0% auto;
}

.line-static-2 {
  background-color: #21262d;
  width: 100%;
  height: 1px;
}

.caption-2 {
  letter-spacing: .1em;
  text-transform: uppercase;
  font-size: .625em;
  font-weight: 600;
}

.title-xs-2 {
  z-index: 5;
  color: #ccdae7;
  letter-spacing: -.03em;
  font-size: 2.5em;
  font-weight: 800;
  line-height: 1.1;
  position: relative;
}

._5-column {
  grid-template-columns: 1fr 1fr 1fr;
}

.service-icon {
  z-index: 50;
  width: 125px;
  height: 150px;
  position: relative;
}

.service-icon-wrapper {
  justify-content: center;
  align-items: center;
  padding: 21px;
  display: flex;
}

.pmp-wrapper {
  background-color: var(--neutral-700);
  color: var(--white);
  border-radius: 50px;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  width: 270px;
  padding: 10px;
  display: flex;
}

.pmp {
  border-radius: 20px;
  width: 40px;
  height: 40px;
  margin-right: 10px;
}

.worldmap-2 {
  margin-top: -4em;
  margin-bottom: -4em;
  position: relative;
}

.gradient-image {
  z-index: 50;
  background-image: linear-gradient(to right, var(--sf-blue), var(--gray-200));
  width: 100%;
  height: 100%;
  position: relative;
}

.image-background-2 {
  z-index: 0;
  filter: none;
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.sf-icon {
  z-index: 50;
  width: 25px;
  position: relative;
}

.section-icon-2 {
  background-color: var(--sf-blue);
  color: #bcc6ee;
  text-align: center;
  border: 3px solid #7f89ec;
  border-radius: 9999px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 2.75em;
  height: 2.75em;
  font-family: ICONS SHARP, sans-serif;
  font-size: 1.25em;
  display: flex;
  box-shadow: inset 0 0 5px #2e2799, 0 8px 24px -8px #7f89ec;
}

.text-gradient__purple-2 {
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(241deg, #982ff7 20%, #524add 56%, #6668eb 84%);
  -webkit-background-clip: text;
  background-clip: text;
  padding-right: .05em;
}

.title-sm-2 {
  color: #ccdae7;
  letter-spacing: -.04em;
  font-size: 3em;
  font-weight: 700;
  line-height: 1.1;
}

.case-study-info {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

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

.flex-box-center {
  justify-content: center;
  align-items: center;
  display: flex;
}

.video-container {
  width: 100%;
  height: 100%;
  position: absolute;
}

.video-globe {
  width: 100%;
  height: 1000px;
}

.video-overlay {
  background-image: linear-gradient(to top, var(--black) 13%, #0000);
  width: 100%;
  height: 100%;
  position: absolute;
}

.globe-click-block {
  z-index: 1;
  width: 90vw;
  max-width: 1024px;
  height: 90vh;
  max-height: 1024px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.top-margin {
  margin-top: 6vh;
}

.font-title-3 {
  color: #ccdae7;
  letter-spacing: -.025em;
  margin-bottom: 8px;
  position: relative;
}

.font-title-3.text-color-white {
  color: #fff;
}

.font-title-3.text-color-teal-500 {
  color: #0eb3a0;
}

.font-title-3.text-color-red-500 {
  color: #e23b3b;
}

.font-title-3.text-color-sky-500 {
  color: #079de0;
}

.font-title-3.text-color-amber-500 {
  color: #e49106;
}

.circle-shape__3-2 {
  border-radius: 100%;
  width: 64em;
  height: 64em;
  position: absolute;
  bottom: 0;
  transform: translate(0, 50%);
  box-shadow: 0 -32px 80px -72px #3aecba40;
}

.circle-shape__4-2 {
  border-radius: 100%;
  width: 80em;
  height: 80em;
  position: absolute;
  bottom: 0;
  transform: translate(0, 50%);
  box-shadow: 0 -32px 80px -72px #3aecba40;
}

.nav-link-icon-2 {
  color: #2c3a4b;
  font-family: ICONS ROUNDED, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.2;
}

.circle-shape__1-2 {
  border-radius: 100%;
  width: 32em;
  height: 32em;
  position: absolute;
  bottom: 0;
  transform: translate(0, 50%);
  box-shadow: 0 -32px 80px -72px #3aecba40;
}

.nav-link-dropdown-list-2 {
  box-shadow: none;
  background-color: #0000;
  border-radius: .5em;
  min-width: 200px;
  margin-left: -32px;
  padding: 0;
}

.logo-inside-text-2 {
  color: #0000;
  background-color: #1e252c;
  background-image: url("https://cdn.prod.website-files.com/684bb20310706730716890df/684bb2031070673071689403_logo_white.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 64%;
  border-radius: 9999px;
  width: 3em;
  line-height: .9;
  display: inline-block;
  position: relative;
}

.footer-1-main-grid-2 {
  grid-column-gap: 4em;
  grid-row-gap: 4em;
  grid-template-rows: auto;
  grid-template-columns: auto 1fr;
  width: 100%;
}

.error-2 {
  color: #e23b3b;
  background-color: #f871711a;
  border-radius: .25em;
  font-size: .75em;
  box-shadow: inset 0 0 0 1px #f871711a;
}

.footer-1-logo-2 {
  width: 8em;
}

.navbar-list-2 {
  z-index: 1001;
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: auto 1fr auto;
  place-items: center start;
  width: 100%;
  max-width: 64em;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1.25em;
  padding-right: 1.25em;
  position: relative;
}

.circle-shape__2-2 {
  border-radius: 100%;
  width: 48em;
  height: 48em;
  position: absolute;
  bottom: 0;
  transform: translate(0, 50%);
  box-shadow: 0 -32px 80px -72px #3aecba40;
}

.navbar-nav-menu-2 {
  align-items: center;
  display: flex;
}

.nav-link-caption-2 {
  color: #a7b5c4;
  letter-spacing: .15em;
  text-transform: uppercase;
  height: 32px;
  margin-bottom: 0;
  font-size: 10px;
  font-weight: 600;
}

.nav-link-wrap-2 {
  color: #3f4852;
  font-size: 12px;
  transition-property: none;
}

.text-gradient__teal-2 {
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(243deg, #3dd875 23%, #0eb3a0 87%);
  -webkit-background-clip: text;
  background-clip: text;
  padding-right: .05em;
}

.nav-link-content-list-2 {
  z-index: 1;
  grid-column-gap: 64px;
  grid-row-gap: 44px;
  background-color: #171e25;
  border-radius: .5em;
  grid-template-rows: auto;
  padding: 32px;
  position: relative;
  box-shadow: inset 0 0 0 1px #1e252c;
}

.circle-shape__5-2 {
  border-radius: 100%;
  width: 96em;
  height: 96em;
  position: absolute;
  bottom: 0;
  transform: translate(0, 50%);
  box-shadow: 0 -32px 80px -72px #3aecba40;
}

.text-field-rounded-2 {
  color: #ccdae7;
  background-color: #171e25;
  border: 1px #000;
  border-radius: 2em;
  align-items: center;
  height: 3.35em;
  margin-bottom: 0;
  padding: 1em 1.5em;
  font-size: 1.125em;
  font-weight: 400;
  transition: box-shadow .3s;
  display: flex;
  position: relative;
  box-shadow: inset 0 0 0 1px #1e252c;
}

.text-field-rounded-2:hover {
  box-shadow: inset 0 0 0 1px #272e35;
}

.text-field-rounded-2:focus {
  box-shadow: inset 0 0 0 1px #2c3a4b;
}

.text-field-rounded-2::placeholder {
  color: #3f4852;
}

.circle-shape__0-2 {
  border-radius: 100%;
  width: 16em;
  height: 16em;
  position: absolute;
  bottom: 0;
  transform: translate(0, 50%);
  box-shadow: 0 -32px 80px -72px #3aecba40;
}

.button-animated-2 {
  z-index: 5;
  color: #fff;
  text-align: center;
  letter-spacing: -.03em;
  background-color: #0052cc;
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  padding: .75em 1.25em;
  font-size: 1.125em;
  font-weight: 600;
  line-height: 1;
  transition: color .2s cubic-bezier(.165, .84, .44, 1);
  display: flex;
  position: relative;
  overflow: hidden;
}

.button-animated-2.small {
  letter-spacing: 0;
  font-size: .75em;
  font-weight: 600;
}

.footer-1-sub-grid-2 {
  grid-column-gap: 2em;
  grid-row-gap: 2em;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  align-items: start;
  margin-top: .5em;
}

.nav-link-sup-2 {
  color: #0d1117;
  text-align: center;
  background-color: #3aecba;
  border-radius: 9999px;
  min-width: 14px;
  height: 14px;
  padding-top: 2px;
  font-size: 8px;
  display: inline-block;
  transform: translate(4px, -50%);
}

.container-lg-2 {
  z-index: 5;
  width: 100%;
  max-width: 64em;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1.25em;
  padding-right: 1.25em;
  position: relative;
}

.button-label-2 {
  z-index: 5;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.nav-link-2 {
  z-index: 1;
  perspective: 800px;
  perspective-origin: 50% 0;
  transform-origin: 50% 0;
  color: #ccdae7;
  letter-spacing: .03em;
  padding-left: 20px;
  padding-right: 20px;
  font-size: 14px;
  font-weight: 500;
}

.nav-link-2:hover {
  opacity: 1;
}

.nav-link-2.w--current {
  color: #3b82f6;
}

.nav-link-2._1st {
  padding-left: 0;
}

.footer-1-meta-2 {
  border-top: 1px solid #21262d;
  padding-top: 1em;
}

.navbar-2 {
  background-color: #0000;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 80px;
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: sticky;
  top: 0;
}

.footer-1-nav-heading-2 {
  color: #ccdae7;
  letter-spacing: .01em;
  text-transform: uppercase;
  font-size: .625em;
  font-weight: 700;
}

.footer-1-cta-box-2 {
  z-index: 5;
  text-align: center;
  background-color: #0052cc;
  border-radius: .5em;
  flex-direction: column;
  align-items: center;
  margin-top: -4em;
  margin-bottom: 3em;
  padding: 4em 6em;
  display: flex;
  position: relative;
  overflow: hidden;
}

.nav-link-text-2 {
  color: #ccdae7;
  letter-spacing: -.01em;
  font-size: 14px;
  line-height: 1.5;
}

.nav-link-trustpilot-wrap-2 {
  grid-column-gap: 8px;
  grid-row-gap: 16px;
  color: #a7b5c4;
  text-transform: uppercase;
  grid-template-rows: auto;
  grid-template-columns: auto 1fr auto auto;
  align-items: end;
  font-size: 11px;
  line-height: 1;
}

.footer-1-dark-with-cta-2 {
  z-index: 10;
  color: #0d1117;
  background-color: #0d1117;
  width: 100%;
  margin-top: 4em;
  padding-bottom: 2em;
  position: relative;
}

.text-gradient__indigo-2 {
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(351deg, #31b3ec 23%, #524add 87%);
  -webkit-background-clip: text;
  background-clip: text;
  padding-right: .05em;
}

.nav-link-item-2 {
  grid-column-gap: 8px;
  grid-row-gap: 10px;
  grid-template-rows: auto;
  grid-template-columns: auto;
  grid-auto-columns: auto;
  grid-auto-flow: column;
  justify-content: start;
  align-items: start;
  font-family: Inter, sans-serif;
  font-weight: 400;
  display: grid;
}

.nav-link-dropdown-2 {
  color: #ccdae7;
  justify-content: space-between;
  align-items: center;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.nav-link-icon-wrap-2 {
  color: #2c3a4b;
  text-align: center;
  border-radius: 32%;
  justify-content: center;
  align-items: center;
  width: 3.5em;
  height: 3.5em;
  margin-right: 2px;
  font-family: ICONS ROUNDED, sans-serif;
  font-weight: 400;
  display: flex;
  box-shadow: inset 0 0 0 1px #21262d99;
}

.title-2xl-2 {
  color: #ccdae7;
  letter-spacing: -.05em;
  font-size: 6em;
  font-weight: 700;
  line-height: 1.1;
}

.column-md-2 {
  grid-column-gap: 1.5em;
  grid-row-gap: 1.5em;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-items: start;
  display: grid;
}

.column-md-2.content-centered {
  grid-column-gap: 1.5em;
  grid-row-gap: 1.5em;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-items: center;
  display: grid;
}

.nav-link-content-list-1x-2 {
  z-index: 1;
  grid-column-gap: 64px;
  grid-row-gap: 44px;
  background-color: #171e25;
  border-radius: .5em;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  padding: 32px;
  position: relative;
  box-shadow: inset 0 0 0 1px #1e252c;
}

.cms-careers-header-2 {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  border-bottom: 1px solid #21262d;
  grid-template-rows: auto;
  margin-bottom: 1em;
  padding-bottom: 1em;
}

.nav-link-icon-arrow-2 {
  color: #ccdae7;
  text-transform: none;
  font-family: ICONS SHARP, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
}

.nav-link-icon-arrow-2._1 {
  font-size: 11px;
  line-height: 1;
}

.footer-1-link-gray-2 {
  opacity: 1;
  color: #646f7c;
  font-size: .875em;
  transition: opacity .25s, color .25s;
}

.footer-1-link-gray-2:hover {
  color: #fff;
}

.brand-2 {
  flex-direction: column;
  justify-content: center;
  width: 100px;
  padding: 20px 0;
  display: flex;
}

.dropdown-2 {
  background-color: var(--neutral-800);
  flex-direction: row;
  align-items: center;
  width: 100%;
  display: flex;
}

.dropdown-toggle {
  color: var(--titles-links);
  align-items: center;
  width: 100%;
  height: 3em;
  padding-top: 2.4em;
  padding-bottom: 2.4em;
  padding-right: 1.125em;
  display: flex;
}

.text-block-17 {
  margin-left: 2.3em;
}

.dropdown-list {
  top: -25.5781px;
}

.dropdown-list.w--open {
  background-color: var(--slate-700);
  top: -1.5781px;
}

.dropdown-link-2, .dropdown-link-3, .dropdown-link-4 {
  color: var(--titles-links);
}

.checkbox-wrapper {
  background-color: var(--gray-50);
  flex-direction: column;
  align-items: flex-start;
  height: auto;
  padding-top: 1.6em;
  padding-bottom: 1.6em;
  padding-left: 1.5em;
  display: flex;
}

.checkbox-2 {
  border: 1px solid var(--slate-500);
  width: 20px;
  height: 20px;
}

.checkbox-field-2 {
  align-items: center;
  margin-bottom: 11px;
  display: flex;
}

.checkbox-label {
  margin-top: 3px;
  padding-left: 10px;
  font-size: 17px;
  line-height: 20px;
}

.check-label-wrapper {
  padding-bottom: 13px;
}

.check-field-wrapper {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.line-vert-2 {
  background-color: #1e252c;
  width: 1px;
  position: absolute;
  inset: 0% auto 0% 50%;
}

.title-md-2 {
  color: #ccdae7;
  letter-spacing: -.05em;
  font-size: 3.5em;
  font-weight: 700;
  line-height: 1;
}

.line-horiz-2 {
  background-color: #1e252c;
  height: 1px;
  position: absolute;
  inset: 26% 0% auto;
}

.text-gradient__google-2 {
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(to right, #ec6464, #eecc0b 33%, #3dd875 66%, #31b3ec);
  -webkit-background-clip: text;
  background-clip: text;
  padding-right: .05em;
}

.globe-container {
  align-items: center;
  width: 100%;
  height: auto;
  position: relative;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.globe-margin {
  z-index: 50;
  background-color: var(--titles-links);
  width: 100%;
  height: 200px;
  position: relative;
}

.fs-globe-margin {
  width: 100%;
  height: 300px;
  position: relative;
  inset: 0% 0% auto;
}

.line-animated-3 {
  background-image: linear-gradient(to right, #21262d, #21262d00);
  width: 100%;
  height: 1px;
  position: absolute;
  inset: 0% 0% auto;
}

.line-horiz-3 {
  background-color: #1e252c;
  height: 1px;
  position: absolute;
  inset: 55% 0% auto;
}

.button-animated-3 {
  z-index: 5;
  color: #fff;
  text-align: center;
  letter-spacing: -.03em;
  background-color: #0052cc;
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  padding: .75em 1.25em;
  font-size: 1.125em;
  font-weight: 600;
  line-height: 1;
  transition: color .2s cubic-bezier(.165, .84, .44, 1);
  display: flex;
  position: relative;
  overflow: hidden;
}

.font-title-4 {
  color: #ccdae7;
  letter-spacing: -.025em;
  position: relative;
}

.font-title-4.text-color-teal-500 {
  color: #0eb2a0;
}

.font-title-4.text-color-amber-500 {
  color: #e49106;
}

.font-title-4.text-color-sky-500 {
  color: #079de0;
}

.font-title-4.text-color-red-500 {
  color: #e23b3b;
}

.button-label-3 {
  z-index: 5;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.title-md-3 {
  color: #ccdae7;
  letter-spacing: -.05em;
  font-size: 3.5em;
  font-weight: 700;
  line-height: 1;
}

.line-vert-3 {
  background-color: #1e252c;
  width: 1px;
  position: absolute;
  inset: 0% auto 0% 50%;
}

.micons-grid-2 {
  grid-column-gap: 2em;
  grid-row-gap: 2em;
  grid-template-rows: auto;
  position: relative;
}

.text-gradient__google-3 {
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(to right, #ec6464, #eecc0b 33%, #3dd875 66%, #31b3ec);
  -webkit-background-clip: text;
  background-clip: text;
  padding-right: .05em;
}

.font-title-5 {
  color: #ccdae7;
  letter-spacing: -.025em;
  position: relative;
}

.font-title-5.text-color-teal-500 {
  color: #0eb2a0;
}

.font-title-5.text-color-amber-500 {
  color: #e49106;
}

.font-title-5.text-color-sky-500 {
  color: #079de0;
}

.font-title-5.text-color-red-500 {
  color: #e23b3b;
}

.text-gradient__google-4 {
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(to right, #ec6464, #eecc0b 33%, #3dd875 66%, #31b3ec);
  -webkit-background-clip: text;
  background-clip: text;
  padding-right: .05em;
}

.title-sm-3 {
  color: #ccdae7;
  letter-spacing: -.04em;
  font-size: 3em;
  font-weight: 700;
  line-height: 1.1;
}

.title-sm-3._20ch {
  max-width: 20ch;
}

.image-background-3 {
  z-index: 0;
  filter: none;
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.text-gradient__blue-gray-2 {
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(to right, #5063ff 23%, #cacaca 87%);
  -webkit-background-clip: text;
  background-clip: text;
  padding-right: .05em;
}

.section-icon-3 {
  color: #bcc6ee;
  text-align: center;
  background-color: #5063ff;
  border: 3px solid #7f89ec;
  border-radius: 9999px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 2.75em;
  height: 2.75em;
  font-family: ICONS SHARP, sans-serif;
  font-size: 1.25em;
  display: flex;
  box-shadow: inset 0 0 5px #2e2799, 0 8px 24px -8px #7f89ec;
}

.light-line-2 {
  background-image: linear-gradient(to right, #0d111700, #21262d 50%, #0d111700);
  width: 100%;
  height: 1px;
  position: absolute;
  inset: 0% 0% auto;
}

.dropdown-toggle-2 {
  padding-right: 20px;
}

.globe {
  width: 30px;
  height: 30px;
  margin-top: -5px;
}

.dropdown-list-2 {
  background-color: #e9e9e9;
}

.dropdown-list-2.w--open {
  background-color: var(--navbar);
  padding: 18px;
}

.locales-list {
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  flex-flow: column;
  padding: 19px;
  display: flex;
}

.locale {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.lang {
  text-transform: uppercase;
  font-size: 18px;
  font-weight: 400;
  transition: color .3s;
}

.lang:hover, .lang.w--current {
  color: #ba9621;
}

.locale-2 {
  margin-bottom: 12px;
}

.language-mobile, .locales-wrapper.mobile {
  display: none;
}

.text-color-brand-mid-blue {
  color: var(--_brand---mid-blue);
}

.page-bg-gradient {
  background-image: linear-gradient(0deg, var(--_brand---mid-blue), white);
}

.text-block-18, .margin-bottom-sm {
  margin-bottom: 20px;
}

.grid-title {
  color: var(--text);
  letter-spacing: -.025em;
  font-size: 1.15em;
}

.body {
  font-family: Outfit, sans-serif;
}

.image-rounded {
  border-radius: 50%;
  justify-content: center;
  align-items: center;
}

.text-color-brand-orange {
  color: var(--_brand---orange);
}

.quick-stack {
  align-self: stretch;
}

.services-container {
  z-index: 5;
  flex-flow: column;
  align-items: flex-start;
  width: 100%;
  display: flex;
  position: relative;
}

.services {
  background-color: var(--_brand---dark-blue);
  color: var(--neutral-50);
  border-radius: .5em;
  flex: 1;
  margin-left: 0;
  padding: 3em;
}

.services.rounded-xs.fade-in-on-scroll {
  background-color: var(--_brand---dark-blue);
  color: var(--neutral-50);
}

.services-item {
  margin-bottom: 1.25em;
}

.services-item-title {
  color: var(--_brand---mid-blue);
  font-weight: 700;
}

.div {
  border-bottom: 1px solid #000;
  height: 4px;
  margin-bottom: 2em;
  padding-bottom: 1em;
  padding-left: 1em;
  padding-right: 1em;
}

.line-brand-divider {
  border-top: 8px solid #000;
  border-image: linear-gradient(to right, var(--_brand---mid-blue), var(--_brand---orange));
  border-image-slice: 1;
  max-width: 35%;
  height: 8px;
  margin-bottom: 2.5em;
  margin-left: auto;
  margin-right: auto;
}

.sign-up-select-field {
  background-color: var(--gray-50);
  color: var(--titles-links);
  border: 1px #000;
  height: 4.8em;
  margin-bottom: 0;
  padding: 0 1.125em 0 3.3em;
  font-size: 17px;
  font-weight: 400;
  line-height: 20px;
  transition: background-color .25s, box-shadow .25s;
  position: relative;
  box-shadow: inset 0 0 0 1px #0000;
}

.sign-up-select-field:hover {
  background-color: var(--gray-100);
}

.sign-up-select-field:active {
  color: var(--titles-links);
}

.sign-up-select-field:focus {
  box-shadow: inset 0 0 0 1px var(--slate-600);
}

.sign-up-select-field::placeholder {
  color: var(--text);
}

.sign-up-select-field.first {
  border-top-left-radius: .5em;
  border-top-right-radius: .5em;
  font-size: 90%;
}

.sign-up-select-field.last {
  border-bottom-right-radius: .5em;
  border-bottom-left-radius: .5em;
}

.list-item {
  margin-bottom: .25em;
}

.body-2 {
  background-image: linear-gradient(180deg, var(--background), var(--slate-50));
}

.bold-text, .bold-text-2, .bold-text-3 {
  font-weight: 600;
}

.icon-dropdown {
  font-family: ICONS ROUNDED, sans-serif;
}

.hide-desktop {
  display: none;
}

@media screen and (max-width: 991px) {
  .section.more-space {
    padding-top: 5em;
    padding-bottom: 5em;
  }

  .title-sm {
    font-size: 2.5em;
  }

  .title-xl {
    font-size: 5em;
  }

  .content-centered-tablet {
    text-align: center;
    flex-direction: column;
    align-items: center;
    display: flex;
  }

  .title-xs {
    font-size: 2.25em;
  }

  .padding-xl {
    padding: 1.625em;
  }

  .overflow-hidden.negative-margin {
    margin-top: -400px;
  }

  .title-md {
    font-size: 3.5em;
  }

  .title-lg {
    font-size: 3.25em;
  }

  .example-color-badge {
    top: 14px;
    bottom: auto;
  }

  .padding-lg {
    padding: 1.375em;
  }

  .feature-4-column {
    grid-template-columns: 1fr 1fr;
    grid-auto-flow: row;
  }

  .component-name {
    background-color: #091e42;
  }

  .component-name:hover {
    background-color: #181b1e;
  }

  .team-pricing {
    grid-template-columns: 1fr;
    max-width: 24em;
    margin-left: auto;
    margin-right: auto;
  }

  .header-team-pricing {
    padding-top: 2em;
    padding-left: 2em;
    padding-right: 2em;
  }

  .description-team-pricing {
    padding-bottom: 2em;
    padding-left: 2em;
    padding-right: 2em;
  }

  ._2x-pricing-grid {
    grid-template-columns: 1fr;
  }

  .logo-tile-list {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .pricing-cell-1st {
    flex-direction: column;
    align-items: flex-start;
  }

  .post-thumb-simple {
    grid-template-columns: 1fr;
    width: 50%;
    margin-left: auto;
    margin-right: auto;
  }

  .post-thumb-simple._2x {
    width: 100%;
  }

  .team-5x-sm {
    grid-row-gap: 2em;
    grid-template-columns: 1fr 1fr 1fr;
    width: 75%;
    margin-left: auto;
    margin-right: auto;
  }

  .lightbox-video-3-column {
    grid-template-columns: 1fr;
    grid-auto-flow: row;
    width: 75%;
    margin-left: auto;
    margin-right: auto;
  }

  .tab-link-simple {
    flex: none;
  }

  .tab-simple-menu {
    width: 100%;
    display: flex;
    overflow: scroll;
  }

  .feature-3-column {
    grid-template-columns: 1fr;
    grid-auto-flow: row;
    width: 75%;
    margin-left: auto;
    margin-right: auto;
  }

  .padding-2xl {
    padding: 1.875em;
  }

  .title-2xl {
    font-size: 4em;
  }

  .example-2x {
    grid-column-gap: 1em;
    grid-row-gap: 1em;
  }

  .row-base.column-tablet {
    grid-auto-flow: row;
  }

  .margin-lg {
    margin: 1.375em;
  }

  .margin-xl {
    margin: 1.625em;
  }

  .margin-2xl {
    margin: 1.875em;
  }

  .margin-3xl {
    margin: 2.125em;
  }

  .margin-4xl {
    margin: 2.25em;
  }

  .margin-5xl {
    margin: 2.75em;
  }

  .padding-3xl {
    padding: 2.125em;
  }

  .padding-4xl {
    padding: 2.25em;
  }

  .hide, .hide-tablet {
    display: none;
  }

  .show {
    display: block;
  }

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

  .feature-4-column-sm {
    grid-template-columns: 1fr 1fr;
    grid-auto-flow: row;
    width: 75%;
    margin-left: auto;
    margin-right: auto;
  }

  .example-4x, .example-3x {
    grid-column-gap: 1em;
    grid-row-gap: 1em;
  }

  .example-color-row {
    grid-row-gap: 1em;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  }

  .example-color-grid {
    grid-row-gap: 4px;
  }

  .books-list {
    grid-column-gap: .5em;
    grid-template-columns: 1fr 1fr;
    grid-auto-flow: row;
    width: 65%;
    margin-left: auto;
    margin-right: auto;
  }

  .padding-6xl {
    padding: 3.5em;
  }

  .padding-7xl {
    padding: 4.5em;
  }

  .padding-8xl {
    padding: 5.5em;
  }

  .padding-9xl {
    padding: 7em;
  }

  .padding-10xl {
    padding: 8.5em;
  }

  .padding-11xl {
    padding: 10em;
  }

  .padding-0 {
    padding: 0;
  }

  .margin-6xl {
    margin: 3.5em;
  }

  .margin-7xl {
    margin: 4.5em;
  }

  .margin-8xl {
    margin: 5.5em;
  }

  .margin-9xl {
    margin: 7em;
  }

  .margin-10xl {
    margin: 8.5em;
  }

  .margin-11xl {
    margin: 10em;
  }

  .letters-normal-tablet {
    letter-spacing: 0;
  }

  .letters-loose-tablet {
    letter-spacing: .025em;
  }

  .letters-looser-tablet {
    letter-spacing: .05em;
  }

  .letters-tight-tablet {
    letter-spacing: -.025em;
  }

  .letters-tighter-tablet {
    letter-spacing: -.05em;
  }

  .show-tablet {
    display: block;
  }

  .leading-none-tablet {
    line-height: 1;
  }

  .leading-looser-tablet {
    line-height: 2;
  }

  .leading-loose-tablet {
    line-height: 1.625;
  }

  .leading-normal-tablet {
    line-height: 1.5;
  }

  .leading-tight-tablet {
    line-height: 1.375;
  }

  .leading-tighter-tablet {
    line-height: 1.25;
  }

  .padding-5xl {
    padding: 2.75em;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

  .micons-grid {
    grid-column-gap: 2.25em;
    grid-row-gap: 2.25em;
    grid-template-columns: 1fr;
  }

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

  .footer-cta-grid {
    text-align: center;
    grid-template-columns: 1fr;
    justify-items: center;
  }

  .footer-sub-grid {
    grid-template-columns: 1fr 1fr;
  }

  .template-thumb-wrap {
    min-height: auto;
  }

  .cms-work-2x-link {
    flex-direction: column;
  }

  .text-work-link {
    padding-top: 2vw;
  }

  .lightbox-play-animated:hover {
    padding-right: .5em;
  }

  .hero-grid-halves {
    text-align: center;
    grid-template-columns: 1fr;
    max-width: 512px;
    margin-left: auto;
    margin-right: auto;
  }

  .nav-link {
    justify-content: flex-start;
    padding: 24px 0;
    display: block;
  }

  .nav-link._1st {
    padding-left: 32px;
  }

  .nav-link._1st.w--current {
    margin-bottom: 0;
    margin-left: 24px;
    margin-right: 24px;
    padding-left: 8px;
  }

  .nav-link._1st.contact {
    display: none;
  }

  .navbar-nav-menu {
    background-color: var(--background);
    border-radius: 0;
    margin-top: -100px;
    padding-top: 100px;
    padding-bottom: 16px;
    display: block;
    overflow: scroll;
  }

  .navbar-controls {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto;
    grid-template-columns: auto;
    grid-auto-columns: auto;
    grid-auto-flow: column;
    display: grid;
  }

  .menu-button {
    color: var(--text);
    border-radius: 9999px;
    width: 48px;
    height: 48px;
    padding: 0;
    font-size: 16px;
  }

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

  .nav-link-dropdown {
    padding: 0 32px;
  }

  .nav-link-dropdown-list {
    margin-left: 0;
  }

  .nav-link-dropdown-list.w--open {
    box-shadow: none;
    background-color: #0000;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    min-width: auto;
    position: relative;
  }

  .navbar-list {
    grid-template-columns: auto 1fr;
  }

  .navbar {
    position: static;
  }

  .button-hover-background {
    display: none;
  }

  ._3x-feature {
    grid-template-columns: 1fr 1fr;
  }

  .pricing-4x {
    grid-column-gap: .5em;
    grid-row-gap: 2em;
    grid-template-columns: 1fr;
    max-width: 420px;
    margin-left: auto;
    margin-right: auto;
  }

  ._3x-feature-line-bottom.tablet, ._3x-feature-line-left.tablet {
    display: block;
  }

  .tooltip-text {
    border-top: 1px solid var(--border);
    box-shadow: none;
    color: var(--neutral-500);
    text-align: left;
    letter-spacing: -.01em;
    background-color: #0000;
    width: 100%;
    margin-top: .5em;
    padding: .5em 0 0;
    font-size: .75em;
    position: static;
    transform: none;
  }

  .tooltip-icon {
    display: none;
  }

  .tooltip-wrap {
    align-items: flex-start;
    margin-top: 5px;
    padding-left: 0;
    padding-right: 0;
  }

  .text-field-rounded {
    background-image: linear-gradient(to bottom, var(--neutral-700), var(--neutral-700));
    box-shadow: none;
  }

  .text-field-rounded:hover, .text-field-rounded:focus {
    box-shadow: none;
  }

  .form-block.negative-margin {
    margin-top: -99px;
  }

  .nav-link-angle {
    display: none;
  }

  .style-header {
    padding-left: 4em;
    padding-right: 4em;
  }

  .side-by-side-3-to-2, .side-by-side-2-to-3 {
    grid-column-gap: 5em;
    grid-row-gap: 2.5em;
    grid-template-columns: 1fr;
    width: 75%;
    margin-left: auto;
    margin-right: auto;
  }

  .how-to-list {
    grid-template-columns: 1fr;
  }

  .how-to-column {
    justify-items: stretch;
  }

  .side-by-side-1-to-1 {
    grid-column-gap: 5em;
    grid-row-gap: 2.5em;
    grid-template-columns: 1fr;
    width: 75%;
    margin-left: auto;
    margin-right: auto;
  }

  .split-section-full {
    grid-template-columns: 1fr;
  }

  .testimonial-shift-wrap {
    flex-direction: column;
  }

  .shift-image-wrap {
    width: 100%;
    margin-bottom: -4em;
  }

  .shift-body {
    margin-top: 0;
    margin-left: 0;
    padding-bottom: 4em;
    padding-left: 4em;
  }

  .case-shift-title-wrap {
    margin-left: 0;
  }

  .study-card {
    grid-template-columns: 1fr;
  }

  .case-info-wrap {
    padding: 1em;
  }

  .tabs-horizontal {
    grid-template-columns: 1fr;
  }

  .how-it-works-item-2, .how-it-works-item-1, .how-it-works-item-4 {
    width: 100%;
  }

  .feature-2-column-sm {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-rows: auto;
    grid-auto-flow: row;
  }

  .side-by-side-2-to-1 {
    grid-template-columns: 1fr;
    width: 75%;
    margin-left: auto;
    margin-right: auto;
  }

  .faq-3x {
    grid-column-gap: 2em;
    grid-row-gap: 2em;
    grid-template-columns: 1fr 1fr;
  }

  .block-inside-bottom {
    margin-bottom: 4em;
  }

  .intro-list {
    grid-template-columns: 1fr 1fr;
  }

  .heading-hero {
    font-size: 6em;
  }

  .text-rotation-wrapper {
    flex-direction: column;
  }

  .track-overlay {
    display: none;
  }

  .vertical-scroll-wrapper {
    width: auto;
    height: 2.8125rem;
    overflow: hidden;
  }

  .text-rotation-heading {
    font-size: 2.25rem;
  }

  .anchor-section {
    margin-left: 0;
    margin-right: 0;
  }

  .faq-wrap {
    padding-left: 6.125em;
  }

  ._3-column {
    grid-template-columns: 1fr;
    width: 75%;
    margin-left: auto;
    margin-right: auto;
  }

  .list-4x {
    grid-column-gap: 2em;
    grid-row-gap: 1em;
    grid-template-columns: 1fr 1fr 1fr;
  }

  ._2-column {
    grid-template-columns: 1fr;
    width: 75%;
    margin-left: auto;
    margin-right: auto;
  }

  .logo-levitate-1 {
    left: 8%;
  }

  .logo-levitate-1.fade-in-on-scroll {
    display: none;
  }

  .logo-levitate-9 {
    width: 3em;
    height: 3em;
  }

  .logo-levitate-9.fade-in-on-scroll {
    display: none;
  }

  .logo-levitate-8 {
    left: 12%;
  }

  .logo-levitate-7 {
    width: 4em;
    height: 4em;
  }

  .logo-levitate-6 {
    width: 4em;
  }

  .logo-levitate-6.fade-in-on-scroll {
    top: -5%;
  }

  .logo-levitate-5 {
    width: 4em;
    height: 4em;
    top: 2%;
    right: 24%;
  }

  .logo-levitate-4 {
    bottom: 72%;
    right: 2%;
  }

  .logo-levitate-3 {
    width: 4.25em;
  }

  .logo-levitate-3.fade-in-on-scroll {
    display: none;
  }

  .logo-levitate-2 {
    width: 2.5em;
    height: 2.5em;
    right: 12%;
  }

  .nav-link-content-list {
    background-color: var(--_brand---pale-blue);
    box-shadow: none;
    border-radius: 0;
    margin-top: 24px;
  }

  .nav-link-item {
    color: var(--titles-links);
  }

  .tab-holder {
    padding-left: 0;
  }

  .feature-3-column-lg-copy {
    grid-template-columns: 1fr 1fr;
    grid-auto-flow: row;
  }

  .menu-button-wrap {
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    font-family: ICONS FILLED, sans-serif;
    font-size: 24px;
    display: flex;
    position: absolute;
    inset: 0%;
  }

  .menu-open {
    position: relative;
  }

  .menu-close {
    display: none;
    position: relative;
  }

  .post-section {
    padding-left: 2em;
    padding-right: 2em;
  }

  .blog-breadcrumb-section {
    position: relative;
    top: 0;
  }

  .pricing-header-60 {
    text-align: center;
    flex-direction: column;
    align-items: center;
    width: 75%;
    margin-left: auto;
    margin-right: auto;
    display: flex;
  }

  .pricing-3x-benefits {
    grid-template-columns: 1fr;
    grid-auto-flow: row;
    width: 75%;
    margin-left: auto;
    margin-right: auto;
  }

  .stats-3x {
    grid-template-columns: 1fr;
    width: 75%;
    margin-left: auto;
    margin-right: auto;
  }

  .cms-team-5x {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .press-section {
    grid-template-columns: 1fr;
    width: 75%;
    margin-left: auto;
    margin-right: auto;
  }

  .holder {
    width: 12em;
    height: 12em;
  }

  .last-image {
    overflow: visible;
  }

  .testimonial-list-2x, .careers-section {
    grid-template-columns: 1fr;
  }

  .careers-sidebar {
    padding-top: 0;
    position: relative;
    top: 0;
  }

  .careers-apply-box {
    grid-template-columns: 1fr;
    margin-left: 0;
    margin-right: 0;
  }

  .careers-sidebar-wrap {
    display: none;
  }

  .careers-sidebar-tablet {
    display: block;
  }

  .stats-4x-1st {
    transform: translate(-1em, -2em)rotateX(-17deg)rotateY(26deg)rotateZ(-9deg);
  }

  .customer-section {
    grid-column-gap: 4em;
    grid-row-gap: 2em;
    grid-template-columns: 1fr;
  }

  .customer-logo {
    margin-left: 0;
  }

  .customer-quick-facts {
    margin-bottom: 0;
  }

  .customer-sidebar {
    align-items: stretch;
  }

  .side-by-side-1-to-2 {
    grid-column-gap: 5em;
    grid-row-gap: 2.5em;
    grid-template-columns: 1fr;
    width: 75%;
    margin-left: auto;
    margin-right: auto;
  }

  .testimonial-with-avatar-list {
    grid-template-columns: 1fr;
    width: 75%;
    margin-top: 4em;
    margin-left: auto;
    margin-right: auto;
  }

  .customer-stats {
    grid-template-columns: 1fr;
    margin-left: auto;
    margin-right: auto;
  }

  .customer-sticky {
    position: relative;
    top: 0;
  }

  .team-title {
    font-size: 1em;
  }

  .info-3x {
    grid-column-gap: 4em;
    grid-row-gap: 4em;
    grid-template-columns: 1fr;
    width: 50%;
    margin-left: auto;
    margin-right: auto;
  }

  .integrations-4x {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .nav-link-content-list-1x {
    box-shadow: none;
    border-radius: 0;
    margin-top: 24px;
  }

  .template-thumb-wrap-static {
    min-height: auto;
  }

  .fs-globe-container {
    top: -100px;
  }

  .text-block-15 {
    color: var(--titles-links);
  }

  .title-xs-2 {
    font-size: 2.25em;
  }

  .title-sm-2 {
    font-size: 2.5em;
  }

  .nav-link-dropdown-list-2 {
    margin-left: 0;
  }

  .nav-link-dropdown-list-2.w--open {
    box-shadow: none;
    background-color: #0000;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    min-width: auto;
    position: relative;
  }

  .navbar-list-2 {
    grid-template-columns: auto 1fr;
  }

  .navbar-nav-menu-2 {
    background-color: #1e252c;
    border-radius: 0;
    margin-top: -100px;
    padding-top: 100px;
    display: block;
    overflow: scroll;
  }

  .nav-link-content-list-2 {
    box-shadow: none;
    border-radius: 0;
    margin-top: 24px;
  }

  .text-field-rounded-2 {
    box-shadow: none;
    background-image: linear-gradient(#1e252c, #1e252c);
  }

  .text-field-rounded-2:hover, .text-field-rounded-2:focus {
    box-shadow: none;
  }

  .menu-button-2 {
    color: #a7b5c4;
    border-radius: 9999px;
    width: 48px;
    height: 48px;
    padding: 0;
    font-size: 16px;
  }

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

  .footer-1-sub-grid-2 {
    grid-template-columns: 1fr 1fr;
  }

  .nav-link-2 {
    justify-content: flex-start;
    padding: 24px 0;
    display: block;
  }

  .nav-link-2._1st {
    padding-left: 32px;
  }

  .navbar-2 {
    position: static;
  }

  .nav-link-dropdown-2 {
    padding: 0 32px;
  }

  .title-2xl-2 {
    font-size: 4em;
  }

  .nav-link-content-list-1x-2 {
    box-shadow: none;
    border-radius: 0;
    margin-top: 24px;
  }

  .title-md-2, .title-md-3 {
    font-size: 3.5em;
  }

  .title-sm-3 {
    font-size: 2.5em;
  }

  .locales-wrapper {
    display: none;
  }

  .locales-wrapper.mobile {
    display: block;
  }

  .line-brand-divider {
    max-width: 50%;
  }

  .hide-desktop {
    display: block;
  }
}

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

  h2 {
    font-size: 1.875em;
  }

  h3 {
    font-size: 1.5em;
  }

  h4 {
    font-size: 1.375em;
  }

  .section, .section.more-space {
    padding-top: 4em;
    padding-bottom: 4em;
  }

  .title-sm {
    font-size: 2.25em;
  }

  .title-xl {
    font-size: 4em;
  }

  .title-xs {
    font-size: 2.125em;
  }

  .padding-base {
    padding: .875em;
  }

  .padding-xl {
    padding: 1.5em;
  }

  .title-md {
    font-size: 3.125em;
  }

  .title-lg {
    font-size: 3.25em;
  }

  .text-lg {
    font-size: 1.125em;
  }

  .text-xl {
    font-size: 1.375em;
    line-height: 1.4;
  }

  .row-sm.items-center {
    justify-content: start;
    justify-items: start;
  }

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

  .text-2xl {
    letter-spacing: 0;
    font-size: 1.5em;
  }

  .padding-lg {
    padding: 1.25em;
  }

  .row-md {
    grid-column-gap: 1em;
    grid-row-gap: .5em;
  }

  .feature-4-column {
    grid-template-columns: 1fr;
  }

  .component-name {
    background-image: none;
    background-repeat: repeat;
    background-size: auto;
    padding-left: 8px;
    padding-right: 8px;
  }

  .component-name.social-icons {
    padding-left: 12px;
    font-size: 1em;
  }

  .component-grid {
    grid-row-gap: 3em;
  }

  ._2x-pricing-grid {
    grid-column-gap: .5em;
    grid-row-gap: .5em;
  }

  .mixed-gallery-1 {
    grid-template-columns: 1fr;
  }

  .timeline {
    grid-row-gap: 2.5em;
  }

  .timeline-chapter, .timeline-chapter.reverse {
    flex-direction: column;
  }

  .timeline-chapter-item {
    background-color: var(--background);
    text-align: center;
    width: 75%;
    margin-top: .5em;
    margin-bottom: .5em;
    padding-top: .5em;
    padding-bottom: .5em;
  }

  .pricing-row {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .pricing-title-cell {
    text-align: center;
    padding-bottom: 1em;
    padding-left: 0;
    padding-right: 0;
  }

  .pricing-cell {
    text-align: center;
    align-items: center;
    padding: 1em 0;
    display: flex;
  }

  .pricing-cell-1st {
    text-align: center;
    align-items: center;
    padding-top: 1em;
    padding-bottom: 1em;
    display: flex;
  }

  .accordion-bottom-text {
    padding-bottom: 3em;
  }

  .post-thumb-simple._2x {
    grid-column-gap: 2em;
    grid-row-gap: 2em;
    grid-template-columns: 1fr;
  }

  .global-social-list {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .tab-link-simple {
    padding: 1em;
  }

  .mixed-gallery-2 {
    grid-template-columns: 1fr 1fr;
  }

  .feature-3-column {
    grid-template-columns: 1fr;
    width: 75%;
    margin-left: auto;
    margin-right: auto;
  }

  .title-3xl {
    line-height: 1.2;
  }

  .padding-2xl {
    padding: 1.75em;
  }

  .post-grid {
    grid-row-gap: 2em;
    grid-template-columns: 1fr;
  }

  .post-share {
    justify-content: center;
    align-items: center;
    padding-bottom: 0;
    display: flex;
  }

  .share-column {
    grid-auto-flow: column;
    justify-items: center;
  }

  .title-2xl {
    font-size: 3em;
  }

  .style-section-heading {
    margin-top: -3em;
    padding-top: 3em;
  }

  .rounded-md {
    border-radius: .75em;
  }

  .row-lg {
    grid-column-gap: .5em;
    grid-row-gap: .5em;
  }

  .example-2x, .example-2x._3x {
    grid-template-columns: 1fr;
  }

  .row-base {
    grid-column-gap: .75em;
    grid-row-gap: .75em;
  }

  .row-base.column-mobile {
    grid-auto-flow: row;
  }

  .margin-xs {
    margin: .375em;
  }

  .margin-sm {
    margin: .625em;
  }

  .margin-base {
    margin: .875em;
  }

  .margin-md {
    margin: 1em;
  }

  .margin-lg {
    margin: 1.25em;
  }

  .margin-xl {
    margin: 1.5em;
  }

  .margin-2xl {
    margin: 1.75em;
  }

  .margin-3xl {
    margin: 2em;
  }

  .margin-4xl {
    margin: 2.125em;
  }

  .margin-5xl {
    margin: 2.5em;
  }

  .padding-xs {
    padding: .375em;
  }

  .padding-sm {
    padding: .625em;
  }

  .padding-md {
    padding: 1em;
  }

  .padding-3xl {
    padding: 2em;
  }

  .padding-4xl {
    padding: 2.125em;
  }

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

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

  .style-guide-shadow-grid {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-columns: 1fr 1fr 1fr;
  }

  .feature-4-column-sm, .example-4x, .example-3x {
    grid-template-columns: 1fr;
  }

  .example-color-row {
    grid-column-gap: 2px;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  }

  .example-color-grid {
    grid-row-gap: 3em;
  }

  .example-color-name {
    height: auto;
  }

  .books-list {
    grid-column-gap: .5em;
    grid-row-gap: 2em;
    grid-auto-flow: row;
    width: 85%;
    margin-left: auto;
    margin-right: auto;
  }

  .padding-6xl {
    padding: 3em;
  }

  .padding-7xl {
    padding: 4em;
  }

  .padding-8xl {
    padding: 4.5em;
  }

  .padding-9xl {
    padding: 6em;
  }

  .padding-10xl {
    padding: 7em;
  }

  .padding-11xl {
    padding: 8em;
  }

  .padding-0 {
    padding: 0;
  }

  .margin-6xl {
    margin: 3em;
  }

  .margin-7xl {
    margin: 4em;
  }

  .margin-8xl {
    margin: 4.5em;
  }

  .margin-9xl {
    margin: 6em;
  }

  .margin-10xl {
    margin: 7em;
  }

  .margin-11xl {
    margin: 8em;
  }

  .letters-looser-mobile {
    letter-spacing: .05em;
  }

  .letters-loose-mobile {
    letter-spacing: .025em;
  }

  .letters-normal-mobile {
    letter-spacing: 0;
  }

  .letters-tight-mobile {
    letter-spacing: -.025em;
  }

  .letters-tighter-mobile {
    letter-spacing: -.05em;
  }

  .leading-none-mobile {
    line-height: 1;
  }

  .leading-looser-mobile {
    line-height: 2;
  }

  .leading-loose-mobile {
    line-height: 1.625;
  }

  .leading-normal-mobile {
    line-height: 1.5;
  }

  .leading-tight-mobile {
    line-height: 1.375;
  }

  .leading-tighter-mobile {
    line-height: 1.25;
  }

  .padding-5xl {
    padding: 2.5em;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .micons-grid {
    grid-column-gap: 2em;
    grid-row-gap: 2em;
    grid-template-columns: 1fr;
  }

  .line-horiz, .line-vert {
    display: none;
  }

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

  .footer-cta-grid {
    grid-row-gap: 1em;
    text-align: center;
    grid-template-columns: 1fr;
    justify-items: center;
  }

  .browser-top-bar-right, .browser-top-bar-left {
    display: none;
  }

  .browser-top-bar-center {
    max-width: 100%;
  }

  .footer-main-grid, .contact-list {
    grid-template-columns: 1fr;
  }

  .lightbox-play-animated {
    border-color: var(--titles-links);
    font-size: 1.5em;
  }

  .header-section {
    padding-bottom: 2em;
  }

  .nav-link._1st.contact {
    display: block;
  }

  .navbar {
    height: 80px;
  }

  .pricing-2-column {
    grid-template-columns: 1fr;
  }

  .form-block {
    min-width: auto;
  }

  .form-block.negative-margin {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-direction: row;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    align-items: center;
    margin-top: -128px;
    display: grid;
  }

  .footer-cta-box {
    padding-left: 2em;
    padding-right: 2em;
  }

  .style-intro-wrap {
    padding-top: 4em;
    padding-bottom: 4em;
  }

  .style-header {
    padding: 8em 2.5em;
  }

  .sign-up-section {
    padding-left: 1.25em;
    padding-right: 1.25em;
  }

  .sign-up-field-list {
    flex-direction: column;
    display: flex;
  }

  .snippet-body {
    margin-left: auto;
    margin-right: auto;
  }

  .shift-body {
    padding-bottom: 2em;
    padding-left: 2em;
    padding-right: 2em;
  }

  .timeline-chapter-image {
    text-align: center;
    background-color: #fff;
    width: 75%;
    margin-top: .5em;
    margin-bottom: .5em;
  }

  .cms-customer-2x {
    grid-column-gap: 1.5em;
    grid-row-gap: 1em;
    grid-template-columns: 1fr;
  }

  .worldmap {
    margin-top: -2em;
    margin-bottom: 0;
  }

  .how-it-works-item-3 {
    margin-top: 0;
    transform: none;
  }

  .how-it-works-content {
    grid-template-columns: 1fr;
  }

  .how-it-works {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    align-content: start;
    align-items: start;
  }

  .how-it-works-item-1 {
    width: 100%;
  }

  .how-it-works-item-5 {
    width: 100%;
    transform: none;
  }

  .how-it-works-item-4 {
    margin-bottom: 0;
  }

  .process-steps {
    grid-row-gap: 2.5em;
  }

  .process-steps-indicator {
    margin-top: 1em;
  }

  .process-steps-item {
    padding-top: 2em;
    padding-bottom: 2em;
  }

  .feature-2-column-sm {
    grid-template-columns: 1fr;
  }

  .team-logo {
    width: 16%;
    margin-left: 2em;
    margin-right: 2em;
  }

  .side-by-side-2-to-1 {
    grid-template-columns: 1fr;
    width: 100%;
  }

  .faq-3x, .intro-list {
    grid-template-columns: 1fr;
  }

  .heading-hero {
    letter-spacing: -.01em;
    margin-bottom: -.8rem;
    font-size: 4em;
  }

  .vertical-scroll-wrapper {
    height: 2.34375rem;
    overflow: hidden;
  }

  .text-rotation-heading {
    font-size: 1.875rem;
  }

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

  .faq-wrap {
    padding-left: 4.125em;
    padding-right: 0;
  }

  ._2-columns-paragraph {
    column-count: 1;
  }

  .feature-2x {
    grid-template-columns: 1fr;
  }

  .list-4x {
    grid-template-columns: 1fr 1fr;
  }

  .logo-levitate-1 {
    width: 4em;
    height: 4em;
    top: 15%;
    left: 2%;
  }

  .logo-levitate-9 {
    top: auto;
    bottom: 25%;
    left: 0%;
  }

  .logo-levitate-8 {
    width: 2em;
    height: 2em;
    bottom: 5%;
  }

  .logo-levitate-6 {
    width: 3em;
    top: -5%;
  }

  .logo-levitate-5 {
    top: -5%;
  }

  .logo-levitate-4 {
    right: -5%;
  }

  .logo-levitate-3 {
    width: 3.5em;
    right: -2%;
  }

  .nav-link-content-list {
    grid-template-columns: 1fr;
  }

  .nav-link-item {
    grid-column-gap: .75em;
    grid-row-gap: .75em;
  }

  .feature-3-column-lg-copy {
    grid-column-gap: 3em;
    grid-row-gap: 3em;
    grid-template-columns: 1fr 1fr;
    width: 75%;
    margin-left: auto;
    margin-right: auto;
  }

  .float-right {
    float: none;
    width: 100%;
    margin-left: 0;
  }

  .profile-divider {
    width: 100%;
    padding-right: 0;
  }

  .blog-breadcrumb-section {
    margin-bottom: 2.5em;
    padding-top: .5em;
    padding-bottom: .5em;
  }

  .blog-breadcrumb-cms-list {
    flex-direction: column;
    align-items: flex-start;
  }

  .blog-breadcrumb-link {
    margin-bottom: 0;
    margin-right: 0;
    line-height: 2.5;
  }

  .blog-breadcrumb-links {
    background-color: var(--neutral-800);
    box-shadow: inset 0 0 0 1px var(--neutral-700);
    border-radius: .25em;
    grid-template-rows: auto;
    grid-template-columns: auto;
    grid-auto-columns: auto;
    grid-auto-flow: row;
    justify-items: stretch;
    padding: 1em;
    display: none;
    position: absolute;
    top: 36px;
  }

  .section-blog-header {
    z-index: 20;
  }

  .category-dropdown-mobile {
    box-shadow: inset 0 0 0 1px var(--border);
    border-radius: .25em;
    align-items: center;
    height: 32px;
    padding-left: 1em;
    padding-right: 1em;
    font-size: 10px;
    display: flex;
  }

  .pricing-header-60 {
    text-align: left;
    align-items: flex-start;
  }

  .pricing-3x-benefits {
    grid-template-columns: 1fr;
    width: 75%;
    margin-left: auto;
    margin-right: auto;
  }

  .stats-4x {
    grid-column-gap: .5em;
    grid-row-gap: .5em;
    grid-template-columns: 1fr 1fr;
    margin-bottom: .5em;
    transform: none;
  }

  .cms-team-5x {
    grid-template-columns: 1fr 1fr;
  }

  .careers-apply-box {
    text-align: center;
    grid-template-columns: 1fr;
    justify-items: center;
  }

  .stats-4x-1st, .stats-4x-2nd, .stats-4x-3rd, .stats-4x-4th {
    transform: none;
  }

  .logomark-wrap.service {
    width: 8em;
    height: 8em;
  }

  .tweet-list, .tweet-column._2x {
    grid-template-columns: 1fr 1fr;
  }

  .width-32em {
    width: 100%;
  }

  .info-3x {
    width: 75%;
  }

  .integrations-4x {
    grid-template-columns: 1fr 1fr;
  }

  .integrations-4x._3-col {
    flex-direction: column;
    display: flex;
  }

  .nav-link-content-list-1x {
    grid-template-columns: 1fr;
  }

  ._3x-box {
    grid-template-columns: 1fr;
    width: 75%;
    margin-left: auto;
    margin-right: auto;
  }

  ._3x-box.mobilebox {
    grid-template-columns: 1fr 1fr;
    width: 100%;
  }

  .fs-globe-container {
    height: 600px;
    top: -100px;
  }

  .title-xs-2 {
    font-size: 2.125em;
  }

  .worldmap-2 {
    margin-top: -2em;
    margin-bottom: 0;
  }

  .title-sm-2 {
    font-size: 2.25em;
  }

  .globe-click-block {
    top: 15vh;
  }

  .footer-1-main-grid-2, .nav-link-content-list-2 {
    grid-template-columns: 1fr;
  }

  .navbar-2 {
    height: 80px;
  }

  .footer-1-cta-box-2 {
    padding-left: 2em;
    padding-right: 2em;
  }

  .nav-link-item-2 {
    grid-column-gap: .75em;
    grid-row-gap: .75em;
  }

  .title-2xl-2 {
    font-size: 3em;
  }

  .nav-link-content-list-1x-2 {
    grid-template-columns: 1fr;
  }

  .checkbox-field-2 {
    margin-bottom: 16px;
  }

  .check-label-wrapper {
    padding-bottom: 17px;
  }

  .check-field-wrapper {
    flex-direction: column;
    display: flex;
  }

  .line-vert-2 {
    display: none;
  }

  .title-md-2 {
    font-size: 3.125em;
  }

  .line-horiz-2, .line-horiz-3 {
    display: none;
  }

  .title-md-3 {
    font-size: 3.125em;
  }

  .line-vert-3 {
    display: none;
  }

  .micons-grid-2 {
    grid-column-gap: 2em;
    grid-row-gap: 2em;
    grid-template-columns: 1fr;
  }

  .title-sm-3 {
    font-size: 2.25em;
  }

  .services {
    padding-top: 2em;
    padding-bottom: 2em;
  }
}

@media screen and (max-width: 479px) {
  .example-wrap {
    padding: 1.25em;
  }

  .button-animated {
    font-size: 1em;
  }

  .button-animated.large {
    font-size: 1.25em;
  }

  .title-sm {
    font-size: 1.75em;
  }

  .title-sm.text-color-white {
    line-height: 1.2;
  }

  .title-xl {
    font-size: 2.5em;
  }

  .button.button-outline.large {
    font-size: 1.25em;
  }

  .column-md {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .title-xs {
    font-size: 1.75em;
  }

  .padding-base {
    padding: 1.5em;
  }

  .padding-xl {
    padding: 1.375em;
  }

  .title-md {
    font-size: 2.5em;
  }

  .title-lg {
    letter-spacing: -.01em;
    font-size: 1.875em;
  }

  .text-lg {
    font-size: 1.125em;
  }

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

  .text-xl {
    font-size: 1.25em;
  }

  .text-2xl {
    font-size: 1.375em;
    line-height: 1.25;
  }

  .padding-lg {
    padding: 1.125em;
  }

  .feature-4-column {
    grid-column-gap: 1em;
    grid-row-gap: 1em;
  }

  .component-name {
    margin-top: 8px;
    margin-bottom: 4px;
    margin-left: 1.5em;
    position: static;
  }

  .component-name.static {
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
  }

  .component-section {
    padding-top: 4px;
    overflow: hidden;
  }

  .header-team-pricing, .description-team-pricing {
    padding-bottom: 1.25em;
    padding-left: 1.25em;
    padding-right: 1.25em;
  }

  .pricing-info-list {
    grid-template-columns: 1fr;
  }

  .timeline-chapter-item {
    width: 100%;
  }

  .logo-tile-list {
    grid-template-columns: 1fr 1fr;
  }

  .stats-3-column-sm {
    grid-column-gap: .5em;
    grid-row-gap: .5em;
    grid-template-columns: auto;
    width: 100%;
  }

  .slide {
    overflow: hidden;
  }

  .accordion-bottom-wrap {
    padding-right: 0;
  }

  .post-thumb-simple {
    grid-template-columns: 1fr;
    width: 100%;
  }

  .global-social-list {
    grid-template-columns: 1fr;
  }

  .team-5x-sm {
    grid-template-columns: 1fr 1fr;
    width: 100%;
  }

  .lightbox-play-button {
    width: 5em;
    height: 5em;
  }

  .lightbox-play-wrap {
    font-size: 3em;
  }

  .lightbox-video-3-column {
    width: 100%;
  }

  .tab-link-simple {
    width: 60%;
  }

  .feature-3-column {
    width: 100%;
  }

  .padding-2xl {
    padding: 1.625em 1.5em;
  }

  .share-column {
    grid-column-gap: .5em;
    grid-row-gap: .5em;
  }

  .title-2xl {
    font-size: 2.5em;
  }

  .style-section {
    padding-bottom: 1.25em;
  }

  .example-grid {
    grid-row-gap: .5em;
    grid-template-columns: 1fr;
  }

  .row-base.column-mobile {
    grid-auto-flow: row;
  }

  .margin-lg {
    margin: 1.125em;
  }

  .margin-xl {
    margin: 1.375em;
  }

  .margin-2xl {
    margin: 1.625em;
  }

  .margin-3xl {
    margin: 1.75em;
  }

  .margin-4xl {
    margin: 1.875em;
  }

  .margin-5xl {
    margin: 2.25em;
  }

  .padding-3xl {
    padding: 1.75em 1.5em;
  }

  .padding-4xl {
    padding: 1.875em;
  }

  .hide {
    display: none;
  }

  .show {
    display: block;
  }

  .style-guide-shadow-grid {
    grid-template-columns: 1fr 1fr;
  }

  .feature-4-column-sm {
    grid-column-gap: 1em;
    grid-row-gap: 1em;
    width: 100%;
  }

  .example-color-row {
    grid-column-gap: 1px;
    flex-direction: column;
    grid-template-columns: 1fr;
    display: flex;
  }

  .books-list {
    grid-template-columns: 1fr;
    width: 80%;
  }

  .text-xxs {
    font-size: .75em;
  }

  .padding-6xl {
    padding: 2.5em;
  }

  .padding-7xl {
    padding: 3.5em;
  }

  .padding-8xl {
    padding: 4em 1.25em;
  }

  .padding-9xl {
    padding: 5em;
  }

  .padding-10xl {
    padding: 5.5em;
  }

  .padding-11xl {
    padding: 6em;
  }

  .padding-0 {
    padding: 0;
  }

  .margin-6xl {
    margin: 2.5em;
  }

  .margin-7xl {
    margin: 3.5em;
  }

  .margin-8xl {
    margin: 4em;
  }

  .margin-9xl, .margin-10xl {
    margin: 5em;
  }

  .margin-11xl {
    margin: 6em;
  }

  .padding-5xl {
    padding: 2.25em 1.5em;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

  .spacing-clean-mobile, .spacing-clean-tablet {
    margin: 0;
    padding: 0;
  }

  .column-xl {
    grid-column-gap: 3em;
    grid-row-gap: 1.5em;
  }

  .footer-logo {
    width: 15em;
  }

  .footer-sub-grid {
    grid-column-gap: 1em;
    grid-row-gap: 2em;
  }

  .browser-search-bar {
    border-radius: 4px;
    justify-content: flex-start;
    padding-left: 12px;
  }

  .browser-top-bar {
    padding-left: .5em;
    padding-right: .5em;
  }

  .template-thumb-wrap {
    padding: 1.5em;
  }

  .header-section {
    padding-top: 10em;
  }

  .brand.w--current {
    width: 175px;
  }

  ._3x-feature {
    grid-template-columns: 1fr;
  }

  ._3x-feature-line-bottom.mobile {
    display: block;
  }

  ._3x-feature-line-left, ._3x-feature-line-left.tablet {
    display: none;
  }

  .tabs-menu-rounded {
    border-radius: .5em;
    width: 100%;
  }

  .footer-cta-box {
    padding-left: 1.25em;
    padding-right: 1.25em;
  }

  .side-by-side-3-to-2, .side-by-side-2-to-3 {
    grid-column-gap: 5em;
    grid-row-gap: 2em;
    width: 100%;
  }

  .side-by-side-list {
    grid-column-gap: 5em;
    grid-row-gap: 4em;
  }

  .how-to-column {
    grid-column-gap: .5em;
    grid-row-gap: .5em;
  }

  .image-3 {
    width: 3em;
    height: 3em;
    margin: .25em;
    padding: .25em;
  }

  .side-by-side-1-to-1 {
    grid-column-gap: 5em;
    grid-row-gap: 2em;
    width: 100%;
  }

  .sign-up-sign-in-button {
    padding-left: 1.25em;
    padding-right: 1.25em;
    position: static;
  }

  .snippet-body {
    width: 100%;
  }

  .shift-body {
    padding-left: 1.5em;
    padding-right: 1.5em;
  }

  .case-shift-title-wrap {
    padding-left: 0;
    padding-right: 0;
  }

  .padding-6xl {
    padding-left: 1.5em;
    padding-right: 1.5em;
  }

  .stats-2x {
    grid-template-columns: 1fr;
  }

  .timeline-chapter-image {
    width: 100%;
  }

  .image-5 {
    max-width: 6em;
    height: 1.5em;
  }

  .quote-sign {
    margin-bottom: 1em;
  }

  .tabs-menu-side-link {
    padding-top: 1em;
    padding-left: 1em;
    padding-right: 1em;
  }

  .image-6 {
    margin-bottom: .5em;
    margin-right: 0;
  }

  .rotated-shape-wrap {
    padding: 0;
  }

  .rotated-shape-wrap.tight {
    padding-left: 1em;
    padding-right: 1em;
  }

  .code-row {
    grid-template-columns: 1.5em 1fr;
  }

  .how-it-works-number {
    top: 12px;
    left: 12px;
    transform: none;
  }

  .how-it-works {
    grid-template-columns: 1fr;
  }

  .process-steps-indicator {
    width: 2.5em;
    height: 2.5em;
    margin-top: 1.25em;
  }

  .process-steps-item {
    margin-left: 1em;
    padding-left: 1.5em;
    padding-right: 1.5em;
  }

  .process-steps-indicator-icon {
    font-size: 1em;
  }

  .tab-content {
    flex-direction: column;
  }

  .feature-2-column-sm {
    grid-column-gap: 1em;
    grid-row-gap: 1em;
  }

  .team-logo {
    width: 25%;
    margin-left: 1em;
    margin-right: 1em;
  }

  .side-by-side-2-to-1 {
    grid-column-gap: 3em;
    grid-row-gap: 3em;
  }

  .faq-3x {
    grid-column-gap: 2em;
    grid-row-gap: 2em;
    width: 100%;
  }

  .heading-hero {
    font-size: 2.5em;
    line-height: 1.6;
  }

  .faq-wrap {
    padding-left: 0;
  }

  ._3-column {
    width: 100%;
  }

  .list-4x {
    grid-template-columns: 1fr;
  }

  ._2-column {
    width: 100%;
  }

  .logo-levitate-1 {
    width: 2em;
    height: 2em;
    left: 2%;
  }

  .logo-levitate-9 {
    width: 2em;
    height: 2em;
    top: 44%;
    left: 0%;
  }

  .logo-levitate-8 {
    bottom: 2%;
  }

  .logo-levitate-6 {
    width: 3em;
    top: -6%;
  }

  .logo-levitate-5, .logo-levitate-4 {
    width: 2em;
    height: 2em;
  }

  .logo-levitate-3 {
    width: 2em;
  }

  .logo-levitate-2 {
    bottom: 4%;
  }

  .onboarding-slider {
    z-index: 1;
    width: auto;
  }

  .onboarding-close {
    z-index: 2;
    inset: auto 0% 4% 50%;
    transform: translate(-50%);
  }

  .feature-3-column-lg-copy {
    grid-template-columns: 1fr;
    width: 100%;
  }

  .profile-divider {
    width: 100%;
    padding-right: 0;
  }

  .team-member-footer {
    grid-template-columns: 1fr;
  }

  .link {
    font-size: .75em;
  }

  .post-section {
    background-color: #0000;
    border-radius: 0;
    padding: 0;
  }

  .team-member-section {
    padding-left: 1.5em;
    padding-right: 1.5em;
  }

  .team-member-header {
    margin-left: -1.5em;
    margin-right: -1.5em;
  }

  .submit-inside {
    flex-direction: column;
    align-items: center;
    margin-top: 1em;
    position: static;
  }

  .pricing-header-60 {
    text-align: left;
    align-items: flex-start;
    width: 100%;
  }

  .pricing-3x-benefits {
    width: 100%;
  }

  .next-button {
    font-size: .75em;
  }

  .stats-4x {
    grid-template-columns: 1fr;
  }

  .stats-3x {
    width: 100%;
  }

  .cms-team-5x {
    grid-template-columns: 1fr;
  }

  .press-section {
    grid-column-gap: 2em;
    grid-row-gap: 2em;
    width: 100%;
  }

  .holder {
    flex-direction: column;
    justify-content: center;
    width: 8em;
    display: flex;
  }

  ._1st-image {
    align-items: center;
    display: flex;
  }

  ._2nd-image {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .tweet-list, .tweet-column._2x {
    grid-template-columns: 1fr;
  }

  .customer-logo {
    margin-left: auto;
    margin-right: auto;
  }

  .side-by-side-1-to-2 {
    grid-column-gap: 5em;
    grid-row-gap: 2em;
    width: 100%;
  }

  .testimonial-with-avatar-list {
    width: 100%;
    margin-top: 2em;
  }

  .testimonial-avatar-top {
    width: 4em;
    height: 4em;
    margin-top: -2em;
  }

  .ui-snippet {
    padding-left: 1em;
    padding-right: 1em;
  }

  .customer-stats {
    grid-auto-flow: row;
  }

  .info-3x {
    width: 100%;
  }

  .integrations-4x {
    grid-template-columns: 1fr;
  }

  .footer-grid {
    grid-column-gap: 3em;
    grid-row-gap: 1.5em;
  }

  ._3x-box {
    width: 100%;
  }

  ._3x-box.mobilebox {
    grid-template-columns: 1fr;
  }

  .template-thumb-wrap-static {
    padding: 1.5em;
  }

  .globe-wrapper {
    flex: 1;
    width: 100%;
    height: auto;
    margin-top: 20px;
  }

  .fs-globe-container {
    width: 100%;
    max-width: none;
    height: 400px;
    max-height: none;
  }

  .globe-outer-graphic-large {
    display: none;
  }

  .globe-outer-graphic-small {
    width: 100%;
    height: 100%;
    display: none;
  }

  .graphic-circle-3, .graphic-circle-4, .graphic-circle-5, .graphic-circle-6 {
    display: none;
  }

  .title-xs-2 {
    font-size: 1.75em;
  }

  .service-icon {
    width: 150px;
    height: 150px;
  }

  .title-sm-2 {
    font-size: 1.75em;
  }

  .button-animated-2 {
    font-size: 1em;
  }

  .footer-1-sub-grid-2 {
    grid-column-gap: 1em;
    grid-row-gap: 2em;
  }

  .footer-1-cta-box-2 {
    padding-left: 1.25em;
    padding-right: 1.25em;
  }

  .title-2xl-2 {
    font-size: 2.5em;
  }

  .checkbox-label {
    width: 190px;
  }

  .title-md-2 {
    font-size: 2.5em;
  }

  .button-animated-3 {
    font-size: 1em;
  }

  .title-md-3 {
    font-size: 2.5em;
  }

  .title-sm-3 {
    font-size: 1.75em;
  }

  .services {
    margin-left: 1em;
    padding-left: 1.5em;
    padding-right: 1.5em;
  }

  .line-brand-divider {
    max-width: 75%;
  }
}

#w-node-_473526fe-678c-d653-601f-dcb417e8cf4a-716890b4, #w-node-_473526fe-678c-d653-601f-dcb417e8cf4c-716890b4, #w-node-_473526fe-678c-d653-601f-dcb417e8cf4d-716890b4, #w-node-_473526fe-678c-d653-601f-dcb417e8cf4e-716890b4, #w-node-_473526fe-678c-d653-601f-dcb417e8cf51-716890b4, #w-node-_473526fe-678c-d653-601f-dcb417e8cf55-716890b4, #w-node-_473526fe-678c-d653-601f-dcb417e8cf57-716890b4, #w-node-_473526fe-678c-d653-601f-dcb417e8cf58-716890b4, #w-node-_473526fe-678c-d653-601f-dcb417e8cf59-716890b4, #w-node-_473526fe-678c-d653-601f-dcb417e8cf5c-716890b4, #w-node-_473526fe-678c-d653-601f-dcb417e8cf60-716890b4, #w-node-_473526fe-678c-d653-601f-dcb417e8cf62-716890b4, #w-node-_473526fe-678c-d653-601f-dcb417e8cf63-716890b4, #w-node-_473526fe-678c-d653-601f-dcb417e8cf64-716890b4, #w-node-_473526fe-678c-d653-601f-dcb417e8cf67-716890b4, #w-node-_473526fe-678c-d653-601f-dcb417e8cf6b-716890b4, #w-node-_473526fe-678c-d653-601f-dcb417e8cf6d-716890b4, #w-node-_473526fe-678c-d653-601f-dcb417e8cf6e-716890b4, #w-node-_473526fe-678c-d653-601f-dcb417e8cf6f-716890b4, #w-node-_473526fe-678c-d653-601f-dcb417e8cf72-716890b4, #w-node-_473526fe-678c-d653-601f-dcb417e8cf76-716890b4 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_473526fe-678c-d653-601f-dcb417e8cf89-716890b4 {
  justify-self: end;
}

#w-node-bf850261-f7fb-ad21-a1f6-5cd15061c566-716890b4, #w-node-_7251041d-cdd7-0607-d082-e83213b23536-716890b4, #w-node-_6d3e514b-d449-7537-58fd-1e4b8f534c89-716890b4, #w-node-_6d3e514b-d449-7537-58fd-1e4b8f534c8d-716890b4, #w-node-_6d3e514b-d449-7537-58fd-1e4b8f534cb3-716890b4, #w-node-_6d3e514b-d449-7537-58fd-1e4b8f534c93-716890b4, #w-node-_6d3e514b-d449-7537-58fd-1e4b8f534c97-716890b4, #w-node-_6d3e514b-d449-7537-58fd-1e4b8f534c9d-716890b4, #w-node-_6d3e514b-d449-7537-58fd-1e4b8f534ca1-716890b4, #w-node-_6d3e514b-d449-7537-58fd-1e4b8f534ca8-716890b4, #w-node-_6d3e514b-d449-7537-58fd-1e4b8f534cac-716890b4, #w-node-_6d3e514b-d449-7537-58fd-1e4b8f534cb4-716890b4 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_8dd4442e-c38d-c2a9-3cf9-01a03a565419-3a565416 {
  justify-self: stretch;
}

#w-node-_8dd4442e-c38d-c2a9-3cf9-01a03a56541b-3a565416 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_8dd4442e-c38d-c2a9-3cf9-01a03a56541f-3a565416 {
  place-self: center end;
}

#w-node-_83acff48-2915-cd06-a216-5d1d0b3ee8c8-0b3ee8c8, #w-node-_83acff48-2915-cd06-a216-5d1d0b3ee8cf-0b3ee8c8, #w-node-_30c104fd-686c-b877-f4ba-d8cd1ae87c9f-1ae87c9e {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_30c104fd-686c-b877-f4ba-d8cd1ae87ca3-1ae87c9e {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: end;
}

#w-node-_30c104fd-686c-b877-f4ba-d8cd1ae87ca8-1ae87c9e, #w-node-_30c104fd-686c-b877-f4ba-d8cd1ae87cab-1ae87c9e, #w-node-_30c104fd-686c-b877-f4ba-d8cd1ae87cae-1ae87c9e, #w-node-_30c104fd-686c-b877-f4ba-d8cd1ae87cb2-1ae87c9e, #w-node-_30c104fd-686c-b877-f4ba-d8cd1ae87cb0-1ae87c9e, #w-node-_30c104fd-686c-b877-f4ba-d8cd1ae87cb4-1ae87c9e, #w-node-_30c104fd-686c-b877-f4ba-d8cd1ae87cb7-1ae87c9e, #w-node-_30c104fd-686c-b877-f4ba-d8cd1ae87cba-1ae87c9e, #w-node-_30c104fd-686c-b877-f4ba-d8cd1ae87cbc-1ae87c9e, #w-node-_30c104fd-686c-b877-f4ba-d8cd1ae87cbe-1ae87c9e, #w-node-_30c104fd-686c-b877-f4ba-d8cd1ae87cc0-1ae87c9e, #w-node-_32deb453-3306-cf55-dcd4-0f4267f5ceeb-1ae87c9e, #w-node-_56189fd0-4411-09d7-8483-03e003fd4464-fa0cbf10, #w-node-_71173191-d1d0-20d4-62d8-61472df44a41-fa0cbf10, #w-node-f7041bd2-cf8e-6842-e6d6-9f0927a1da3f-fa0cbf10, #w-node-_2ac2aaf8-be72-9ea0-52f7-f94e9ecd330b-fa0cbf10, #w-node-d1796ec6-0f49-c1fd-20c5-2abb5464b91b-fa0cbf10, #w-node-_8e35ccfb-9194-6372-b279-62e9f13944d3-fa0cbf10, #w-node-_0853ae74-3fa7-3227-410d-ad8d85d97f27-fa0cbf10, #w-node-_0853ae74-3fa7-3227-410d-ad8d85d97f28-fa0cbf10, #w-node-_0853ae74-3fa7-3227-410d-ad8d85d97f29-fa0cbf10, #w-node-_0853ae74-3fa7-3227-410d-ad8d85d97f2c-fa0cbf10, #w-node-_0853ae74-3fa7-3227-410d-ad8d85d97f30-fa0cbf10, #w-node-_35ccc2b4-508d-76a2-9553-392a43209aa2-fa0cbf10, #w-node-_35ccc2b4-508d-76a2-9553-392a43209aa3-fa0cbf10, #w-node-_35ccc2b4-508d-76a2-9553-392a43209aa4-fa0cbf10, #w-node-_35ccc2b4-508d-76a2-9553-392a43209aa7-fa0cbf10, #w-node-_35ccc2b4-508d-76a2-9553-392a43209aab-fa0cbf10, #w-node-_57d8b7c9-c58d-5ced-6b0e-060713ea4576-fa0cbf10, #w-node-_57d8b7c9-c58d-5ced-6b0e-060713ea4577-fa0cbf10, #w-node-_57d8b7c9-c58d-5ced-6b0e-060713ea4578-fa0cbf10, #w-node-_57d8b7c9-c58d-5ced-6b0e-060713ea457b-fa0cbf10, #w-node-_57d8b7c9-c58d-5ced-6b0e-060713ea457f-fa0cbf10, #w-node-_0d35459b-446b-878c-649d-0437bd12f1d2-fa0cbf10, #w-node-_0d35459b-446b-878c-649d-0437bd12f1d3-fa0cbf10, #w-node-_0d35459b-446b-878c-649d-0437bd12f1d4-fa0cbf10, #w-node-_0d35459b-446b-878c-649d-0437bd12f1d7-fa0cbf10, #w-node-_0d35459b-446b-878c-649d-0437bd12f1db-fa0cbf10 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_90910534-8503-0140-553b-dd5cfa0cbf37-fa0cbf10 {
  justify-self: end;
}

#w-node-_186ea662-e64f-b178-e558-02a716a9311f-716890b7, #w-node-_186ea662-e64f-b178-e558-02a716a93124-716890b7, #w-node-_9668ea0d-ca99-4148-bc59-590ffa2ec02d-716890b8, #w-node-_9668ea0d-ca99-4148-bc59-590ffa2ec030-716890b8, #w-node-_9668ea0d-ca99-4148-bc59-590ffa2ec034-716890b8, #w-node-f7beae96-4675-c83d-9206-d40fcb98661c-716890b8, #w-node-fdc7e6a8-1137-8d48-6575-db41714a0295-716890b8, #w-node-_798fa885-b629-fb4e-0157-e24beb078eff-716890b8, #w-node-e58a7b14-1662-c766-9286-0ab8cde5b816-716890b8 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_1e1321a6-bcee-1992-0e5a-091e1a283ddc-716890b8 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_9668ea0d-ca99-4148-bc59-590ffa2ec049-716890b8 {
  justify-self: center;
}

#w-node-fe29a2f6-d3c5-5273-ffaa-7afbe7f8d6de-716890b9, #w-node-bdd5bbf2-2cd7-4b70-d399-78c0c78347b3-716890b9, #w-node-bdd5bbf2-2cd7-4b70-d399-78c0c78347b4-716890b9, #w-node-_9649b49d-8403-7db9-0c3d-a61293d720bc-716890ba, #w-node-_0bf1d049-83fd-27a6-381f-1675657c78da-716890ba, #w-node-_0bf1d049-83fd-27a6-381f-1675657c78db-716890ba, #w-node-_0bf1d049-83fd-27a6-381f-1675657c78ed-716890ba, #w-node-_0bf1d049-83fd-27a6-381f-1675657c78ee-716890ba, #w-node-_0bf1d049-83fd-27a6-381f-1675657c7901-716890ba, #w-node-_0bf1d049-83fd-27a6-381f-1675657c7902-716890ba, #w-node-f7fb5c26-2a9a-b59a-5289-e521a7021d2c-716890ba, #w-node-f7fb5c26-2a9a-b59a-5289-e521a7021d2d-716890ba, #w-node-_15e76dac-3a9a-441c-a90c-f9b578a5f2b1-716890ba, #w-node-_15e76dac-3a9a-441c-a90c-f9b578a5f2b2-716890ba, #w-node-_47972268-92a7-92e1-98fd-b3f3d5924214-716890bb, #w-node-b35760a2-2d83-e766-4d46-0f88e1187137-716890bb, #w-node-b35760a2-2d83-e766-4d46-0f88e1187138-716890bb, #w-node-ad92fcc5-a2fd-fe62-21e6-80e231b75ad5-716890c1, #w-node-ad92fcc5-a2fd-fe62-21e6-80e231b75ad9-716890c1, #w-node-ad92fcc5-a2fd-fe62-21e6-80e231b75adf-716890c1, #w-node-ad92fcc5-a2fd-fe62-21e6-80e231b75ae0-716890c1, #w-node-ad92fcc5-a2fd-fe62-21e6-80e231b75ae4-716890c1, #w-node-ad92fcc5-a2fd-fe62-21e6-80e231b75aea-716890c1, #w-node-ad92fcc5-a2fd-fe62-21e6-80e231b75aee-716890c1, #w-node-ad92fcc5-a2fd-fe62-21e6-80e231b75af5-716890c1, #w-node-ad92fcc5-a2fd-fe62-21e6-80e231b75af9-716890c1, #w-node-ad92fcc5-a2fd-fe62-21e6-80e231b75b00-716890c1, #w-node-_47972268-92a7-92e1-98fd-b3f3d5924214-a512ac20, #w-node-b35760a2-2d83-e766-4d46-0f88e1187137-a512ac20, #w-node-b35760a2-2d83-e766-4d46-0f88e1187138-a512ac20, #w-node-_47972268-92a7-92e1-98fd-b3f3d5924214-fca9141a, #w-node-b35760a2-2d83-e766-4d46-0f88e1187137-fca9141a, #w-node-b35760a2-2d83-e766-4d46-0f88e1187138-fca9141a, #w-node-_47972268-92a7-92e1-98fd-b3f3d5924214-d2f87211, #w-node-b35760a2-2d83-e766-4d46-0f88e1187137-d2f87211, #w-node-b35760a2-2d83-e766-4d46-0f88e1187138-d2f87211, #w-node-_186ea662-e64f-b178-e558-02a716a9311f-9d411238, #w-node-_186ea662-e64f-b178-e558-02a716a93124-9d411238 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_06374e79-9929-de73-067e-06df97828fcd-9d411238 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

@media screen and (max-width: 991px) {
  #w-node-_8dd4442e-c38d-c2a9-3cf9-01a03a56541f-3a565416 {
    justify-self: stretch;
  }
}

@media screen and (max-width: 767px) {
  #w-node-_8dd4442e-c38d-c2a9-3cf9-01a03a56541e-3a565416 {
    justify-self: center;
  }

  #w-node-_30c104fd-686c-b877-f4ba-d8cd1ae87ca3-1ae87c9e {
    justify-self: start;
  }
}

@media screen and (max-width: 479px) {
  #w-node-_9668ea0d-ca99-4148-bc59-590ffa2ec049-716890b8 {
    justify-self: stretch;
  }
}