/* lx-framework-colours: the colours of webflow.css, read from roles (written by refactor.mjs) */
body { background-color: var(--role-ink); }
body { color: var(--tone-line-92-ink-soft); }
.w-button { color: var(--role-ink); }
.w-webflow-badge { background-color: var(--role-ink) !important; }
blockquote { border-left: 5px solid var(--tone-ink-67-ink-soft); }
.w-form-done { background-color: var(--tone-ink-62-ink-soft); }
.w-input,
.w-select { color: var(--tone-line-92-ink-soft); }
.w-input,
.w-select { background-color: var(--role-ink); }
.w-input,
.w-select { border: 1px solid var(--tone-ink-soft-57-ink); }
.w-input::placeholder,
.w-select::placeholder { color: var(--tone-ink-soft-89-2-line); }
.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: var(--tone-ink-81-ink-soft); }
.w-select { background-color: var(--tone-ink-86-ink-soft); }
.w-file-upload-default,
.w-file-upload-uploading,
.w-file-upload-success { color: var(--tone-line-92-ink-soft); }
.w-file-upload-uploading-btn { border: 1px solid var(--tone-ink-soft-57-ink); }
.w-file-upload-uploading-btn { background-color: var(--tone-ink-94-ink-soft); }
.w-file-upload-file { border: 1px solid var(--tone-ink-soft-57-ink); }
.w-file-upload-file { background-color: var(--tone-ink-94-ink-soft); }
.w-file-upload-label { border: 1px solid var(--tone-ink-soft-57-ink); }
.w-file-upload-label { background-color: var(--tone-ink-94-ink-soft); }
.w-widget-twitter-count-shim { background: var(--role-ink); }
.w-widget-twitter-count-shim .w-widget-twitter-count-inner { color: var(--tone-ink-soft-89-2-line); }
.w-widget-twitter-count-shim:not(.w--vertical):before { border-color: transparent; }
.w-widget-twitter-count-shim:not(.w--vertical):after { border-color: transparent; }
.w-widget-twitter-count-shim:not(.w--vertical):after { border-right-color: var(--role-ink); }
.w-widget-twitter-count-shim.w--vertical:before { border-color: transparent; }
.w-widget-twitter-count-shim.w--vertical:after { border-color: transparent; }
.w-widget-twitter-count-shim.w--vertical:after { border-top-color: var(--role-ink); }
.w-background-video { color: var(--role-ink); }
.w-slider { background: var(--tone-ink-62-ink-soft); }
.w-slider { -webkit-tap-highlight-color: transparent; }
.w-slider-nav { -webkit-tap-highlight-color: transparent; }
.w-slider-nav-invert { color: var(--role-ink); }
.w-slider-nav-invert > div { background-color: var(--tone-line-61-surface-2-40); }
.w-slider-nav-invert > div.w-active { background-color: var(--tone-line-61-surface-2); }
.w-slider-dot { background-color: var(--tone-ink-40); }
.w-slider-dot.w-active { background-color: var(--role-ink); }
.w-slider-arrow-left,
.w-slider-arrow-right { color: var(--role-ink); }
.w-slider-arrow-left,
.w-slider-arrow-right { -webkit-tap-highlight-color: transparent; }
.w-dropdown-btn,
.w-dropdown-toggle,
.w-dropdown-link { color: var(--tone-line-61-surface-2); }
.w-dropdown-list { background: var(--tone-ink-62-ink-soft); }
.w-dropdown-link { color: var(--tone-line-61-surface-2); }
.w-lightbox-backdrop { color: var(--role-ink); }
.w-lightbox-backdrop { background: var(--tone-page-deep-90); }
.w-lightbox-caption { background: var(--tone-page-deep-40); }
.w-lightbox-thumbnail { background: var(--tone-line-61-surface-2); }
.w-lightbox-spinner { border: 5px solid var(--tone-page-deep-40); }
.w-lightbox-spinner:after { border-bottom-color: var(--role-ink); }
.w-nav { background: var(--tone-ink-62-ink-soft); }
.w-nav-brand { color: var(--tone-line-92-ink-soft); }
.w-nav-link { color: var(--tone-line-61-surface-2); }
[data-nav-menu-open] { background: var(--tone-ink-soft-62-ink); }
.w-nav-button { -webkit-tap-highlight-color: transparent; }
.w-nav-button.w--open { background-color: var(--tone-ink-soft-62-ink); }
.w-nav-button.w--open { color: var(--role-ink); }
.w-tab-link { color: var(--tone-line-61-surface-2); }
.w-tab-link { background-color: var(--tone-ink-62-ink-soft); }
.w-tab-link.w--current { background-color: var(--tone-ink-soft-62-ink); }
.w-dyn-empty { background-color: var(--tone-ink-62-ink-soft); }
/* end lx-framework-colours */
.w-commerce-commercecartwrapper {
  display: inline-block;
  position: relative;
}

.w-commerce-commercecartopenlink {
  /* lx-fixed-rule: Webflow store leftover (template store badge or button); its values stay as they are */
  color: #fff;
  cursor: pointer;
  appearance: none;
  background-color: #3898ec;
  border-width: 0;
  border-radius: 0;
  align-items: center;
  padding: 9px 15px;
  text-decoration: none;
  display: flex;
}

.w-commerce-commercecartopenlinkcount {
  /* lx-fixed-rule: Webflow store leftover (template store badge or button); its values stay as they are */
  color: #3898ec;
  text-align: center;
  background-color: #fff;
  border-radius: 9px;
  min-width: 18px;
  height: 18px;
  margin-left: 8px;
  padding-left: 6px;
  padding-right: 6px;
  font-size: 11px;
  font-weight: 700;
  line-height: 18px;
  display: inline-block;
}

.w-commerce-commercecartcontainerwrapper {
  /* lx-fixed-rule: Webflow store leftover (template store badge or button); its values stay as they are */
  z-index: 1001;
  background-color: #000c;
  position: fixed;
  inset: 0;
}

.w-commerce-commercecartcontainerwrapper--cartType-modal {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.w-commerce-commercecartcontainerwrapper--cartType-leftSidebar {
  flex-direction: row;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
}

.w-commerce-commercecartcontainerwrapper--cartType-rightSidebar {
  flex-direction: row;
  justify-content: flex-end;
  align-items: stretch;
  display: flex;
}

.w-commerce-commercecartcontainerwrapper--cartType-leftDropdown {
  /* lx-fixed-rule: Webflow store leftover (template store badge or button); its values stay as they are */
  background-color: #0000;
  position: absolute;
  inset: 100% auto auto 0;
}

.w-commerce-commercecartcontainerwrapper--cartType-rightDropdown {
  /* lx-fixed-rule: Webflow store leftover (template store badge or button); its values stay as they are */
  background-color: #0000;
  position: absolute;
  inset: 100% 0 auto auto;
}

.w-commerce-commercecartcontainer {
  /* lx-fixed-rule: Webflow store leftover (template store badge or button); its values stay as they are */
  background-color: #fff;
  flex-direction: column;
  width: 100%;
  min-width: 320px;
  max-width: 480px;
  display: flex;
  overflow: auto;
  box-shadow: 0 5px 25px #00000040;
}

.w-commerce-commercecartheader {
  /* lx-fixed-rule: Webflow store leftover (template store badge or button); its values stay as they are */
  border-bottom: 1px solid #e6e6e6;
  flex: none;
  justify-content: space-between;
  align-items: center;
  padding: 16px 24px;
  display: flex;
  position: relative;
}

.w-commerce-commercecartheading {
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  padding-right: 0;
}

.w-commerce-commercecartcloselink {
  width: 16px;
  height: 16px;
}

.w-commerce-commercecartformwrapper {
  flex-direction: column;
  flex: 1;
  display: flex;
}

.w-commerce-commercecartform {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  display: flex;
}

.w-commerce-commercecartlist {
  /* lx-fixed-rule: Webflow store leftover (template store badge or button); its values stay as they are */
  -webkit-overflow-scrolling: touch;
  flex: 1;
  padding: 12px 24px;
  overflow: auto;
}

.w-commerce-commercecartitem {
  /* lx-fixed-rule: Webflow store leftover (template store badge or button); its values stay as they are */
  align-items: flex-start;
  padding-top: 12px;
  padding-bottom: 12px;
  display: flex;
}

.w-commerce-commercecartitemimage {
  width: 60px;
  height: 0%;
}

.w-commerce-commercecartiteminfo {
  /* lx-fixed-rule: Webflow store leftover (template store badge or button); its values stay as they are */
  flex-direction: column;
  flex: 1;
  margin-left: 16px;
  margin-right: 16px;
  display: flex;
}

.w-commerce-commercecartproductname {
  font-weight: 700;
}

.w-commerce-commercecartoptionlist {
  margin-bottom: 0;
  padding-left: 0;
  text-decoration: none;
  list-style-type: none;
}

.w-commerce-commercecartquantity {
  /* lx-fixed-rule: Webflow store leftover (template store badge or button); its values stay as they are */
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 60px;
  height: 38px;
  margin-bottom: 10px;
  padding: 8px 6px 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecartquantity::placeholder {
  /* lx-fixed-rule: Webflow store leftover (template store badge or button); its values stay as they are */
  color: #999;
}

.w-commerce-commercecartquantity:focus {
  /* lx-fixed-rule: Webflow store leftover (template store badge or button); its values stay as they are */
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecartfooter {
  /* lx-fixed-rule: Webflow store leftover (template store badge or button); its values stay as they are */
  border-top: 1px solid #e6e6e6;
  flex-direction: column;
  flex: none;
  padding: 16px 24px 24px;
  display: flex;
}

.w-commerce-commercecartlineitem {
  /* lx-fixed-rule: Webflow store leftover (template store badge or button); its values stay as they are */
  flex: none;
  justify-content: space-between;
  align-items: baseline;
  margin-bottom: 16px;
  display: flex;
}

.w-commerce-commercecartordervalue {
  font-weight: 700;
}

.w-commerce-commercecartapplepaybutton {
  /* lx-fixed-rule: Webflow store leftover (template store badge or button); its values stay as they are */
  color: #fff;
  cursor: pointer;
  appearance: none;
  background-color: #000;
  border-width: 0;
  border-radius: 2px;
  align-items: center;
  height: 38px;
  min-height: 30px;
  margin-bottom: 8px;
  padding: 0;
  text-decoration: none;
  display: flex;
}

.w-commerce-commercecartapplepayicon {
  width: 100%;
  height: 50%;
  min-height: 20px;
}

.w-commerce-commercecartquickcheckoutbutton {
  /* lx-fixed-rule: Webflow store leftover (template store badge or button); its values stay as they are */
  color: #fff;
  cursor: pointer;
  appearance: none;
  background-color: #000;
  border-width: 0;
  border-radius: 2px;
  justify-content: center;
  align-items: center;
  height: 38px;
  margin-bottom: 8px;
  padding: 0 15px;
  text-decoration: none;
  display: flex;
}

.w-commerce-commercequickcheckoutgoogleicon, .w-commerce-commercequickcheckoutmicrosofticon {
  /* lx-fixed-rule: Webflow store leftover (template store badge or button); its values stay as they are */
  margin-right: 8px;
  display: block;
}

.w-commerce-commercecartcheckoutbutton {
  /* lx-fixed-rule: Webflow store leftover (template store badge or button); its values stay as they are */
  color: #fff;
  cursor: pointer;
  appearance: none;
  text-align: center;
  background-color: #3898ec;
  border-width: 0;
  border-radius: 2px;
  align-items: center;
  padding: 9px 15px;
  text-decoration: none;
  display: block;
}

.w-commerce-commercecartemptystate {
  /* lx-fixed-rule: Webflow store leftover (template store badge or button); its values stay as they are */
  flex: 1;
  justify-content: center;
  align-items: center;
  padding-top: 100px;
  padding-bottom: 100px;
  display: flex;
}

.w-commerce-commercecarterrorstate {
  /* lx-fixed-rule: Webflow store leftover (template store badge or button); its values stay as they are */
  background-color: #ffdede;
  flex: none;
  margin: 0 24px 24px;
  padding: 10px;
}

.w-checkbox {
  margin-bottom: var(--spacing-5);
  padding-left: var(--spacing-20);
  display: block;
}

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

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

.w-checkbox-input {
  float: left;
  margin: var(--spacing-4) 0 0 calc(var(--spacing-20) * -1);
  line-height: normal;
}

.w-checkbox-input--inputType-custom {
  border: 1px solid var(--tone-ink-soft-57-ink);
  border-radius: var(--radius-2);
  width: 12px;
  height: 12px;
}

.w-checkbox-input--inputType-custom.w--redirected-checked {
  background-color: var(--role-accent);
  background-image: url('/_t/lumis/images/custom-checkbox-checkmark.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-color: var(--role-accent);
}

.w-checkbox-input--inputType-custom.w--redirected-focus {
  box-shadow: var(--shadow-2);
}

.w-form-formradioinput--inputType-custom {
  border: 1px solid var(--tone-ink-soft-57-ink);
  border-radius: 50%; /* lx-fixed: circle */
  width: 12px;
  height: 12px;
}

.w-form-formradioinput--inputType-custom.w--redirected-focus {
  box-shadow: var(--shadow-2);
}

.w-form-formradioinput--inputType-custom.w--redirected-checked {
  border-width: 4px;
  border-color: var(--role-accent);
}

.w-commerce-commerceaddtocartform {
  /* lx-fixed-rule: Webflow store leftover (template store badge or button); its values stay as they are */
  margin: 0 0 15px;
}

.w-commerce-commerceaddtocartoptionpillgroup {
  /* lx-fixed-rule: Webflow store leftover (template store badge or button); its values stay as they are */
  margin-bottom: 10px;
  display: flex;
}

.w-commerce-commerceaddtocartoptionpill {
  /* lx-fixed-rule: Webflow store leftover (template store badge or button); its values stay as they are */
  color: #000;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #000;
  margin-right: 10px;
  padding: 8px 15px;
}

.w-commerce-commerceaddtocartoptionpill.w--ecommerce-pill-selected {
  /* lx-fixed-rule: Webflow store leftover (template store badge or button); its values stay as they are */
  color: #fff;
  background-color: #000;
}

.w-commerce-commerceaddtocartoptionpill.w--ecommerce-pill-disabled {
  /* lx-fixed-rule: Webflow store leftover (template store badge or button); its values stay as they are */
  color: #666;
  cursor: not-allowed;
  background-color: #e6e6e6;
  border-color: #e6e6e6;
  outline-style: none;
}

.w-commerce-commerceaddtocartquantityinput {
  /* lx-fixed-rule: Webflow store leftover (template store badge or button); its values stay as they are */
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 60px;
  height: 38px;
  margin-bottom: 10px;
  padding: 8px 6px 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commerceaddtocartquantityinput::placeholder {
  /* lx-fixed-rule: Webflow store leftover (template store badge or button); its values stay as they are */
  color: #999;
}

.w-commerce-commerceaddtocartquantityinput:focus {
  /* lx-fixed-rule: Webflow store leftover (template store badge or button); its values stay as they are */
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commerceaddtocartbutton {
  /* lx-fixed-rule: Webflow store leftover (template store badge or button); its values stay as they are */
  color: #fff;
  cursor: pointer;
  appearance: none;
  background-color: #3898ec;
  border-width: 0;
  border-radius: 0;
  align-items: center;
  padding: 9px 15px;
  text-decoration: none;
  display: flex;
}

.w-commerce-commerceaddtocartbutton.w--ecommerce-add-to-cart-disabled {
  /* lx-fixed-rule: Webflow store leftover (template store badge or button); its values stay as they are */
  color: #666;
  cursor: not-allowed;
  background-color: #e6e6e6;
  border-color: #e6e6e6;
  outline-style: none;
}

.w-commerce-commercebuynowbutton {
  /* lx-fixed-rule: Webflow store leftover (template store badge or button); its values stay as they are */
  color: #fff;
  cursor: pointer;
  appearance: none;
  background-color: #3898ec;
  border-width: 0;
  border-radius: 0;
  align-items: center;
  margin-top: 10px;
  padding: 9px 15px;
  text-decoration: none;
  display: inline-block;
}

.w-commerce-commercebuynowbutton.w--ecommerce-buy-now-disabled {
  /* lx-fixed-rule: Webflow store leftover (template store badge or button); its values stay as they are */
  color: #666;
  cursor: not-allowed;
  background-color: #e6e6e6;
  border-color: #e6e6e6;
  outline-style: none;
}

.w-commerce-commerceaddtocartoutofstock {
  /* lx-fixed-rule: Webflow store leftover (template store badge or button); its values stay as they are */
  background-color: #ddd;
  margin-top: 10px;
  padding: 10px;
}

.w-commerce-commerceaddtocarterror {
  /* lx-fixed-rule: Webflow store leftover (template store badge or button); its values stay as they are */
  background-color: #ffdede;
  margin-top: 10px;
  padding: 10px;
}

.w-commerce-commercecheckoutformcontainer {
  /* lx-fixed-rule: Webflow store leftover (template store badge or button); its values stay as they are */
  background-color: #f5f5f5;
  width: 100%;
  min-height: 100vh;
  padding: 20px;
}

.w-commerce-commercelayoutmain {
  /* lx-fixed-rule: Webflow store leftover (template store badge or button); its values stay as they are */
  flex: 0 800px;
  margin-right: 20px;
}

.w-commerce-commercecheckoutcustomerinfowrapper {
  /* lx-fixed-rule: Webflow store leftover (template store badge or button); its values stay as they are */
  margin-bottom: 20px;
}

.w-commerce-commercecheckoutblockheader {
  /* lx-fixed-rule: Webflow store leftover (template store badge or button); its values stay as they are */
  background-color: #fff;
  border: 1px solid #e6e6e6;
  justify-content: space-between;
  align-items: baseline;
  padding: 4px 20px;
  display: flex;
}

.w-commerce-commercecheckoutblockcontent {
  /* lx-fixed-rule: Webflow store leftover (template store badge or button); its values stay as they are */
  background-color: #fff;
  border-bottom: 1px solid #e6e6e6;
  border-left: 1px solid #e6e6e6;
  border-right: 1px solid #e6e6e6;
  padding: 20px;
}

.w-commerce-commercecheckoutlabel {
  /* lx-fixed-rule: Webflow store leftover (template store badge or button); its values stay as they are */
  margin-bottom: 8px;
}

.w-commerce-commercecheckoutemailinput {
  /* lx-fixed-rule: Webflow store leftover (template store badge or button); its values stay as they are */
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 0;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutemailinput::placeholder {
  /* lx-fixed-rule: Webflow store leftover (template store badge or button); its values stay as they are */
  color: #999;
}

.w-commerce-commercecheckoutemailinput:focus {
  /* lx-fixed-rule: Webflow store leftover (template store badge or button); its values stay as they are */
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutshippingaddresswrapper {
  /* lx-fixed-rule: Webflow store leftover (template store badge or button); its values stay as they are */
  margin-bottom: 20px;
}

.w-commerce-commercecheckoutshippingfullname {
  /* lx-fixed-rule: Webflow store leftover (template store badge or button); its values stay as they are */
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutshippingfullname::placeholder {
  /* lx-fixed-rule: Webflow store leftover (template store badge or button); its values stay as they are */
  color: #999;
}

.w-commerce-commercecheckoutshippingfullname:focus {
  /* lx-fixed-rule: Webflow store leftover (template store badge or button); its values stay as they are */
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutshippingstreetaddress {
  /* lx-fixed-rule: Webflow store leftover (template store badge or button); its values stay as they are */
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutshippingstreetaddress::placeholder {
  /* lx-fixed-rule: Webflow store leftover (template store badge or button); its values stay as they are */
  color: #999;
}

.w-commerce-commercecheckoutshippingstreetaddress:focus {
  /* lx-fixed-rule: Webflow store leftover (template store badge or button); its values stay as they are */
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutshippingstreetaddressoptional {
  /* lx-fixed-rule: Webflow store leftover (template store badge or button); its values stay as they are */
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutshippingstreetaddressoptional::placeholder {
  /* lx-fixed-rule: Webflow store leftover (template store badge or button); its values stay as they are */
  color: #999;
}

.w-commerce-commercecheckoutshippingstreetaddressoptional:focus {
  /* lx-fixed-rule: Webflow store leftover (template store badge or button); its values stay as they are */
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutrow {
  /* lx-fixed-rule: Webflow store leftover (template store badge or button); its values stay as they are */
  margin-left: -8px;
  margin-right: -8px;
  display: flex;
}

.w-commerce-commercecheckoutcolumn {
  /* lx-fixed-rule: Webflow store leftover (template store badge or button); its values stay as they are */
  flex: 1;
  padding-left: 8px;
  padding-right: 8px;
}

.w-commerce-commercecheckoutshippingcity {
  /* lx-fixed-rule: Webflow store leftover (template store badge or button); its values stay as they are */
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutshippingcity::placeholder {
  /* lx-fixed-rule: Webflow store leftover (template store badge or button); its values stay as they are */
  color: #999;
}

.w-commerce-commercecheckoutshippingcity:focus {
  /* lx-fixed-rule: Webflow store leftover (template store badge or button); its values stay as they are */
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutshippingstateprovince {
  /* lx-fixed-rule: Webflow store leftover (template store badge or button); its values stay as they are */
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutshippingstateprovince::placeholder {
  /* lx-fixed-rule: Webflow store leftover (template store badge or button); its values stay as they are */
  color: #999;
}

.w-commerce-commercecheckoutshippingstateprovince:focus {
  /* lx-fixed-rule: Webflow store leftover (template store badge or button); its values stay as they are */
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutshippingzippostalcode {
  /* lx-fixed-rule: Webflow store leftover (template store badge or button); its values stay as they are */
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutshippingzippostalcode::placeholder {
  /* lx-fixed-rule: Webflow store leftover (template store badge or button); its values stay as they are */
  color: #999;
}

.w-commerce-commercecheckoutshippingzippostalcode:focus {
  /* lx-fixed-rule: Webflow store leftover (template store badge or button); its values stay as they are */
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutshippingcountryselector {
  /* lx-fixed-rule: Webflow store leftover (template store badge or button); its values stay as they are */
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 0;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutshippingcountryselector::placeholder {
  /* lx-fixed-rule: Webflow store leftover (template store badge or button); its values stay as they are */
  color: #999;
}

.w-commerce-commercecheckoutshippingcountryselector:focus {
  /* lx-fixed-rule: Webflow store leftover (template store badge or button); its values stay as they are */
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutshippingmethodswrapper {
  /* lx-fixed-rule: Webflow store leftover (template store badge or button); its values stay as they are */
  margin-bottom: 20px;
}

.w-commerce-commercecheckoutshippingmethodslist {
  /* lx-fixed-rule: Webflow store leftover (template store badge or button); its values stay as they are */
  border-left: 1px solid #e6e6e6;
  border-right: 1px solid #e6e6e6;
}

.w-commerce-commercecheckoutshippingmethoditem {
  /* lx-fixed-rule: Webflow store leftover (template store badge or button); its values stay as they are */
  background-color: #fff;
  border-bottom: 1px solid #e6e6e6;
  flex-direction: row;
  align-items: baseline;
  margin-bottom: 0;
  padding: 16px;
  font-weight: 400;
  display: flex;
}

.w-commerce-commercecheckoutshippingmethoddescriptionblock {
  /* lx-fixed-rule: Webflow store leftover (template store badge or button); its values stay as they are */
  flex-direction: column;
  flex-grow: 1;
  margin-left: 12px;
  margin-right: 12px;
  display: flex;
}

.w-commerce-commerceboldtextblock {
  font-weight: 700;
}

.w-commerce-commercecheckoutshippingmethodsemptystate {
  /* lx-fixed-rule: Webflow store leftover (template store badge or button); its values stay as they are */
  text-align: center;
  background-color: #fff;
  border-bottom: 1px solid #e6e6e6;
  border-left: 1px solid #e6e6e6;
  border-right: 1px solid #e6e6e6;
  padding: 64px 16px;
}

.w-commerce-commercecheckoutpaymentinfowrapper {
  /* lx-fixed-rule: Webflow store leftover (template store badge or button); its values stay as they are */
  margin-bottom: 20px;
}

.w-commerce-commercecheckoutcardnumber {
  /* lx-fixed-rule: Webflow store leftover (template store badge or button); its values stay as they are */
  appearance: none;
  cursor: text;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutcardnumber::placeholder {
  /* lx-fixed-rule: Webflow store leftover (template store badge or button); its values stay as they are */
  color: #999;
}

.w-commerce-commercecheckoutcardnumber:focus, .w-commerce-commercecheckoutcardnumber.-wfp-focus {
  /* lx-fixed-rule: Webflow store leftover (template store badge or button); its values stay as they are */
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutcardexpirationdate {
  /* lx-fixed-rule: Webflow store leftover (template store badge or button); its values stay as they are */
  appearance: none;
  cursor: text;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutcardexpirationdate::placeholder {
  /* lx-fixed-rule: Webflow store leftover (template store badge or button); its values stay as they are */
  color: #999;
}

.w-commerce-commercecheckoutcardexpirationdate:focus, .w-commerce-commercecheckoutcardexpirationdate.-wfp-focus {
  /* lx-fixed-rule: Webflow store leftover (template store badge or button); its values stay as they are */
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutcardsecuritycode {
  /* lx-fixed-rule: Webflow store leftover (template store badge or button); its values stay as they are */
  appearance: none;
  cursor: text;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutcardsecuritycode::placeholder {
  /* lx-fixed-rule: Webflow store leftover (template store badge or button); its values stay as they are */
  color: #999;
}

.w-commerce-commercecheckoutcardsecuritycode:focus, .w-commerce-commercecheckoutcardsecuritycode.-wfp-focus {
  /* lx-fixed-rule: Webflow store leftover (template store badge or button); its values stay as they are */
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutbillingaddresstogglewrapper {
  flex-direction: row;
  display: flex;
}

.w-commerce-commercecheckoutbillingaddresstogglecheckbox {
  /* lx-fixed-rule: Webflow store leftover (template store badge or button); its values stay as they are */
  margin-top: 4px;
}

.w-commerce-commercecheckoutbillingaddresstogglelabel {
  /* lx-fixed-rule: Webflow store leftover (template store badge or button); its values stay as they are */
  margin-left: 8px;
  font-weight: 400;
}

.w-commerce-commercecheckoutbillingaddresswrapper {
  /* lx-fixed-rule: Webflow store leftover (template store badge or button); its values stay as they are */
  margin-top: 16px;
  margin-bottom: 20px;
}

.w-commerce-commercecheckoutbillingfullname {
  /* lx-fixed-rule: Webflow store leftover (template store badge or button); its values stay as they are */
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutbillingfullname::placeholder {
  /* lx-fixed-rule: Webflow store leftover (template store badge or button); its values stay as they are */
  color: #999;
}

.w-commerce-commercecheckoutbillingfullname:focus {
  /* lx-fixed-rule: Webflow store leftover (template store badge or button); its values stay as they are */
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutbillingstreetaddress {
  /* lx-fixed-rule: Webflow store leftover (template store badge or button); its values stay as they are */
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutbillingstreetaddress::placeholder {
  /* lx-fixed-rule: Webflow store leftover (template store badge or button); its values stay as they are */
  color: #999;
}

.w-commerce-commercecheckoutbillingstreetaddress:focus {
  /* lx-fixed-rule: Webflow store leftover (template store badge or button); its values stay as they are */
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutbillingstreetaddressoptional {
  /* lx-fixed-rule: Webflow store leftover (template store badge or button); its values stay as they are */
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutbillingstreetaddressoptional::placeholder {
  /* lx-fixed-rule: Webflow store leftover (template store badge or button); its values stay as they are */
  color: #999;
}

.w-commerce-commercecheckoutbillingstreetaddressoptional:focus {
  /* lx-fixed-rule: Webflow store leftover (template store badge or button); its values stay as they are */
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutbillingcity {
  /* lx-fixed-rule: Webflow store leftover (template store badge or button); its values stay as they are */
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutbillingcity::placeholder {
  /* lx-fixed-rule: Webflow store leftover (template store badge or button); its values stay as they are */
  color: #999;
}

.w-commerce-commercecheckoutbillingcity:focus {
  /* lx-fixed-rule: Webflow store leftover (template store badge or button); its values stay as they are */
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutbillingstateprovince {
  /* lx-fixed-rule: Webflow store leftover (template store badge or button); its values stay as they are */
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutbillingstateprovince::placeholder {
  /* lx-fixed-rule: Webflow store leftover (template store badge or button); its values stay as they are */
  color: #999;
}

.w-commerce-commercecheckoutbillingstateprovince:focus {
  /* lx-fixed-rule: Webflow store leftover (template store badge or button); its values stay as they are */
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutbillingzippostalcode {
  /* lx-fixed-rule: Webflow store leftover (template store badge or button); its values stay as they are */
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutbillingzippostalcode::placeholder {
  /* lx-fixed-rule: Webflow store leftover (template store badge or button); its values stay as they are */
  color: #999;
}

.w-commerce-commercecheckoutbillingzippostalcode:focus {
  /* lx-fixed-rule: Webflow store leftover (template store badge or button); its values stay as they are */
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutbillingcountryselector {
  /* lx-fixed-rule: Webflow store leftover (template store badge or button); its values stay as they are */
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 0;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutbillingcountryselector::placeholder {
  /* lx-fixed-rule: Webflow store leftover (template store badge or button); its values stay as they are */
  color: #999;
}

.w-commerce-commercecheckoutbillingcountryselector:focus {
  /* lx-fixed-rule: Webflow store leftover (template store badge or button); its values stay as they are */
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutorderitemswrapper {
  /* lx-fixed-rule: Webflow store leftover (template store badge or button); its values stay as they are */
  margin-bottom: 20px;
}

.w-commerce-commercecheckoutsummaryblockheader {
  /* lx-fixed-rule: Webflow store leftover (template store badge or button); its values stay as they are */
  background-color: #fff;
  border: 1px solid #e6e6e6;
  justify-content: space-between;
  align-items: baseline;
  padding: 4px 20px;
  display: flex;
}

.w-commerce-commercecheckoutorderitemslist {
  /* lx-fixed-rule: Webflow store leftover (template store badge or button); its values stay as they are */
  margin-bottom: -20px;
}

.w-commerce-commercecheckoutorderitem {
  /* lx-fixed-rule: Webflow store leftover (template store badge or button); its values stay as they are */
  margin-bottom: 20px;
  display: flex;
}

.w-commerce-commercecheckoutorderitemdescriptionwrapper {
  /* lx-fixed-rule: Webflow store leftover (template store badge or button); its values stay as they are */
  flex-grow: 1;
  margin-left: 16px;
  margin-right: 16px;
}

.w-commerce-commercecheckoutorderitemquantitywrapper {
  white-space: pre-wrap;
  display: flex;
}

.w-commerce-commercecheckoutorderitemoptionlist {
  margin-bottom: 0;
  padding-left: 0;
  text-decoration: none;
  list-style-type: none;
}

.w-commerce-commercelayoutsidebar {
  flex: 0 0 320px;
  position: sticky;
  top: 20px;
}

.w-commerce-commercecheckoutordersummarywrapper {
  /* lx-fixed-rule: Webflow store leftover (template store badge or button); its values stay as they are */
  margin-bottom: 20px;
}

.w-commerce-commercecheckoutsummarylineitem, .w-commerce-commercecheckoutordersummaryextraitemslistitem {
  /* lx-fixed-rule: Webflow store leftover (template store badge or button); its values stay as they are */
  flex-direction: row;
  justify-content: space-between;
  margin-bottom: 8px;
  display: flex;
}

.w-commerce-commercecheckoutsummarytotal {
  font-weight: 700;
}

.w-commerce-commercecheckoutplaceorderbutton {
  /* lx-fixed-rule: Webflow store leftover (template store badge or button); its values stay as they are */
  color: #fff;
  cursor: pointer;
  appearance: none;
  text-align: center;
  background-color: #3898ec;
  border-width: 0;
  border-radius: 3px;
  align-items: center;
  margin-bottom: 20px;
  padding: 9px 15px;
  text-decoration: none;
  display: block;
}

.w-commerce-commercecheckouterrorstate {
  /* lx-fixed-rule: Webflow store leftover (template store badge or button); its values stay as they are */
  background-color: #ffdede;
  margin-top: 16px;
  margin-bottom: 16px;
  padding: 10px 16px;
}

.w-commerce-commercepaypalcheckoutformcontainer {
  /* lx-fixed-rule: Webflow store leftover (template store badge or button); its values stay as they are */
  background-color: #f5f5f5;
  width: 100%;
  min-height: 100vh;
  padding: 20px;
}

.w-commerce-commercecheckoutcustomerinfosummarywrapper {
  /* lx-fixed-rule: Webflow store leftover (template store badge or button); its values stay as they are */
  margin-bottom: 20px;
}

.w-commerce-commercecheckoutsummaryitem, .w-commerce-commercecheckoutsummarylabel {
  /* lx-fixed-rule: Webflow store leftover (template store badge or button); its values stay as they are */
  margin-bottom: 8px;
}

.w-commerce-commercecheckoutsummaryflexboxdiv {
  flex-direction: row;
  justify-content: flex-start;
  display: flex;
}

.w-commerce-commercecheckoutsummarytextspacingondiv {
  /* lx-fixed-rule: Webflow store leftover (template store badge or button); its values stay as they are */
  margin-right: .33em;
}

.w-commerce-commercecheckoutpaymentsummarywrapper {
  /* lx-fixed-rule: Webflow store leftover (template store badge or button); its values stay as they are */
  margin-bottom: 20px;
}

.w-commerce-commercepaypalcheckouterrorstate {
  /* lx-fixed-rule: Webflow store leftover (template store badge or button); its values stay as they are */
  background-color: #ffdede;
  margin-top: 16px;
  margin-bottom: 16px;
  padding: 10px 16px;
}

.w-commerce-commerceorderconfirmationcontainer {
  /* lx-fixed-rule: Webflow store leftover (template store badge or button); its values stay as they are */
  background-color: #f5f5f5;
  width: 100%;
  min-height: 100vh;
  padding: 20px;
}

.w-commerce-commercecheckoutshippingsummarywrapper {
  /* lx-fixed-rule: Webflow store leftover (template store badge or button); its values stay as they are */
  margin-bottom: 20px;
}

@media screen and (max-width: 767px) {
  .w-commerce-commercelayoutmain {
    flex-basis: auto;
    margin-right: 0;
  }

  .w-commerce-commercelayoutsidebar {
    flex-basis: auto;
  }
}

@media screen and (max-width: 479px) {
  .w-commerce-commercecartcontainerwrapper--cartType-modal {
    flex-direction: row;
    justify-content: center;
    align-items: stretch;
  }

  .w-commerce-commercecartcontainerwrapper--cartType-leftDropdown, .w-commerce-commercecartcontainerwrapper--cartType-rightDropdown {
    flex-direction: row;
    justify-content: center;
    align-items: stretch;
    display: flex;
    position: fixed;
    inset: 0;
  }

  .w-commerce-commercecartquantity, .w-commerce-commerceaddtocartquantityinput, .w-commerce-commercecheckoutemailinput, .w-commerce-commercecheckoutshippingfullname, .w-commerce-commercecheckoutshippingstreetaddress, .w-commerce-commercecheckoutshippingstreetaddressoptional {
    /* lx-fixed-rule: Webflow store leftover (template store badge or button); its values stay as they are */
    font-size: 16px;
  }

  .w-commerce-commercecheckoutrow {
    flex-direction: column;
  }

  .w-commerce-commercecheckoutshippingcity, .w-commerce-commercecheckoutshippingstateprovince, .w-commerce-commercecheckoutshippingzippostalcode, .w-commerce-commercecheckoutshippingcountryselector, .w-commerce-commercecheckoutcardnumber, .w-commerce-commercecheckoutcardexpirationdate, .w-commerce-commercecheckoutcardsecuritycode, .w-commerce-commercecheckoutbillingfullname, .w-commerce-commercecheckoutbillingstreetaddress, .w-commerce-commercecheckoutbillingstreetaddressoptional, .w-commerce-commercecheckoutbillingcity, .w-commerce-commercecheckoutbillingstateprovince, .w-commerce-commercecheckoutbillingzippostalcode, .w-commerce-commercecheckoutbillingcountryselector {
    /* lx-fixed-rule: Webflow store leftover (template store badge or button); its values stay as they are */
    font-size: 16px;
  }
}

body {
  background-color: var(--role-page);
  font-family: var(--font-body);
  color: var(--role-ink);
  font-variant-numeric: ordinal;
  font-feature-settings: "dlig" on;
  font-size: calc(var(--size-body-medium) * var(--scale-body));
  line-height: var(--leading-150);
}

h1 {
  font-family: var(--font-heading);
  margin-top: 0;
  margin-bottom: 0;
  font-size: calc(var(--size-h1) * var(--scale-headings));
  font-weight: 600;
  line-height: var(--leading-110);
}

h2 {
  font-family: var(--font-heading);
  margin-top: 0;
  margin-bottom: 0;
  font-size: calc(var(--size-h2) * var(--scale-headings));
  font-weight: 600;
  line-height: var(--leading-115);
}

h3 {
  font-family: var(--font-heading);
  margin-top: 0;
  margin-bottom: 0;
  font-size: calc(var(--size-h3) * var(--scale-headings));
  font-weight: 600;
  line-height: var(--leading-120);
}

h4 {
  font-family: var(--font-heading);
  margin-top: 0;
  margin-bottom: 0;
  font-size: calc(var(--size-h4) * var(--scale-headings));
  font-weight: 600;
  line-height: var(--leading-120);
}

h5 {
  font-family: var(--font-heading);
  margin-top: 0;
  margin-bottom: 0;
  font-size: calc(var(--size-h5) * var(--scale-headings));
  font-weight: 600;
  line-height: var(--leading-130);
}

h6 {
  font-family: var(--font-heading);
  margin-top: 0;
  margin-bottom: 0;
  font-size: calc(var(--size-h6) * var(--scale-headings));
  font-weight: 500;
  line-height: var(--leading-130);
}

p {
  margin-bottom: 0;
}

a {
  color: var(--role-ink);
  font-weight: 500;
  text-decoration: none;
}

ul, ol {
  margin-top: 0;
  margin-bottom: 0;
  padding-left: var(--spacing-1-5rem);
}

li {
  margin-bottom: var(--spacing-0-25rem);
}

img {
  border-radius: var(--radius--default);
  max-width: 100%;
  display: inline-block;
}

label {
  margin-bottom: var(--spacing-0-25rem);
  font-weight: 500;
}

blockquote {
  border-left: .25rem solid var(--role-accent);
  margin-bottom: 0;
  padding: 0 var(--spacing-1-25rem);
  font-size: calc(var(--size-1-25rem) * var(--scale-body));
  line-height: var(--leading-150);
}

figure {
  margin-top: var(--spacing-2rem);
  margin-bottom: var(--spacing-2rem);
}

figcaption {
  text-align: center;
  margin-top: var(--spacing-0-25rem);
}

.section_protected {
  width: 100vw;
  height: 100vh;
  max-height: 100%;
  max-width: var(--content-width--medium);
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--spacing-1-25rem);
  padding-right: var(--spacing-1-25rem);
  display: flex;
}

.utility-page_wrapper {
  width: 100%;
  max-width: var(--content-width--medium);
  grid-column-gap: var(--spacing-1rem);
  grid-row-gap: var(--spacing-1rem);
  border-radius: var(--radius--default);
  background-color: var(--role-surface);
  text-align: center;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  margin-bottom: 0;
  padding: var(--spacing-1-5rem);
  display: flex;
}

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

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

.margin-custom2 {
  margin: var(--spacing-2-5rem);
}

.padding-xlarge {
  padding: var(--spacing-4rem);
}

.margin-xlarge {
  margin: var(--spacing-4rem);
}

.margin-xsmall {
  margin: var(--spacing-0-5rem);
}

.padding-xhuge {
  padding: var(--spacing-8rem);
}

.margin-custom1 {
  margin: var(--spacing-1-5rem);
}

.padding-0 {
  padding: 0;
}

.padding-xxhuge {
  padding: var(--spacing-12rem);
}

.padding-huge {
  padding: var(--spacing-6rem);
}

.margin-large {
  margin: var(--spacing-3rem);
}

.padding-xxlarge {
  padding: var(--spacing-5rem);
}

.margin-xxsmall {
  margin: var(--spacing-0-25rem);
}

.padding-custom3 {
  padding: var(--spacing-3-5rem);
}

.padding-large {
  padding: var(--spacing-3rem);
}

.margin-tiny {
  margin: var(--spacing-0-125rem);
}

.padding-small {
  padding: var(--spacing-1rem);
}

.padding-custom2 {
  padding: var(--spacing-2-5rem);
}

.margin-custom3 {
  margin: var(--spacing-3-5rem);
}

.padding-custom1 {
  padding: var(--spacing-1-5rem);
}

.margin-huge {
  margin: var(--spacing-6rem);
}

.padding-medium {
  padding: var(--spacing-2rem);
}

.padding-xsmall {
  padding: var(--spacing-0-5rem);
}

.margin-xxlarge {
  margin: var(--spacing-5rem);
}

.padding-xxsmall {
  padding: var(--spacing-0-25rem);
}

.margin-xhuge {
  margin: var(--spacing-8rem);
}

.padding-tiny {
  padding: var(--spacing-0-125rem);
}

.margin-small {
  margin: var(--spacing-1rem);
}

.margin-medium {
  margin: var(--spacing-2rem);
}

.margin-xxhuge {
  margin: var(--spacing-12rem);
}

.margin-0 {
  margin: 0;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.form_checkbox-icon.w--redirected-checked {
  background-color: var(--role-accent);
  background-image: none;
  border-radius: var(--radius-0-125rem);
  width: .875rem;
  height: .875rem;
  margin: 0 var(--spacing-0-5rem) 0 0;
}

.form_checkbox-icon.w--redirected-focus {
  border-radius: var(--radius-0-125rem);
  width: .875rem;
  height: .875rem;
  margin: 0 var(--spacing-0-5rem) 0 0;
  box-shadow: var(--shadow-3);
}

.fs-styleguide_background {
  border: .0625rem solid var(--tone-page-deep-a26);
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  display: flex;
}

.fs-styleguide_spacing {
  grid-column-gap: var(--spacing-0-5rem);
  grid-row-gap: var(--spacing-0-5rem);
  background-image: linear-gradient(0deg in srgb, var(--tone-page-deep-a26), var(--role-page-deep));
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  place-content: start;
  place-items: start stretch;
  display: grid;
  position: relative;
}

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

.overflow-auto {
  overflow: auto;
}

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

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

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

.fs-styleguide_background-space {
  width: .0625rem;
  height: .0625rem;
  margin: var(--spacing-5rem);
}

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

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

.fs-styleguide_item {
  grid-column-gap: var(--spacing-1-125rem);
  grid-row-gap: var(--spacing-1-125rem);
  border-bottom: .0625rem solid var(--tone-page-deep-a26);
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  place-content: start;
  place-items: start;
  padding-bottom: var(--spacing-3rem);
  display: grid;
  position: relative;
}

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

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

.fs-styleguide_item-header {
  border-bottom: .0625rem solid var(--tone-page-deep-a26);
  width: 100%;
  padding-bottom: var(--spacing-2rem);
}

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

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

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

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

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

.form_message-success {
  border-radius: var(--radius--default);
  background-color: var(--tone-line-77-surface-2);
  color: var(--role-ink);
  padding: var(--spacing-1-25rem);
}

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

.heading-style-h3 {
  font-size: calc(var(--size-h3) * var(--scale-headings));
  font-weight: 600;
  line-height: var(--leading-120);
}

.text-rich-text h1, .text-rich-text h2, .text-rich-text h3, .text-rich-text h4 {
  margin-top: var(--spacing-1-5rem);
  margin-bottom: var(--spacing-1rem);
}

.text-rich-text h5, .text-rich-text h6 {
  margin-top: var(--spacing-1-25rem);
  margin-bottom: var(--spacing-1rem);
}

.text-rich-text p {
  margin-bottom: var(--spacing-1rem);
}

.text-rich-text ul, .text-rich-text ol {
  margin-bottom: var(--spacing-1-5rem);
}

.text-rich-text blockquote {
  margin-top: var(--spacing-2rem);
  margin-bottom: var(--spacing-2rem);
}

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

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

.icon-height-small {
  border-radius: 0;
  height: 1.25rem;
}

.icon-height-small.opacity0 {
  opacity: 0;
}

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

.heading-style-h1 {
  font-size: calc(var(--size-h1) * var(--scale-headings));
  font-weight: 600;
  line-height: var(--leading-110);
}

.padding-global {
  padding-left: var(--spacing-1-5rem);
  padding-right: var(--spacing-1-5rem);
}

.padding-global.padding-section-small {
  padding-top: var(--spacing-3rem);
  padding-bottom: var(--spacing-3rem);
}

.padding-global.padding-section-medium {
  padding-top: var(--spacing-6rem);
  padding-bottom: var(--spacing-6rem);
}

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

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

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

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

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

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

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

.text-weight-medium.max-width-tiny {
  max-width: 20rem;
  margin-left: auto;
  margin-right: auto;
}

.overflow-hidden {
  overflow: hidden;
}

.fs-styleguide_section-header {
  grid-column-gap: var(--spacing-1rem);
  grid-row-gap: var(--spacing-1rem);
  border-bottom: .0625rem solid var(--border-color--border-primary\<deleted\|variable-d4c54ba4-ee41-67ce-58a5-5216ca039f83\>);
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  padding-bottom: var(--spacing-3rem);
  line-height: var(--leading-140);
  display: grid;
}

.text-size-tiny {
  font-size: calc(var(--size-body-tiny) * var(--scale-body));
}

.max-width-xxlarge {
  width: 100%;
  max-width: var(--content-width--container);
}

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

.overflow-visible {
  overflow: visible;
}

.fs-styleguide_empty-box {
  z-index: -1;
  border: .0625rem dashed var(--role-ink);
  background-color: var(--tone-page-deep-a13);
  min-width: 3rem;
  height: 3rem;
  position: relative;
}

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

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

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

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

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

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

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

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

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

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

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

.text-size-small {
  font-size: calc(var(--size-body-small) * var(--scale-body));
}

.heading-style-h4 {
  font-size: calc(var(--size-h4) * var(--scale-headings));
  font-weight: 600;
  line-height: var(--leading-120);
}

.form_label {
  font-size: calc(var(--size-0-875rem) * var(--scale-body));
}

.max-width-xlarge {
  width: 100%;
  max-width: var(--content-width--x-large);
}

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

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

.form_radio-icon.w--redirected-focus {
  width: .875rem;
  height: .875rem;
  box-shadow: var(--shadow-3);
}

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

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

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

.form_input {
  border: .0625rem solid var(--role-line);
  border-radius: var(--radius--button);
  background-color: var(--role-surface-2);
  min-height: 3rem;
  color: var(--role-ink);
  margin-bottom: var(--spacing-0-5rem);
  padding: var(--spacing-0-875rem) var(--spacing-1rem);
  font-size: calc(var(--size-0-875rem) * var(--scale-body));
  font-weight: 500;
  line-height: var(--leading-140);
}

.form_input:focus, .form_input.-wfp-focus {
  border-color: var(--tone-line-76-ink-soft);
}

.form_input::placeholder {
  color: var(--tone-ink-60);
}

.form_input.is-select-input {
  color: var(--role-ink);
}

.form_input.is-text-area {
  min-height: 12rem;
  padding-top: var(--spacing-1rem);
}

.form_input.is-footer {
  margin-bottom: 0;
}

.form_input.is-footer::placeholder {
  color: var(--tone-ink-60);
}

.heading-style-h6 {
  font-size: calc(var(--size-h6) * var(--scale-headings));
  font-weight: 500;
  line-height: var(--leading-130);
}

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

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

.text-style-link {
  color: var(--role-ink);
  font-weight: 500;
  text-decoration: none;
}

.text-size-large {
  font-size: calc(var(--size-body-large) * var(--scale-body));
}

.heading-style-h2 {
  font-size: calc(var(--size-h2) * var(--scale-headings));
  font-weight: 600;
  line-height: var(--leading-115);
}

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

.fs-styleguide_label.is-tag {
  background-color: var(--role-accent);
}

.heading-style-h5 {
  font-size: calc(var(--size-h5) * var(--scale-headings));
  font-weight: 600;
  line-height: var(--leading-130);
}

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

.container-default.is-testimonials {
  overflow: hidden;
}

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

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

.overflow-scroll {
  overflow: scroll;
}

.form_message-error {
  color: var(--color-error-ink);
  background-color: var(--color-error-wash);
  margin-top: var(--spacing-0-75rem);
  padding: var(--spacing-0-75rem);
}

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

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

.form_component {
  margin-bottom: 0;
}

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

.text-style-quote {
  border-left: .25rem solid var(--role-accent);
  margin-bottom: 0;
  padding: 0 var(--spacing-1-25rem);
  font-size: calc(var(--size-1-25rem) * var(--scale-body));
  line-height: var(--leading-150);
}

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

.button {
  grid-column-gap: var(--spacing-8);
  grid-row-gap: var(--spacing-8);
  border-radius: var(--radius--button);
  background-color: var(--button-primary-bg);
  color: var(--button-primary-text);
  text-align: center;
  justify-content: center;
  align-items: center;
  padding: var(--spacing-0-75rem) var(--spacing-1-5rem);
  font-size: calc(var(--size-button) * var(--scale-labels));
  font-weight: 500;
  transition: all var(--motion-fast);
  display: inline-flex;
}

.button:hover {
  opacity: .8;
}

.button.is-text {
  color: var(--role-ink);
  background-color: transparent;
  border: .125rem solid transparent;
}

.button.is-small {
  padding: var(--spacing-0-5625rem) var(--spacing-1-5rem);
  font-size: calc(var(--size-0-75rem) * var(--scale-labels));
}

.button.is-form-submit {
  width: 100%;
  font-size: calc(var(--size-badge) * var(--scale-labels));
}

.button.is-large {
  padding: var(--spacing-1rem) var(--spacing-1-5rem);
}

.button.is-secondary {
  border: .0625rem solid var(--role-line);
  color: var(--role-ink);
  background-color: transparent;
}

.button.is-secondary:hover {
  background-color: var(--role-surface);
  opacity: 1;
}

.button.is-secondary.is-icon {
  padding-left: var(--spacing-1rem);
  padding-right: var(--spacing-1rem);
}

.button.is-icon {
  grid-column-gap: var(--spacing-1rem);
  grid-row-gap: var(--spacing-1rem);
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding-left: var(--spacing-0-75rem);
  padding-right: var(--spacing-0-75rem);
  text-decoration: none;
  display: flex;
}

.button.is-icon.is-secondary {
  flex: none;
  padding-left: var(--spacing-0-75rem);
  padding-right: var(--spacing-0-75rem);
}

.button.is-outline {
  border: .0625rem solid var(--role-page);
  background-color: transparent;
}

.button.is-outline:hover {
  background-color: var(--tone-ink-a26);
}

.button.is-footer {
  padding-top: var(--spacing-0-875rem);
  padding-bottom: var(--spacing-0-875rem);
}

.fs-styleguide_classes {
  grid-column-gap: var(--spacing-0-0625rem);
  grid-row-gap: var(--spacing-0-0625rem);
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.text-size-medium {
  font-size: calc(var(--size-body-medium) * var(--scale-body));
}

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

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

.button-group {
  grid-column-gap: var(--spacing-0-5rem);
  grid-row-gap: var(--spacing-0-5rem);
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.button-group.align-center {
  justify-content: center;
  align-items: center;
}

.hide {
  display: none;
}

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

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

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

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

.spacer-medium {
  width: 100%;
  padding-top: var(--spacing-2rem);
}

.fs-styleguide_spacer-box {
  border: .0625rem dashed var(--role-ink);
  background-color: var(--tone-page-deep-a26);
  width: 100%;
  position: relative;
}

.spacer-xsmall {
  width: 100%;
  padding-top: var(--spacing-1rem);
}

.spacer-small {
  width: 100%;
  padding-top: var(--spacing-1-5rem);
}

.spacer-tiny {
  width: 100%;
  padding-top: var(--spacing-0-25rem);
}

.spacer-xxsmall {
  width: 100%;
  padding-top: var(--spacing-0-5rem);
}

.spacer-xlarge {
  width: 100%;
  padding-top: var(--spacing-3-75rem);
}

.spacer-large {
  padding-top: var(--spacing-3rem);
}

.spacer-xxlarge {
  width: 100%;
  padding-top: var(--spacing-6rem);
}

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

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

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

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

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

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

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

.cart-title {
  font-weight: 500;
}

.overview_features_card {
  border-top: .0625rem solid var(--role-line);
  padding-top: var(--spacing-0-75rem);
}

.nav-dropdown-multilayout {
  grid-column-gap: var(--spacing-1-5rem);
  grid-row-gap: var(--spacing-1-5rem);
  flex-flow: column;
  display: flex;
}

.overview_features_figma {
  border-radius: var(--radius--default);
  background-color: var(--role-surface);
  justify-content: space-between;
  align-items: center;
  padding: var(--spacing-1-5rem) var(--spacing-1rem);
  display: flex;
}

.nav-dropdown-toggle {
  grid-column-gap: var(--spacing-0-375rem);
  grid-row-gap: var(--spacing-0-375rem);
  color: var(--role-ink);
  justify-content: center;
  align-items: center;
  padding: var(--spacing-1-75rem) var(--spacing-1rem);
  font-size: calc(var(--size-0-875rem) * var(--scale-body));
  font-weight: 500;
  line-height: var(--leading-140);
  transition: all var(--motion-fast);
  display: flex;
}

.nav-dropdown-toggle:hover {
  opacity: .5;
}

.section_overview_banners {
  flex-direction: column;
  justify-content: center;
}

.footer_nav-link {
  background-image: url('/_t/lumis/images/Ellipse-7.svg');
  background-position: -10%;
  background-repeat: no-repeat;
  background-size: auto;
  transition: all var(--motion-fast);
}

.footer_nav-link:hover {
  opacity: .5;
  background-position: 0%;
  padding-left: var(--spacing-0-75rem);
  display: block;
}

.social-link {
  justify-content: center;
  align-items: center;
  width: 1.5rem;
  height: 1.5rem;
  display: flex;
}

.nav-menu-wrapper {
  justify-content: center;
  align-items: center;
  display: flex;
}

.overview_banners_left {
  grid-column-gap: var(--spacing-1-5rem);
  grid-row-gap: var(--spacing-1-5rem);
  border-radius: var(--radius--default);
  background-color: var(--role-surface);
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding: var(--spacing-1-5rem);
  display: flex;
}

.cart-close {
  justify-content: center;
  align-items: center;
  width: 1.125rem;
  height: 1.125rem;
  display: flex;
}

.overview_banners_grid {
  grid-column-gap: var(--spacing-0-375rem);
  grid-row-gap: var(--spacing-0-375rem);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  min-height: 50rem;
  display: grid;
}

.divider {
  background-color: var(--role-line);
  width: 100%;
  height: .0625rem;
}

.divider.is-vertical {
  width: .0625rem;
  height: 100%;
}

.cart-close-icon {
  cursor: pointer;
}

.nav-menu {
  justify-content: center;
  align-items: center;
  display: flex;
  position: static;
}

.cart-quantity {
  min-width: auto;
  height: auto;
  color: var(--role-ink);
  background-color: transparent;
  margin-left: 0;
  padding-left: 0;
  padding-right: 0;
  font-size: calc(var(--size-0-875rem) * var(--scale-body));
  font-weight: 500;
  line-height: var(--leading-140);
}

.overview_pages_card {
  grid-column-gap: var(--spacing-0-75rem);
  grid-row-gap: var(--spacing-0-75rem);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.footer {
  background-color: var(--role-surface);
  flex-direction: column;
  justify-content: center;
}

.button-templates-box {
  /* lx-fixed-rule: Webflow store leftover (template store badge or button); its values stay as they are */
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.overview_pages_grid {
  grid-column-gap: var(--spacing-0-375rem);
  grid-row-gap: var(--spacing-3rem);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.footer_nav {
  grid-column-gap: var(--spacing-0-375rem);
  grid-row-gap: var(--spacing-0-375rem);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.nav-dropdown-buy-heading {
  justify-content: space-between;
  display: flex;
}

.nav-dropdown {
  position: static;
}

.heading-style-h5-2 {
  font-size: calc(var(--size-1-25rem) * var(--scale-body));
  font-weight: 600;
  line-height: var(--leading-130);
}

.section_overview_features {
  flex-direction: column;
  justify-content: center;
}

.overview_features_grid {
  grid-column-gap: var(--spacing-0-375rem);
  grid-row-gap: var(--spacing-32);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.footer_socials {
  grid-column-gap: var(--spacing-0-125rem);
  grid-row-gap: var(--spacing-0-125rem);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.overview_benefits_grid {
  grid-column-gap: var(--spacing-0-375rem);
  grid-row-gap: var(--spacing-0-375rem);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.overview_banners_right {
  grid-column-gap: var(--spacing-0-375rem);
  grid-row-gap: var(--spacing-0-375rem);
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: flex;
}

.footer-box {
  padding: var(--spacing-6rem) var(--spacing-2-5rem);
}

.cart-item {
  grid-column-gap: var(--spacing-0-5rem);
  grid-row-gap: var(--spacing-0-5rem);
  justify-content: flex-start;
  align-items: center;
}

.cart-heading {
  font-size: calc(var(--size-body-regular) * var(--scale-body));
  font-weight: 500;
  line-height: var(--leading-140);
}

.nav-dropdown-multilayout-item {
  grid-column-gap: var(--spacing-0-75rem);
  grid-row-gap: var(--spacing-0-75rem);
  display: flex;
}

.overview_hero_slider {
  background-color: transparent;
  max-width: 36.875rem;
  height: auto;
}

.section_overview_pages {
  flex-direction: column;
  justify-content: center;
}

.text-badges {
  color: var(--role-ink);
  text-transform: uppercase;
}

.text-badges.is-black {
  color: var(--role-page-deep);
}

.cart-footer {
  border-top-color: var(--role-line);
  padding-top: var(--spacing-1-125rem);
}

.overview_benefits_card {
  grid-column-gap: var(--spacing-1rem);
  grid-row-gap: var(--spacing-1rem);
  border-radius: var(--radius--default);
  background-color: var(--role-surface-2);
  justify-content: flex-start;
  align-items: flex-start;
  padding: var(--spacing-1rem);
  display: flex;
}

.social-link-image {
  border-radius: 0;
}

.nav-dropdown-multilayout-link {
  font-size: calc(var(--size-0-75rem) * var(--scale-body));
  font-weight: 400;
  line-height: var(--leading-140);
  transition: all var(--motion-fast);
}

.nav-dropdown-multilayout-link:hover {
  opacity: .5;
}

.nav-link {
  color: var(--role-ink);
  padding: var(--spacing-1-75rem) var(--spacing-1rem);
  font-size: calc(var(--size-0-875rem) * var(--scale-body));
  line-height: var(--leading-140);
  transition: all var(--motion-fast);
}

.nav-link:hover {
  opacity: .5;
}

.nav-link.w--current {
  color: var(--role-ink);
}

.nav-link.is-cart {
  grid-column-gap: var(--spacing-0-25rem);
  grid-row-gap: var(--spacing-0-25rem);
  color: var(--role-ink);
  background-color: transparent;
}

.overview_features_figma-content {
  grid-column-gap: var(--spacing-1-5rem);
  grid-row-gap: var(--spacing-1-5rem);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.cart-price {
  opacity: .6;
  font-size: calc(var(--size-0-875rem) * var(--scale-body));
}

.cart-price.is-final {
  color: var(--role-ink);
  font-weight: 600;
}

.button-customize {
  /* lx-fixed-rule: Webflow store leftover (template store badge or button); its values stay as they are */
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  background-color: #000;
  border-radius: .75rem;
  justify-content: flex-start;
  align-items: center;
  padding: .5625rem .75rem;
  transition: all .2s;
  display: flex;
}

.button-customize:hover {
  /* lx-fixed-rule: Webflow store leftover (template store badge or button); its values stay as they are */
  background-color: #e60023;
}

.overview_banners_customize {
  grid-column-gap: var(--spacing-1rem);
  grid-row-gap: var(--spacing-1rem);
  border-radius: var(--radius--default);
  background-color: var(--role-surface);
  flex-flow: column;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  padding: var(--spacing-1-5rem);
  display: flex;
}

.footer_nav-list {
  grid-column-gap: var(--spacing-0-25rem);
  grid-row-gap: var(--spacing-0-25rem);
  flex-flow: column;
  display: flex;
}

.badges {
  /* lx-fixed-rule: Webflow store leftover (template store badge or button); its values stay as they are */
  z-index: 9999999;
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  -webkit-backdrop-filter: blur(.75rem);
  backdrop-filter: blur(.75rem);
  background-color: #ffffff03;
  border-radius: .75rem;
  flex-flow: column;
  padding: 1rem;
  display: flex;
  position: fixed;
  inset: auto 2rem 2rem auto;
}

.cart-text {
  grid-column-gap: var(--spacing-0-25rem);
  grid-row-gap: var(--spacing-0-25rem);
  display: flex;
}

.overview_pages_preview-box {
  aspect-ratio: 1;
  border: .0625rem solid var(--role-surface);
  border-radius: var(--radius--default);
  background-color: var(--role-line);
  background-image: url('https://urkeffdjrlfjconn.public.blob.vercel-storage.com/m/e4a930ca9491cf9b20853a680c782717b836ace6.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  padding-top: var(--spacing-2rem);
  padding-left: var(--spacing-2-5rem);
  padding-right: var(--spacing-2-5rem);
  transition: all var(--motion-fast);
  overflow: hidden;
}

.overview_pages_preview-box:hover {
  background-color: var(--role-line);
  background-image: url('https://urkeffdjrlfjconn.public.blob.vercel-storage.com/m/970d6192652c2ef7a912014a4154ccbfac24e3db.avif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.nav-links-buttons {
  grid-column-gap: var(--spacing-0-5rem);
  grid-row-gap: var(--spacing-0-5rem);
  justify-content: flex-start;
  align-items: center;
  display: none;
}

.nav-dropdown-multilayout-links {
  grid-column-gap: var(--spacing-0-5rem);
  grid-row-gap: var(--spacing-0-5rem);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.cart-header {
  border-bottom-color: var(--role-line);
  padding-top: var(--spacing-1-125rem);
  padding-bottom: var(--spacing-1-125rem);
}

.overview_hero_grid-box.is-right {
  aspect-ratio: 1;
  border-radius: var(--radius--default);
  background-color: var(--role-line);
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  padding-top: var(--spacing-1-5rem);
  display: flex;
  position: relative;
  overflow: hidden;
}

.overview_hero_grid-box.is-left {
  aspect-ratio: 1;
  border-radius: var(--radius--default);
  background-image: url('https://urkeffdjrlfjconn.public.blob.vercel-storage.com/m/970d6192652c2ef7a912014a4154ccbfac24e3db.avif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  padding-top: var(--spacing-1-5rem);
  display: flex;
  position: relative;
  overflow: hidden;
}

.section_overview_hero {
  flex-direction: column;
  justify-content: center;
}

.button-templates {
  /* lx-fixed-rule: Webflow store leftover (template store badge or button); its values stay as they are */
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  background-color: #fff;
  border-radius: .75rem;
  justify-content: space-between;
  align-items: center;
  padding: .5625rem .75rem;
  transition: all .2s;
  display: flex;
}

.button-templates:hover {
  /* lx-fixed-rule: Webflow store leftover (template store badge or button); its values stay as they are */
  background-color: #f5f5f5;
}

.nav-dropdown-column {
  grid-column-gap: var(--spacing-2rem);
  grid-row-gap: var(--spacing-2rem);
  flex-flow: column;
  width: auto;
  display: flex;
}

.nav-dropdown-column.is-buy-template {
  grid-column-gap: var(--spacing-0-5rem);
  grid-row-gap: var(--spacing-0-5rem);
}

.text-style-badge {
  font-family: var(--font-label);
  color: var(--role-accent);
  text-transform: uppercase;
  font-size: calc(var(--size-badge) * var(--scale-labels));
  line-height: var(--leading-140);
}

.text-style-badge.text-align-center {
  color: var(--role-accent);
}

.text-style-badge.text-color-white {
  color: var(--role-ink);
}

.nav-dropdown-grid {
  grid-column-gap: var(--spacing-0-375rem);
  grid-row-gap: var(--spacing-0-375rem);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1.25fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.cart-quantity-wapper {
  justify-content: center;
  align-items: center;
  display: flex;
}

.footer_info {
  grid-column-gap: var(--spacing-0-5rem);
  grid-row-gap: var(--spacing-0-5rem);
  flex-flow: row;
  justify-content: space-between;
  display: flex;
}

.nav-dropdown-links {
  grid-column-gap: var(--spacing-0-25rem);
  grid-row-gap: var(--spacing-0-25rem);
  flex-flow: column;
  display: flex;
}

.nav-logo {
  border-radius: 0;
}

.bottom-blur {
  z-index: 99999;
  height: 6rem;
  position: fixed;
  inset: auto 0% 0%;
}

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

.footer_buy {
  grid-column-gap: var(--spacing-2-5rem);
  grid-row-gap: var(--spacing-2-5rem);
  border-radius: var(--radius--default);
  background-color: var(--role-surface-2);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding: var(--spacing-3-75rem) var(--spacing-2rem);
  display: flex;
}

.footer_nav-column {
  grid-column-gap: var(--spacing-2rem);
  grid-row-gap: var(--spacing-2rem);
  flex-flow: column;
  display: flex;
}

.overview_hero_grid {
  grid-column-gap: var(--spacing-0-375rem);
  grid-row-gap: var(--spacing-0-375rem);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.nav-dropdown-link {
  width: 100%;
  color: var(--role-ink);
  margin-left: auto;
  margin-right: auto;
  padding: 0;
  line-height: var(--leading-140);
  transition: all var(--motion-fast);
}

.nav-dropdown-link:hover {
  opacity: .5;
}

.nav-dropdown-link.w--current {
  color: var(--role-ink);
}

.footer_banners {
  grid-column-gap: var(--spacing-0-375rem);
  grid-row-gap: var(--spacing-0-375rem);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.nav-info-dropdown-list {
  grid-column-gap: var(--spacing-0-75rem);
  grid-row-gap: var(--spacing-0-75rem);
  flex-flow: column;
  display: flex;
}

.nav-info-dropdown {
  position: relative;
}

.div-block {
  grid-column-gap: var(--spacing-0-25rem);
  grid-row-gap: var(--spacing-0-25rem);
  display: flex;
}

.section_overview_benefits {
  flex-direction: column;
  justify-content: center;
}

.cart-remove-button {
  opacity: .5;
  transition: all var(--motion-fast);
}

.cart-remove-button:hover {
  opacity: 100;
}

.nav-info-dropdown-list-item {
  grid-column-gap: var(--spacing-0-25rem);
  grid-row-gap: var(--spacing-0-25rem);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.nav-background {
  z-index: 0;
  -webkit-backdrop-filter: blur(.5rem);
  backdrop-filter: blur(.5rem);
  pointer-events: none;
  background-color: var(--tone-page-deep-a217);
  width: 100%;
  height: 100%;
  position: absolute;
}

.navbar {
  background-color: transparent;
  height: 4.75rem;
  position: sticky;
  top: 0;
}

.icon-height-small-4 {
  height: 1.25rem;
}

.container {
  z-index: 1;
  flex-flow: column;
  width: 100%;
  max-width: 89.25rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--spacing-1-25rem);
  padding-right: var(--spacing-1-25rem);
  display: flex;
  position: relative;
}

.nav-info-dropdown-toggle {
  grid-column-gap: var(--spacing-0-375rem);
  grid-row-gap: var(--spacing-0-375rem);
  justify-content: center;
  align-items: center;
  padding: 0;
  font-size: calc(var(--size-0-875rem) * var(--scale-body));
  font-weight: 500;
  line-height: var(--leading-140);
  transition: all var(--motion-fast);
  display: flex;
}

.nav-info-dropdown-toggle:hover {
  opacity: .5;
}

.nav-info-dropdown-toggle.w--open {
  padding: 0;
}

.cart-container {
  border-radius: var(--radius--default);
  background-color: var(--role-page);
  max-width: 25.75rem;
  overflow: hidden;
}

.nav-info-dropdown-wrapper {
  width: 100%;
  margin-left: var(--spacing-1-25rem);
  margin-right: var(--spacing-1-25rem);
}

.nav-info-dropdown-wrapper.w--open {
  border: .0625rem solid var(--role-line);
  background-color: var(--role-page);
  border-radius: var(--radius-0-375rem);
  width: 22.5rem;
  margin-left: 0;
  margin-right: 0;
  padding: var(--spacing-1-5rem);
  transition: all var(--motion-fast);
  position: absolute;
  inset: 3.75rem 0% auto auto;
  box-shadow: var(--shadow-4);
}

.nav-dropdown-wrapper {
  width: 100%;
  margin-left: var(--spacing-1-25rem);
  margin-right: var(--spacing-1-25rem);
  top: 12.5rem;
}

.nav-dropdown-wrapper.w--open {
  border: .0625rem solid var(--role-surface-2);
  background-color: var(--role-page);
  border-radius: var(--radius-0-375rem);
  margin-left: auto;
  margin-right: auto;
  padding: var(--spacing-1-5rem);
  transition: all var(--motion-fast);
  position: absolute;
  inset: 4.75rem 0% auto;
  box-shadow: var(--shadow-4);
}

.nav-buttons {
  grid-column-gap: var(--spacing-0-5rem);
  grid-row-gap: var(--spacing-0-5rem);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.nav-content {
  border-bottom: .0625rem solid var(--role-line);
  justify-content: center;
  align-items: center;
  width: 100%;
  min-width: 100%;
  max-width: 100%;
  height: 4.75rem;
  display: flex;
  overflow: visible;
}

.dot {
  background-color: var(--role-accent);
  width: .25rem;
  height: .25rem;
}

.nav-wrapper {
  grid-column-gap: var(--spacing-1-25rem);
  grid-row-gap: var(--spacing-1-25rem);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: center;
  display: grid;
}

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

.text-style-muted80 {
  opacity: .8;
}

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

.section_header.is-centered {
  text-align: center;
  justify-content: center;
  align-items: center;
}

.section_heading {
  z-index: 2;
  justify-content: flex-start;
  align-items: flex-end;
}

.section_heading.is-centered {
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.badge {
  background-color: var(--role-line);
  border-radius: var(--radius-0-125rem);
  padding: var(--spacing-0-375rem) var(--spacing-0-5rem);
}

.slider-arrow {
  border: .0625rem solid var(--role-line);
  background-color: var(--role-page);
  border-radius: var(--radius-0-375rem);
  justify-content: center;
  align-items: center;
  width: 3rem;
  height: 3rem;
  transition: all var(--motion-fast);
  display: flex;
}

.slider-arrow:hover {
  background-color: var(--role-surface-2);
}

.slider-arrow.is-left-home {
  inset: -6rem 3.375rem auto auto;
}

.slider-arrow.is-right-home {
  inset: -6rem 0% auto auto;
}

.pricing_price {
  grid-column-gap: var(--spacing-0-25rem);
  grid-row-gap: var(--spacing-0-25rem);
  justify-content: flex-start;
  align-items: flex-end;
  display: flex;
}

.section_home1_faq {
  flex-direction: column;
  justify-content: center;
}

.faq_box {
  border: 1px solid var(--role-line);
  border-radius: var(--radius--default);
  flex-flow: column;
  display: flex;
}

.faq_question {
  grid-column-gap: var(--spacing-1-25rem);
  grid-row-gap: var(--spacing-1-25rem);
  cursor: pointer;
  justify-content: space-between;
  display: flex;
}

.faq_question_header {
  grid-column-gap: var(--spacing-1-25rem);
  grid-row-gap: var(--spacing-1-25rem);
  justify-content: center;
  align-items: center;
  display: flex;
}

.faq_accordion {
  border-bottom: 1px solid var(--role-line);
  flex-flow: column;
  padding: var(--spacing-1rem);
  transition: all var(--motion-fast);
  display: flex;
}

.faq_accordion:hover {
  padding-left: var(--spacing-1-5rem);
  padding-right: var(--spacing-1-5rem);
}

.faq_icon {
  border: .0625rem solid var(--role-line);
  border-radius: var(--radius-0-375rem);
  justify-content: center;
  align-items: center;
  width: 3rem;
  height: 3rem;
  padding-right: 0;
  transition: all var(--motion-fast);
  display: flex;
}

.faq_answer-wrapper {
  margin-top: var(--spacing-0-75rem);
}

.faq_answer {
  flex: 0 auto;
  width: 100%;
  overflow: hidden;
}

.section_home1_testimonials {
  flex-direction: column;
  justify-content: center;
}

.faq_grid {
  grid-column-gap: var(--spacing-0-375rem);
  grid-row-gap: var(--spacing-0-375rem);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1.5fr;
  grid-auto-columns: 1fr;
  display: grid;
}

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

._404_grid {
  grid-column-gap: var(--spacing-0-375rem);
  grid-row-gap: var(--spacing-0-375rem);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.quote_box {
  grid-column-gap: var(--spacing-1-5rem);
  grid-row-gap: var(--spacing-1-5rem);
  border-radius: var(--radius--default);
  background-color: var(--role-surface);
  flex-flow: column;
  max-width: 23.75rem;
  padding: var(--spacing-1-5rem);
  display: flex;
}

.section-header-content {
  flex: 1;
}

._404 {
  flex-direction: column;
  justify-content: center;
}

.quote_author-image {
  object-fit: cover;
  width: 5rem;
  height: 5rem;
}

.quote_author {
  grid-column-gap: var(--spacing-1rem);
  grid-row-gap: var(--spacing-1rem);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

._404_content {
  grid-column-gap: var(--spacing-3rem);
  grid-row-gap: var(--spacing-3rem);
  flex-flow: column;
  justify-content: center;
  align-items: stretch;
  display: flex;
}

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

.checkout_form {
  grid-column-gap: var(--spacing-0-375rem);
  grid-row-gap: var(--spacing-0-375rem);
  background-color: transparent;
  grid-template-rows: auto;
  grid-template-columns: 2fr 1fr;
  grid-auto-columns: 1fr;
  align-items: start;
  padding: 0;
  display: grid;
}

.checkout_left {
  margin-right: 0;
}

.checkout_sidebar {
  top: 6rem;
}

.checkout_web-payments {
  margin-bottom: var(--spacing-1-5rem);
}

.checkout_section {
  border: .0625rem solid var(--tone-line-92-ink-soft);
  border-radius: var(--radius--default);
  margin-bottom: var(--spacing-3rem);
  overflow: hidden;
}

.checkout_section-header {
  background-color: var(--role-surface);
  border-style: none;
  padding: var(--spacing-1rem);
}

.checkout_section-content {
  border-style: solid none none;
  border-color: var(--tone-line-77-surface-2);
  background-color: var(--role-surface);
  border-top-width: .0625rem;
  padding: var(--spacing-1rem);
  overflow: hidden;
}

.section_home1_hero {
  flex-direction: column;
  justify-content: center;
}

.home1_hero_grid {
  grid-column-gap: var(--spacing-6);
  grid-row-gap: var(--spacing-6);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  min-height: 700px;
  display: grid;
  overflow: hidden;
}

.home1_hero_image {
  aspect-ratio: 1;
  object-fit: cover;
  object-position: 50% 50%;
  height: 100%;
  overflow: hidden;
}

.logos_marquee-box {
  aspect-ratio: 1;
  border-radius: var(--radius--default);
  background-color: var(--role-surface);
  justify-content: center;
  align-items: center;
  padding-left: var(--spacing-2rem);
  padding-right: var(--spacing-2rem);
  display: flex;
}

.logos_marquee-box.is-home3 {
  aspect-ratio: auto;
  background-color: transparent;
  padding-top: var(--spacing-1rem);
  padding-bottom: var(--spacing-1rem);
}

.logos_marquee {
  flex-flow: row;
  display: flex;
  position: relative;
  overflow: hidden;
}

.logos_marquee-group {
  flex: none;
}

.logos_marquee-scrim {
  z-index: 1;
  pointer-events: none;
  background-image: linear-gradient(80deg in srgb, var(--role-page-deep), var(--tone-page-deep-a128) 4%, var(--tone-page-deep-a13) 96%, var(--role-page-deep));
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.logos_marquee-logos {
  grid-column-gap: var(--spacing-0-375rem);
  grid-row-gap: var(--spacing-0-375rem);
  justify-content: flex-start;
  align-items: center;
  padding-right: var(--spacing-0-375rem);
  display: flex;
}

.section_home1_benefits {
  flex-direction: column;
  justify-content: center;
}

.home1_benefits_grid {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  border: 1px solid var(--role-line);
  border-radius: var(--radius--default);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.home1_benefits_card {
  border-right: 1px solid var(--role-line);
  border-bottom: 1px solid var(--role-line);
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  min-height: 20rem;
  padding: var(--spacing-1rem);
  display: flex;
}

.home1_benefits_card.is-last {
  grid-column-gap: var(--spacing-16);
  grid-row-gap: var(--spacing-16);
  background-image: url('https://urkeffdjrlfjconn.public.blob.vercel-storage.com/m/4b5bed97c813ad67175db426a30f915a57829a27.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: center;
  align-items: center;
}

.button-arrow {
  grid-column-gap: var(--spacing-0-75rem);
  grid-row-gap: var(--spacing-0-75rem);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.section_home1_about {
  flex-direction: column;
  justify-content: center;
}

.home1_about_grid {
  grid-column-gap: var(--spacing-0-375rem);
  grid-row-gap: var(--spacing-0-375rem);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: center start;
  display: grid;
}

.home1_about_image {
  object-fit: cover;
}

.list {
  grid-column-gap: var(--spacing-1rem);
  grid-row-gap: var(--spacing-1rem);
  flex-flow: column;
  display: flex;
}

.list.is-horizontal {
  grid-column-gap: var(--spacing-1-5rem);
  grid-row-gap: var(--spacing-1-5rem);
  flex-flow: row;
}

.list-item {
  grid-column-gap: var(--spacing-0-5rem);
  grid-row-gap: var(--spacing-0-5rem);
  display: flex;
}

.highlight_marquee {
  border-top: 1px solid var(--role-line);
  border-bottom: 1px solid var(--role-line);
  flex-flow: row;
  justify-content: flex-start;
  align-items: stretch;
  height: 10rem;
  display: flex;
  position: relative;
  overflow: hidden;
}

.highlight_marquee-group {
  flex: none;
}

.highlight_marquee-texts {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  justify-content: flex-start;
  align-items: center;
  height: 100%;
  display: flex;
}

.highlight_marquee-copy {
  font-family: var(--font-body);
  padding-right: var(--spacing-1rem);
  font-size: calc(var(--size-20) * var(--scale-body));
  line-height: var(--leading-110);
}

.section_home1_line, .section_home1_integrations {
  flex-direction: column;
  justify-content: center;
}

.integrations_grid {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  border: 1px solid var(--role-line);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.integrations_grid.is-v2 {
  grid-template-columns: 1fr 1fr;
}

.integrations_grid.is-integration {
  grid-template-columns: 1fr;
}

.integrations_card {
  aspect-ratio: 1;
  border-right: 1px solid var(--role-line);
  border-bottom: 1px solid var(--role-line);
  flex-flow: column;
  justify-content: space-between;
  width: 100%;
  padding: var(--spacing-1rem);
  transition: all var(--motion-fast);
  display: flex;
}

.integrations_card:hover {
  background-color: var(--role-surface-2);
}

.integrations_card.is-v2 {
  aspect-ratio: auto;
  border-bottom: 1px solid var(--role-line);
  border-radius: 0;
  height: 100%;
}

.integrations_card.is-integration {
  aspect-ratio: auto;
}

.integrations_header {
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.plan_grid {
  border: 1px solid var(--role-line);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.section_home1_plans {
  flex-direction: column;
  justify-content: center;
}

.pricing_popular {
  background-color: var(--role-line);
  border-radius: var(--radius-0-25rem);
  padding: var(--spacing-0-25rem) var(--spacing-1rem);
  font-size: calc(var(--size-0-75rem) * var(--scale-body));
  font-weight: 500;
}

.home1_pricing_price {
  grid-column-gap: var(--spacing-0-25rem);
  grid-row-gap: var(--spacing-0-25rem);
  justify-content: flex-start;
  align-items: flex-end;
  display: flex;
}

.plan_plan-box {
  border-right: 1px solid var(--role-line);
  background-color: var(--role-page);
  padding: var(--spacing-1-5rem);
}

.plan_plan-box.is-dark {
  background-color: var(--role-on-photo);
  background-image: url('https://urkeffdjrlfjconn.public.blob.vercel-storage.com/m/1c8013ac771819746133e11b8666b10eae4e13e9.jpg');
  background-position: 50%;
  background-size: cover;
}

.plan_plan-title {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.section_home1_blog {
  flex-direction: column;
  justify-content: center;
}

.blog_grid {
  border: 1px solid var(--role-line);
  border-radius: var(--radius--default);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.blog_grid.is-post {
  border-style: none;
  grid-template-columns: 1fr;
}

.blog_grid.is-v2 {
  grid-template-columns: 1fr 1fr;
  align-items: stretch;
}

.blog_grid.is-v3 {
  grid-column-gap: var(--spacing-6);
  grid-row-gap: var(--spacing-6);
  border-style: none;
  grid-template-columns: 1fr 1fr 1fr;
}

.blog_card {
  border-right: 1px solid var(--role-line);
  flex-flow: column;
  height: 100%;
  display: flex;
}

.blog_card.is-v3 {
  border-right-style: none;
}

.blog_image-wrapper {
  aspect-ratio: 3 / 2;
  border-radius: var(--radius--default);
  justify-content: center;
  align-items: center;
  display: flex;
  overflow: hidden;
}

.blog_image-wrapper.is-post {
  aspect-ratio: 2.39;
}

.blog_image {
  aspect-ratio: 2 / 3;
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.blog_content {
  border-radius: var(--radius--default);
  flex-flow: column;
  flex: 1;
  justify-content: space-between;
  padding: var(--spacing-1rem);
  display: flex;
}

.blog_content.is-v2 {
  border-bottom: 1px solid var(--role-line);
  border-radius: 0;
}

.blog_content.is-post {
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
}

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

.blog_info.is-featured {
  grid-column-gap: var(--spacing-1rem);
  grid-row-gap: var(--spacing-1rem);
  justify-content: flex-start;
  align-items: center;
}

.blog_category {
  font-family: var(--font-label);
  color: var(--role-ink);
  text-transform: uppercase;
  font-size: calc(var(--size-0-75rem) * var(--scale-labels));
  line-height: var(--leading-140);
}

.section_home1_banner {
  background-image: url('https://urkeffdjrlfjconn.public.blob.vercel-storage.com/m/f2fcb5dbbf656b10043515567e0f8a5f82b7d25b.jpg');
  background-position: 50%;
  background-size: cover;
  flex-direction: column;
  justify-content: center;
}

.home1_banner_wrapper {
  border-radius: var(--radius--default);
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  min-height: 37.5rem;
  padding: var(--spacing-2-5rem);
  display: flex;
}

.home2_testimonials_slider {
  background-color: transparent;
  height: auto;
  display: flex;
  overflow: visible;
}

.home2_testimonials_author {
  grid-column-gap: var(--spacing-1rem);
  grid-row-gap: var(--spacing-1rem);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.home2_testimonials_mask {
  width: 33.33%;
  height: 100%;
  overflow: visible;
}

.home2_testimonials_card {
  aspect-ratio: 1;
  border: 1px solid var(--role-line);
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  padding: var(--spacing-1-5rem);
  display: flex;
}

.slider-arrow-v2 {
  border: .0625rem solid var(--role-line);
  border-radius: var(--radius-0-375rem);
  justify-content: center;
  align-items: center;
  width: 3rem;
  height: 3rem;
  transition: all var(--motion-fast);
  display: flex;
}

.slider-arrow-v2:hover {
  background-color: var(--role-surface);
}

.slider-arrow-v2.is-right-home {
  inset: -6rem 0% auto auto;
}

.slider-arrow-v2.is-left-home {
  inset: -6rem 3.375rem auto auto;
}

.logos_marquee-image {
  border-radius: 0;
}

.section_home2_testimonials, .section_home2_faq {
  flex-direction: column;
  justify-content: center;
}

.section_home2_banner {
  flex-flow: column;
  justify-content: center;
  align-items: stretch;
  min-height: 56.25rem;
  display: flex;
  overflow: hidden;
}

.home2_banner_grid {
  grid-column-gap: var(--spacing-0-375rem);
  grid-row-gap: var(--spacing-0-375rem);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: stretch start;
  min-height: 43.75rem;
  display: grid;
}

.home2_banner_content {
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.section_home3_hero {
  flex-direction: column;
  justify-content: center;
}

.home3_hero_grid {
  grid-column-gap: var(--spacing-0-375rem);
  grid-row-gap: var(--spacing-0-375rem);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: stretch stretch;
  min-height: 43.75rem;
  display: grid;
}

.home3_hero_image {
  object-fit: cover;
  object-position: 50% 50%;
  height: 100%;
  overflow: hidden;
}

.section_home3_benefits, .section_home3_testimonials {
  flex-direction: column;
  justify-content: center;
}

.home3_testimonials_slider {
  background-color: transparent;
  height: auto;
  display: flex;
  overflow: visible;
}

.home3_testimonials_mask {
  width: 33.33%;
  height: 100%;
  overflow: visible;
}

.home3_testimonials_card {
  grid-column-gap: var(--spacing-2rem);
  grid-row-gap: var(--spacing-2rem);
  border-radius: var(--radius--default);
  background-color: var(--role-surface-2);
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  min-height: 320px;
  margin-right: var(--spacing-0-375rem);
  padding: var(--spacing-1-5rem);
  display: flex;
}

.home3_testimonials_author {
  grid-column-gap: var(--spacing-1rem);
  grid-row-gap: var(--spacing-1rem);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.section_home3_integrations, .section_home3_plans, .section_home3_blog, .section_home3_banner {
  flex-direction: column;
  justify-content: center;
}

.home3_banner_box {
  grid-column-gap: var(--spacing-0-375rem);
  grid-row-gap: var(--spacing-0-375rem);
  border-radius: var(--radius--default);
  background-color: var(--role-surface-2);
  min-height: 37.5rem;
  color: var(--role-ink);
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 2fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  padding: var(--spacing-2-5rem);
  display: grid;
}

.home3_banner_content {
  max-width: var(--content-width--medium);
}

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

.features3_hero_qoute {
  border-radius: var(--radius--default);
  background-color: var(--role-surface-2);
  color: var(--role-ink);
  flex-flow: column;
  justify-content: space-between;
  padding: var(--spacing-1-5rem);
  display: flex;
}

.features3_hero_author {
  grid-column-gap: var(--spacing-0-5rem);
  grid-row-gap: var(--spacing-0-5rem);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.section_features1_details {
  flex-direction: column;
  justify-content: center;
}

.features1_details_grid {
  grid-column-gap: var(--spacing-3rem);
  grid-row-gap: var(--spacing-3rem);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: center start;
  min-height: 43.75rem;
  display: grid;
}

.features1_details_content {
  width: 100%;
}

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

.section_about_metrics {
  flex-direction: column;
  justify-content: center;
}

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

.about_metrics_card {
  grid-column-gap: var(--spacing-1-5rem);
  grid-row-gap: var(--spacing-1-5rem);
  border-radius: var(--radius--default);
  background-color: var(--role-surface);
  flex-flow: column;
  justify-content: space-between;
  min-height: 20rem;
  padding: var(--spacing-1-5rem);
  display: flex;
}

.about_metrics_card.is-black {
  background-image: linear-gradient(in srgb, var(--tone-overlay-40), var(--tone-overlay-40)), url('https://urkeffdjrlfjconn.public.blob.vercel-storage.com/m/970d6192652c2ef7a912014a4154ccbfac24e3db.avif');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

.about_metrics_number {
  font-size: calc(var(--size-5rem) * var(--scale-headings));
  font-weight: 600;
  line-height: var(--leading-110);
}

.section_features2_hero {
  flex-direction: column;
  justify-content: center;
}

.tabs-menu {
  border-radius: var(--radius--default);
  background-color: var(--role-surface);
  margin-bottom: var(--spacing-3rem);
  padding: var(--spacing-0-75rem);
  display: flex;
}

.tabs-link {
  color: var(--role-ink-soft);
  text-align: center;
  background-color: transparent;
  flex: 1;
  justify-content: center;
  align-items: center;
  padding: var(--spacing-0-75rem) var(--spacing-0-375rem);
  font-size: calc(var(--size-0-875rem) * var(--scale-body));
  line-height: var(--leading-140);
  display: flex;
}

.tabs-link.w--current {
  border-radius: var(--radius--default);
  background-color: var(--role-accent);
  color: var(--role-ink);
}

.section_features2_details, .section_features3_benefits {
  flex-direction: column;
  justify-content: center;
}

.icon-height-xlarge {
  height: 5rem;
}

.section_contact1_hero {
  flex-direction: column;
  justify-content: center;
}

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

.contact1_hero_grid {
  grid-column-gap: var(--spacing-0-375rem);
  grid-row-gap: var(--spacing-0-375rem);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.footer_social-link-image {
  border-radius: 0;
}

.contact1_hero_info {
  grid-column-gap: var(--spacing-0-75rem);
  grid-row-gap: var(--spacing-0-75rem);
  flex-flow: column;
  display: flex;
}

.contact1_hero_form-box {
  background-color: var(--role-surface);
  border-radius: var(--radius-0-375rem);
  padding: var(--spacing-1-5rem);
}

.footer_social-link {
  justify-content: center;
  align-items: center;
  width: 1.5rem;
  height: 1.5rem;
  display: flex;
}

.contact1_hero_call-content {
  flex: 1;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.contact1_hero_call {
  grid-column-gap: var(--spacing-1-25rem);
  grid-row-gap: var(--spacing-1-25rem);
  border-radius: var(--radius--default);
  background-color: var(--role-on-photo);
  background-image: url('https://urkeffdjrlfjconn.public.blob.vercel-storage.com/m/f3bbf0cdf27ea727dffdd48fe8a6891def3aeb5f.avif');
  background-position: 50%;
  background-size: auto;
  padding: var(--spacing-1rem);
  display: flex;
}

.section_contact1_reach {
  flex-direction: column;
  justify-content: center;
}

.contact1_reach_grid {
  grid-column-gap: var(--spacing-0-375rem);
  grid-row-gap: var(--spacing-0-375rem);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.contact1_reach_card {
  border-radius: var(--radius--default);
  background-color: var(--role-surface);
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  min-height: 20rem;
  padding: var(--spacing-1rem);
  display: flex;
}

.section_contact3_reach {
  flex-direction: column;
  justify-content: center;
}

.contact3_reach_grid {
  grid-column-gap: var(--spacing-0-375rem);
  grid-row-gap: var(--spacing-0-375rem);
  grid-template-rows: 1fr;
  grid-template-columns: 1fr 1fr;
  grid-auto-rows: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.contact3_reach_card {
  border-radius: var(--radius--default);
  background-color: var(--role-surface);
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  min-height: 20rem;
  padding: var(--spacing-1rem);
  display: flex;
}

.contact3_reach_image {
  object-fit: cover;
  width: 100%;
  max-height: 320px;
}

.section_contact2_hero {
  background-image: url('https://urkeffdjrlfjconn.public.blob.vercel-storage.com/m/f2fcb5dbbf656b10043515567e0f8a5f82b7d25b.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex-direction: column;
  justify-content: center;
}

.contact2_hero_header {
  border-radius: var(--radius--default);
  background-color: var(--role-page);
  flex-flow: column;
  justify-content: center;
  align-items: stretch;
  padding: var(--spacing-2-5rem);
  display: flex;
}

.contact2_hero_form {
  border-radius: var(--radius--default);
  width: 100%;
}

.section_contact2_reach {
  flex-direction: column;
  justify-content: center;
}

.contact2_reach_box {
  grid-column-gap: var(--spacing-1-5rem);
  grid-row-gap: var(--spacing-1-5rem);
  grid-template-rows: auto;
  grid-template-columns: 1fr 2.5fr;
  grid-auto-columns: 1fr;
  min-height: 37.5rem;
  display: grid;
}

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

.contact2_reach_grid {
  grid-column-gap: var(--spacing-0-375rem);
  grid-row-gap: var(--spacing-0-375rem);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.contact2_reach_card {
  border-radius: var(--radius--default);
  background-color: var(--role-surface);
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  min-height: 20rem;
  padding: var(--spacing-1rem);
  display: flex;
}

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

.section_pricing_hero, .section_pricing_plan {
  flex-direction: column;
  justify-content: center;
}

.pricing_plan_header-item {
  grid-column-gap: var(--spacing-1-5rem);
  grid-row-gap: var(--spacing-1-5rem);
  flex-flow: column;
  display: flex;
}

.pricing_plan_table {
  border-radius: var(--radius--default);
  background-color: var(--role-surface);
  padding: var(--spacing-1-5rem);
}

.pricing_plan_heading {
  grid-column-gap: var(--spacing-0-5rem);
  grid-row-gap: var(--spacing-0-5rem);
  display: flex;
}

.pricing_plan_header {
  grid-column-gap: var(--spacing-0-375rem);
  grid-row-gap: var(--spacing-0-375rem);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  padding-bottom: var(--spacing-1-5rem);
  display: grid;
}

.pricing_plan_row {
  grid-column-gap: var(--spacing-1rem);
  grid-row-gap: var(--spacing-1rem);
  border-radius: var(--radius--default);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  padding: var(--spacing-1-5rem) var(--spacing-1rem);
  display: grid;
}

.pricing_plan_row.is-first {
  background-color: var(--role-surface-2);
}

.section_blog_hero {
  flex-direction: column;
  justify-content: center;
}

.blog_hero_header {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.post_featured_card {
  grid-column-gap: var(--spacing-0-375rem);
  grid-row-gap: var(--spacing-0-375rem);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  min-height: 43.75rem;
  display: grid;
}

.post_featured_content {
  border-radius: var(--radius--default);
  background-color: var(--role-surface);
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  padding: var(--spacing-2-5rem);
  display: flex;
}

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

.post_featured_image-wrapper {
  border-radius: var(--radius--default);
  overflow: hidden;
}

.section_blog_feed {
  flex-direction: column;
  justify-content: center;
}

.section_post_header {
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  min-height: 37.5rem;
}

.section_post_content, .section_integrations_hero {
  flex-direction: column;
  justify-content: center;
}

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

.section_integrations_list, .section_integration_hero {
  flex-direction: column;
  justify-content: center;
}

.integration_hero_box {
  border-radius: var(--radius--default);
  background-color: var(--role-surface);
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  padding: var(--spacing-1-5rem);
  display: flex;
}

.section_integration_content, .section_about_hero {
  flex-direction: column;
  justify-content: center;
}

.about_hero_grid {
  grid-column-gap: var(--spacing-0-375rem);
  grid-row-gap: var(--spacing-0-375rem);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  min-height: 37.5rem;
  display: grid;
}

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

.about_hero_content {
  justify-content: flex-start;
  align-items: center;
  padding: var(--spacing-2-5rem);
  display: flex;
}

.icon-1x1-huge {
  width: 3.75rem;
  height: 3.75rem;
}

.section_about_team {
  flex-direction: column;
  justify-content: center;
}

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

.about_team_social {
  grid-column-gap: var(--spacing-0-125rem);
  grid-row-gap: var(--spacing-0-125rem);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.about_team_card {
  grid-column-gap: var(--spacing-0-375rem);
  grid-row-gap: var(--spacing-0-375rem);
  border: 1px solid var(--role-line);
  flex-flow: column;
  height: 100%;
  display: flex;
}

.about_team_info {
  border-radius: var(--radius--default);
  flex: 1;
  padding: var(--spacing-1rem);
}

.about_team_image {
  aspect-ratio: 5 / 6;
  object-fit: cover;
  border-radius: 0;
}

.about_years_mask {
  width: 28.5rem;
  height: 100%;
  overflow: visible;
}

.about_years_slider {
  background-color: transparent;
  flex-flow: row;
  height: auto;
  right: 0;
  overflow: visible;
}

.about_years_info {
  flex-flow: column;
  justify-content: space-between;
  height: 100%;
  display: flex;
}

.section_about_years {
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
}

.about_years_content {
  aspect-ratio: 3 / 2;
  border: 1px solid var(--role-line);
  background-color: var(--role-page);
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  padding: var(--spacing-1rem);
  display: flex;
}

.utility_grid {
  grid-column-gap: var(--spacing-0-375rem);
  grid-row-gap: var(--spacing-0-375rem);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  min-height: 43.75rem;
  display: grid;
}

.utility_or {
  grid-column-gap: var(--spacing-1-5rem);
  grid-row-gap: var(--spacing-1-5rem);
  justify-content: center;
  align-items: center;
  display: flex;
}

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

.sign-in {
  flex-direction: column;
  justify-content: center;
}

.utility_box {
  border-radius: var(--radius--default);
  background-color: var(--role-surface);
  justify-content: center;
  align-items: center;
  display: flex;
}

.sign-up, .forgot-password {
  flex-direction: column;
  justify-content: center;
}

.demo_call {
  grid-column-gap: var(--spacing-1-25rem);
  grid-row-gap: var(--spacing-1-25rem);
  border-radius: var(--radius--default);
  background-image: url('https://urkeffdjrlfjconn.public.blob.vercel-storage.com/m/970d6192652c2ef7a912014a4154ccbfac24e3db.avif');
  background-position: 50%;
  background-size: cover;
  padding: var(--spacing-1rem);
  display: flex;
}

.demo_image {
  object-fit: cover;
}

.demo_call-image {
  object-fit: cover;
  width: 6.25rem;
  height: 6.25rem;
}

.demo_content {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.demo_content.max-width-medium {
  justify-content: space-between;
  align-items: stretch;
}

.demo_grid {
  grid-column-gap: var(--spacing-0-375rem);
  grid-row-gap: var(--spacing-0-375rem);
  grid-template-rows: auto;
  grid-template-columns: 2fr 1fr;
  grid-auto-columns: 1fr;
  place-items: stretch start;
  min-height: 50rem;
  display: grid;
}

.section_demo {
  flex-direction: column;
  justify-content: center;
}

.terms_image {
  aspect-ratio: 16 / 9;
  object-fit: cover;
  width: 100%;
}

.terms_header {
  grid-column-gap: var(--spacing-0-75rem);
  grid-row-gap: var(--spacing-0-75rem);
  border-radius: var(--radius--default);
  background-color: var(--role-surface);
  text-align: center;
  flex-flow: column;
  padding: var(--spacing-2-5rem);
  display: flex;
}

.section_terms {
  flex-direction: column;
  justify-content: center;
}

.licenses_grid {
  grid-column-gap: var(--spacing-0-375rem);
  grid-row-gap: var(--spacing-0-375rem);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.section_licenses {
  flex-direction: column;
  justify-content: center;
}

.licenses_card {
  border-radius: var(--radius--default);
  background-color: var(--role-surface);
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-start;
  min-height: 21.25rem;
  padding: var(--spacing-1rem);
  display: flex;
}

.text-size-regular {
  font-size: calc(var(--size-body-regular) * var(--scale-body));
}

.changelog_grid {
  grid-column-gap: var(--spacing-0-375rem);
  grid-row-gap: var(--spacing-0-375rem);
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.changelog_card {
  border-radius: var(--radius--default);
  background-color: var(--role-surface);
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-start;
  padding: var(--spacing-1rem);
  display: flex;
}

.dot-button {
  background-color: var(--role-accent);
  border-radius: var(--radius-50);
  width: 6px;
  height: 6px;
}

.cart-quantity-2 {
  background-color: var(--role-surface);
}

.home1_testimonials_box {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border: 1px solid var(--role-line);
  border-radius: var(--radius--default);
  height: 600px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.home1_testimonials_column {
  flex-flow: column;
  flex: 1;
  display: flex;
}

.home1_testimonials_card {
  border-right: 1px solid var(--role-line);
  border-bottom: 1px solid var(--role-line);
  padding: var(--spacing-24);
}

.home1_testimonials_author {
  grid-column-gap: var(--spacing-16);
  grid-row-gap: var(--spacing-16);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.home1_testimonials_scrim {
  pointer-events: none;
  background-image: linear-gradient(in srgb, transparent 78%, var(--role-page-deep));
  position: absolute;
  inset: 0%;
}

.highlight_marquee-box {
  grid-column-gap: var(--spacing-12);
  grid-row-gap: var(--spacing-12);
  justify-content: flex-start;
  align-items: center;
  padding-left: var(--spacing-60);
  padding-right: var(--spacing-60);
  display: flex;
}

.highlight_marquee-image {
  object-fit: cover;
  border-radius: 0;
  width: 312px;
  height: 100%;
}

.section_home2_hero {
  flex-direction: column;
  justify-content: center;
}

.home2_hero_grid {
  grid-column-gap: var(--spacing-6);
  grid-row-gap: var(--spacing-6);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  height: 700px;
  display: grid;
}

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

.home2_hero_qoute {
  border-radius: var(--radius--default);
  background-color: var(--role-surface);
  flex-flow: column;
  justify-content: space-between;
  padding: var(--spacing-24);
  display: flex;
}

.home2_hero_author {
  grid-column-gap: var(--spacing-12);
  grid-row-gap: var(--spacing-12);
  display: flex;
}

.home2_hero_author-image {
  width: 60px;
  height: 60px;
}

.section_home2_benefits {
  flex-direction: column;
  justify-content: center;
}

.home2_benefits_box {
  grid-column-gap: var(--spacing-6);
  grid-row-gap: var(--spacing-6);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1.5fr;
  grid-auto-columns: 1fr;
  place-items: start;
  display: grid;
}

.home2_benefits_grid {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  border: 1px solid var(--role-line);
  border-radius: var(--radius--default);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.home2_benefits_card {
  border-right: 1px solid var(--role-line);
  border-bottom: 1px solid var(--role-line);
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  min-height: 16rem;
  padding: var(--spacing-1rem);
  display: flex;
}

.home2_benefits_card.is-last {
  grid-column-gap: var(--spacing-16);
  grid-row-gap: var(--spacing-16);
  background-image: url('https://urkeffdjrlfjconn.public.blob.vercel-storage.com/m/4b5bed97c813ad67175db426a30f915a57829a27.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: center;
  align-items: center;
}

.section_home2_about {
  flex-direction: column;
  justify-content: center;
}

.home2_about_grid {
  grid-column-gap: var(--spacing-49);
  grid-row-gap: var(--spacing-49);
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  place-items: center start;
  display: grid;
}

.home2_about_content {
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.home2_about_image {
  object-fit: cover;
}

.section_home2_integrations, .section_home2_line, .section_home2_plans, .section_home2_blog {
  flex-direction: column;
  justify-content: center;
}

.home2_hero_image {
  object-fit: cover;
  object-position: 50% 50%;
  height: 100%;
  overflow: hidden;
}

.integrations_card_top {
  flex: 1;
}

.home3_hero_logos {
  border: 1px solid var(--role-line);
  border-radius: var(--radius--default);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.home3_hero_logo-box {
  aspect-ratio: 1;
  background-color: var(--role-surface);
  border-radius: var(--radius-0-375rem);
  flex: 1;
  justify-content: center;
  align-items: center;
  padding-left: var(--spacing-2rem);
  padding-right: var(--spacing-2rem);
  display: flex;
}

.home3_hero_logo-box.is-home1 {
  flex: 1;
}

.home3_hero_logos-image {
  border-radius: 0;
}

.home3_hero_content {
  border-radius: var(--radius--default);
  background-color: var(--role-surface-2);
  text-align: center;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  padding: var(--spacing-24);
  display: flex;
}

.home3_benefits_grid {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  border: 1px solid var(--role-line);
  border-radius: var(--radius--default);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

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

.home3_benefits_card {
  border-right: 1px solid var(--role-line);
  border-bottom: 1px solid var(--role-line);
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  min-height: 20rem;
  padding: var(--spacing-1rem);
  display: flex;
}

.section_home3_about {
  flex-direction: column;
  justify-content: center;
}

.home3_about_grid {
  grid-column-gap: var(--spacing-0-375rem);
  grid-row-gap: var(--spacing-0-375rem);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: stretch stretch;
  display: grid;
}

.home3_about_image {
  object-fit: cover;
}

.home3_about_content {
  border-radius: var(--radius--default);
  background-color: var(--role-surface-2);
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  padding: var(--spacing-24);
  display: flex;
}

.section_home3_line {
  flex-direction: column;
  justify-content: center;
}

.section_features1_grid {
  grid-column-gap: var(--spacing-6);
  grid-row-gap: var(--spacing-6);
  grid-template-rows: auto;
  grid-template-columns: 2fr 1fr;
  grid-auto-columns: 1fr;
  min-height: 600px;
  display: grid;
  overflow: hidden;
}

.section_features1_benefits {
  flex-direction: column;
  justify-content: center;
}

.features1_benefits_grid {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  border: 1px solid var(--role-line);
  border-radius: var(--radius--default);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

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

.features1_benefits_card {
  border-right: 1px solid var(--role-line);
  border-bottom: 1px solid var(--role-line);
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  min-height: 20rem;
  padding: var(--spacing-1rem);
  display: flex;
}

.features1_cases_grid {
  border: 1px solid var(--role-line);
  border-radius: var(--radius--default);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: stretch start;
  display: grid;
}

.features1_cases_list-item {
  grid-column-gap: var(--spacing-0-25rem);
  grid-row-gap: var(--spacing-0-25rem);
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.features1_cases_list {
  grid-column-gap: var(--spacing-0-75rem);
  grid-row-gap: var(--spacing-0-75rem);
  flex-flow: column;
  display: flex;
}

.section_features1_cases {
  flex-direction: column;
  justify-content: center;
}

.features1_cases_card {
  border-right: 1px solid var(--role-line);
  width: 100%;
  padding: var(--spacing-1rem);
}

.section_features1_integrations {
  flex-direction: column;
  justify-content: center;
}

.features2_hero_content {
  border-radius: var(--radius--default);
  background-color: var(--role-page);
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  padding: var(--spacing-1-5rem);
  display: flex;
}

.features2_hero_image {
  max-width: 21.25rem;
  margin-bottom: calc(var(--spacing-1-5rem) * -1);
}

.features2_hero_grid {
  grid-column-gap: var(--spacing-0-375rem);
  grid-row-gap: var(--spacing-0-375rem);
  color: var(--role-on-photo);
  background-image: url('https://urkeffdjrlfjconn.public.blob.vercel-storage.com/m/970d6192652c2ef7a912014a4154ccbfac24e3db.avif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: var(--radius-card);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: end center;
  min-height: 43.75rem;
  padding: var(--spacing-1-5rem);
  display: grid;
}

.section_features2_benefits {
  flex-direction: column;
  justify-content: center;
}

.features2_benefits_grid {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  border: 1px solid var(--role-line);
  border-radius: var(--radius--default);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.features2_benefits_card {
  border-right: 1px solid var(--role-line);
  border-bottom: 1px solid var(--role-line);
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  min-height: 20rem;
  padding: var(--spacing-1rem);
  display: flex;
}

.section_features2_cases {
  flex-direction: column;
  justify-content: center;
}

.features2_cases_grid {
  border: 1px solid var(--role-line);
  border-radius: var(--radius--default);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: stretch start;
  display: grid;
}

.features2_cases_card {
  border-right: 1px solid var(--role-line);
  border-bottom: 1px solid var(--role-line);
  width: 100%;
  padding: var(--spacing-1rem);
}

.section_features2_integrations {
  flex-direction: column;
  justify-content: center;
}

.features3_hero_grid {
  grid-column-gap: var(--spacing-0-375rem);
  grid-row-gap: var(--spacing-0-375rem);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

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

.features3_hero_number {
  border-radius: var(--radius--default);
  background-color: var(--role-surface-2);
  color: var(--role-on-photo);
  background-image: url('https://urkeffdjrlfjconn.public.blob.vercel-storage.com/m/970d6192652c2ef7a912014a4154ccbfac24e3db.avif');
  background-position: 50%;
  background-size: cover;
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-start;
  padding: var(--spacing-1-5rem);
  display: flex;
}

.features3_benefits_grid {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  border: 1px solid var(--role-line);
  border-radius: var(--radius--default);
  grid-template-rows: auto;
  grid-template-columns: 1fr 2.5fr;
  grid-auto-columns: 1fr;
  display: grid;
}

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

.features3_benefits_card {
  border-right: 1px solid var(--role-line);
  border-bottom: 1px solid var(--role-line);
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  padding: var(--spacing-1rem);
  display: flex;
}

.section_features3_details {
  flex-direction: column;
  justify-content: center;
}

.features3_details_grid {
  grid-column-gap: var(--spacing-3rem);
  grid-row-gap: var(--spacing-3rem);
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  place-items: center start;
  min-height: 43.75rem;
  display: grid;
}

.features3_details_content {
  width: 100%;
}

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

.section_features3_cases {
  flex-direction: column;
  justify-content: center;
}

.features3_cases_grid {
  border: 1px solid var(--role-line);
  border-radius: var(--radius--default);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: stretch start;
  display: grid;
}

.features3_cases_card {
  border-right: 1px solid var(--role-line);
  width: 100%;
  padding: var(--spacing-1rem);
}

.features3_cases_list {
  grid-column-gap: var(--spacing-0-75rem);
  grid-row-gap: var(--spacing-0-75rem);
  flex-flow: column;
  display: flex;
}

.features3_cases_list-item {
  grid-column-gap: var(--spacing-0-25rem);
  grid-row-gap: var(--spacing-0-25rem);
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.section_features3_integrations, .section_contact3_hero {
  flex-direction: column;
  justify-content: center;
}

.contact3_hero_grid {
  grid-column-gap: var(--spacing-0-375rem);
  grid-row-gap: var(--spacing-0-375rem);
  border-radius: var(--radius--default);
  background-color: var(--role-surface-2);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  padding: var(--spacing-40);
  display: grid;
}

.contact3_hero_content {
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.contact3_hero_call {
  grid-column-gap: var(--spacing-1-25rem);
  grid-row-gap: var(--spacing-1-25rem);
  border-radius: var(--radius--default);
  background-color: var(--role-page);
  padding: var(--spacing-1rem);
  display: flex;
}

.contact3_hero_form-box {
  background-color: var(--role-surface);
  background-image: url('https://urkeffdjrlfjconn.public.blob.vercel-storage.com/m/970d6192652c2ef7a912014a4154ccbfac24e3db.avif');
  background-position: 50%;
  background-size: cover;
  border-radius: var(--radius-0-375rem);
  padding: var(--spacing-1-5rem);
}

.contact3_hero_call-content {
  grid-column-gap: var(--spacing-12);
  grid-row-gap: var(--spacing-12);
  flex-flow: column;
  flex: 1;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.plan_hero_grid {
  grid-column-gap: var(--spacing-0-375rem);
  grid-row-gap: var(--spacing-0-375rem);
  border-radius: var(--radius-card);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  min-height: 43.75rem;
  display: grid;
}

.plan_hero_price {
  grid-column-gap: var(--spacing-0-25rem);
  grid-row-gap: var(--spacing-0-25rem);
  justify-content: flex-start;
  align-items: flex-end;
  display: flex;
}

.section_plan_hero {
  flex-direction: column;
  justify-content: center;
}

.button-7 {
  color: var(--role-ink);
  text-align: center;
  background-color: var(--role-page);
  border-radius: var(--radius-card);
  padding: var(--spacing-0-75rem) var(--spacing-1-5rem);
  font-weight: 500;
  line-height: var(--leading-140);
  transition: all var(--motion-fast);
}

.button-7:hover {
  opacity: .9;
}

.button-7.is-alternative {
  color: var(--role-page-deep);
  background-color: var(--role-ink);
}

.button-7.is-alternative:hover {
  background-color: var(--tone-ink-85-ink-soft);
}

.plan_hero_content {
  background-color: var(--role-surface);
  border-radius: var(--radius-card);
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  padding: var(--spacing-1rem);
  display: flex;
}

.plan_hero_image {
  object-fit: cover;
}

.post_header_grid {
  grid-column-gap: var(--spacing-0-375rem);
  grid-row-gap: var(--spacing-0-375rem);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  min-height: 43.75rem;
  display: grid;
}

.post_header_content {
  grid-column-gap: var(--spacing-24);
  grid-row-gap: var(--spacing-24);
  border-radius: var(--radius--default);
  background-color: var(--role-surface);
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  padding: var(--spacing-2-5rem);
  display: flex;
}

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

.home1_hero_image-copy {
  aspect-ratio: 1;
  object-fit: cover;
  object-position: 50% 50%;
  height: 100%;
  overflow: hidden;
}

.button-plan {
  /* lx-fixed-rule: Webflow store leftover (template store badge or button); its values stay as they are */
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  background-color: #fff;
  border-radius: .75rem;
  justify-content: space-between;
  align-items: center;
  padding: .5625rem .75rem;
  transition: all .2s;
  display: flex;
}

.button-plan:hover {
  /* lx-fixed-rule: Webflow store leftover (template store badge or button); its values stay as they are */
  background-color: #f5f5f5;
}

.badge-icon {
  width: 32px;
  height: 32px;
}

.text-style-badge-2 {
  z-index: 5;
  grid-column-gap: var(--spacing-8);
  grid-row-gap: var(--spacing-8);
  color: var(--role-surface-2);
  letter-spacing: var(--tracking-0-6);
  text-transform: uppercase;
  justify-content: flex-start;
  align-items: center;
  font-size: calc(var(--size-0-85rem) * var(--scale-labels));
  font-weight: 300;
  line-height: var(--leading-0-85rem);
  display: flex;
  position: relative;
}

@media screen and (max-width: 991px) {
  body {
    font-variant-numeric: lining-nums ordinal;
  }

  .padding-xlarge {
    padding: var(--spacing-3rem);
  }

  .margin-xlarge {
    margin: var(--spacing-3rem);
  }

  .padding-xhuge {
    padding: var(--spacing-6rem);
  }

  .padding-xxhuge {
    padding: var(--spacing-8rem);
  }

  .padding-huge {
    padding: var(--spacing-5rem);
  }

  .margin-large {
    margin: var(--spacing-2-5rem);
  }

  .padding-xxlarge {
    padding: var(--spacing-4rem);
  }

  .padding-large {
    padding: var(--spacing-2-5rem);
  }

  .margin-huge {
    margin: var(--spacing-5rem);
  }

  .padding-medium {
    padding: var(--spacing-1-5rem);
  }

  .margin-xxlarge {
    margin: var(--spacing-4rem);
  }

  .margin-xhuge {
    margin: var(--spacing-6rem);
  }

  .margin-medium {
    margin: var(--spacing-1-5rem);
  }

  .margin-xxhuge {
    margin: var(--spacing-8rem);
  }

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

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

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

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

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

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

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

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

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

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

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

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

  .hide-tablet {
    display: none;
  }

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

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

  .padding-global.padding-section-medium {
    padding-top: var(--spacing-6rem);
    padding-bottom: var(--spacing-6rem);
  }

  .fs-styleguide_1-col {
    grid-column-gap: var(--spacing-2rem);
    grid-row-gap: var(--spacing-2rem);
  }

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

  .padding-section-large {
    padding-top: var(--spacing-6rem);
    padding-bottom: var(--spacing-6rem);
  }

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

  .fs-styleguide_section {
    grid-column-gap: var(--spacing-2-5rem);
    grid-template-columns: 1fr;
  }

  .padding-section-medium {
    padding-top: var(--spacing-4rem);
    padding-bottom: var(--spacing-4rem);
  }

  .spacer-medium {
    padding-top: var(--spacing-1-5rem);
  }

  .spacer-xlarge {
    padding-top: var(--spacing-3rem);
  }

  .spacer-large {
    padding-top: var(--spacing-2-5rem);
  }

  .spacer-xxlarge {
    padding-top: var(--spacing-4rem);
  }

  .nav-dropdown-toggle {
    justify-content: flex-start;
    align-items: center;
    padding-top: var(--spacing-1rem);
    padding-bottom: var(--spacing-1rem);
  }

  .nav-menu-button {
    justify-content: center;
    align-items: center;
    width: 3rem;
    height: 3rem;
    padding: var(--spacing-0-375rem) var(--spacing-0-75rem) 0;
    display: flex;
  }

  .nav-menu-button.w--open {
    background-color: transparent;
  }

  .nav-menu-wrapper {
    flex: 1;
    justify-content: flex-end;
    align-items: flex-end;
    display: flex;
  }

  .overview_banners_grid {
    min-height: 37.5rem;
  }

  .nav-menu {
    z-index: 999999999;
    background-color: var(--role-page);
    flex-flow: column;
    flex: none;
    justify-content: flex-start;
    align-items: stretch;
    width: 100%;
    margin-top: var(--spacing-4-75rem);
    padding-bottom: var(--spacing-10rem);
    position: fixed;
    inset: 0%;
    overflow: scroll;
  }

  .nav-dropdown {
    flex: 1;
    width: 100%;
  }

  .overview_benefits_grid {
    grid-template-columns: 1fr 1fr;
  }

  .nav-link {
    padding-top: var(--spacing-1rem);
    padding-bottom: var(--spacing-1rem);
  }

  .overview_features_figma-content {
    flex: 1;
  }

  .nav-links-buttons {
    flex-flow: column;
    justify-content: flex-start;
    align-items: stretch;
    padding-left: var(--spacing-1rem);
    padding-right: var(--spacing-1rem);
    display: flex;
  }

  .overview_hero_grid-box.is-right, .overview_hero_grid-box.is-left {
    padding-left: var(--spacing-1rem);
    padding-right: var(--spacing-1rem);
  }

  .nav-dropdown-column.is-buy-template {
    display: none;
  }

  .nav-dropdown-grid {
    grid-row-gap: var(--spacing-2rem);
    grid-template-columns: 1fr 1fr;
  }

  .bottom-blur {
    border-radius: var(--radius-0-875rem);
    height: 4rem;
  }

  .nav-menu-icon {
    width: 1.5rem;
    max-width: none;
    height: 1.5rem;
  }

  .nav-dropdown-wrapper.w--open {
    margin-bottom: var(--spacing-1rem);
    margin-left: 0;
    margin-right: var(--spacing-1-25rem);
    position: static;
  }

  .nav-content {
    overflow: visible;
  }

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

  .section_header {
    grid-column-gap: var(--spacing-0-75rem);
    grid-row-gap: var(--spacing-0-75rem);
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .slider-arrow.is-left-home {
    margin: auto 0 calc(var(--spacing-4-5rem) * -1) calc(var(--spacing-28-75rem) * -1);
    display: none;
    position: static;
  }

  .slider-arrow.is-right-home {
    margin-bottom: calc(var(--spacing-4-5rem) * -1);
    margin-left: var(--spacing-0-25rem);
    display: none;
    position: static;
  }

  .faq_icon {
    flex: none;
  }

  ._404_grid {
    grid-column-gap: var(--spacing-3rem);
    grid-row-gap: var(--spacing-3rem);
    grid-template-columns: 1fr;
  }

  .checkout_form {
    grid-template-columns: 2fr;
  }

  .home1_hero_grid {
    grid-template-columns: 1fr;
  }

  .home1_benefits_grid {
    grid-template-columns: 1fr 1fr;
  }

  .home1_about_grid {
    grid-column-gap: var(--spacing-1-5rem);
    grid-row-gap: var(--spacing-1-5rem);
    grid-template-columns: 1fr;
  }

  .home1_about_content {
    padding-left: 0;
  }

  .integrations_grid {
    grid-template-columns: 1fr 1fr;
  }

  .integrations_card {
    border-bottom: 1px solid var(--role-line);
    border-radius: 0;
  }

  .plan_grid {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    grid-template-columns: 1fr;
  }

  .plan_plan-box {
    border-bottom: 1px solid var(--role-line);
  }

  .plan_box {
    overflow: hidden;
  }

  .blog_grid {
    grid-template-columns: 1fr 1fr;
  }

  .blog_content {
    border-bottom: 1px solid var(--role-line);
  }

  .blog_content.is-post {
    border-bottom-style: none;
  }

  .home2_testimonials_slider {
    overflow: hidden;
  }

  .home2_testimonials_mask {
    width: 50%;
  }

  .slider-arrow-v2.is-right-home {
    margin-bottom: calc(var(--spacing-4-5rem) * -1);
    margin-left: var(--spacing-0-25rem);
    display: inline-flex;
    position: static;
  }

  .slider-arrow-v2.is-left-home {
    margin-bottom: calc(var(--spacing-4-5rem) * -1);
    margin-left: 0;
    margin-right: 0;
    display: inline-flex;
    position: static;
  }

  .home2_banner_grid {
    grid-column-gap: var(--spacing-2rem);
    grid-row-gap: var(--spacing-2rem);
    grid-template-columns: 1fr;
  }

  .home3_hero_grid {
    grid-template-columns: 1fr;
  }

  .home3_testimonials_slider {
    overflow: hidden;
  }

  .home3_testimonials_mask {
    width: 50%;
  }

  .features3_hero_qoute {
    grid-column-gap: var(--spacing-1-5rem);
    grid-row-gap: var(--spacing-1-5rem);
  }

  .features1_details_grid {
    grid-column-gap: var(--spacing-1-5rem);
    grid-row-gap: var(--spacing-1-5rem);
    grid-template-columns: 1fr;
  }

  .features1_details_content {
    padding-left: 0;
  }

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

  .contact1_hero_grid {
    grid-column-gap: var(--spacing-3rem);
    grid-row-gap: var(--spacing-3rem);
    grid-template-columns: 1fr;
  }

  .pricing_plan_header, .pricing_plan_row {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .blog_hero_header {
    padding-left: 0;
  }

  .about_hero_grid {
    grid-column-gap: var(--spacing-2rem);
    grid-row-gap: var(--spacing-2rem);
    grid-template-columns: 1fr;
  }

  .about_hero_image {
    aspect-ratio: 2;
    height: 100%;
  }

  .about_hero_content {
    padding: 0;
  }

  .about_years_mask {
    margin-bottom: var(--spacing-24);
  }

  .section_about_years {
    overflow: hidden;
  }

  .utility_grid {
    grid-template-columns: 1fr;
  }

  .utility_box {
    padding-top: var(--spacing-2-5rem);
    padding-bottom: var(--spacing-2-5rem);
  }

  .demo_grid {
    grid-column-gap: var(--spacing-3rem);
    grid-row-gap: var(--spacing-3rem);
    grid-template-columns: 2fr;
  }

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

  .home2_hero_grid {
    grid-column-gap: var(--spacing-32);
    grid-row-gap: var(--spacing-32);
    grid-template-columns: 1fr;
    height: auto;
  }

  .home2_benefits_grid {
    grid-template-columns: 1fr 1fr;
  }

  .home2_about_grid {
    grid-column-gap: var(--spacing-1-5rem);
    grid-row-gap: var(--spacing-1-5rem);
    grid-template-columns: 1fr;
  }

  .home2_about_content {
    padding-left: 0;
  }

  .home3_hero_logos {
    grid-column-gap: var(--spacing-0-375rem);
    grid-row-gap: var(--spacing-0-375rem);
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .home3_hero_content {
    grid-column-gap: var(--spacing-0-75rem);
    grid-row-gap: var(--spacing-0-75rem);
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .home3_benefits_grid {
    grid-template-columns: 1fr 1fr;
  }

  .home3_about_grid {
    grid-column-gap: var(--spacing-1-5rem);
    grid-row-gap: var(--spacing-1-5rem);
    grid-template-columns: 1fr;
  }

  .section_features1_grid {
    grid-template-columns: 1fr;
  }

  .features1_benefits_grid {
    grid-template-columns: 1fr 1fr;
  }

  .features1_cases_grid {
    grid-column-gap: var(--spacing-1-5rem);
    grid-row-gap: var(--spacing-1-5rem);
    grid-template-columns: 1fr;
  }

  .features1_cases_card {
    border-bottom: 1px solid var(--role-line);
  }

  .features2_hero_grid {
    grid-template-columns: 1fr;
  }

  .features2_benefits_grid {
    grid-template-columns: 1fr 1fr;
  }

  .features2_cases_grid {
    grid-column-gap: var(--spacing-1-5rem);
    grid-row-gap: var(--spacing-1-5rem);
    grid-template-columns: 1fr;
  }

  .features3_hero_grid {
    grid-template-columns: 1fr;
  }

  .features3_hero_image {
    aspect-ratio: auto;
    width: 100%;
    max-width: none;
  }

  .features3_hero_number {
    grid-column-gap: var(--spacing-1-5rem);
    grid-row-gap: var(--spacing-1-5rem);
  }

  .features3_benefits_grid {
    grid-template-columns: 1fr 1fr;
  }

  .features3_details_grid {
    grid-column-gap: var(--spacing-1-5rem);
    grid-row-gap: var(--spacing-1-5rem);
    grid-template-columns: 1fr;
  }

  .features3_details_content {
    padding-left: 0;
  }

  .features3_cases_grid {
    grid-column-gap: var(--spacing-1-5rem);
    grid-row-gap: var(--spacing-1-5rem);
    grid-template-columns: 1fr;
  }

  .contact3_hero_grid {
    grid-column-gap: var(--spacing-3rem);
    grid-row-gap: var(--spacing-3rem);
    grid-template-columns: 1fr;
  }
}

@media screen and (max-width: 767px) {
  h1 {
    font-size: calc(var(--size-h1) * var(--scale-headings));
  }

  .padding-xlarge {
    padding: var(--spacing-2rem);
  }

  .margin-xlarge {
    margin: var(--spacing-2rem);
  }

  .padding-xhuge {
    padding: var(--spacing-4rem);
  }

  .padding-xxhuge {
    padding: var(--spacing-4-5rem);
  }

  .padding-huge {
    padding: var(--spacing-3-5rem);
  }

  .margin-large {
    margin: var(--spacing-1-5rem);
  }

  .padding-xxlarge {
    padding: var(--spacing-3rem);
  }

  .padding-large {
    padding: var(--spacing-1-5rem);
  }

  .margin-huge {
    margin: var(--spacing-3-5rem);
  }

  .padding-medium {
    padding: var(--spacing-1-25rem);
  }

  .margin-xxlarge {
    margin: var(--spacing-3rem);
  }

  .margin-xhuge {
    margin: var(--spacing-4rem);
  }

  .margin-medium {
    margin: var(--spacing-1-25rem);
  }

  .margin-xxhuge {
    margin: var(--spacing-4-5rem);
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

  .heading-style-h1 {
    font-size: calc(var(--size-h1) * var(--scale-headings));
  }

  .padding-global {
    padding-left: var(--spacing-1-25rem);
    padding-right: var(--spacing-1-25rem);
  }

  .padding-global.padding-section-medium {
    padding-top: var(--spacing-6rem);
    padding-bottom: var(--spacing-6rem);
  }

  .padding-section-small {
    padding-top: var(--spacing-2rem);
    padding-bottom: var(--spacing-2rem);
  }

  .fs-styleguide_section-header {
    font-size: calc(var(--size-0-875rem) * var(--scale-body));
  }

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

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

  .form_input {
    font-size: calc(var(--size-body-regular) * var(--scale-body));
  }

  .padding-section-large {
    padding-top: var(--spacing-4rem);
    padding-bottom: var(--spacing-4rem);
  }

  .text-size-large {
    font-size: calc(var(--size-body-large) * var(--scale-body));
  }

  .padding-section-medium {
    padding-top: var(--spacing-3rem);
    padding-bottom: var(--spacing-3rem);
  }

  .spacer-medium {
    padding-top: var(--spacing-1-25rem);
  }

  .spacer-xlarge {
    padding-top: var(--spacing-2rem);
  }

  .spacer-large {
    padding-top: var(--spacing-1-5rem);
  }

  .spacer-xxlarge {
    padding-top: var(--spacing-3rem);
  }

  .overview_features_figma {
    grid-column-gap: var(--spacing-1-5rem);
    grid-row-gap: var(--spacing-1-5rem);
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .overview_banners_left {
    padding-top: var(--spacing-3rem);
    padding-bottom: var(--spacing-3rem);
  }

  .overview_banners_grid {
    grid-template-columns: 1fr;
    min-height: auto;
  }

  .overview_pages_grid, .footer_nav {
    grid-template-columns: 1fr 1fr;
  }

  .overview_features_grid {
    grid-template-columns: 1fr;
  }

  .footer-box {
    padding: var(--spacing-3rem) var(--spacing-1-5rem);
  }

  .overview_benefits_card {
    flex-flow: column;
  }

  .overview_banners_customize {
    padding-top: var(--spacing-3rem);
    padding-bottom: var(--spacing-3rem);
  }

  .badges {
    display: none;
  }

  .footer_info {
    grid-column-gap: var(--spacing-0-75rem);
    grid-row-gap: var(--spacing-0-75rem);
    flex-flow: column;
  }

  .footer_banners {
    grid-template-columns: 1fr;
  }

  .nav-wrapper {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
  }

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

  .section_heading {
    position: static;
  }

  .slider-arrow.is-left-home {
    margin-left: calc(var(--spacing-20rem) * -1);
  }

  .faq_grid {
    grid-column-gap: var(--spacing-2rem);
    grid-row-gap: var(--spacing-2rem);
    grid-template-columns: 1fr;
  }

  .faq_left, ._404_content {
    grid-column-gap: var(--spacing-1-5rem);
    grid-row-gap: var(--spacing-1-5rem);
  }

  .home1_benefits_card.is-last {
    justify-content: center;
    align-items: flex-start;
  }

  .blog_grid {
    grid-template-columns: 1fr;
  }

  .blog_grid.is-v3 {
    grid-template-columns: 1fr 1fr;
  }

  .blog_content.is-v3 {
    border-bottom-style: none;
  }

  .home1_banner_wrapper {
    padding: var(--spacing-1-5rem) var(--spacing-1rem);
  }

  .home2_testimonials_mask {
    width: 24rem;
  }

  .slider-arrow-v2.is-left-home {
    margin-left: calc(var(--spacing-20rem) * -1);
  }

  .home3_testimonials_mask {
    width: 24rem;
  }

  .home3_banner_box {
    grid-column-gap: var(--spacing-2rem);
    grid-row-gap: var(--spacing-2rem);
    grid-template-columns: 2fr;
    padding: var(--spacing-1-5rem) var(--spacing-1rem);
  }

  .contact1_hero_call-content {
    grid-column-gap: var(--spacing-0-75rem);
    grid-row-gap: var(--spacing-0-75rem);
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .contact1_reach_grid, .contact3_reach_grid {
    grid-template-columns: 1fr;
  }

  .contact2_hero_header {
    padding: var(--spacing-1-5rem);
  }

  .contact2_reach_box, .contact2_reach_grid {
    grid-template-columns: 1fr;
  }

  .contact2_reach_image {
    aspect-ratio: 3 / 2;
    height: auto;
  }

  .post_featured_card {
    grid-template-columns: 1fr;
  }

  .post_featured_content {
    padding: var(--spacing-1-5rem);
  }

  .about_hero_grid {
    grid-template-columns: 1fr;
  }

  .about_hero_content {
    padding: 0;
  }

  .about_team_grid {
    grid-template-columns: 1fr 1fr;
  }

  .about_years_mask {
    width: 22.5rem;
  }

  .demo_content {
    padding-top: var(--spacing-2rem);
    padding-bottom: var(--spacing-2rem);
  }

  .demo_grid {
    grid-column-gap: var(--spacing-1-5rem);
    grid-row-gap: var(--spacing-1-5rem);
    grid-template-columns: 1fr;
  }

  .licenses_grid, .changelog_grid {
    grid-template-columns: 1fr;
  }

  .home1_testimonials_box {
    height: 600px;
  }

  .home2_benefits_card.is-last {
    justify-content: center;
    align-items: flex-start;
  }

  .contact3_hero_call-content {
    grid-column-gap: var(--spacing-0-75rem);
    grid-row-gap: var(--spacing-0-75rem);
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .plan_hero_grid, .post_header_grid {
    grid-template-columns: 1fr;
  }

  .post_header_content {
    padding: var(--spacing-1-5rem);
  }
}

@media screen and (max-width: 479px) {

  .utility-page_wrapper {
    padding-left: var(--spacing-1rem);
    padding-right: var(--spacing-1rem);
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .padding-global.padding-section-medium {
    padding-top: var(--spacing-6rem);
    padding-bottom: var(--spacing-6rem);
  }

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

  .button-group {
    flex-flow: column;
    justify-content: flex-start;
    align-items: stretch;
  }

  .button-group.align-center.buttons {
    justify-content: center;
    align-items: stretch;
  }

  .overview_features_figma {
    justify-content: space-between;
    align-items: stretch;
  }

  .overview_banners_left {
    justify-content: center;
    align-items: stretch;
    padding: var(--spacing-1-5rem) var(--spacing-1rem);
  }

  .cart-wrapper {
    z-index: 999;
  }

  .overview_pages_grid {
    grid-row-gap: var(--spacing-2rem);
    grid-template-columns: 1fr;
  }

  .footer_nav {
    grid-column-gap: var(--spacing-1-5rem);
    grid-row-gap: var(--spacing-1-5rem);
    grid-template-columns: 1fr;
  }

  .overview_features_grid {
    grid-column-gap: var(--spacing-2rem);
    grid-row-gap: var(--spacing-2rem);
  }

  .overview_benefits_grid {
    grid-template-columns: 1fr;
  }

  .footer-box {
    padding: var(--spacing-3rem) var(--spacing-1rem);
  }

  .nav-link.is-cart {
    padding-right: 0;
  }

  .overview_features_figma-content {
    grid-column-gap: var(--spacing-1rem);
    grid-row-gap: var(--spacing-1rem);
    justify-content: flex-start;
    align-items: flex-start;
  }

  .overview_banners_customize {
    padding: var(--spacing-1-5rem) var(--spacing-1rem);
  }

  .overview_pages_preview-box {
    padding-left: var(--spacing-1-5rem);
    padding-right: var(--spacing-1-5rem);
  }

  .text-style-badge {
    flex: none;
  }

  .nav-dropdown-grid {
    grid-template-columns: 1fr;
  }

  .bottom-blur {
    z-index: 998;
  }

  .footer_buy {
    padding: var(--spacing-2-5rem) var(--spacing-1rem);
  }

  .footer_nav-column {
    grid-column-gap: var(--spacing-0-75rem);
    grid-row-gap: var(--spacing-0-75rem);
  }

  .overview_hero_grid, .footer_banners {
    grid-template-columns: 1fr;
  }

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

  .section_heading.is-centered {
    justify-content: flex-start;
    align-items: stretch;
  }

  .slider-arrow.is-left-home {
    margin-left: calc(var(--spacing-11rem) * -1);
  }

  .pricing_price.is-table {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .faq_question {
    justify-content: space-between;
    align-items: center;
  }

  .faq_question_header {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .faq_accordion {
    padding: var(--spacing-1-5rem) var(--spacing-1rem);
  }

  .faq_icon {
    flex: none;
  }

  .faq_left {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
  }

  .home1_hero_image {
    aspect-ratio: 1;
  }

  .home1_benefits_grid {
    grid-template-columns: 1fr;
  }

  .home1_benefits_card {
    min-height: auto;
  }

  .list.is-horizontal {
    flex-flow: column;
  }

  .integrations_grid, .integrations_grid.is-v2 {
    grid-template-columns: 1fr;
  }

  .integrations_card {
    aspect-ratio: auto;
  }

  .plan_plan-box {
    padding: var(--spacing-1rem);
  }

  .blog_grid.is-v2, .blog_grid.is-v3 {
    grid-template-columns: 1fr;
  }

  .blog_category {
    flex: none;
  }

  .home1_banner_wrapper {
    justify-content: center;
    align-items: stretch;
  }

  .home2_testimonials_mask {
    width: 20rem;
  }

  .home2_testimonials_card {
    padding: var(--spacing-1rem);
  }

  .slider-arrow-v2.is-left-home {
    margin-left: calc(var(--spacing-17-5rem) * -1);
  }

  .home2_banner_content {
    justify-content: center;
    align-items: stretch;
  }

  .home3_testimonials_mask {
    width: 20rem;
  }

  .home3_testimonials_card {
    padding: var(--spacing-1rem);
  }

  .home3_banner_box {
    justify-content: center;
    align-items: stretch;
  }

  .about_metrics_grid {
    grid-template-columns: 1fr 1fr;
  }

  .about_metrics_card {
    padding-left: var(--spacing-1rem);
    padding-right: var(--spacing-1rem);
  }

  .tabs-menu {
    grid-template-columns: 1fr;
  }

  .contact1_hero_grid {
    padding-left: var(--spacing-1rem);
    padding-right: var(--spacing-1rem);
  }

  .contact1_hero_form-box {
    padding: var(--spacing-1rem);
  }

  .contact1_hero_call {
    flex-flow: column;
  }

  .contact2_hero_header {
    padding-left: var(--spacing-1rem);
    padding-right: var(--spacing-1rem);
  }

  .pricing_plan_header-popular {
    order: -1;
  }

  .pricing_plan_table {
    background-color: transparent;
    border-style: none;
    padding: 0;
  }

  .pricing_plan_heading {
    flex-flow: column;
  }

  .pricing_plan_header {
    place-items: end start;
  }

  .pricing_plan_row {
    padding-left: var(--spacing-0-75rem);
    padding-right: var(--spacing-0-75rem);
  }

  .post_featured_content {
    padding-left: var(--spacing-1rem);
    padding-right: var(--spacing-1rem);
  }

  .integration_hero_box {
    justify-content: flex-start;
    align-items: stretch;
    padding-left: var(--spacing-1rem);
    padding-right: var(--spacing-1rem);
  }

  .about_hero_grid {
    grid-template-columns: 1.5fr;
  }

  .about_hero_content {
    padding-left: 0;
    padding-right: 0;
  }

  .about_team_grid {
    grid-row-gap: 0px;
    grid-template-columns: 1fr;
  }

  .about_years_mask {
    width: 20rem;
  }

  .about_years_content {
    aspect-ratio: 1;
    padding-top: var(--spacing-1rem);
    padding-bottom: var(--spacing-1rem);
  }

  .utility_box {
    padding-left: var(--spacing-1rem);
    padding-right: var(--spacing-1rem);
  }

  .demo_call {
    flex-flow: column;
  }

  .terms_header {
    padding-left: var(--spacing-1rem);
    padding-right: var(--spacing-1rem);
  }

  .licenses_grid {
    grid-template-columns: 1fr;
  }

  .licenses_card {
    min-height: auto;
  }

  .changelog_grid {
    grid-template-columns: 1fr;
  }

  .changelog_card {
    min-height: auto;
  }

  .home2_hero_media {
    grid-template-columns: 1fr;
  }

  .home2_benefits_box {
    grid-column-gap: var(--spacing-32);
    grid-row-gap: var(--spacing-32);
    grid-template-columns: 1fr;
  }

  .home2_benefits_grid {
    grid-template-columns: 1fr;
  }

  .home2_benefits_card {
    min-height: auto;
  }

  .home2_hero_image {
    height: auto;
  }

  .home3_hero_logos {
    grid-template-columns: 1fr 1fr;
  }

  .home3_benefits_grid {
    grid-template-columns: 1fr;
  }

  .home3_benefits_card {
    min-height: auto;
  }

  .features1_benefits_grid {
    grid-template-columns: 1fr;
  }

  .features1_benefits_card {
    min-height: auto;
  }

  .features1_cases_list-item {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .features2_hero_image {
    max-width: 12.5rem;
  }

  .features2_benefits_grid {
    grid-template-columns: 1fr;
  }

  .features2_benefits_card {
    min-height: auto;
  }

  .features3_benefits_grid {
    grid-template-columns: 1fr;
  }

  .features3_benefits_card {
    min-height: auto;
  }

  .features3_cases_list-item {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .contact3_hero_grid {
    padding-left: var(--spacing-1rem);
    padding-right: var(--spacing-1rem);
  }

  .contact3_hero_call {
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .contact3_hero_form-box {
    padding: var(--spacing-1rem);
  }

  .button-7.is-alternative {
    align-self: stretch;
  }

  .post_header_content {
    padding-left: var(--spacing-1rem);
    padding-right: var(--spacing-1rem);
  }

  .home1_hero_image-copy {
    aspect-ratio: 1;
  }

  .text-style-badge-2 {
    flex: none;
  }
}

#w-node-_517943ac-3bbe-fd67-b9fd-3e419beadc07-539d66cc, #w-node-_517943ac-3bbe-fd67-b9fd-3e419beadc0e-539d66cc, #w-node-_517943ac-3bbe-fd67-b9fd-3e419beadc15-539d66cc, #w-node-_517943ac-3bbe-fd67-b9fd-3e419beadc1c-539d66cc, #w-node-_517943ac-3bbe-fd67-b9fd-3e419beadc23-539d66cc, #w-node-_517943ac-3bbe-fd67-b9fd-3e419beadc2a-539d66cc {
  order: -9999;
}

#w-node-_2570e665-cf5d-8a22-a751-69d80fe8b425-0fe8b420 {
  justify-self: start;
}

#w-node-_2570e665-cf5d-8a22-a751-69d80fe8b4cd-0fe8b420 {
  justify-self: end;
}

#w-node-_32eadc24-e391-a089-abe0-fb5b6627ca17-539d66cf, #w-node-_32eadc24-e391-a089-abe0-fb5b6627ca1c-539d66cf, #w-node-_3aa8104a-6b69-f5bd-4724-14782c73ca68-539d66cf, #w-node-a3b27b4d-911f-0822-5971-472190e28a3e-539d66cf, #w-node-_32eadc24-e391-a089-abe0-fb5b6627ca21-539d66cf, #w-node-_32eadc24-e391-a089-abe0-fb5b6627ca26-539d66cf, #w-node-_32eadc24-e391-a089-abe0-fb5b6627ca2c-539d66cf, #w-node-_32eadc24-e391-a089-abe0-fb5b6627ca32-539d66cf, #w-node-_32eadc24-e391-a089-abe0-fb5b6627ca38-539d66cf {
  justify-self: start;
}

#w-node-_5d224905-8a1e-1460-7532-d38cb7ec37c1-539d66cf, #w-node-_40538c8c-870b-b365-34c4-2a06f0f8567d-539d66cf, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cb45-539d66cf, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cb5e-539d66cf {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

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

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

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

#w-node-_32eadc24-e391-a089-abe0-fb5b6627cbb8-539d66cf, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cbc2-539d66cf, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cbc3-539d66cf, #w-node-_30684373-af34-3818-02a4-e58b3ffef3e4-539d66cf {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_30684373-af34-3818-02a4-e58b3ffef3e5-539d66cf, #w-node-_30684373-af34-3818-02a4-e58b3ffef3ea-539d66cf, #w-node-_30684373-af34-3818-02a4-e58b3ffef3ef-539d66cf, #w-node-_30684373-af34-3818-02a4-e58b3ffef3f4-539d66cf, #w-node-_30684373-af34-3818-02a4-e58b3ffef3f9-539d66cf, #w-node-_30684373-af34-3818-02a4-e58b3ffef3fe-539d66cf, #w-node-_30684373-af34-3818-02a4-e58b3ffef403-539d66cf, #w-node-_30684373-af34-3818-02a4-e58b3ffef408-539d66cf {
  justify-self: start;
}

#w-node-_32eadc24-e391-a089-abe0-fb5b6627cd6b-539d66cf, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cd98-539d66cf {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_32eadc24-e391-a089-abe0-fb5b6627cdc7-539d66cf {
  justify-self: start;
}

#w-node-_62cfb128-7375-adf2-1d13-b9129f6d2878-539d66d0 {
  align-self: stretch;
}

#w-node-_04780a46-d8db-d5bb-3965-1b1fe7941d77-539d66d0 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_04780a46-d8db-d5bb-3965-1b1fe7941d80-539d66d0 {
  grid-area: 1 / 3 / 2 / 4;
}

#w-node-_04780a46-d8db-d5bb-3965-1b1fe7941d8c-539d66d0 {
  grid-area: 1 / 4 / 2 / 5;
}

#w-node-_8eb2d6e0-36c6-22a8-e033-ed43c169add3-539d66d2 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_8eb2d6e0-36c6-22a8-e033-ed43c169addc-539d66d2 {
  grid-area: 1 / 3 / 2 / 4;
}

#w-node-_8eb2d6e0-36c6-22a8-e033-ed43c169ade8-539d66d2 {
  grid-area: 1 / 4 / 2 / 5;
}

#w-node-_593dbfbf-e7fa-67ad-b744-5279413961a4-539d66dc, #w-node-_6b6e60e6-ff30-98ce-4b4a-c66965d4277a-539d66dd, #w-node-_804cb687-7b9e-8ca8-92d6-0c2b4db363da-539d66de {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-_97368143-3dff-bd7a-1200-e43e3685f88f-539d66df {
  align-self: stretch;
}

#w-node-_0da102d8-b2af-0080-1c23-53879ccf5e1c-539d66e0 {
  grid-area: span 4 / span 1 / span 4 / span 1;
}

#w-node-_670660ca-ffa6-9c12-a67e-add6807b2cb0-539d66e8 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-df528370-9644-0105-ef08-2ec537b660e1-37b660d2, #w-node-df528370-9644-0105-ef08-2ec537b660e9-37b660d2 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-e687e8b4-5129-da34-e24a-924dd26222f3-539d66ed {
  align-self: stretch;
}

@media screen and (max-width: 991px) {
  #w-node-_04780a46-d8db-d5bb-3965-1b1fe7941d77-539d66d0, #w-node-_04780a46-d8db-d5bb-3965-1b1fe7941d80-539d66d0, #w-node-_04780a46-d8db-d5bb-3965-1b1fe7941d8c-539d66d0 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_04780a46-d8db-d5bb-3965-1b1fe7941d96-539d66d0, #w-node-_04780a46-d8db-d5bb-3965-1b1fe7941d9c-539d66d0, #w-node-_04780a46-d8db-d5bb-3965-1b1fe7941da5-539d66d0, #w-node-_04780a46-d8db-d5bb-3965-1b1fe7941dae-539d66d0, #w-node-_04780a46-d8db-d5bb-3965-1b1fe7941db7-539d66d0, #w-node-_04780a46-d8db-d5bb-3965-1b1fe7941dbd-539d66d0, #w-node-_04780a46-d8db-d5bb-3965-1b1fe7941dc3-539d66d0, #w-node-_04780a46-d8db-d5bb-3965-1b1fe7941dc9-539d66d0, #w-node-_04780a46-d8db-d5bb-3965-1b1fe7941dcf-539d66d0, #w-node-_04780a46-d8db-d5bb-3965-1b1fe7941dd5-539d66d0 {
    grid-area: span 1 / span 3 / span 1 / span 3;
  }

  #w-node-_8eb2d6e0-36c6-22a8-e033-ed43c169add3-539d66d2, #w-node-_8eb2d6e0-36c6-22a8-e033-ed43c169addc-539d66d2, #w-node-_8eb2d6e0-36c6-22a8-e033-ed43c169ade8-539d66d2 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_8eb2d6e0-36c6-22a8-e033-ed43c169adf2-539d66d2, #w-node-_2cad4af8-22e0-9cfd-38d5-2f713317ee9e-539d66d2, #w-node-_6430f96e-2ba9-44ab-faf9-05646631e37c-539d66d2, #w-node-_9ea1ed39-9377-2fae-133e-d8a100db03b4-539d66d2, #w-node-_85fbe0ce-070b-7079-aee9-e0922d29dfd6-539d66d2, #w-node-_2990f13b-fd2d-0bec-cf46-61f10e9d212f-539d66d2, #w-node-_2d42de63-cb23-f69e-b0eb-601d7cf6e004-539d66d2, #w-node-_7be1cb1c-6e7e-6b11-f106-6caec481fabd-539d66d2, #w-node-c0d80aff-46d5-a788-00e4-f03aa25b82a7-539d66d2, #w-node-cceae39c-393b-b2c9-8097-0310e3802e75-539d66d2 {
    grid-area: span 1 / span 3 / span 1 / span 3;
  }

  #w-node-cd984b02-ce5e-c8e8-7342-b32f5279e661-539d66de, #w-node-fc27e089-a41a-d226-a5fa-ee6c5df8969d-539d66de, #w-node-_3f08e78d-f318-245a-81cc-583256595f89-539d66de, #w-node-_148e9d47-75d6-90e0-7b34-0790bf05329b-539d66de, #w-node-_97368143-3dff-bd7a-1200-e43e3685f88e-539d66df, #w-node-_7ad1c76c-7289-3c57-b9be-9a3468ad50cc-539d66df, #w-node-_50865e1d-eda3-f798-2a01-7e554b12c57b-539d66df, #w-node-_8e67bfa5-f37c-abc0-6f4c-5f6e1903a18f-539d66df, #w-node-_80f370b4-0d20-bc68-0f91-0f72fc10d628-539d66df {
    order: 9999;
  }

  #w-node-f49efa16-e85b-338b-dc31-12c580a73635-539d66e0, #w-node-_51d93fbd-67da-a082-9fb4-e05cf2891521-539d66e0 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-bb635573-5eaf-3ecf-030f-f98a7458fc4f-539d66e0, #w-node-_694edb80-98e4-db2f-b189-8a5cfabae2b2-539d66e0, #w-node-fecfdc03-f868-ea89-6f97-927f50e65260-539d66e0, #w-node-_65b67c1d-3f29-b125-cbc0-746eeb0bd066-539d66e0, #w-node-_68ef4bff-07cb-47c6-dfe0-0ad0dc80cbf0-539d66ea, #w-node-ddb3600b-aafb-4158-c58d-61633781240d-539d66eb, #w-node-_68ef4bff-07cb-47c6-dfe0-0ad0dc80cbf0-539d66ec {
    order: 9999;
  }
}

@media screen and (max-width: 767px) {
  #w-node-da3f884a-b2c0-a9e2-02f8-6d4c5e2ae7df-539d66d8, #w-node-_593dbfbf-e7fa-67ad-b744-5279413961fd-539d66dc {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_97368143-3dff-bd7a-1200-e43e3685f88e-539d66df {
    order: 9999;
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}