:root {
  --background: #f4f6f7;
  --paragraph: #141718cc;
  --heading: #141718;
  --accent-a1: #3959ff;
  --border: #0f649233;
  --white: white;
  --accent-a4: #eadb5b;
  --accent-b1: #3959ff12;
  --accent-a3: #008726;
  --accent-b3: #00872612;
  --accent-b2: #bc008712;
  --accent-a2: #bc0087;
}

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

.w-commerce-commerceaddtocartform {
  margin: 0 0 15px;
}

.w-commerce-commerceaddtocartoptionpillgroup {
  margin-bottom: 10px;
  display: flex;
}

.w-commerce-commerceaddtocartoptionpill {
  color: #000;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #000;
  margin-right: 10px;
  padding: 8px 15px;
}

.w-commerce-commerceaddtocartoptionpill.w--ecommerce-pill-selected {
  color: #fff;
  background-color: #000;
}

.w-commerce-commerceaddtocartoptionpill.w--ecommerce-pill-disabled {
  color: #666;
  cursor: not-allowed;
  background-color: #e6e6e6;
  border-color: #e6e6e6;
  outline-style: none;
}

.w-commerce-commerceaddtocartquantityinput {
  -webkit-appearance: none;
  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 {
  color: #999;
}

.w-commerce-commerceaddtocartquantityinput:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commerceaddtocartbutton {
  color: #fff;
  cursor: pointer;
  -webkit-appearance: none;
  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 {
  color: #666;
  cursor: not-allowed;
  background-color: #e6e6e6;
  border-color: #e6e6e6;
  outline-style: none;
}

.w-commerce-commercebuynowbutton {
  color: #fff;
  cursor: pointer;
  -webkit-appearance: none;
  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 {
  color: #666;
  cursor: not-allowed;
  background-color: #e6e6e6;
  border-color: #e6e6e6;
  outline-style: none;
}

.w-commerce-commerceaddtocartoutofstock {
  background-color: #ddd;
  margin-top: 10px;
  padding: 10px;
}

.w-commerce-commerceaddtocarterror {
  background-color: #ffdede;
  margin-top: 10px;
  padding: 10px;
}

.w-commerce-commercecheckoutformcontainer {
  background-color: #f5f5f5;
  width: 100%;
  min-height: 100vh;
  padding: 20px;
}

.w-commerce-commercelayoutmain {
  flex: 0 800px;
  margin-right: 20px;
}

.w-commerce-commercecheckoutcustomerinfowrapper {
  margin-bottom: 20px;
}

.w-commerce-commercecheckoutblockheader {
  background-color: #fff;
  border: 1px solid #e6e6e6;
  justify-content: space-between;
  align-items: baseline;
  padding: 4px 20px;
  display: flex;
}

.w-commerce-commercecheckoutblockcontent {
  background-color: #fff;
  border-bottom: 1px solid #e6e6e6;
  border-left: 1px solid #e6e6e6;
  border-right: 1px solid #e6e6e6;
  padding: 20px;
}

.w-commerce-commercecheckoutlabel {
  margin-bottom: 8px;
}

.w-commerce-commercecheckoutemailinput {
  -webkit-appearance: none;
  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 {
  color: #999;
}

.w-commerce-commercecheckoutemailinput:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutshippingaddresswrapper {
  margin-bottom: 20px;
}

.w-commerce-commercecheckoutshippingfullname {
  -webkit-appearance: none;
  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 {
  color: #999;
}

.w-commerce-commercecheckoutshippingfullname:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutshippingstreetaddress {
  -webkit-appearance: none;
  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 {
  color: #999;
}

.w-commerce-commercecheckoutshippingstreetaddress:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutshippingstreetaddressoptional {
  -webkit-appearance: none;
  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 {
  color: #999;
}

.w-commerce-commercecheckoutshippingstreetaddressoptional:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutrow {
  margin-left: -8px;
  margin-right: -8px;
  display: flex;
}

.w-commerce-commercecheckoutcolumn {
  flex: 1;
  padding-left: 8px;
  padding-right: 8px;
}

.w-commerce-commercecheckoutshippingcity {
  -webkit-appearance: none;
  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 {
  color: #999;
}

.w-commerce-commercecheckoutshippingcity:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutshippingstateprovince {
  -webkit-appearance: none;
  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 {
  color: #999;
}

.w-commerce-commercecheckoutshippingstateprovince:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutshippingzippostalcode {
  -webkit-appearance: none;
  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 {
  color: #999;
}

.w-commerce-commercecheckoutshippingzippostalcode:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutshippingcountryselector {
  -webkit-appearance: none;
  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 {
  color: #999;
}

.w-commerce-commercecheckoutshippingcountryselector:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutshippingmethodswrapper {
  margin-bottom: 20px;
}

.w-commerce-commercecheckoutshippingmethodslist {
  border-left: 1px solid #e6e6e6;
  border-right: 1px solid #e6e6e6;
}

.w-commerce-commercecheckoutshippingmethoditem {
  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 {
  flex-direction: column;
  flex-grow: 1;
  margin-left: 12px;
  margin-right: 12px;
  display: flex;
}

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

.w-commerce-commercecheckoutshippingmethodsemptystate {
  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 {
  margin-bottom: 20px;
}

.w-commerce-commercecheckoutcardnumber {
  -webkit-appearance: none;
  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 {
  color: #999;
}

.w-commerce-commercecheckoutcardnumber:focus, .w-commerce-commercecheckoutcardnumber.-wfp-focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutcardexpirationdate {
  -webkit-appearance: none;
  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 {
  color: #999;
}

.w-commerce-commercecheckoutcardexpirationdate:focus, .w-commerce-commercecheckoutcardexpirationdate.-wfp-focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutcardsecuritycode {
  -webkit-appearance: none;
  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 {
  color: #999;
}

.w-commerce-commercecheckoutcardsecuritycode:focus, .w-commerce-commercecheckoutcardsecuritycode.-wfp-focus {
  border-color: #3898ec;
  outline-style: none;
}

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

.w-commerce-commercecheckoutbillingaddresstogglecheckbox {
  margin-top: 4px;
}

.w-commerce-commercecheckoutbillingaddresstogglelabel {
  margin-left: 8px;
  font-weight: 400;
}

.w-commerce-commercecheckoutbillingaddresswrapper {
  margin-top: 16px;
  margin-bottom: 20px;
}

.w-commerce-commercecheckoutbillingfullname {
  -webkit-appearance: none;
  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 {
  color: #999;
}

.w-commerce-commercecheckoutbillingfullname:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutbillingstreetaddress {
  -webkit-appearance: none;
  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 {
  color: #999;
}

.w-commerce-commercecheckoutbillingstreetaddress:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutbillingstreetaddressoptional {
  -webkit-appearance: none;
  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 {
  color: #999;
}

.w-commerce-commercecheckoutbillingstreetaddressoptional:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutbillingcity {
  -webkit-appearance: none;
  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 {
  color: #999;
}

.w-commerce-commercecheckoutbillingcity:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutbillingstateprovince {
  -webkit-appearance: none;
  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 {
  color: #999;
}

.w-commerce-commercecheckoutbillingstateprovince:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutbillingzippostalcode {
  -webkit-appearance: none;
  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 {
  color: #999;
}

.w-commerce-commercecheckoutbillingzippostalcode:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutbillingcountryselector {
  -webkit-appearance: none;
  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 {
  color: #999;
}

.w-commerce-commercecheckoutbillingcountryselector:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutorderitemswrapper {
  margin-bottom: 20px;
}

.w-commerce-commercecheckoutsummaryblockheader {
  background-color: #fff;
  border: 1px solid #e6e6e6;
  justify-content: space-between;
  align-items: baseline;
  padding: 4px 20px;
  display: flex;
}

.w-commerce-commercecheckoutorderitemslist {
  margin-bottom: -20px;
}

.w-commerce-commercecheckoutorderitem {
  margin-bottom: 20px;
  display: flex;
}

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

.w-commerce-commercecheckoutorderitemdescriptionwrapper {
  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 {
  margin-bottom: 20px;
}

.w-commerce-commercecheckoutsummarylineitem, .w-commerce-commercecheckoutordersummaryextraitemslistitem {
  flex-direction: row;
  justify-content: space-between;
  margin-bottom: 8px;
  display: flex;
}

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

.w-commerce-commercecheckoutdiscounts {
  background-color: #fff;
  border: 1px solid #e6e6e6;
  flex-wrap: wrap;
  padding: 20px;
  display: flex;
}

.w-commerce-commercecheckoutdiscountslabel {
  flex-basis: 100%;
  margin-bottom: 8px;
}

.w-commerce-commercecheckoutdiscountsinput {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  flex: 1;
  width: auto;
  min-width: 0;
  height: 38px;
  margin-bottom: 0;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutdiscountsinput::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutdiscountsinput:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutdiscountsbutton {
  color: #fff;
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
  background-color: #3898ec;
  border-width: 0;
  border-radius: 3px;
  flex-grow: 0;
  flex-shrink: 0;
  align-items: center;
  height: 38px;
  margin-left: 8px;
  padding: 9px 15px;
  text-decoration: none;
  display: flex;
}

.w-commerce-commercecartapplepaybutton {
  color: #fff;
  cursor: pointer;
  -webkit-appearance: none;
  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 {
  color: #fff;
  cursor: pointer;
  -webkit-appearance: none;
  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 {
  margin-right: 8px;
  display: block;
}

.w-commerce-commercecheckoutplaceorderbutton {
  color: #fff;
  cursor: pointer;
  -webkit-appearance: none;
  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 {
  background-color: #ffdede;
  margin-top: 16px;
  margin-bottom: 16px;
  padding: 10px 16px;
}

.w-commerce-commercepaypalcheckoutformcontainer {
  background-color: #f5f5f5;
  width: 100%;
  min-height: 100vh;
  padding: 20px;
}

.w-commerce-commercecheckoutcustomerinfosummarywrapper {
  margin-bottom: 20px;
}

.w-commerce-commercecheckoutsummaryitem, .w-commerce-commercecheckoutsummarylabel {
  margin-bottom: 8px;
}

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

.w-commerce-commercecheckoutsummarytextspacingondiv {
  margin-right: .33em;
}

.w-commerce-commercecheckoutpaymentsummarywrapper {
  margin-bottom: 20px;
}

.w-commerce-commercepaypalcheckouterrorstate {
  background-color: #ffdede;
  margin-top: 16px;
  margin-bottom: 16px;
  padding: 10px 16px;
}

.w-commerce-commerceorderconfirmationcontainer {
  background-color: #f5f5f5;
  width: 100%;
  min-height: 100vh;
  padding: 20px;
}

.w-commerce-commercecheckoutshippingsummarywrapper {
  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-commerceaddtocartquantityinput, .w-commerce-commercecheckoutemailinput, .w-commerce-commercecheckoutshippingfullname, .w-commerce-commercecheckoutshippingstreetaddress, .w-commerce-commercecheckoutshippingstreetaddressoptional {
    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, .w-commerce-commercecheckoutdiscountsinput {
    font-size: 16px;
  }
}

body {
  background-color: var(--background);
  color: var(--paragraph);
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  font-family: Space Grotesk, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 155%;
  display: flex;
}

h1 {
  color: var(--heading);
  letter-spacing: -.05em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 4.12em;
  font-weight: 700;
  line-height: 110%;
}

h2 {
  color: var(--heading);
  letter-spacing: -.05em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 3.12em;
  font-weight: 700;
  line-height: 115%;
}

h3 {
  color: var(--heading);
  letter-spacing: -.05em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 2.37em;
  font-weight: 700;
  line-height: 120%;
}

h4 {
  color: var(--heading);
  letter-spacing: -.05em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.75em;
  font-weight: 700;
  line-height: 125%;
}

h5 {
  color: var(--heading);
  letter-spacing: -.05em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.37em;
  font-weight: 700;
  line-height: 128%;
}

h6 {
  color: var(--heading);
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1em;
  font-weight: 600;
  line-height: 140%;
}

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

a {
  text-decoration: underline;
}

ul, ol {
  margin-top: 1.5em;
  margin-bottom: 1.5em;
  padding-left: 2.2em;
}

li {
  padding: .3em .5em;
}

strong {
  color: var(--heading);
  font-weight: 700;
}

em {
  font-style: italic;
}

blockquote {
  color: var(--accent-a1);
  border-left: 2px solid #3959ff33;
  margin-top: 1.5em;
  margin-bottom: 1.5em;
  margin-left: 1em;
  padding: .1em 0 .1em 1.3em;
  font-size: 1.125em;
  font-weight: 500;
  line-height: 160%;
}

figure {
  border-radius: .87em;
  margin-top: 2.7em;
  margin-bottom: 2.7em;
  overflow: hidden;
}

figcaption {
  text-align: center;
  background-color: #e4ebee;
  margin-top: 0;
  margin-bottom: 0;
  padding: 1.2em 7%;
  font-size: .87em;
  line-height: 145%;
}

.rich-text-block p {
  margin-bottom: 1.4em;
}

.rich-text-block h1 {
  margin-bottom: .4em;
}

.rich-text-block h2, .rich-text-block h3, .rich-text-block h4, .rich-text-block h5, .rich-text-block h6 {
  margin-top: 1em;
  margin-bottom: .4em;
}

.rich-text-block a {
  border-bottom: 1px solid var(--accent-a1);
  color: var(--accent-a1);
  text-decoration: none;
  transition: border-color .3s cubic-bezier(.25, .46, .45, .94), color .3s cubic-bezier(.25, .46, .45, .94);
}

.rich-text-block a:hover {
  border-bottom-color: var(--heading);
  color: var(--heading);
}

.link {
  border-bottom: 1px solid var(--accent-a1);
  color: var(--accent-a1);
  text-decoration: none;
  transition: border-color .3s cubic-bezier(.25, .46, .45, .94), color .3s cubic-bezier(.25, .46, .45, .94);
}

.link:hover {
  border-bottom-color: var(--heading);
  color: var(--heading);
}

.navbar {
  -webkit-backdrop-filter: blur(40px);
  backdrop-filter: blur(40px);
  background-color: #0000;
  border-bottom: 1px solid #0000;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: .7em;
  padding: 1.1em 2em;
  display: flex;
  position: sticky;
  top: 0;
}

.nav-block {
  grid-column-gap: 1em;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 75em;
  display: flex;
}

.nav {
  grid-column-gap: .5em;
  justify-content: center;
  align-items: center;
  display: flex;
}

.brand {
  flex: none;
  margin-right: .5em;
  padding: .5em .3em;
}

.logo {
  border: 0 solid #0000;
  border-radius: 15px;
  height: 2.5em;
  max-height: 24.9667rem;
}

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

.nav-link {
  color: var(--heading);
  letter-spacing: -.02em;
  padding: .7em 1.2em;
  font-size: 1em;
  font-weight: 500;
  line-height: 120%;
  transition: color .3s cubic-bezier(.25, .46, .45, .94);
}

.nav-link:hover {
  color: var(--accent-a1);
}

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

.nav-link.w--current:hover {
  color: var(--accent-a1);
}

.nav-button {
  background-color: var(--heading);
  color: var(--white);
  letter-spacing: -.02em;
  border-radius: 50em;
  padding: .7em 1.4em;
  font-size: 1em;
  font-weight: 500;
  line-height: 120%;
  transition: box-shadow .3s cubic-bezier(.25, .46, .45, .94), background-color .3s cubic-bezier(.25, .46, .45, .94);
}

.nav-button:hover {
  background-color: var(--accent-a1);
  box-shadow: 0 15px 40px -10px var(--accent-a1);
}

.nav-button-outline {
  box-shadow: 0 0 0 -10px var(--accent-a1), inset 0 0 0 2px var(--accent-a1);
  color: var(--accent-a1);
  letter-spacing: -.02em;
  background-color: #0000;
  border-radius: 50em;
  padding: .7em 1.4em;
  font-size: 1em;
  font-weight: 500;
  line-height: 120%;
  transition: box-shadow .3s cubic-bezier(.25, .46, .45, .94), color .3s cubic-bezier(.25, .46, .45, .94), background-color .3s cubic-bezier(.25, .46, .45, .94);
}

.nav-button-outline:hover {
  background-color: var(--accent-a1);
  box-shadow: 0 15px 40px -10px var(--accent-a1), inset 0 0 0 2px var(--accent-a1);
  color: var(--white);
}

.section-top-bar {
  background-color: var(--accent-a1);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: .4em 2em;
  display: flex;
}

.content {
  flex: 0 auto;
  order: 0;
  align-self: auto;
  width: 100%;
  max-width: 75em;
}

.content.narrow {
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  max-width: 60em;
  display: flex;
}

.top-bar-block {
  grid-column-gap: 1em;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 75em;
  display: flex;
}

.top-bar {
  grid-column-gap: 1.87em;
  justify-content: center;
  align-items: center;
  display: flex;
}

.info-top-bar {
  opacity: .7;
  color: var(--white);
  letter-spacing: -.02em;
  font-size: .87em;
  line-height: 120%;
}

.link-top-bar {
  grid-column-gap: .35em;
  opacity: .7;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  transition: opacity .3s cubic-bezier(.25, .46, .45, .94);
  display: flex;
}

.link-top-bar:hover {
  opacity: 1;
}

.icon-top-bar {
  width: 1.125em;
  height: 1.125em;
}

.text-top-bar {
  color: var(--white);
  letter-spacing: -.02em;
  font-size: .87em;
  line-height: 120%;
}

.button-desktop {
  grid-column-gap: .5em;
  justify-content: center;
  align-items: center;
  display: flex;
}

.button-mobile {
  grid-column-gap: .5em;
  grid-row-gap: 1em;
  justify-content: center;
  align-items: center;
  display: none;
}

.section-hero {
  justify-content: center;
  align-items: center;
  padding: 3.5em 2em 3.75em;
  display: flex;
}

.grid-hero {
  grid-column-gap: 0em;
  grid-row-gap: 0em;
  grid-template-rows: auto;
  grid-template-columns: 1.2fr 1fr;
  align-items: center;
}

.block-hero {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.heading-hero {
  max-width: 11.5em;
  margin-bottom: .38em;
}

.paragraph-hero {
  max-width: 26em;
  margin-bottom: 2em;
  font-size: 1.125em;
  line-height: 160%;
}

.button-hero {
  grid-column-gap: .5em;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: flex;
}

.button {
  background-color: var(--accent-a1);
  color: var(--white);
  letter-spacing: -.02em;
  border-radius: 50em;
  padding: .9em 1.8em;
  font-size: 1.12em;
  font-weight: 500;
  line-height: 120%;
  transition: box-shadow .3s cubic-bezier(.25, .46, .45, .94), background-color .3s cubic-bezier(.25, .46, .45, .94);
}

.button:hover {
  box-shadow: 0 15px 40px -10px var(--accent-a1);
}

.button.yellow {
  background-color: var(--accent-a4);
  color: var(--heading);
}

.button.yellow:hover {
  box-shadow: 0 15px 40px -10px var(--accent-a4);
}

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

.button.dark:hover {
  background-color: var(--accent-a1);
}

.link-button {
  grid-column-gap: .4em;
  border-radius: 50em;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: .9em;
  text-decoration: none;
  transition: box-shadow .3s cubic-bezier(.25, .46, .45, .94), padding .3s cubic-bezier(.25, .46, .45, .94);
  display: flex;
}

.link-button:hover {
  box-shadow: inset 0 0 0 2px var(--accent-a1);
  padding-left: 1.6em;
  padding-right: 1.6em;
}

.icon-button {
  width: 1.5em;
  height: 1.5em;
}

.text-button {
  color: var(--accent-a1);
  letter-spacing: -.02em;
  font-size: 1.12em;
  font-weight: 500;
  line-height: 120%;
}

.text-info {
  color: var(--heading);
  letter-spacing: .05em;
  text-transform: uppercase;
  margin-left: 1em;
  margin-right: 1em;
  font-family: IBM Plex Mono, sans-serif;
  font-size: .7em;
  font-weight: 500;
  line-height: 110%;
}

.link-info {
  background-color: var(--white);
  border-radius: 50em;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: .8em;
  padding: 3px;
  text-decoration: none;
  transition: background-color .3s cubic-bezier(.25, .46, .45, .94);
  display: flex;
}

.link-info:hover {
  background-color: var(--accent-a4);
}

.block-icon-info {
  background-color: var(--accent-a4);
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 1.375em;
  height: 1.375em;
  display: flex;
}

.icon-info {
  width: 1em;
  height: 1em;
}

.lottie {
  position: relative;
}

.lines-a1 {
  z-index: 5;
  flex-direction: row;
  justify-content: space-between;
  align-items: stretch;
  padding-left: 6%;
  padding-right: 10.5%;
  display: flex;
  position: absolute;
  inset: 0%;
}

.line-w {
  background-image: linear-gradient(to bottom, #0f649200, var(--border) 10%, var(--border) 90%, #0f649200);
  width: 1px;
}

.lines-a2 {
  z-index: 5;
  flex-direction: column;
  justify-content: space-between;
  align-items: stretch;
  padding-top: 11%;
  padding-bottom: 13%;
  display: flex;
  position: absolute;
  inset: 0%;
}

.block-lottie {
  z-index: 10;
  flex-direction: row;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  display: flex;
  position: relative;
}

.lottie-animation-2 {
  z-index: 10;
  width: 50%;
  position: absolute;
  inset: 0%;
}

.lottie-animation-1 {
  width: 100%;
}

.lottie-animation-2-blur {
  z-index: 5;
  filter: blur(50px);
  width: 100%;
  position: absolute;
  inset: 0%;
}

.features-lottie {
  z-index: 20;
  grid-row-gap: 2.7em;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  display: flex;
  position: absolute;
  inset: 0%;
}

.feature-lottie-block {
  grid-column-gap: .6em;
  background-color: var(--accent-b1);
  -webkit-backdrop-filter: blur(30px);
  backdrop-filter: blur(30px);
  border-radius: .64em;
  justify-content: center;
  align-items: center;
  margin-right: 43%;
  padding: .8em 1.1em;
  display: flex;
}

.feature-lottie-block.a2 {
  margin-right: 5%;
}

.feature-lottie-block.a3 {
  margin-right: 58%;
}

.feature-lottie-block.a4 {
  margin-right: 15%;
}

.text-feature-lottie {
  color: var(--accent-a1);
  letter-spacing: -.02em;
  font-size: 1em;
  font-weight: 500;
  line-height: 120%;
}

.icon-feature-lottie {
  width: 2em;
  height: 2em;
}

.section {
  justify-content: center;
  align-items: center;
  padding: 3.75em 2em;
  display: flex;
}

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

.solutions {
  grid-row-gap: 1.2em;
  background-color: var(--white);
  border-radius: .87em;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 2.5em;
  display: flex;
  position: relative;
  box-shadow: 0 15px 25px -10px #1417180d;
}

.icon-solution {
  width: 2em;
  height: 2em;
}

.text-link {
  color: var(--accent-a1);
  letter-spacing: -.02em;
  font-size: 1em;
  font-weight: 500;
  line-height: 120%;
}

.icon-link {
  width: 1em;
  height: 1em;
}

.block-icon-link {
  background-color: var(--accent-b1);
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 1.375em;
  height: 1.375em;
  display: flex;
}

.link-block {
  grid-column-gap: .5em;
  border-radius: 50px;
  justify-content: flex-start;
  align-items: center;
  padding-top: .3em;
  padding-bottom: .3em;
  padding-right: .3em;
  text-decoration: none;
  transition: background-color .3s cubic-bezier(.25, .46, .45, .94), padding .3s cubic-bezier(.25, .46, .45, .94);
  display: flex;
}

.link-block:hover {
  background-color: var(--accent-b1);
  padding-left: 1em;
}

.yellow-tag {
  background-color: var(--accent-a4);
  color: var(--heading);
  letter-spacing: .05em;
  text-transform: uppercase;
  border-radius: .6em;
  padding: .7em 1.1em;
  font-family: IBM Plex Mono, sans-serif;
  font-size: .7em;
  font-weight: 500;
  line-height: 110%;
  position: absolute;
  inset: -.8em 2em auto auto;
}

.green-tag {
  background-color: var(--accent-a3);
  color: var(--white);
  letter-spacing: .05em;
  text-transform: uppercase;
  border-radius: .6em;
  padding: .7em 1.1em;
  font-family: IBM Plex Mono, sans-serif;
  font-size: .7em;
  font-weight: 500;
  line-height: 110%;
  position: absolute;
  inset: -.8em 2em auto auto;
}

.clients {
  text-align: center;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  margin-top: 3.6em;
  display: flex;
}

.subtitle-clients {
  opacity: .7;
  color: var(--heading);
  letter-spacing: .05em;
  text-transform: uppercase;
  margin-bottom: 2.3em;
  font-family: IBM Plex Mono, sans-serif;
  font-size: .7em;
  font-weight: 500;
  line-height: 130%;
}

.block-clients {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.gradient-clients {
  z-index: 50;
  background-image: linear-gradient(to right, var(--background) 5%, #f4f6f700 20%, #f4f6f700 80%, var(--background) 95%);
  position: absolute;
  inset: 0%;
}

.clients-wrapper {
  flex: none;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.logo-client {
  max-height: 2.7em;
  margin-left: 2.7em;
  margin-right: 2.7em;
}

.grid {
  grid-column-gap: 0em;
  grid-row-gap: 0em;
  grid-template-rows: auto;
  align-items: center;
}

.heading {
  max-width: 9em;
  margin-bottom: .5em;
}

.heading.large {
  max-width: 13em;
}

.heading.banner {
  color: var(--white);
  margin-bottom: .7em;
}

.block-right {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding-left: 15%;
  display: flex;
}

.paragraph {
  max-width: 30em;
  margin-bottom: 2.2em;
}

.subtitle {
  background-color: var(--white);
  color: var(--heading);
  letter-spacing: .05em;
  text-transform: uppercase;
  border-radius: .6em;
  margin-bottom: .7em;
  padding: .5em 1em;
  font-family: IBM Plex Mono, sans-serif;
  font-size: .7em;
  font-weight: 500;
  line-height: 130%;
  box-shadow: 0 10px 20px -10px #1417180d;
}

.subtitle.white {
  color: var(--white);
  background-color: #a0e9ff;
}

.subtitle.blue {
  background-color: var(--accent-b1);
  color: var(--accent-a1);
}

.lines-b1 {
  z-index: 5;
  flex-direction: row;
  justify-content: space-between;
  align-items: stretch;
  padding-left: 4%;
  padding-right: 13%;
  display: flex;
  position: absolute;
  inset: 0%;
}

.lines-b2 {
  z-index: 5;
  flex-direction: column;
  justify-content: space-between;
  align-items: stretch;
  padding-top: 12%;
  padding-bottom: 12%;
  display: flex;
  position: absolute;
  inset: 0%;
}

.grid-numbers {
  grid-column-gap: .87em;
  grid-row-gap: .87em;
  grid-template-rows: auto;
  align-items: start;
}

.numbers {
  grid-column-gap: .5em;
  grid-row-gap: .5em;
  background-color: var(--accent-b1);
  border-radius: .64em;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 1.2em 1.4em 1.4em;
  display: flex;
}

.numbers.green {
  background-color: var(--accent-b3);
}

.icon-numbers {
  width: 2em;
  height: 2em;
}

.heading-numbers {
  color: var(--accent-a1);
  font-weight: 500;
}

.heading-numbers.green {
  color: var(--accent-a3);
}

.text-numbers {
  color: var(--accent-a1);
  letter-spacing: -.02em;
  max-width: 11em;
  font-size: .87em;
  font-weight: 500;
  line-height: 130%;
}

.text-numbers.green {
  color: var(--accent-a3);
}

.lottie-wrapper {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
}

.lines-c1 {
  z-index: 5;
  flex-direction: row;
  justify-content: space-between;
  align-items: stretch;
  padding-left: 22%;
  padding-right: 22%;
  display: flex;
  position: absolute;
  inset: 0%;
}

.lines-c2 {
  z-index: 5;
  flex-direction: column;
  justify-content: space-between;
  align-items: stretch;
  padding-top: 15%;
  padding-bottom: 15%;
  display: flex;
  position: absolute;
  inset: 0%;
}

.block-heading {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 1em;
  display: flex;
}

.block-heading.center {
  text-align: center;
  align-items: center;
}

.grid-features {
  grid-column-gap: 2em;
  grid-row-gap: 1.8em;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.features {
  grid-column-gap: 1.3em;
  grid-row-gap: 1.3em;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 1.2em;
  padding-bottom: 1.2em;
  display: flex;
}

.block-heading-features {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.icon-features {
  width: 2em;
  height: 2em;
}

.paragraph-features {
  max-width: 20em;
}

.contact-lottie {
  z-index: 20;
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
  padding-top: 6%;
  padding-bottom: 6%;
  display: flex;
  position: absolute;
  inset: 0%;
}

.contact-lottie-link {
  grid-column-gap: 1.44em;
  background-color: var(--accent-b1);
  -webkit-backdrop-filter: blur(30px);
  backdrop-filter: blur(30px);
  border-radius: .64em;
  justify-content: flex-start;
  align-items: center;
  min-width: 18em;
  margin-right: 28%;
  padding-top: .87em;
  padding-bottom: .87em;
  padding-right: 2em;
  text-decoration: none;
  transition: box-shadow .3s cubic-bezier(.25, .46, .45, .94);
  display: flex;
}

.contact-lottie-link:hover {
  box-shadow: inset 0 0 0 2px var(--accent-a1);
}

.contact-lottie-link.a2 {
  margin-right: -33%;
}

.contact-lottie-link.a3 {
  margin-right: 5%;
}

.contact-lottie-link.a4 {
  margin-right: 20%;
}

.icon-contact-lottie {
  width: 2em;
  height: 2em;
}

.block-icon-contact-lottie {
  background-color: var(--white);
  border-radius: .87em;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-left: -.94em;
  padding: 1.1em;
  display: flex;
  box-shadow: 0 15px 25px -10px #1417180d;
}

.heading-contact-lottie {
  color: var(--accent-a1);
  font-weight: 500;
}

.block-heading-contact-lottie {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.text-contact-lottie {
  opacity: .5;
  color: var(--accent-a1);
  letter-spacing: -.02em;
  width: 200px;
  max-width: 200px;
  height: 42px;
  font-size: .87em;
  font-weight: 500;
  line-height: 130%;
}

.grid-faq {
  grid-column-gap: 1.13em;
  grid-row-gap: 1.13em;
  grid-template-rows: auto;
  align-items: start;
}

.block-faq {
  grid-column-gap: 1.13em;
  grid-row-gap: 1.13em;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
}

.accordion-item {
  background-color: var(--white);
  border-radius: .87em;
  width: 100%;
  padding-left: 1.8em;
  padding-right: 1.2em;
  box-shadow: 0 15px 25px -10px #1417180d;
}

.accordion-header {
  grid-column-gap: 1em;
  cursor: pointer;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding-top: 1em;
  padding-bottom: 1em;
  transition: padding .3s cubic-bezier(.25, .46, .45, .94);
  display: flex;
}

.accordion-header:hover {
  padding-left: .3em;
  padding-right: .3em;
}

.heading-accordion {
  margin-top: .3em;
  margin-bottom: .3em;
}

.icon-accordion {
  flex: none;
  width: 1.5em;
  height: 1.5em;
}

.block-icon-accordion {
  background-color: var(--accent-b1);
  border: 1px solid #fff3;
  border-radius: 100%;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 2.12em;
  height: 2.12em;
  display: flex;
}

.accordion-content {
  display: block;
  overflow: hidden;
}

.paragraph-accordion {
  max-width: 90%;
  margin-bottom: 1.6em;
}

.grid-banner {
  grid-column-gap: 0em;
  grid-row-gap: 0em;
  background-color: #00a9ff;
  border-radius: .87em;
  grid-template-rows: auto;
  align-items: center;
  position: relative;
  overflow: hidden;
}

.block-banner {
  z-index: 50;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding-top: 5em;
  padding-bottom: 5em;
  padding-left: 12%;
  display: flex;
  position: relative;
}

.lottie-banner {
  position: absolute;
  inset: -6% 0% auto auto;
}

.lines-d1 {
  z-index: 5;
  flex-direction: row;
  justify-content: space-between;
  align-items: stretch;
  padding-left: 8%;
  padding-right: 8.5%;
  display: flex;
  position: absolute;
  inset: 0%;
}

.lines-d2 {
  z-index: 5;
  flex-direction: column;
  justify-content: space-between;
  align-items: stretch;
  padding-top: 14%;
  padding-bottom: 14%;
  display: flex;
  position: absolute;
  inset: 0%;
}

.block-lottie-banner {
  z-index: 10;
  flex-direction: row;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  display: flex;
  position: relative;
}

.line-banner-w {
  background-image: linear-gradient(#fff0, #fff3 10% 90%, #fff0);
  width: 1px;
}

.lottie-animation-1-banner {
  width: 100%;
}

.lottie-animation-2-banner {
  z-index: 10;
  width: 100%;
  position: absolute;
  inset: 0%;
}

.lottie-animation-2-blur-banner {
  z-index: 5;
  filter: blur(50px);
  width: 100%;
  position: absolute;
  inset: 0%;
}

.section-footer {
  justify-content: center;
  align-items: center;
  margin-top: auto;
  padding: 3.75em 2em 0;
  display: flex;
}

.grid-footer {
  grid-column-gap: 1.4em;
  grid-row-gap: 0em;
  grid-template-rows: auto;
  grid-template-columns: 2.4fr 1fr 1fr 1fr;
  margin-bottom: 7.5em;
}

.block-footer {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.subtitle-footer {
  color: #14171880;
  letter-spacing: .05em;
  text-transform: uppercase;
  margin-bottom: 1.7em;
  font-family: IBM Plex Mono, sans-serif;
  font-size: .7em;
  font-weight: 500;
  line-height: 130%;
}

.link-footer {
  color: var(--heading);
  letter-spacing: -.02em;
  padding-top: .44em;
  padding-bottom: .44em;
  font-size: 1em;
  font-weight: 500;
  line-height: 120%;
  text-decoration: none;
  transition: color .3s cubic-bezier(.25, .46, .45, .94);
}

.link-footer:hover {
  color: var(--accent-a1);
}

.logo-footer {
  height: 9em;
  max-height: 24.9667rem;
  margin-bottom: 1.8em;
}

.paragraph-footer {
  color: #14171880;
  letter-spacing: .05em;
  text-transform: uppercase;
  max-width: 26em;
  margin-bottom: 2.2em;
  font-family: IBM Plex Mono, sans-serif;
  font-size: .7em;
  font-weight: 400;
  line-height: 165%;
}

.block-social {
  grid-column-gap: .5em;
  grid-row-gap: .5em;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.social-link {
  background-color: var(--white);
  box-shadow: inset 0 0 0 0 var(--accent-a1), 0 15px 25px -10px #1417180d;
  border-radius: 100%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 3.2em;
  height: 3.2em;
  transition: box-shadow .3s cubic-bezier(.25, .46, .45, .94);
  display: flex;
}

.social-link:hover {
  box-shadow: inset 0 0 0 2px var(--accent-a1), 0 15px 25px -10px #1417180d;
}

.icon-social {
  width: 1.5em;
  height: 1.5em;
}

.block-footer-down {
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 3em;
  display: flex;
}

.text-footer-down {
  color: #14171880;
  letter-spacing: .05em;
  text-transform: uppercase;
  font-family: IBM Plex Mono, sans-serif;
  font-size: .7em;
  font-weight: 500;
  line-height: 165%;
}

.link-footer-down {
  color: var(--heading);
  text-decoration: none;
  transition: color .3s cubic-bezier(.25, .46, .45, .94);
}

.link-footer-down:hover {
  color: var(--accent-a1);
}

.block-reviews {
  grid-column-gap: .88em;
  grid-row-gap: .88em;
  flex-direction: row;
  height: 40em;
  display: flex;
  position: relative;
  overflow: hidden;
}

.review-left {
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  display: flex;
}

.review {
  grid-column-gap: .94em;
  grid-row-gap: .94em;
  background-color: var(--white);
  border-radius: .87em;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: .44em;
  margin-bottom: .44em;
  padding: 2em;
  display: flex;
  box-shadow: 0 15px 25px -10px #1417180d;
}

.paragraph-review {
  font-size: .87em;
  line-height: 155%;
}

.review-name {
  color: var(--heading);
  letter-spacing: -.02em;
  font-size: .87em;
  font-weight: 500;
  line-height: 130%;
}

.stars {
  grid-column-gap: .25em;
  grid-row-gap: .25em;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.icon-star {
  width: 1.13em;
  height: 1.13em;
}

.reviews-wrapper {
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  display: flex;
}

.reviews-wrapper.right {
  justify-content: flex-end;
}

.review-right {
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  display: flex;
}

.gradient-reviews {
  z-index: 50;
  background-image: linear-gradient(to bottom, var(--background), #f4f6f700 10%, #f4f6f700 90%, var(--background));
  position: absolute;
  inset: 0%;
}

.line-h {
  background-image: linear-gradient(to right, #0f649200, var(--border) 10%, var(--border) 90%, #0f649200);
  height: 1px;
}

.line-banner-h {
  background-image: linear-gradient(to right, #fff0, #fff3 10% 90%, #fff0);
  height: 1px;
}

.section-top {
  justify-content: center;
  align-items: center;
  padding: 6em 2em 1.5em;
  display: flex;
}

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

.block-top {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.paragraph-top {
  max-width: 32em;
  margin-bottom: 2em;
  font-size: 1.125em;
  line-height: 160%;
}

.paragraph-top.blog-post {
  max-width: 36em;
  margin-bottom: .5em;
}

.heading-top {
  max-width: 11.5em;
  margin-bottom: .38em;
}

.grid-solutions-large {
  grid-column-gap: 1.5em;
  grid-row-gap: 1.5em;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  align-items: start;
  margin-bottom: 1.5em;
}

.solutions-large {
  grid-row-gap: 1.2em;
  background-color: var(--accent-b1);
  border-radius: .87em;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 3.1em;
  display: flex;
  position: relative;
}

.solutions-large.green {
  background-color: var(--accent-b3);
}

.heading-solution-large {
  color: var(--accent-a1);
}

.heading-solution-large.green {
  color: var(--accent-a3);
}

.paragraph-solution-large {
  color: var(--accent-a1);
}

.paragraph-solution-large.green {
  color: var(--accent-a3);
}

.block-icon-solution {
  background-color: var(--accent-a1);
  border-radius: .87em;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 4.5em;
  height: 4.5em;
  display: flex;
}

.block-icon-solution.green {
  background-color: var(--accent-a3);
}

.block-left {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding-right: 15%;
  display: flex;
}

.list {
  grid-column-gap: .7em;
  grid-row-gap: .7em;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.icon-list {
  width: 1.125em;
  height: 1.125em;
}

.block-icon-list {
  background-color: var(--accent-b1);
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 1.625em;
  height: 1.625em;
  display: flex;
}

.block-icon-list.green {
  background-color: var(--accent-b3);
}

.heading-list.blue {
  color: var(--accent-a1);
}

.heading-list.green {
  color: var(--accent-a3);
}

.block-list {
  grid-column-gap: .56em;
  grid-row-gap: .56em;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

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

.about {
  grid-row-gap: 1.2em;
  background-color: var(--accent-b1);
  border-radius: .87em;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 3.1em;
  display: flex;
  position: relative;
}

.about.green {
  background-color: var(--accent-b3);
}

.about.red {
  background-color: var(--accent-b2);
}

.block-icon-about {
  background-color: var(--accent-a1);
  border-radius: .87em;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 4.5em;
  height: 4.5em;
  display: flex;
}

.block-icon-about.green {
  background-color: var(--accent-a3);
}

.block-icon-about.red {
  background-color: var(--accent-a2);
}

.icon-about {
  width: 2em;
  height: 2em;
}

.heading-about {
  color: var(--accent-a1);
}

.heading-about.green {
  color: var(--accent-a3);
}

.heading-about.red {
  color: var(--accent-a2);
}

.paragraph-about {
  color: var(--accent-a1);
}

.paragraph-about.green {
  color: var(--accent-a3);
}

.paragraph-about.red {
  color: var(--accent-a2);
}

.heading-quote {
  margin-bottom: 1.4em;
}

.block-quote {
  grid-column-gap: 1.25em;
  grid-row-gap: 1.25em;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.block-name {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.heading-name {
  margin-bottom: .3em;
  line-height: 120%;
  text-decoration: none;
}

.text-role {
  color: #141718b3;
  letter-spacing: .05em;
  text-transform: uppercase;
  font-family: IBM Plex Mono, sans-serif;
  font-size: .7em;
  font-weight: 500;
  line-height: 130%;
  text-decoration: none;
}

.signature {
  height: 3.7em;
}

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

.team {
  background-color: var(--white);
  border-radius: .87em;
  padding: 1em;
  box-shadow: 0 15px 25px -10px #1417180d;
}

.image-team {
  object-fit: cover;
  border-radius: .6em;
}

.block-team {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding: 1.3em 1em .6em;
  display: flex;
}

.collection-list-posts {
  grid-column-gap: 1.5em;
  grid-row-gap: 3.4em;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.collection-list-posts.large {
  grid-template-columns: 1fr;
}

.block-post {
  background-color: var(--white);
  border-radius: .87em;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
  box-shadow: 0 15px 25px -10px #1417180d;
}

.block-post.large {
  grid-column-gap: 0em;
  grid-row-gap: 0em;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.collection-list-wrapper-posts.large {
  margin-bottom: 3.4em;
}

.image-post-thumbnail {
  object-fit: cover;
  border-radius: .87em;
  width: 100%;
  height: 15em;
}

.image-post-thumbnail.large {
  height: auto;
  max-height: 40em;
}

.link-post-thumbnail {
  width: 100%;
}

.link-post-thumbnail.large {
  flex-direction: row;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
}

.post {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 2.5em 2.8em;
  display: flex;
}

.post.large {
  justify-content: center;
  padding: 4.3em 4.5em;
}

.link-heading-post {
  margin-bottom: 1.3em;
  text-decoration: none;
}

.link-heading-post.large {
  margin-bottom: 1.4em;
}

.date {
  color: #14171880;
  letter-spacing: .05em;
  text-transform: uppercase;
  margin-bottom: .8em;
  font-family: IBM Plex Mono, sans-serif;
  font-size: .7em;
  font-weight: 500;
  line-height: 130%;
}

.paragraph-post {
  margin-bottom: 1.4em;
}

.paragraph-post.large {
  max-width: 25em;
  margin-bottom: 1.6em;
}

.empty-state {
  background-color: var(--white);
  text-align: center;
  border-radius: .87em;
  padding: 1em 1.4em;
  box-shadow: 0 15px 25px -10px #1417180d;
}

.text-empty {
  opacity: .7;
  color: var(--heading);
  letter-spacing: .05em;
  text-transform: uppercase;
  font-family: IBM Plex Mono, sans-serif;
  font-size: .7em;
  font-weight: 500;
  line-height: 130%;
}

.date-top {
  color: #14171880;
  letter-spacing: .05em;
  text-transform: uppercase;
  margin-bottom: .8em;
  font-family: IBM Plex Mono, sans-serif;
  font-size: .7em;
  font-weight: 500;
  line-height: 130%;
}

.post-body {
  background-color: var(--white);
  border-radius: .87em;
  width: 100%;
  padding: 4em 13%;
  box-shadow: 0 15px 25px -10px #1417180d;
}

.image-main-post {
  object-fit: cover;
  border-radius: .87em;
  width: 100%;
}

.contact {
  z-index: 50;
  background-color: var(--white);
  text-align: center;
  border-radius: .87em;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 42em;
  margin-top: -.5em;
  margin-left: auto;
  margin-right: auto;
  padding: 3.1em;
  display: flex;
  position: relative;
  box-shadow: 0 15px 25px -10px #1417180d;
}

.form-block {
  width: 100%;
  margin-top: .4em;
  margin-bottom: 0;
}

.submit-button {
  background-color: var(--accent-a1);
  color: var(--white);
  letter-spacing: -.02em;
  border-radius: .87em;
  padding: 1.2em 1.8em;
  font-size: 1.12em;
  font-weight: 500;
  line-height: 120%;
  transition: box-shadow .3s cubic-bezier(.25, .46, .45, .94), background-color .3s cubic-bezier(.25, .46, .45, .94);
}

.submit-button:hover {
  box-shadow: 0 15px 40px -10px var(--accent-a1);
}

.submit-button.yellow {
  background-color: var(--accent-a4);
  color: var(--heading);
}

.submit-button.yellow:hover {
  box-shadow: 0 15px 40px -10px var(--accent-a4);
}

.form {
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
}

.text-field {
  border: 1px solid var(--border);
  background-color: var(--white);
  color: var(--heading);
  border-radius: .87em;
  height: 3.75em;
  margin-bottom: 1.12em;
  padding: 1em 1.2em;
  font-size: 1em;
  line-height: 130%;
  transition: border-color .3s cubic-bezier(.25, .46, .45, .94);
}

.text-field:focus {
  border-color: var(--accent-a1);
}

.text-field::placeholder {
  color: #14171899;
}

.text-field.transparent {
  color: var(--white);
  background-color: #ffffff1a;
  border-color: #fff3;
}

.text-field.transparent:focus {
  border-color: var(--white);
}

.text-field.transparent::placeholder {
  color: #ffffffa6;
}

.textarea {
  border: 1px solid var(--border);
  background-color: var(--white);
  color: var(--heading);
  border-radius: .87em;
  min-width: 100%;
  max-width: 100%;
  min-height: 14em;
  max-height: 30em;
  margin-bottom: 1.12em;
  padding: 1em 1.2em;
  font-size: 1em;
  line-height: 130%;
  transition: border-color .3s cubic-bezier(.25, .46, .45, .94);
}

.textarea:focus {
  border-color: var(--accent-a1);
}

.textarea::placeholder {
  color: #14171899;
}

.error-message {
  background-color: #bc000312;
  border-radius: .87em;
  margin-top: 1em;
  padding: 1em 10%;
}

.error-message.yellow {
  border: 1px dashed var(--accent-a4);
  background-color: #0000;
}

.text-error {
  color: #bc0003;
  letter-spacing: .05em;
  text-transform: uppercase;
  font-family: IBM Plex Mono, sans-serif;
  font-size: .7em;
  font-weight: 500;
  line-height: 130%;
}

.text-error.yellow {
  color: var(--accent-a4);
}

.success-message {
  background-color: var(--accent-b3);
  border-radius: .87em;
  padding: 1.5em 10%;
}

.success-message.yellow {
  border: 1px dashed var(--accent-a4);
  background-color: #0000;
}

.text-success {
  color: var(--accent-a3);
  letter-spacing: .05em;
  text-transform: uppercase;
  font-family: IBM Plex Mono, sans-serif;
  font-size: .7em;
  font-weight: 500;
  line-height: 130%;
}

.text-success.yellow {
  color: var(--accent-a4);
}

.section-full {
  flex: 1;
  justify-content: center;
  align-items: center;
  padding: 3.75em 2em;
  display: flex;
}

.brand-center {
  flex: none;
  margin-top: 1.2em;
  margin-left: auto;
  margin-right: auto;
  padding: .5em .3em;
}

.account-form {
  z-index: 50;
  background-color: var(--white);
  text-align: center;
  border-radius: .87em;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 32em;
  margin-left: auto;
  margin-right: auto;
  padding: 3.1em;
  display: flex;
  position: relative;
  box-shadow: 0 15px 25px -10px #1417180d;
}

.account-form.blue {
  background-color: var(--accent-a1);
  box-shadow: none;
}

.heading-account {
  max-width: 9em;
  margin-bottom: .3em;
}

.heading-account.white {
  color: var(--white);
}

.paragraph-account {
  max-width: 23em;
  margin-bottom: 1.8em;
}

.paragraph-account.white {
  color: #fffc;
}

.text-account {
  color: #14171899;
  text-align: center;
  width: 100%;
  max-width: 32em;
  margin-top: 1.4em;
  margin-left: auto;
  margin-right: auto;
  font-size: .87em;
  line-height: 140%;
}

.text-account.white {
  color: #ffffff80;
}

.link-account {
  color: #14171899;
  transition: color .3s cubic-bezier(.25, .46, .45, .94);
}

.link-account:hover {
  color: var(--accent-a1);
}

.link-account.white {
  color: #ffffff80;
}

.link-account.white:hover {
  color: var(--white);
}

.body-blue {
  background-color: #0d32f5;
}

.cart {
  flex: none;
}

.cart-button {
  background-color: var(--accent-a1);
  border-radius: 50em;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: .6em;
  transition: box-shadow .3s cubic-bezier(.25, .46, .45, .94);
  display: flex;
  position: relative;
}

.cart-button:hover {
  box-shadow: 0 15px 30px -8px var(--accent-a1);
}

.icon-cart {
  flex: none;
  width: 1.37em;
  height: 1.37em;
}

.icon-cart-quantity {
  background-color: var(--white);
  color: var(--heading);
  border-radius: 50em;
  min-width: auto;
  height: auto;
  margin-left: 0;
  padding: .3em .6em .1em;
  font-size: .71em;
  font-weight: 500;
  line-height: 130%;
  position: absolute;
  inset: -15% -20% auto auto;
  box-shadow: 0 5px 5px #1417180d;
}

.cart-wrapper {
  background-color: #0000;
}

.cart-container {
  background-color: var(--white);
  border-radius: .87em;
  width: 100%;
  min-width: 22em;
  max-width: 30em;
  margin-top: .7em;
  box-shadow: 0 15px 25px -5px #14171826;
}

.cart-header {
  border-bottom-color: var(--border);
  padding: 1em 1.5em;
}

.close-button {
  cursor: pointer;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: auto;
  height: auto;
  padding: .25em;
  display: flex;
}

.icon-close {
  width: 1.5em;
  height: 1.5em;
}

.cart-list {
  padding: 1em 1.5em;
}

.cart-item {
  align-items: flex-start;
  padding-top: .7em;
  padding-bottom: .7em;
}

.image-cart-item {
  background-color: var(--accent-b1);
  object-fit: cover;
  border-radius: .62em;
  width: 3.5em;
  height: 3.5em;
  padding: .9em;
}

.block-cart-item {
  margin-left: 1em;
  margin-right: 1em;
}

.cart-item-name {
  color: var(--heading);
  letter-spacing: -.02em;
  font-size: 1.05em;
  font-weight: 600;
  line-height: 130%;
}

.cart-item-price {
  color: var(--accent-a1);
  margin-bottom: .6em;
  font-size: .9em;
  font-weight: 600;
  line-height: 120%;
}

.remove-button {
  color: #141718b3;
  letter-spacing: .05em;
  text-transform: uppercase;
  font-family: IBM Plex Mono, sans-serif;
  font-size: .7em;
  font-weight: 500;
  line-height: 130%;
  text-decoration: none;
  transition: color .3s cubic-bezier(.25, .46, .45, .94);
}

.remove-button:hover {
  color: var(--accent-a1);
}

.cart-quantity {
  border-color: var(--border);
  background-color: var(--white);
  color: var(--heading);
  border-radius: .62em;
  width: 3.7em;
  height: 2.4em;
  margin-bottom: .8em;
  padding: .5em .5em .5em .8em;
  font-size: .9em;
  font-weight: 400;
  line-height: 1.3em;
  transition: border-color .3s cubic-bezier(.25, .46, .45, .94);
}

.cart-quantity:focus {
  border-color: var(--accent-a1);
}

.cart-line-item {
  margin-bottom: 1em;
  padding-top: .3em;
  padding-bottom: .3em;
  font-size: .9em;
  line-height: 140%;
}

.text-subtotal {
  color: var(--heading);
  font-size: 1.2em;
  font-weight: 600;
}

.apple-pay, .pay-with-browser {
  border-radius: 50em;
  height: 2.8em;
}

.checkout-button {
  background-color: var(--accent-a1);
  color: var(--white);
  letter-spacing: -.02em;
  border-radius: 50em;
  margin-top: 1em;
  padding: .9em 1.8em;
  font-size: 1.12em;
  font-weight: 500;
  line-height: 120%;
  transition: box-shadow .3s cubic-bezier(.25, .46, .45, .94), background-color .3s cubic-bezier(.25, .46, .45, .94);
}

.checkout-button:hover {
  box-shadow: 0 15px 40px -10px var(--accent-a1);
}

.cart-empty-state {
  flex-direction: column;
  padding-top: 3.5em;
  padding-bottom: 3.5em;
}

.text-cart-empty {
  color: var(--heading);
  margin-bottom: 1em;
  font-size: 1em;
  line-height: 130%;
}

.button-small {
  background-color: var(--accent-a1);
  color: var(--white);
  letter-spacing: -.02em;
  border-radius: 50em;
  padding: .7em 1.4em;
  font-size: 1em;
  font-weight: 500;
  line-height: 120%;
  transition: box-shadow .3s cubic-bezier(.25, .46, .45, .94), background-color .3s cubic-bezier(.25, .46, .45, .94);
}

.button-small:hover {
  box-shadow: 0 15px 40px -10px var(--accent-a1);
}

.button-small.yellow {
  background-color: var(--accent-a4);
  color: var(--heading);
}

.button-small.yellow:hover {
  box-shadow: 0 15px 40px -10px var(--accent-a4);
}

.button-small.dark {
  background-color: var(--heading);
}

.button-small.dark:hover {
  background-color: var(--accent-a1);
}

.cart-error-state {
  background-color: #bc000312;
  border-radius: .62em;
  margin: 0 1.5em 1.5em;
  padding: 1em 1.4em;
}

.collection-list-shop {
  grid-column-gap: 1.5em;
  grid-row-gap: 1.5em;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.product {
  grid-column-gap: 1px;
  grid-row-gap: 1px;
  background-color: var(--white);
  border-radius: .87em;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 2.4em;
  display: flex;
  position: relative;
  box-shadow: 0 15px 25px -10px #1417180d;
}

.block-icon-product {
  background-color: var(--accent-b1);
  border-radius: .87em;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 4.2em;
  height: 4.2em;
  margin-bottom: 1.3em;
  display: flex;
}

.icon-product {
  object-fit: cover;
  border-radius: 8px;
  width: 1.7em;
  height: 1.7em;
}

.link-product {
  margin-bottom: .15em;
  text-decoration: none;
}

.text-price {
  color: var(--accent-a1);
  letter-spacing: -.01em;
  font-size: 1.2em;
  font-weight: 600;
  line-height: 120%;
}

.block-price {
  grid-column-gap: .6em;
  grid-row-gap: .6em;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 1.6em;
  display: flex;
}

.compare-at-price {
  color: #14171880;
  letter-spacing: -.01em;
  font-size: 1em;
  font-weight: 400;
  line-height: 120%;
  text-decoration: line-through;
}

.paragraph-description {
  margin-bottom: 2.1em;
  font-size: .87em;
  line-height: 155%;
}

.subtitle-product {
  color: #14171880;
  letter-spacing: .05em;
  text-transform: uppercase;
  margin-bottom: 1.4em;
  font-family: IBM Plex Mono, sans-serif;
  font-size: .7em;
  font-weight: 500;
  line-height: 130%;
}

.icon-features-product {
  width: 1.5em;
  height: 1.5em;
}

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

.block-features-product {
  grid-column-gap: .7em;
  grid-row-gap: .7em;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 2.2em;
  display: flex;
}

.block-tag-product {
  grid-column-gap: .5em;
  grid-row-gap: .5em;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: absolute;
  inset: -.5em 1.2em auto auto;
}

.yellow-tag-product {
  background-color: var(--accent-a4);
  color: var(--heading);
  letter-spacing: .05em;
  text-transform: uppercase;
  border-radius: .6em;
  padding: .7em 1.1em;
  font-family: IBM Plex Mono, sans-serif;
  font-size: .7em;
  font-weight: 500;
  line-height: 110%;
}

.green-tag-product {
  background-color: var(--accent-a3);
  color: var(--white);
  letter-spacing: .05em;
  text-transform: uppercase;
  border-radius: .6em;
  padding: .7em 1.1em;
  font-family: IBM Plex Mono, sans-serif;
  font-size: .7em;
  font-weight: 500;
  line-height: 110%;
}

.collection-list-categories {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: block;
}

.collection-item-categories {
  display: inline-block;
}

.link-category {
  grid-column-gap: .63em;
  grid-row-gap: .63em;
  color: var(--heading);
  border-radius: .87em;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 1.2em 1.4em;
  text-decoration: none;
  transition: color .3s cubic-bezier(.25, .46, .45, .94);
  display: flex;
}

.link-category:hover {
  color: var(--accent-a1);
}

.link-category.w--current {
  background-color: var(--background);
  box-shadow: 0 15px 25px -10px #1417180d;
}

.icon-category {
  width: 1.7em;
  height: 1.7em;
}

.block-categories {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-top: .6em;
  display: flex;
}

.text-category {
  letter-spacing: -.02em;
  font-size: 1em;
  font-weight: 600;
  line-height: 140%;
}

.utility-page-wrap {
  flex: 1;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 3em 1em;
  display: flex;
}

.utility-page-content {
  background-color: var(--white);
  text-align: center;
  border-radius: .87em;
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 24em;
  margin-bottom: 0;
  padding: 3.1em;
  display: flex;
  box-shadow: 0 15px 25px -10px #1417180d;
}

.utility-page-form {
  flex-direction: column;
  align-items: stretch;
  width: 100%;
  margin-top: .8em;
  display: flex;
}

.field-label {
  color: var(--heading);
  text-align: left;
  letter-spacing: .05em;
  text-transform: uppercase;
  margin-bottom: .5em;
  font-family: IBM Plex Mono, sans-serif;
  font-size: .7em;
  font-weight: 500;
  line-height: 130%;
}

.grid-product {
  grid-column-gap: 1.5em;
  grid-row-gap: 1.5em;
  grid-template-rows: auto;
  grid-template-columns: 1fr 2fr;
  align-items: start;
  position: relative;
}

.add-to-cart {
  width: 100%;
}

.quantity {
  border-color: var(--border);
  background-color: var(--white);
  color: var(--heading);
  border-radius: .62em;
  width: 4.4em;
  height: 3.4em;
  margin-bottom: .9em;
  padding: .5em .5em .5em .8em;
  font-size: 1em;
  font-weight: 400;
  line-height: 1.3em;
  transition: border-color .3s cubic-bezier(.25, .46, .45, .94);
}

.quantity:focus {
  border-color: var(--accent-a1);
}

.add-to-cart-button {
  background-color: var(--accent-a1);
  color: var(--white);
  letter-spacing: -.02em;
  border-radius: 50em;
  padding: .9em 1.8em;
  font-size: 1.12em;
  font-weight: 500;
  line-height: 120%;
  transition: box-shadow .3s cubic-bezier(.25, .46, .45, .94), background-color .3s cubic-bezier(.25, .46, .45, .94);
}

.add-to-cart-button:hover {
  box-shadow: 0 15px 40px -10px var(--accent-a1);
}

.buy-now-button {
  background-color: var(--accent-a1);
  color: var(--white);
  letter-spacing: -.02em;
  border-radius: 50em;
  margin-top: .8em;
  padding: .9em 1.8em;
  font-size: 1.12em;
  font-weight: 500;
  line-height: 120%;
  transition: box-shadow .3s cubic-bezier(.25, .46, .45, .94), background-color .3s cubic-bezier(.25, .46, .45, .94);
}

.buy-now-button:hover {
  box-shadow: 0 15px 40px -10px var(--accent-a1);
}

.buy-now-button.yellow {
  background-color: var(--accent-a4);
  color: var(--heading);
}

.buy-now-button.yellow:hover {
  box-shadow: 0 15px 40px -10px var(--accent-a4);
}

.default-state {
  margin: 0;
}

.field-label-quantity {
  color: #14171880;
  text-align: left;
  letter-spacing: .05em;
  text-transform: uppercase;
  margin-bottom: .5em;
  font-family: IBM Plex Mono, sans-serif;
  font-size: .7em;
  font-weight: 500;
  line-height: 130%;
  display: none;
}

.out-of-stock-state {
  background-color: #bc000312;
  border-radius: .87em;
  margin-top: 0;
  padding: 1em 10%;
}

.product-content {
  background-color: var(--white);
  border-radius: .87em;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 3.1em;
  display: flex;
  position: relative;
  box-shadow: 0 15px 25px -10px #1417180d;
}

.product-sticky {
  background-color: var(--white);
  border-radius: .87em;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 2.4em;
  display: flex;
  position: sticky;
  top: 100px;
  box-shadow: 0 15px 25px -10px #1417180d;
}

.ecommerce-form {
  background-color: #0000;
  min-height: auto;
  padding: 0;
}

.ecommerce-grid {
  grid-column-gap: 1.5em;
  grid-row-gap: 1.5em;
  grid-template-rows: auto;
  grid-template-columns: 2fr 1fr;
  align-items: start;
  width: 100%;
}

.ecommerce-contents {
  grid-column-gap: 1.5em;
  grid-row-gap: 1.5em;
  flex-direction: column;
  margin-right: 0;
  display: flex;
}

.ecommerce-sidebar {
  top: 100px;
}

.ecommerce-block {
  background-color: var(--white);
  border-radius: .87em;
  margin-top: 0;
  margin-bottom: 0;
  box-shadow: 0 15px 25px -10px #1417180d;
}

.block-header {
  border-style: none none solid;
  border-color: var(--border);
  background-color: #0000;
  padding: 1em 1.5em;
}

.block-content {
  background-color: #0000;
  border: 1px #000;
  padding: 1.5em;
}

.order-summary {
  background-color: var(--white);
  border-radius: .87em;
  margin-bottom: 1.5em;
  box-shadow: 0 15px 25px -10px #1417180d;
}

.text-required {
  color: var(--accent-a3);
  font-size: .9em;
  font-weight: 500;
  line-height: 155%;
}

.text-field-ecommerce {
  border: 1px solid var(--border);
  background-color: var(--background);
  color: var(--heading);
  border-radius: .87em;
  height: 3.75em;
  margin-bottom: 1.12em;
  padding: 1em 1.2em;
  font-size: 1em;
  line-height: 130%;
  transition: border-color .3s cubic-bezier(.25, .46, .45, .94);
}

.text-field-ecommerce:focus, .text-field-ecommerce.-wfp-focus {
  border-color: var(--accent-a1);
}

.text-field-ecommerce::placeholder {
  color: #14171899;
}

.country {
  border: 1px solid var(--border);
  background-color: var(--background);
  color: var(--heading);
  border-radius: .87em;
  height: 3.75em;
  margin-bottom: 1.12em;
  padding: 1em 1.2em;
  font-size: 1em;
  line-height: 130%;
  transition: border-color .3s cubic-bezier(.25, .46, .45, .94);
}

.country:focus {
  border-color: var(--accent-a1);
}

.billing-address-toggle {
  align-items: baseline;
}

.shipping-method-list {
  grid-column-gap: .7em;
  grid-row-gap: .7em;
  border: 1px #000;
  flex-direction: column;
  justify-content: flex-start;
  display: flex;
}

.shipping-method {
  background-color: var(--accent-b1);
  border: 1px #000;
  border-radius: .87em;
  margin-bottom: 0;
  padding: 1em 1.2em;
}

.block-quantity {
  font-size: .9em;
}

.discounts {
  border-style: none;
  border-color: var(--border);
  background-color: var(--white);
  border-radius: .87em;
  margin-bottom: 1.5em;
  padding: 1.5em;
  box-shadow: 0 15px 25px -10px #1417180d;
}

.apply-button {
  background-color: var(--accent-a1);
  color: var(--white);
  letter-spacing: -.02em;
  border-radius: .87em;
  height: 3.75em;
  margin-left: .5em;
  padding: .9em 1.3em;
  font-size: 1em;
  font-weight: 500;
  line-height: 120%;
  transition: box-shadow .3s cubic-bezier(.25, .46, .45, .94), background-color .3s cubic-bezier(.25, .46, .45, .94);
}

.apply-button:hover {
  box-shadow: 0 15px 40px -10px var(--accent-a1);
}

.page-body {
  background-color: var(--white);
  border-radius: .87em;
  width: 100%;
  margin-bottom: 1em;
  padding: 5em 13%;
  box-shadow: 0 15px 25px -10px #1417180d;
}

.heading-template {
  margin-bottom: .8em;
}

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

.block-color {
  grid-column-gap: .25em;
  grid-row-gap: .25em;
  background-color: var(--white);
  border-radius: .5em;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  min-height: 11em;
  padding: 1.2em;
  display: flex;
}

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

.block-color.border {
  background-color: var(--border);
}

.block-color.heading-color {
  background-color: var(--heading);
}

.block-color.accent-a1 {
  background-color: var(--accent-a1);
}

.block-color.accent-a2 {
  background-color: var(--accent-a2);
}

.block-color.accent-a3 {
  background-color: var(--accent-a3);
}

.block-color.accent-a4 {
  background-color: var(--accent-a4);
}

.block-color.accent-b1 {
  background-color: var(--accent-b1);
}

.block-color.accent-b2 {
  background-color: var(--accent-b2);
}

.block-color.accent-b3 {
  background-color: var(--accent-b3);
}

.block-color.paragraph-color {
  background-color: var(--paragraph);
}

.text-color {
  color: var(--heading);
  letter-spacing: -.02em;
  font-size: 1em;
  font-weight: 600;
  line-height: 120%;
}

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

.hex-color {
  opacity: .5;
  color: var(--heading);
  letter-spacing: .05em;
  text-transform: uppercase;
  font-family: IBM Plex Mono, sans-serif;
  font-size: .7em;
  font-weight: 500;
  line-height: 130%;
}

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

.block-button {
  grid-column-gap: .8em;
  grid-row-gap: .8em;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  margin-top: 1em;
  display: flex;
}

.button-outline-small {
  box-shadow: 0 0 0 -10px var(--accent-a1), inset 0 0 0 2px var(--accent-a1);
  color: var(--accent-a1);
  letter-spacing: -.02em;
  background-color: #0000;
  border-radius: 50em;
  padding: .7em 1.4em;
  font-size: 1em;
  font-weight: 500;
  line-height: 120%;
  transition: box-shadow .3s cubic-bezier(.25, .46, .45, .94), color .3s cubic-bezier(.25, .46, .45, .94), background-color .3s cubic-bezier(.25, .46, .45, .94);
}

.button-outline-small:hover {
  background-color: var(--accent-a1);
  box-shadow: 0 15px 40px -10px var(--accent-a1), inset 0 0 0 2px var(--accent-a1);
  color: var(--white);
}

.button-outline {
  box-shadow: 0 0 0 -10px var(--accent-a1), inset 0 0 0 2px var(--accent-a1);
  color: var(--accent-a1);
  letter-spacing: -.02em;
  background-color: #0000;
  border-radius: 50em;
  padding: .9em 1.8em;
  font-size: 1.12em;
  font-weight: 500;
  line-height: 120%;
  transition: box-shadow .3s cubic-bezier(.25, .46, .45, .94), color .3s cubic-bezier(.25, .46, .45, .94), background-color .3s cubic-bezier(.25, .46, .45, .94);
}

.button-outline:hover {
  background-color: var(--accent-a1);
  box-shadow: 0 15px 40px -10px var(--accent-a1), inset 0 0 0 2px var(--accent-a1);
  color: var(--white);
}

.paragraph-template {
  margin-bottom: 2.4em;
}

.grid-licensing {
  grid-column-gap: .8em;
  grid-row-gap: .8em;
  grid-template-rows: auto;
}

.image-template {
  object-fit: cover;
  border-radius: .6em;
}

.lottie-template {
  background-color: var(--background);
  border-radius: .6em;
}

.grid-icon-licensing {
  grid-column-gap: .8em;
  grid-row-gap: .8em;
  grid-template-rows: auto;
  grid-template-columns: auto auto auto auto auto auto auto auto;
  place-content: stretch start;
  place-items: center start;
}

.icon-licensing {
  background-color: var(--accent-b1);
  border-radius: .87em;
  width: 4.2em;
  max-width: none;
  height: 4.2em;
  padding: 1.3em;
}

.font-template {
  background-color: var(--accent-b1);
  border-radius: .87em;
  margin-top: .7em;
  padding: 1.3em 1.8em;
}

.ibm-plex-mono {
  font-family: IBM Plex Mono, sans-serif;
  font-weight: 500;
}

.image {
  background-color: #00a9ff;
  border-radius: 60px;
  padding: 10px;
}

.tab-link-tab-1 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #fff;
  border-radius: .83em;
  display: flex;
}

.tab-link-tab-1.w--current {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: var(--white);
  color: var(--accent-a1);
  border-radius: .87em;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
}

.tabs-menu {
  grid-column-gap: 44px;
  grid-row-gap: 44px;
  display: flex;
}

.tab-link-tab-2 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #ddd0;
  display: flex;
}

.tab-link-tab-2.w--current {
  background-color: #fff;
  border-radius: .83em;
}

.tab-link-tab-3 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #fff0;
  border-radius: .83em;
  display: flex;
}

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

.tab-link-tab-4 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #ddd0;
  display: flex;
}

.tab-link-tab-4.w--current {
  background-color: #fff;
  border-radius: .83em;
}

.tab-link-tab-5 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #ddd0;
  display: flex;
}

.tab-link-tab-5.w--current {
  background-color: #fff;
  border-radius: .83em;
}

.container {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  grid-template: "." minmax(auto, 1fr)
                 "." minmax(auto, 1fr)
                 "." minmax(auto, 1fr)
                 / minmax(auto, 1fr) minmax(auto, 1fr) minmax(auto, 1fr);
  grid-auto-rows: minmax(auto, 1fr);
  grid-auto-columns: auto;
  grid-auto-flow: row;
  place-content: stretch;
  place-items: center;
  margin-left: auto;
  margin-right: auto;
  display: grid;
}

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

.image-2 {
  box-sizing: border-box;
  clear: none;
  aspect-ratio: auto;
  vertical-align: middle;
  object-fit: fill;
  border: 6px solid #5589f000;
  border-radius: 30px;
  flex: 0 auto;
  max-width: 100%;
  margin-top: 40px;
  margin-left: 119px;
  padding-left: 0;
  padding-right: 0;
  display: block;
}

.image-3 {
  border-radius: 40px;
  margin-left: -334px;
}

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

@media screen and (max-width: 991px) {
  h1 {
    font-size: 3.5em;
  }

  h2 {
    font-size: 2.7em;
  }

  h3 {
    font-size: 2em;
  }

  h4 {
    font-size: 1.6em;
  }

  h5 {
    font-size: 1.25em;
  }

  .nav-menu {
    border-top: 1px solid var(--border);
    border-bottom: 1px solid var(--border);
    background-color: var(--white);
    padding: 1.2em 1em;
    box-shadow: 0 15px 25px -10px #1417180d;
  }

  .section-top-bar {
    padding-top: .8em;
    padding-bottom: .8em;
  }

  .top-bar-block {
    grid-row-gap: .6em;
    flex-direction: column;
    align-items: flex-start;
  }

  .menu-button {
    background-color: var(--white);
    color: var(--heading);
    border-radius: 50em;
    padding: .6em;
    font-size: 1.2em;
    transition: color .3s cubic-bezier(.25, .46, .45, .94), background-color .3s cubic-bezier(.25, .46, .45, .94);
    box-shadow: 0 15px 20px -5px #1417181a;
  }

  .menu-button.w--open {
    background-color: var(--heading);
    color: var(--white);
  }

  .paragraph-hero {
    font-size: 1em;
  }

  .grid-solutions {
    grid-column-gap: 1.13em;
    grid-row-gap: 1.13em;
    grid-template-columns: 1fr 1fr;
  }

  .block-right {
    padding-left: 10%;
  }

  .grid-numbers {
    font-size: .9em;
  }

  .section-top {
    padding-top: 4.5em;
    padding-bottom: 0;
  }

  .paragraph-top {
    font-size: 1em;
  }

  .grid-solutions-large {
    grid-column-gap: 1.13em;
    grid-row-gap: 1.13em;
  }

  .block-left {
    padding-right: 10%;
  }

  .grid-about {
    grid-column-gap: 1.13em;
    grid-row-gap: 1.13em;
    grid-template-columns: 1fr 1fr;
  }

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

  .collection-list-posts {
    grid-column-gap: 1.13em;
    grid-row-gap: 3em;
    grid-template-columns: 1fr 1fr;
  }

  .collection-list-wrapper-posts.large {
    margin-bottom: 3em;
  }

  .image-post-thumbnail {
    height: 28vw;
  }

  .post.large {
    padding: 3.4em 3.2em;
  }

  .post-body {
    padding-left: 10%;
    padding-right: 10%;
  }

  .collection-list-shop {
    grid-column-gap: 1.13em;
    grid-row-gap: 1.13em;
    grid-template-columns: 1fr 1fr;
  }

  .link-category {
    padding: 1em 1.2em;
  }

  .block-categories {
    flex-direction: column;
  }

  .grid-product {
    grid-template-columns: 1fr;
  }

  .product-sticky {
    padding: 3.1em;
    position: relative;
    top: auto;
  }

  .page-body {
    padding: 4em 10%;
  }

  .grid-colors {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .grid-icon-licensing {
    grid-template-columns: auto auto auto auto auto auto;
  }
}

@media screen and (max-width: 767px) {
  h1 {
    font-size: 3em;
  }

  h2 {
    font-size: 2.3em;
  }

  h3 {
    font-size: 1.8em;
  }

  h4 {
    font-size: 1.4em;
  }

  h5 {
    font-size: 1.2em;
  }

  .button-desktop {
    display: none;
  }

  .button-mobile {
    flex-direction: column;
    align-items: flex-start;
    margin-top: .5em;
    margin-bottom: .8em;
    padding-left: .5em;
    padding-right: .5em;
    display: flex;
  }

  .section-hero {
    padding-bottom: 3em;
  }

  .grid-hero {
    grid-column-gap: 2.5em;
    grid-row-gap: 2.5em;
    grid-template-columns: 1fr;
  }

  .block-hero {
    text-align: center;
    align-items: center;
  }

  .section {
    padding-top: 3em;
    padding-bottom: 3em;
  }

  .grid-solutions {
    grid-column-gap: .87em;
    grid-row-gap: .87em;
  }

  .solutions {
    padding: 2.2em;
  }

  .logo-client {
    max-height: 1.5em;
    margin-left: 1.8em;
    margin-right: 1.8em;
  }

  .grid {
    grid-column-gap: 2.5em;
    grid-row-gap: 2.5em;
    grid-template-columns: 1fr;
  }

  .block-right {
    padding-left: 0%;
  }

  .grid-numbers {
    width: 100%;
    font-size: 1em;
  }

  .grid-features {
    grid-template-columns: 1fr 1fr;
  }

  .grid-faq, .block-faq {
    grid-column-gap: .87em;
    grid-row-gap: .87em;
  }

  .grid-banner {
    grid-template-columns: 1fr;
  }

  .block-banner {
    padding: 4em 10%;
  }

  .lottie-banner {
    position: relative;
    top: 0%;
  }

  .section-footer {
    padding-top: 3em;
  }

  .grid-footer {
    grid-column-gap: 2.5em;
    grid-row-gap: 2.5em;
    grid-template-columns: 1fr 1fr;
    margin-bottom: 6em;
  }

  .block-footer-down {
    margin-bottom: 2em;
  }

  .section-top {
    padding-top: 3.5em;
  }

  .grid-solutions-large {
    grid-column-gap: .87em;
    grid-row-gap: .87em;
    grid-template-columns: 1fr;
    margin-bottom: .87em;
  }

  .grid-about {
    grid-column-gap: .87em;
    grid-row-gap: .87em;
    grid-template-columns: 1fr;
  }

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

  .collection-list-posts {
    grid-row-gap: 2em;
    grid-template-columns: 1fr;
  }

  .block-post.large {
    grid-template-columns: 1fr;
  }

  .collection-list-wrapper-posts.large {
    margin-bottom: 2em;
  }

  .image-post-thumbnail, .image-post-thumbnail.large {
    height: 50vw;
  }

  .post-body {
    padding-top: 2.9em;
    padding-bottom: 2.9em;
  }

  .collection-list-shop, .ecommerce-grid {
    grid-template-columns: 1fr;
  }

  .page-body {
    padding-top: 3em;
    padding-bottom: 3em;
  }

  .grid-colors {
    grid-template-columns: 1fr 1fr;
  }

  .grid-icon-licensing {
    grid-template-columns: auto auto auto auto;
  }
}

@media screen and (max-width: 479px) {
  h1 {
    font-size: 2.4em;
  }

  h2 {
    font-size: 1.9em;
  }

  h3 {
    font-size: 1.6em;
  }

  h4 {
    font-size: 1.3em;
  }

  h5 {
    font-size: 1.15em;
  }

  .navbar {
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    padding-left: 1.5em;
    padding-right: 1.5em;
    position: relative;
  }

  .nav-menu {
    padding-left: .5em;
    padding-right: .5em;
  }

  .section-top-bar {
    padding-left: 1.5em;
    padding-right: 1.5em;
  }

  .top-bar {
    grid-row-gap: .6em;
    flex-direction: column;
    align-items: flex-start;
  }

  .section-hero {
    padding: 3em 1.5em 2.5em;
  }

  .button-hero {
    grid-row-gap: .5em;
    flex-direction: column;
  }

  .features-lottie {
    grid-row-gap: 1.5em;
  }

  .feature-lottie-block {
    margin-right: 31%;
  }

  .feature-lottie-block.a3 {
    margin-right: 38%;
  }

  .section {
    padding: 2.5em 1.5em;
  }

  .grid-solutions {
    grid-template-columns: 1fr;
  }

  .solutions {
    padding: 2em;
  }

  .grid-numbers {
    grid-template-columns: 1fr;
  }

  .grid-features {
    grid-row-gap: 1.2em;
    grid-template-columns: 1fr;
  }

  .features {
    grid-column-gap: 1em;
    grid-row-gap: 1em;
    padding-top: .8em;
    padding-bottom: .8em;
  }

  .contact-lottie-link {
    grid-column-gap: 1em;
    grid-row-gap: 1em;
    min-width: 15em;
    margin-right: 0%;
    font-size: .9em;
  }

  .contact-lottie-link.a2, .contact-lottie-link.a3 {
    margin-right: 0%;
  }

  .grid-faq {
    grid-template-columns: 1fr;
  }

  .block-banner {
    padding-top: 2.5em;
    padding-bottom: 2.5em;
  }

  .section-footer {
    padding-top: 2.5em;
    padding-left: 1.5em;
    padding-right: 1.5em;
  }

  .grid-footer {
    grid-template-columns: 1fr;
    margin-bottom: 5em;
  }

  .block-footer {
    text-align: center;
    align-items: center;
  }

  .block-footer-down {
    text-align: center;
    justify-content: center;
    margin-bottom: 1.5em;
  }

  .block-reviews {
    flex-direction: column;
  }

  .review {
    padding: 1.6em;
  }

  .section-top {
    padding-top: 3em;
    padding-left: 1.5em;
    padding-right: 1.5em;
  }

  .paragraph-top {
    margin-bottom: 1.2em;
  }

  .solutions-large, .about {
    padding: 2em;
  }

  .grid-team {
    grid-column-gap: .6em;
    grid-row-gap: .6em;
  }

  .team {
    padding: 0;
  }

  .block-team {
    padding: .9em 1.2em;
    font-size: .9em;
  }

  .collection-list-posts {
    grid-row-gap: 1.5em;
  }

  .collection-list-wrapper-posts.large {
    margin-bottom: 1.5em;
  }

  .post, .post.large {
    padding: 1.8em 2.2em;
  }

  .post-body {
    padding-top: 2.5em;
    padding-bottom: 2.5em;
  }

  .contact {
    padding: 2em;
  }

  .text-field {
    margin-bottom: .9em;
  }

  .section-full {
    padding-top: 3em;
  }

  .account-form {
    padding: 2em;
  }

  .paragraph-account {
    margin-bottom: 1em;
  }

  .cart-container {
    border-radius: 0;
    min-width: auto;
    margin-top: 0;
  }

  .product {
    padding: 1.5em;
  }

  .block-price {
    flex-direction: column;
  }

  .block-categories {
    font-size: .9em;
  }

  .utility-page-wrap {
    padding-top: 2em;
  }

  .utility-page-content, .product-content, .product-sticky {
    padding: 2em;
  }

  .text-field-ecommerce {
    margin-bottom: .9em;
  }

  .page-body {
    padding-top: 2em;
    padding-bottom: 2em;
  }

  .grid-colors {
    grid-template-columns: 1fr;
  }

  .block-button {
    flex-direction: column;
    align-items: flex-start;
  }

  .grid-licensing {
    grid-template-columns: 1fr;
  }

  .grid-icon-licensing {
    grid-template-columns: auto auto;
  }
}

#w-node-_37b3a8d2-c553-a736-f678-9b56fa1506c8-fadc3c9f, #w-node-a4cb2e2c-97ad-0ff4-4b5f-cbaa674163ff-fadc3c9f, #w-node-b9884999-5af6-d1ff-eb07-8badfae39427-fadc3c9f, #w-node-f8cf0b0a-7bff-358b-dba5-0aa0133e001c-fadc3c9f, #w-node-a3434d13-0c41-9ad3-e49d-ef8ec3aa6675-fadc3c9f, #w-node-ed2a8ead-6789-73b8-380f-ef99f7042f78-fadc3c9f, #w-node-_462e3ae4-d17a-4ca9-c67e-daf8b068f90e-fadc3c9f, #w-node-a033bb4d-fb8b-e335-6cb2-c443ca8c4bc8-fadc3c9f, #w-node-_418ca167-2aa7-6102-c555-e760a541672d-fadc3c9f, #w-node-_789e64b8-db23-92f3-fc78-b228e61599d1-fadc3c9f, #w-node-_73c7f32a-11c4-52e7-6886-cdc2875e5856-fadc3c9f, #w-node-a64c2106-90fa-a11e-de5a-7f571bc9fce5-fadc3c9f, #w-node-_0eca363f-fcbf-20ff-a3f9-4b4bf2a0943e-fadc3c9f, #w-node-_81b66805-7f46-c6fe-7448-2cfdb89d7797-fadc3c9f, #w-node-_4e0c3da6-b2da-b4cc-3c51-1794343837c2-fadc3c9f, #w-node-_5ab9e50c-66fe-3297-aab0-dd8ca1a56cd6-fadc3c9f, #w-node-_8081eb8c-b88a-c806-4272-6a0eab494de7-fadc3c9f, #w-node-f0ea6266-7176-7ad5-06e9-ad15d7af875d-fadc3c9f, #w-node-dd03f682-5e31-981d-1bc3-e09cb94f042f-fadc3c9f, #w-node-_5c6c8a4e-7945-f2b2-64e6-05e263274560-fadc3c9f, #w-node-_539ba9ce-4f69-f850-0ad8-b7f312d9e8c7-fadc3c9f, #w-node-d0458a27-e73f-e612-462d-65302581b228-2581b225, #w-node-d0458a27-e73f-e612-462d-65302581b234-2581b225, #w-node-d0458a27-e73f-e612-462d-65302581b240-2581b225, #w-node-_87a4292b-927f-7720-478d-d00ba6094637-2581b225, #w-node-fa5a991c-5956-883f-ada3-90790b0053f4-0b0053f1, #w-node-fa5a991c-5956-883f-ada3-90790b0053fc-0b0053f1, #w-node-_0cd70b74-ab87-0e37-8c12-0b38f4d52384-fadc3ca0, #w-node-_0817c525-b533-bda4-24da-6118e0cbf305-fadc3ca0, #w-node-_06ca0ded-afc5-2e76-cccb-1e42fc83d8fe-fadc3ca0, #w-node-_06ca0ded-afc5-2e76-cccb-1e42fc83d909-fadc3ca0, #w-node-_06ca0ded-afc5-2e76-cccb-1e42fc83d917-fadc3ca0, #w-node-_06ca0ded-afc5-2e76-cccb-1e42fc83d922-fadc3ca0, #w-node-_84ec0c4e-ce73-a401-5d92-2ee6464d9388-fadc3ca0, #w-node-_84ec0c4e-ce73-a401-5d92-2ee6464d9375-fadc3ca0, #w-node-_443fbcc4-e990-fa5e-6ded-88e17656b4fb-fadc3ca0, #w-node-_443fbcc4-e990-fa5e-6ded-88e17656b503-fadc3ca0, #w-node-_443fbcc4-e990-fa5e-6ded-88e17656b50b-fadc3ca0, #w-node-_443fbcc4-e990-fa5e-6ded-88e17656b513-fadc3ca0, #w-node-_443fbcc4-e990-fa5e-6ded-88e17656b51b-fadc3ca0, #w-node-_443fbcc4-e990-fa5e-6ded-88e17656b523-fadc3ca0, #w-node-e0a700b7-f8d1-c9fd-11cf-eea47df8bd7d-fadc3ca0, #w-node-e0a700b7-f8d1-c9fd-11cf-eea47df8bd90-fadc3ca0, #w-node-e0a700b7-f8d1-c9fd-11cf-eea47df8bd99-fadc3ca0, #w-node-e0a700b7-f8d1-c9fd-11cf-eea47df8bd9f-fadc3ca0, #w-node-_0cd70b74-ab87-0e37-8c12-0b38f4d52384-fadc3ca1, #w-node-afed3ac8-3177-ec05-990a-39f68f9eb356-fadc3ca1, #w-node-_84b383cf-f2f3-bea7-8c05-b0fd748b650d-fadc3ca1, #w-node-ef8907ed-ca22-ade3-43fc-33a830f840f2-fadc3ca1, #w-node-ef8907ed-ca22-ade3-43fc-33a830f84105-fadc3ca1, #w-node-_2351d0c9-a38d-c3f1-19a0-86639b9befd4-fadc3ca1, #w-node-_2b554ef2-66cc-1f87-36f9-dec8f5421416-fadc3ca1, #w-node-_0b233eff-b5e1-bcf1-7c3e-8291f92fad59-fadc3ca1, #w-node-_94ac81a6-9f7e-a653-c594-3ef40ce8e7ba-fadc3ca1, #w-node-_336933e4-c4ec-9956-861c-ec31ee4924ee-fadc3ca1, #w-node-_336933e4-c4ec-9956-861c-ec31ee4924ef-fadc3ca1, #w-node-_336933e4-c4ec-9956-861c-ec31ee4924f6-fadc3ca1, #w-node-bc63d6ca-bae2-c9ad-a9f2-9db60b22f4b0-fadc3ca4, #w-node-bc63d6ca-bae2-c9ad-a9f2-9db60b22f4cf-fadc3ca4, #w-node-_5363f964-1550-406b-86ab-876ba9bec06f-fadc3ca7, #w-node-fe319464-75bf-79e4-1d0f-9e588fb063fb-fadc3ca7, #w-node-fe319464-75bf-79e4-1d0f-9e588fb06402-fadc3ca7, #w-node-fe319464-75bf-79e4-1d0f-9e588fb06409-fadc3ca7, #w-node-fe319464-75bf-79e4-1d0f-9e588fb06410-fadc3ca7, #w-node-fe319464-75bf-79e4-1d0f-9e588fb06417-fadc3ca7, #w-node-fe319464-75bf-79e4-1d0f-9e588fb0641e-fadc3ca7, #w-node-fa5afabc-a52b-507f-b843-6bbd60cbabf6-fadc3ca9, #w-node-fa5afabc-a52b-507f-b843-6bbd60cbac12-fadc3ca9, #w-node-_6b377bab-cf25-4643-5b0b-aea5338b83bc-fadc3cad, #w-node-_6b377bab-cf25-4643-5b0b-aea5338b83db-fadc3cad, #w-node-f3cc6efc-97ae-c464-57d5-ae4bd64c7b84-42a82ba7, #w-node-f3cc6efc-97ae-c464-57d5-ae4bd64c7b93-42a82ba7, #w-node-f3cc6efc-97ae-c464-57d5-ae4bd64c7ba1-42a82ba7, #w-node-e3b4087a-04cb-77d5-2e27-014a5b82afba-42a82ba7, #w-node-e3b4087a-04cb-77d5-2e27-014a5b82afc2-42a82ba7, #w-node-e3b4087a-04cb-77d5-2e27-014a5b82afca-42a82ba7, #w-node-e3b4087a-04cb-77d5-2e27-014a5b82afd2-42a82ba7, #w-node-e3b4087a-04cb-77d5-2e27-014a5b82afda-42a82ba7, #w-node-e3b4087a-04cb-77d5-2e27-014a5b82afe2-42a82ba7, #w-node-_8de43d6e-c015-4dd6-cf8e-1becbc6071cc-42a82ba7, #w-node-_8de43d6e-c015-4dd6-cf8e-1becbc6071df-42a82ba7, #w-node-_8de43d6e-c015-4dd6-cf8e-1becbc6071e9-42a82ba7, #w-node-_8de43d6e-c015-4dd6-cf8e-1becbc6071ef-42a82ba7, #w-node-_69c4c3b1-07a8-c42c-91c0-ccb266f8cd36-42a82ba7, #w-node-_69c4c3b1-07a8-c42c-91c0-ccb266f8cd4d-42a82ba7 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

@media screen and (max-width: 991px) {
  #w-node-_84b383cf-f2f3-bea7-8c05-b0fd748b650d-fadc3ca1, #w-node-f3cc6efc-97ae-c464-57d5-ae4bd64c7ba1-42a82ba7 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }
}

@media screen and (max-width: 767px) {
  #w-node-a033bb4d-fb8b-e335-6cb2-c443ca8c4bc8-fadc3c9f, #w-node-dd03f682-5e31-981d-1bc3-e09cb94f042f-fadc3c9f {
    order: -9999;
  }

  #w-node-_84b383cf-f2f3-bea7-8c05-b0fd748b650d-fadc3ca1 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_336933e4-c4ec-9956-861c-ec31ee4924f6-fadc3ca1 {
    order: -9999;
  }

  #w-node-f3cc6efc-97ae-c464-57d5-ae4bd64c7ba1-42a82ba7 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_8de43d6e-c015-4dd6-cf8e-1becbc6071df-42a82ba7 {
    order: -9999;
  }
}