.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-backgroundvideo-backgroundvideoplaypausebutton:focus-visible {
  outline-offset: 2px;
  border-radius: 50%;
  outline: 2px solid #3b79c3;
}

.w-layout-blockcontainer {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

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

@media screen and (max-width: 767px) {
  .w-layout-blockcontainer {
    max-width: none;
  }
}

.udesly-button-navigation-secondary {
  color: #171717;
  background-color: #0000;
  border-radius: 6px;
  flex: none;
  min-height: 40px;
  padding: 10px 16px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  transition: background-color .25s ease-out;
}

.udesly-button-navigation-secondary:hover {
  background-color: #f5f5f5;
}

.udesly-container-navigation {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 1216px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.udesly-navigation {
  background-color: #fff;
  width: 100%;
  padding: 16px 5%;
}

.udesly-menu-buttons {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: center;
  align-items: center;
  display: none;
}

.udesly-button-navigation {
  color: #fff;
  background-color: #171717;
  border-radius: 6px;
  flex: none;
  min-height: 40px;
  padding: 10px 16px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  transition: background-color .25s ease-out;
}

.udesly-button-navigation:hover {
  background-color: #171717d9;
}

.udesly-nav-link {
  color: #404040;
  text-align: center;
  border: 1px solid #0000;
  border-radius: 6px;
  min-height: 40px;
  margin-left: 4px;
  margin-right: 4px;
  padding: 10px 16px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  transition: all .25s ease-out;
}

.udesly-nav-link:hover {
  color: #000;
  border: 1px solid #e6e6e6;
}

.udesly-nav-link.w--current {
  color: #171717;
  transition-property: all;
}

.udesly-overline-large {
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-bottom: 12px;
  font-size: 12px;
  font-weight: 600;
  line-height: 20px;
}

.udesly-display-large {
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 24px;
  font-size: 52px;
  font-weight: 500;
  line-height: 56px;
}

.udesly-display-large.udesly-text-extrabold {
  font-size: 52px;
}

.udesly-text-extrabold {
  margin-top: 0;
  margin-bottom: 10px;
  font-weight: 800;
}

.udesly-button {
  color: #fff;
  background-color: #171717;
  border: 4px solid #edc706;
  border-radius: 6px;
  flex: none;
  min-height: 48px;
  margin-top: 12px;
  padding: 12px 20px;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  transition: background-color .25s ease-out;
}

.udesly-button:hover {
  background-color: #171717d9;
}

.udesly-paragraph-large {
  color: #404040;
  font-size: 18px;
  font-weight: 500;
  line-height: 28px;
}

.udesly-container {
  width: 100%;
  max-width: 1216px;
  margin-left: auto;
  margin-right: auto;
}

.udesly-section {
  background-color: #fff;
  padding: 50px 5%;
  position: relative;
}

.udesly-section.udesly-centered {
  background-color: #fff;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  overflow: hidden;
}

.udesly-section.blue-bg {
  background-color: #c1d0d845;
}

.udesly-title-wrapper-centered {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 600px;
  margin-bottom: 40px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.udesly-device-block {
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0% 0% auto;
}

.udesly-device {
  background-image: url('../images/Devices.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  border-radius: 40px;
  justify-content: center;
  align-items: center;
  width: 754px;
  height: 545px;
  padding: 24px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 21px 42px -10px #10182840;
}

.udesly-device-image {
  object-fit: cover;
  border-radius: 12px;
  width: 100%;
  height: 100%;
}

.udesly-device-wrapper {
  justify-content: center;
  align-items: center;
  margin-top: 64px;
  position: relative;
}

.udesly-paragraph-medium {
  color: #404040;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
}

.udesly-paragraph-medium.udesly-text-color-neutral-500 {
  font-weight: 500;
}

.udesly-paragraph-medium.udesly-text-bold {
  font-weight: 700;
}

.udesly-udesly-text-semibold {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 15px;
  font-weight: 600;
}

.udesly-icon-block-medium {
  background-color: #f5f5f5;
  border: 1px solid #e6e6e6;
  border-radius: 50%;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  display: flex;
}

.udesly-feature {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.udesly-grid-three-column {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

.udesly-paragraph-small {
  color: #525252;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}

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

.udesly-social-link {
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  display: flex;
}

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

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

.udesly-grid-third {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex: 1;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.udesly-team-card {
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.udesly-team-image {
  border-radius: 6px;
  width: 100%;
  max-height: 320px;
  overflow: hidden;
}

.hero-asset {
  aspect-ratio: 3 / 2;
  object-fit: cover;
  object-position: 50% 10%;
  border-radius: 12px;
  width: 100%;
  max-width: 720px;
  margin-left: auto;
  margin-right: auto;
}

.hero-image {
  justify-content: center;
  align-items: center;
  margin-top: 64px;
  display: flex;
  position: relative;
}

.number-text {
  color: #999;
  font-size: 32px;
  line-height: 35px;
}

.line {
  background-color: #ddd;
  width: 100%;
  height: 1px;
  margin-top: auto;
}

.tanko {
  color: #333;
  text-transform: uppercase;
  font-weight: 400;
  text-decoration: none;
}

.udesly-paragraph-small-2 {
  color: #525252;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}

.udesly-text-extrabold-2 {
  margin-top: 0;
  margin-bottom: 10px;
  font-weight: 800;
}

.udesly-text-extrabold-2.mb-20 {
  margin-bottom: 20px;
}

.udesly-udesly-text-semibold-2 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 15px;
  font-weight: 600;
}

.udesly-udesly-text-semibold-2.udesly-large {
  color: #333;
  font-size: 22px;
  line-height: 1.2;
}

.udesly-button-2 {
  color: #fff;
  background-color: #171717;
  border-radius: 6px;
  flex: none;
  min-height: 48px;
  padding: 12px 20px;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  transition: background-color .25s ease-out;
}

.udesly-button-2:hover {
  background-color: #171717d9;
}

.udesly-paragraph-large-2 {
  color: #404040;
  font-size: 18px;
  font-weight: 500;
  line-height: 28px;
}

.udesly-container-2 {
  width: 100%;
  max-width: 1216px;
  margin-left: auto;
  margin-right: auto;
}

.udesly-column {
  width: 100%;
  position: relative;
}

.udesly-column.udesly-max-width-700 {
  max-width: 700px;
}

.udesly-grid-two-column {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.udesly-button-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-wrap: wrap;
  align-items: center;
  margin-top: 32px;
  display: flex;
}

.udesly-button-wrapper.udesly-n-margin {
  margin-top: 0;
}

.udesly-icon-block-medium-2 {
  background-color: #f5f5f5;
  border: 1px solid #e6e6e6;
  border-radius: 50%;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  display: flex;
}

.udesly-stats-card {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #fff;
  border-radius: 8px;
  justify-content: flex-start;
  align-items: center;
  padding: 24px 18px;
  display: flex;
  box-shadow: 0 1px 2px -1px #1018281a, 0 1px 3px #10182840;
}

.udesly-stats-card.udesly-flex-top {
  align-items: flex-start;
}

.udesly-stats-card.phone {
  background-color: #fff;
}

.udesly-stats-grid {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  width: 100%;
}

.udesly-stats-grid.udesly-mt-32 {
  grid-template-rows: auto auto;
  margin-top: 32px;
}

.udesly-stats-wrapper {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.mt-4 {
  margin-top: 4px;
}

.udesly-button-tertiary {
  color: #404040;
  background-color: #fff;
  border: 1px solid #e6e6e6;
  border-radius: 6px;
  flex: none;
  min-height: 48px;
  padding: 12px 20px;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  transition: background-color .25s ease-out;
}

.udesly-button-tertiary:hover {
  background-color: #f5f5f5;
  border-color: #d4d4d4;
}

.udesly-heading-grid {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  grid-template-rows: auto;
  grid-template-columns: 2fr 1fr;
  margin-bottom: 64px;
}

.udesly-grid-four-column {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.contact-link {
  text-decoration: none;
}

.youtube-vid {
  background-color: #1e1e1e;
  justify-content: center;
  align-items: center;
  margin-top: 50px;
  padding-top: 100px;
  padding-bottom: 100px;
  display: flex;
}

.code-embed {
  aspect-ratio: 16 / 9;
  object-fit: cover;
  border-radius: 20px;
  width: 100%;
  max-width: 720px;
  overflow: hidden;
}

.footer-bottom {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  justify-content: center;
  align-items: center;
  padding-top: 20px;
  padding-bottom: 20px;
  display: flex;
}

.footer-text {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  display: flex;
}

.footer-tanko {
  color: #1e1e1e;
  text-decoration: none;
}

.matestudios {
  color: #1e1e1e;
  font-weight: 800;
}

.matestudios:hover {
  color: #1e1e1e;
}

.hero-video {
  border-radius: 12px;
  width: 100%;
  max-width: 720px;
  margin-left: auto;
  margin-right: auto;
}

.video {
  z-index: 10;
  aspect-ratio: 1;
  object-fit: contain;
  border-radius: 20px;
  max-width: 720px;
  margin-top: 50px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

@media screen and (max-width: 991px) {
  .udesly-nav-menu {
    background-color: #fff;
    padding: 24px;
  }

  .udesly-button-navigation-secondary.udesly-full {
    border: 1px solid #d4d4d4;
  }

  .udesly-container-navigation {
    justify-content: space-between;
  }

  .udesly-menu-buttons {
    justify-content: center;
    margin-top: 32px;
    display: flex;
  }

  .udesly-lottie-animation {
    width: 32px;
    height: 32px;
  }

  .udesly-menu-button {
    border: 1px solid #e6e6e6;
    border-radius: 6px;
    justify-content: center;
    align-items: center;
    width: 48px;
    height: 48px;
    padding: 7px;
    display: flex;
  }

  .udesly-menu-button.w--open {
    background-color: #0000;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .udesly-display-large.udesly-text-extrabold {
    font-size: 32px;
    line-height: 1.2;
  }

  .udesly-section.udesly-centered {
    justify-content: center;
    align-items: center;
    padding-bottom: 50px;
    display: block;
  }

  .udesly-device-block {
    display: none;
  }

  .udesly-device {
    background-position: 0 0;
    height: 380px;
  }

  .udesly-udesly-text-semibold {
    font-size: 14px;
  }

  .udesly-grid-three-column {
    grid-row-gap: 40px;
    grid-template-columns: 1fr 1fr;
  }

  .udesly-udesly-text-semibold-2 {
    font-size: 14px;
  }

  .udesly-grid-two-column {
    grid-row-gap: 40px;
    grid-template-columns: 1fr;
  }

  .udesly-heading-grid {
    grid-template-columns: 2fr;
  }

  .udesly-grid-four-column {
    grid-template-columns: 1fr 1fr;
  }
}

@media screen and (max-width: 767px) {
  .udesly-lottie-animation {
    width: 20px;
    height: 20px;
  }

  .udesly-menu-button {
    width: 36px;
    height: 36px;
  }

  .udesly-display-large {
    font-size: 56px;
    line-height: 64px;
  }

  .udesly-button.no-pt {
    margin-top: 0;
  }

  .udesly-section.udesly-centered {
    padding-bottom: 50px;
  }

  .udesly-device {
    border-radius: 32px;
    height: 370px;
  }

  .udesly-feature {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
  }

  .udesly-grid-three-column {
    grid-row-gap: 20px;
    grid-template-columns: 1fr;
  }

  .udesly-paragraph-small {
    font-size: 12px;
  }

  .udesly-grid-third {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .udesly-team-image {
    overflow: hidden;
  }

  .udesly-paragraph-small-2 {
    font-size: 12px;
  }

  .udesly-udesly-text-semibold-2.udesly-large {
    font-size: 16px;
  }

  .udesly-paragraph-large-2.mobile-invisible {
    display: none;
  }

  .udesly-column {
    justify-content: space-between;
    align-items: center;
  }

  .udesly-column.miert-mi-bar {
    display: flex;
  }

  .udesly-button-wrapper.no-pt-mobile {
    margin-top: 0;
  }

  .udesly-stats-wrapper {
    flex-direction: column;
  }

  .udesly-grid-four-column {
    grid-template-columns: 1fr;
  }

  .youtube-vid {
    background-color: #eef2f4;
    padding: 0 12px;
  }

  .footer-bottom {
    flex-flow: column;
  }

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

@media screen and (max-width: 479px) {
  .udesly-button-navigation-secondary.udesly-full {
    border: 1px solid #d4d4d4;
    width: 100%;
  }

  .udesly-menu-buttons {
    flex-direction: column;
  }

  .udesly-button-navigation {
    width: 100%;
  }

  .udesly-display-large {
    font-size: 44px;
    line-height: 54px;
  }

  .udesly-display-large.udesly-text-extrabold {
    font-size: 28px;
  }

  .udesly-container {
    max-width: none;
    margin-left: 0;
    margin-right: 0;
  }

  .udesly-section.udesly-centered {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .udesly-title-wrapper-centered {
    margin-bottom: 40px;
  }

  .udesly-device-wrapper {
    display: none;
  }

  .udesly-grid-third {
    grid-column-gap: 6px;
    grid-template-columns: 1fr;
    align-self: stretch;
  }

  .udesly-container-2 {
    max-width: none;
    margin-left: 0;
    margin-right: 0;
  }

  .udesly-grid-four-column {
    grid-template-columns: 1fr;
  }

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

  .hero-video {
    aspect-ratio: auto;
  }

  .video {
    width: 100%;
  }
}

#w-node-_23ef04bf-8828-2c76-1801-2a64b2b76c79-fa0f5fc8, #w-node-_880e9325-0c8f-46bd-a0d9-3bd2cafa3fd0-fa0f5fc8, #w-node-_7513eed0-f689-586b-37bb-d148c3fda0b7-fa0f5fc8, #w-node-_3116d017-50fa-b00a-9797-f3d19de99350-fa0f5fc8, #w-node-_051dc9b3-b125-aa47-53eb-c2f0bb7cde0b-fa0f5fc8, #w-node-_1fb2fbad-a048-5c2a-f0d5-4af64f1e198c-fa0f5fc8, #w-node-_4d5f8d81-f9f2-37fb-2b9d-9cb903dff027-fa0f5fc8, #w-node-_7090d14b-b70b-642f-f378-8c781c77a97c-fa0f5fc8, #w-node-_9ec9a5c5-ee4c-e7de-9249-39092e4d6ad4-fa0f5fc8, #w-node-_5e011214-e24b-4fab-0492-5aae8313ca05-fa0f5fc8, #w-node-_6fdce180-40ff-bacb-ff64-e80c3e12a32a-fa0f5fc8, #w-node-_6c51321b-7d88-61b0-b6c8-c107d2c6841b-fa0f5fc8, #w-node-_2fee98d6-6bb0-3b33-39fb-82d55e605edd-fa0f5fc8 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_2fee98d6-6bb0-3b33-39fb-82d55e605ee5-fa0f5fc8 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_2fee98d6-6bb0-3b33-39fb-82d55e605eef-fa0f5fc8, #w-node-_2fee98d6-6bb0-3b33-39fb-82d55e605ef8-fa0f5fc8, #w-node-_2fee98d6-6bb0-3b33-39fb-82d55e605ee7-fa0f5fc8, #w-node-_2fee98d6-6bb0-3b33-39fb-82d55e605f00-fa0f5fc8, #w-node-_96f60060-f4e4-8651-8a38-8145d9c47325-fa0f5fc8, #w-node-c6920f31-a113-8ef9-0a5a-570599fadfee-fa0f5fc8 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

@media screen and (max-width: 767px) {
  #w-node-_2fee98d6-6bb0-3b33-39fb-82d55e605edd-fa0f5fc8 {
    grid-column: span 2 / span 2;
  }
}