:root {
  --color-variable--white: #fff;
  --font-type--primary-font: "Inter Tight", sans-serif;
  --_color-variable---color-variable--base-color: #333;
  --font-size--base-size-font: 14px;
  --font-height--base-height-font: 20px;
  --font-weight--normal-400-font: 400;
  --spacing--zero-margin: 0px;
  --font-size--h1-size: 13vw;
  --font-height--h1-height: 13vw;
  --font-weight--medium-500-font: 500;
  --letter-spacing--h1-letter-spacing: -.2vw;
  --font-size--h2-size: 6vw;
  --font-height--h2-height: 6vw;
  --font-size--h3-size: 4vw;
  --font-height--h3-height: 4.5vw;
  --font-size--h4-size: 2.75vw;
  --font-height--h4-height: 3.25vw;
  --font-size--h5-size: 2vw;
  --font-height--h5-height: 2.5vw;
  --font-size--h6-size: 1.3vw;
  --font-height--h6-height: 1.7vw;
  --spacing--base-margin: 10px;
  --font-size--paragraph-size: 2vw;
  --font-height--paragraph-height: 2.5vw;
  --color-variable--almost-black: #111;
  --font-size--list-size: 1.5vw;
  --font-height--list-height: 2vw;
  --spacing--list-x-padding: 40px;
  --font-weight--bold-700-font: 700;
  --color-variable--light-grey: #d1d1d1;
  --font-size--block-size: 1.5vw;
  --font-height--block-height: 2vw;
  --spacing--container-spacing: 3vw;
  --spacing--section-spacing: 5vw;
  --spacing--no-space: 0vw;
  --wrap-spacing: 3vw;
  --utility-section-top-spacing: 25vh;
  --color-variable--black: black;
  --font-size--small-text-size: 1.75vw;
  --font-height--small-text-height: 2vw;
  --spacing--button-y-padding: 1.5vw;
  --spacing--button-x-padding: 2vw;
  --color-variable--dark-grey: #5d5d5d;
  --tag-y-spacing: 1vw;
  --color-variable--grey: #9f9f9f;
  --color-variable--whitesmoke: #f5f5f5;
  --color-variable--steel-red: #822736;
  --color-variable--steel-grey: #8d8e90;
  --color-variable--steel-black: #0e0314;
  --color-variable--vibe-green: #88c0a7;
  --color-variable--vibe-white: #e6e5db;
  --color-variable--vibe-orange: #bf7024;
  --color-variable--pulse-red: #bc4053;
  --color-variable--pulse-black: #2b0f35;
  --color-variable--pulse-pink: #c285b4;
  --medium-padding: 2rem;
  --2x-wrap-spacing: 6vw;
  --font-size--404-size: 17vw;
  --font-height--404-height: 14vw;
  --hero-background-image-fix: -.175vw;
  --font-height--medium-big-text-height: 3.2vw;
  --trademark-spacing: 1vw;
  --font-size--contact-text-size: 2vw;
  --small-trademark-spacing: .5vw;
  --font-size--small-trademark-size: 1vw;
  --font-height--small-trademark-height: 1vw;
  --font-size--medium-big-text-size: 3vw;
  --screen-1-medbigtxtheight: var(--font-height--h4-height);
  --menu-button-spacing: .5vw;
  --big-menu-button-spacing: 6vw;
  --brand-shadow--shadow-y: 2vw;
  --brand-shadow--shadow-blur: 5vw;
  --brand-shadow--shadow: #0003;
  --menu-icon-wrap-spacing: 1vw;
  --hero-card-image-adjust: -15rem;
  --hero-card-spacing: 2vw;
  --font-size--big-text-size: 6vw;
  --font-height--big-text-height: 5vw;
  --font-size--big-text-s-size: 4vw;
  --font-height--contact-text-height: 2.5vw;
  --tag-x-spacing: 2vw;
  --logo-carousel-mobile-adjust: .5rem;
  --font-size--carousel-text-size: 11vw;
  --font-height--carousel-text-height: 8vw;
  --anchor-spacing-2: 350vh;
  --anchor-spacing-1: 160vh;
  --anchor-spacing-3: 100vh;
  --horizontal-scroll-section-top-spacing: 0vw;
  --horizontal-section-bot-padding: 0vw;
  --color-bullet-spacing: .3vw;
  --font-height--big-text-s-height: 5vw;
  --why-us-corner-text-mobile-adjust: 2rem;
  --why-us-tag-adjust: 15vw;
  --cta-form-top-spacing: 5vw;
  --error-message-spacing: 10px;
  --form-spacing: 2.5vw;
  --font-size--form-text-size: 1vw;
  --font-height--form-text-height: 1.5vw;
  --success-message-spacing: 20px;
  --footer-wrap-spacing: 3vw;
  --social-icon-spacing: .75vw;
  --footer-bottom-spacing: 2vw;
  --navbar-menu-wrap: 3vw;
  --navbar-main-menu-spacing: 12vw;
  --navbar-menu-wrap-mobile-spacing: 1rem;
  --top-menu-spacing: 1vw;
  --font-type--icon-font: "Material Icons", sans-serif;
  --color-variable--transparent: #3330;
  --font-size--tiny-text-size: 1.25vw;
  --spacing--block-y-padding: 10px;
  --spacing--block-x-padding: 20px;
  --font-height--tiny-text-height: 1.5vw;
}

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

.w-layout-vflex {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.w-layout-hflex {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

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

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

body {
  background-color: var(--color-variable--white);
  font-family: var(--font-type--primary-font);
  color: var(--_color-variable---color-variable--base-color);
  font-size: var(--font-size--base-size-font);
  line-height: var(--font-height--base-height-font);
  font-weight: var(--font-weight--normal-400-font);
}

h1 {
  margin-top: var(--spacing--zero-margin);
  margin-bottom: var(--spacing--zero-margin);
  font-family: var(--font-type--primary-font);
  font-size: var(--font-size--h1-size);
  line-height: var(--font-height--h1-height);
  font-weight: var(--font-weight--medium-500-font);
  letter-spacing: var(--letter-spacing--h1-letter-spacing);
}

h2 {
  margin-top: var(--spacing--zero-margin);
  margin-bottom: var(--spacing--zero-margin);
  font-family: var(--font-type--primary-font);
  font-size: var(--font-size--h2-size);
  line-height: var(--font-height--h2-height);
  font-weight: var(--font-weight--medium-500-font);
}

h3 {
  margin-top: var(--spacing--zero-margin);
  margin-bottom: var(--spacing--zero-margin);
  font-family: var(--font-type--primary-font);
  font-size: var(--font-size--h3-size);
  line-height: var(--font-height--h3-height);
  font-weight: var(--font-weight--medium-500-font);
}

h4 {
  margin-top: var(--spacing--zero-margin);
  margin-bottom: var(--spacing--zero-margin);
  font-family: var(--font-type--primary-font);
  font-size: var(--font-size--h4-size);
  line-height: var(--font-height--h4-height);
  font-weight: var(--font-weight--medium-500-font);
}

h5 {
  margin-top: var(--spacing--zero-margin);
  margin-bottom: var(--spacing--zero-margin);
  font-family: var(--font-type--primary-font);
  font-size: var(--font-size--h5-size);
  line-height: var(--font-height--h5-height);
  font-weight: var(--font-weight--medium-500-font);
}

h6 {
  margin-top: var(--spacing--zero-margin);
  margin-bottom: var(--spacing--zero-margin);
  font-family: var(--font-type--primary-font);
  font-size: var(--font-size--h6-size);
  line-height: var(--font-height--h6-height);
  font-weight: var(--font-weight--medium-500-font);
}

p {
  margin-bottom: var(--spacing--base-margin);
  font-family: var(--font-type--primary-font);
  font-size: var(--font-size--paragraph-size);
  line-height: var(--font-height--paragraph-height);
  font-weight: var(--font-weight--medium-500-font);
}

a {
  color: var(--color-variable--almost-black);
  text-decoration: none;
}

ul {
  font-family: var(--font-type--primary-font);
  font-size: var(--font-size--list-size);
  line-height: var(--font-height--list-height);
  font-weight: var(--font-weight--medium-500-font);
  margin-top: 0;
  margin-bottom: 10px;
  padding-left: 40px;
}

ol {
  margin-top: var(--spacing--zero-margin);
  margin-bottom: var(--spacing--base-margin);
  padding-left: var(--spacing--list-x-padding);
  font-family: var(--font-type--primary-font);
  font-size: var(--font-size--list-size);
  line-height: var(--font-height--list-height);
  font-weight: var(--font-weight--medium-500-font);
}

li {
  font-family: var(--font-type--primary-font);
}

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

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

em {
  font-style: italic;
}

blockquote {
  margin-bottom: var(--spacing--base-margin);
  border-left: 5px solid var(--color-variable--light-grey);
  font-family: var(--font-type--primary-font);
  font-size: var(--font-size--block-size);
  line-height: var(--font-height--block-height);
  font-weight: var(--font-weight--medium-500-font);
  padding: 10px 20px;
}

figure {
  margin-bottom: var(--spacing--base-margin);
}

.main-container {
  padding-right: var(--spacing--container-spacing);
  padding-left: var(--spacing--container-spacing);
  width: 100%;
  max-width: none;
}

.main-section {
  padding-top: var(--spacing--section-spacing);
  padding-bottom: var(--spacing--section-spacing);
  background-color: var(--color-variable--white);
  width: 100%;
}

.main-section.footer {
  z-index: 2;
  padding-top: var(--spacing--section-spacing);
  padding-bottom: var(--spacing--no-space);
  background-color: var(--color-variable--almost-black);
  position: relative;
}

.main-section.utilities-head {
  padding-top: var(--utility-section-top-spacing);
}

.main-section.utility-content {
  padding-top: var(--spacing--section-spacing);
}

.main-section.hero {
  padding-top: var(--spacing--no-space);
  padding-bottom: var(--spacing--no-space);
  position: relative;
  top: auto;
}

.main-section.feature {
  padding-top: var(--spacing--no-space);
  padding-bottom: var(--spacing--no-space);
  position: relative;
}

.main-section.hero-about {
  z-index: 3;
  margin-left: var(--spacing--no-space);
  padding-top: var(--spacing--no-space);
  padding-bottom: var(--spacing--no-space);
  position: absolute;
  inset: 0% 0% auto;
  overflow: hidden;
  transform: translate(100%);
}

.main-section.product-title {
  padding-top: var(--spacing--no-space);
  padding-bottom: var(--spacing--no-space);
  position: relative;
}

.main-section.why-us {
  padding-top: var(--spacing--no-space);
  padding-bottom: var(--spacing--no-space);
  justify-content: center;
  align-items: center;
  display: flex;
  position: sticky;
  top: 0;
  overflow: hidden;
}

.main-section.cta {
  padding-top: var(--spacing--no-space);
  padding-bottom: var(--spacing--no-space);
  background-color: var(--color-variable--black);
  position: sticky;
  top: 0;
}

.small-text {
  font-family: var(--font-type--primary-font);
  font-size: var(--font-size--small-text-size);
  line-height: var(--font-height--small-text-height);
  font-weight: var(--font-weight--medium-500-font);
  text-align: left;
  white-space: normal;
  word-break: normal;
  overflow-wrap: normal;
  flex: 0 auto;
  align-self: auto;
  width: auto;
  margin-left: auto;
  padding-top: 0;
  display: block;
  position: static;
}

.main-button {
  z-index: 2;
  padding: var(--spacing--button-y-padding) var(--spacing--button-x-padding);
  background-color: var(--color-variable--dark-grey);
  font-family: var(--font-type--primary-font);
  color: #fff;
  font-size: var(--font-size--small-text-size);
  line-height: var(--font-height--small-text-height);
  border: 0 #000;
  border-radius: 0;
  margin-top: 0;
  transition: color .2s, background-color .2s;
  position: relative;
}

.main-button:hover {
  background-color: var(--color-variable--black);
  color: var(--color-variable--white);
}

.utility-title {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  color: var(--color-variable--black);
  text-align: left;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.guide-single-content-group {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-flow: column;
  display: flex;
}

.guide-single-content-group.rich-text {
  padding-top: var(--spacing--section-spacing);
}

.guide-menu-list-wrap {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  display: flex;
}

.guide-item {
  grid-column-gap: 4vw;
  grid-row-gap: 4vw;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.guide-item.typo {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  border-bottom: 1px solid #a8a8a8;
  padding-bottom: 50px;
}

.guide-typo-description {
  grid-column-gap: 28px;
  grid-row-gap: 28px;
  display: flex;
}

.guide-menu {
  margin-top: var(--tag-y-spacing);
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  width: 30%;
  display: flex;
  position: sticky;
  top: 10vw;
}

.guide-color {
  aspect-ratio: 1;
  background-color: #000;
  border-radius: 0;
  width: 100%;
}

.guide-color.var-5 {
  background-color: var(--color-variable--light-grey);
}

.guide-color.var-4 {
  background-color: var(--color-variable--grey);
}

.guide-color.var-1 {
  background-color: var(--color-variable--whitesmoke);
}

.guide-color.var-2 {
  background-color: var(--color-variable--white);
  border: 1px solid #a8a8a8;
}

.guide-color.var-3 {
  background-color: var(--color-variable--almost-black);
}

.guide-color.var-6 {
  background-color: var(--color-variable--steel-red);
}

.guide-color.var-7 {
  background-color: var(--color-variable--dark-grey);
}

.guide-color.var-8 {
  background-color: var(--color-variable--steel-grey);
}

.guide-color.var-9 {
  background-color: var(--color-variable--steel-black);
}

.guide-color.var-10 {
  background-color: var(--color-variable--vibe-green);
}

.guide-color.var-11 {
  background-color: var(--color-variable--vibe-white);
}

.guide-color.var-12 {
  background-color: var(--color-variable--vibe-orange);
}

.guide-color.var-13 {
  background-color: var(--color-variable--pulse-red);
}

.guide-color.var-14 {
  background-color: var(--color-variable--pulse-black);
}

.guide-color.var-15 {
  background-color: var(--color-variable--pulse-pink);
}

.guide-color.var-16 {
  background-color: var(--color-variable--black);
}

.guide-single-content {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  display: flex;
}

.guide-single-content.typo, .guide-single-content.button {
  padding-top: var(--spacing--section-spacing);
}

.guide-content-list {
  flex-flow: column;
  flex: 1;
  display: flex;
}

.guide-item-list {
  padding-top: var(--medium-padding);
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  border-top: 1px solid #a8a8a8;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.guide-item-list.button {
  flex-flow: column;
  grid-template-columns: 1fr 1fr;
  display: flex;
}

.guide-item-list.typo {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  display: flex;
}

.style-guide {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  position: relative;
}

.guide-menu-list {
  padding: var(--spacing--button-y-padding) var(--spacing--button-x-padding);
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  color: #000;
  background-color: #f7f7f7;
  border-radius: 0;
  flex-flow: column;
  text-decoration: none;
  transition: all .5s cubic-bezier(.23, 1, .32, 1);
  display: flex;
}

.guide-menu-list.w--current {
  color: #fff;
  background-color: #000;
}

.guide-description {
  grid-column-gap: .25vw;
  grid-row-gap: .25vw;
  font-weight: var(--font-weight--medium-500-font);
  flex-flow: column;
  display: flex;
}

.guide-description.shaded {
  padding: var(--medium-padding);
  grid-column-gap: 2vw;
  grid-row-gap: 2vw;
  background-color: var(--color-variable--light-grey);
}

.guide-description.shaded-black {
  padding: var(--medium-padding);
  grid-column-gap: 2vw;
  grid-row-gap: 2vw;
  background-color: var(--color-variable--almost-black);
  color: var(--color-variable--white);
}

.guide-description.button {
  grid-column-gap: 2vw;
  grid-row-gap: 2vw;
}

.license-block-wrapper {
  margin-bottom: var(--wrap-spacing);
  padding-top: var(--wrap-spacing);
  padding-bottom: var(--wrap-spacing);
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  border-top: 1px solid #dedede;
  border-bottom: 1px solid #dedede;
}

.license-block {
  justify-content: space-between;
  width: 100%;
}

.license-type {
  width: 30%;
}

.license-detail {
  width: 70%;
}

.link-license {
  font-weight: 600;
}

.license-description {
  width: 60%;
}

.changelog-wrap {
  padding: var(--2x-wrap-spacing);
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  text-align: center;
  background-color: #f5f5f5;
  border: 1px #b6b6b6;
  border-radius: 10px;
  flex-flow: column;
  display: flex;
}

.utility-page-wrap {
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  display: flex;
  position: relative;
}

.utility-page-content {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 260px;
  display: flex;
}

.utility-page-form {
  flex-direction: column;
  align-items: stretch;
  display: flex;
}

.wrap-404 {
  z-index: 1;
  padding-top: var(--2x-wrap-spacing);
  padding-bottom: var(--2x-wrap-spacing);
  grid-row-gap: 15px;
  color: var(--color-variable--black);
  text-align: center;
  flex-direction: column;
  align-items: center;
  display: flex;
  position: relative;
}

.heading-404 {
  font-size: var(--font-size--404-size);
  line-height: var(--font-height--404-height);
  font-weight: var(--font-weight--medium-500-font);
}

.hero-background {
  height: 100vh;
  position: absolute;
  inset: 0%;
}

.hero-background-image-1 {
  object-fit: cover;
  object-position: 50% 100%;
  width: 100%;
  height: 100vh;
}

.hero-background-image-1.reverse {
  margin-left: var(--hero-background-image-fix);
  transform-style: preserve-3d;
  min-width: 101vw;
  transform: rotateX(0)rotateY(180deg)rotateZ(0);
}

.hero-background-image-1.mobile {
  display: none;
}

.hero-wrap {
  padding-top: var(--wrap-spacing);
  padding-bottom: var(--spacing--section-spacing);
  color: var(--color-variable--almost-black);
  line-height: var(--font-height--medium-big-text-height);
  background-color: #0000;
  justify-content: center;
  align-items: center;
  height: 100vh;
  display: flex;
  position: relative;
}

.dummy-trademark {
  padding-left: var(--trademark-spacing);
  font-size: var(--font-size--contact-text-size);
  line-height: var(--font-height--small-text-height);
  font-weight: var(--font-weight--normal-400-font);
  vertical-align: top;
  justify-content: center;
  align-items: flex-start;
}

.dummy-trademark.carousel {
  letter-spacing: 0;
}

.dummy-trademark.small {
  padding-left: var(--small-trademark-spacing);
  font-size: var(--font-size--small-trademark-size);
  line-height: var(--font-height--small-trademark-height);
  letter-spacing: 0;
}

.title-hero {
  z-index: 3;
  position: absolute;
  top: 3vw;
  left: 0;
}

.title-tagline {
  width: 18%;
  position: absolute;
  bottom: 3vw;
  left: 0;
}

.medium-big-text {
  font-family: var(--font-type--primary-font);
  color: var(--color-variable--steel-black);
  font-size: var(--font-size--medium-big-text-size);
  line-height: var(--screen-1-medbigtxtheight);
  font-weight: var(--font-weight--normal-400-font);
  overflow-wrap: normal;
  padding-bottom: 10px;
}

.title-description {
  width: 25%;
  position: absolute;
  right: 0;
}

.menu-button {
  z-index: 99;
  padding: var(--menu-button-spacing) var(--menu-button-spacing) var(--menu-button-spacing) var(--big-menu-button-spacing);
  grid-column-gap: 1vw;
  grid-row-gap: 1vw;
  background-color: var(--color-variable--white);
  box-shadow: 0 var(--brand-shadow--shadow-y) var(--brand-shadow--shadow-blur) 0 var(--brand-shadow--shadow);
  cursor: pointer;
  border-radius: 99vw;
  justify-content: space-between;
  align-items: center;
  width: 9.5vw;
  height: 4vw;
  display: flex;
  position: relative;
  top: auto;
  bottom: auto;
  right: auto;
}

.menu-icon {
  filter: invert();
}

.menu-icon-wrap {
  padding: var(--menu-icon-wrap-spacing);
  background-color: var(--color-variable--almost-black);
  color: var(--color-variable--white);
  border-radius: 99vw;
  justify-content: center;
  align-items: center;
  width: 3vw;
  height: 3vw;
  display: flex;
  position: absolute;
  right: .5vw;
}

.tiny-text {
  font-family: var(--font-type--primary-font);
  font-size: var(--font-size--small-text-size);
  line-height: var(--font-height--small-text-height);
  font-weight: var(--font-weight--medium-500-font);
  --color-variable--white: #fff;
  --font-type--primary-font: "Inter Tight", sans-serif;
  --font-size--base-size-font: 14px;
  --font-height--base-height-font: 20px;
  --font-weight--normal-400-font: 400;
  --spacing--zero-margin: 0px;
  --font-size--h1-size: 13vw;
  --font-height--h1-height: 13vw;
  --font-weight--medium-500-font: 500;
  --letter-spacing--h1-letter-spacing: -.2vw;
  --font-size--h2-size: 6vw;
  --font-height--h2-height: 6vw;
  --font-size--h3-size: 4vw;
  --font-height--h3-height: 4.5vw;
  --font-size--h4-size: 2.75vw;
  --font-height--h4-height: 3.25vw;
  --font-size--h5-size: 2vw;
  --font-height--h5-height: 2.5vw;
  --font-size--h6-size: 1.3vw;
  --font-height--h6-height: 1.7vw;
  --spacing--base-margin: 10px;
  --font-size--paragraph-size: 2vw;
  --font-height--paragraph-height: 2.5vw;
  --color-variable--almost-black: #111;
  --font-size--list-size: 1.5vw;
  --font-height--list-height: 2vw;
  --spacing--list-x-padding: 40px;
  --font-weight--bold-700-font: 700;
  --color-variable--light-grey: #d1d1d1;
  --font-size--block-size: 1.5vw;
  --font-height--block-height: 2vw;
  --spacing--container-spacing: 3vw;
  --spacing--section-spacing: 5vw;
  --spacing--no-space: 0vw;
  --wrap-spacing: 3vw;
  --utility-section-top-spacing: 25vh;
  --color-variable--black: black;
  --font-size--small-text-size: 1.75vw;
  --font-height--small-text-height: 2vw;
  --spacing--button-y-padding: 1.5vw;
  --spacing--button-x-padding: 2vw;
  --color-variable--dark-grey: #5d5d5d;
  --tag-y-spacing: 1vw;
  --color-variable--grey: #9f9f9f;
  --color-variable--whitesmoke: #f5f5f5;
  --color-variable--steel-red: #822736;
  --color-variable--steel-grey: #8d8e90;
  --color-variable--steel-black: #0e0314;
  --color-variable--vibe-green: #88c0a7;
  --color-variable--vibe-white: #e6e5db;
  --color-variable--vibe-orange: #bf7024;
  --color-variable--pulse-red: #bc4053;
  --color-variable--pulse-black: #2b0f35;
  --color-variable--pulse-pink: #c285b4;
  --medium-padding: 2rem;
  --2x-wrap-spacing: 6vw;
  --font-size--404-size: 17vw;
  --font-height--404-height: 14vw;
  --hero-background-image-fix: -.175vw;
  --font-height--medium-big-text-height: 3.2vw;
  --trademark-spacing: 1vw;
  --font-size--contact-text-size: 2vw;
  --small-trademark-spacing: .5vw;
  --font-size--small-trademark-size: 1vw;
  --font-height--small-trademark-height: 1vw;
  --font-size--medium-big-text-size: 3vw;
  --screen-1-medbigtxtheight: var(--font-height--h4-height);
  --menu-button-spacing: .5vw;
  --big-menu-button-spacing: 6vw;
  --brand-shadow--shadow-y: 2vw;
  --brand-shadow--shadow-blur: 5vw;
  --brand-shadow--shadow: #0003;
  --menu-icon-wrap-spacing: 1vw;
  --hero-card-image-adjust: -15rem;
  --hero-card-spacing: 2vw;
  --font-size--big-text-size: 6vw;
  --font-height--big-text-height: 5vw;
  --font-size--big-text-s-size: 4vw;
  --font-height--contact-text-height: 2.5vw;
  --tag-x-spacing: 2vw;
  --logo-carousel-mobile-adjust: .5rem;
  --font-size--carousel-text-size: 11vw;
  --font-height--carousel-text-height: 8vw;
  --anchor-spacing-2: 350vh;
  --anchor-spacing-1: 160vh;
  --anchor-spacing-3: 100vh;
  --horizontal-scroll-section-top-spacing: 0vw;
  --horizontal-section-bot-padding: 0vw;
  --color-bullet-spacing: .3vw;
  --font-height--big-text-s-height: 5vw;
  --why-us-corner-text-mobile-adjust: 2rem;
  --why-us-tag-adjust: 15vw;
  --cta-form-top-spacing: 5vw;
  --error-message-spacing: 10px;
  --form-spacing: 2.5vw;
  --font-size--form-text-size: 1vw;
  --font-height--form-text-height: 1.5vw;
  --success-message-spacing: 20px;
  --footer-wrap-spacing: 3vw;
  --social-icon-spacing: .75vw;
  --footer-bottom-spacing: 2vw;
  --navbar-menu-wrap: 3vw;
  --navbar-main-menu-spacing: 12vw;
  --navbar-menu-wrap-mobile-spacing: 1rem;
  --top-menu-spacing: 1vw;
  --font-type--icon-font: "Material Icons", sans-serif;
  --color-variable--transparent: #3330;
  --font-size--tiny-text-size: 1.25vw;
  --spacing--block-y-padding: 10px;
  --spacing--block-x-padding: 20px;
  --font-height--tiny-text-height: 1.5vw;
}

.menu-text {
  position: absolute;
  left: 1.5vw;
}

.feature-wrap {
  padding-top: var(--spacing--section-spacing);
  padding-bottom: var(--spacing--section-spacing);
  grid-column-gap: 4vw;
  grid-row-gap: 4vw;
  color: var(--color-variable--almost-black);
  background-color: #0000;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  height: 100vh;
  display: flex;
  position: relative;
}

.hero-front-card-2 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  max-width: 24vw;
  height: 100%;
  max-height: 30vw;
  display: flex;
  position: absolute;
  inset: 0% auto auto 0%;
  overflow: hidden;
}

.hero-back-card {
  transform-style: preserve-3d;
  background-color: #aeaeae;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 24vw;
  height: 100%;
  max-height: 30vw;
  display: flex;
  position: absolute;
  inset: 0% auto auto 0%;
  overflow: hidden;
  transform: translate3d(0, 0, -16px);
}

.hero-card-wall {
  background-color: var(--color-variable--light-grey);
  -webkit-backdrop-filter: blur(26vw);
  backdrop-filter: blur(26vw);
  transform-style: preserve-3d;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  inset: 0% auto auto 0%;
  transform: rotateX(0)rotateY(90deg)rotateZ(0)translate3d(0, 0, -8px);
}

.hero-card-wall.top {
  transform-style: preserve-3d;
  width: 100%;
  height: 16px;
  transform: rotateX(90deg)rotateY(0)rotateZ(0)translate3d(0, -8px, 8px);
}

.hero-card-wall.bottom {
  transform-style: preserve-3d;
  width: 100%;
  height: 16px;
  inset: auto auto 0% 0%;
  transform: rotateX(90deg)rotateY(0)rotateZ(0)translate3d(0, -8px, -8px);
}

.hero-card-wall.right {
  transform-style: preserve-3d;
  width: 16px;
  height: 100%;
  inset: 0% 0% auto auto;
  transform: rotateX(0)rotateY(90deg)rotateZ(0)translate3d(8px, 0, 8px);
}

.hero-card-wall.left {
  transform-style: preserve-3d;
  width: 16px;
  height: 100%;
  transform: rotateX(0)rotateY(90deg)rotateZ(0)translate3d(8px, 0, -8px);
}

.hero-card-image {
  z-index: 2;
  object-fit: cover;
  object-position: 50% 100%;
  width: 100%;
  min-width: 100vw;
  height: 100vh;
  min-height: 100vh;
  position: relative;
  transform: none;
}

.hero-card {
  margin-top: var(--hero-card-spacing);
  perspective: 100vw;
  flex-flow: row;
  flex: 1;
  justify-content: center;
  align-items: center;
  max-width: 24vw;
  height: 30vw;
  display: flex;
  position: relative;
}

.hero-card-inner {
  z-index: 2;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  transform-style: preserve-3d;
  background-color: #d6d6d6;
  flex-flow: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  padding: 0;
  display: flex;
  position: relative;
}

.hero-front-card-1 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  max-width: 24vw;
  height: 100%;
  max-height: 30vw;
  display: flex;
  overflow: hidden;
}

.hero-card-bg {
  opacity: .61;
  width: 24vw;
  height: 30vw;
  position: absolute;
}

.hero-sticky-wrap {
  height: 900vh;
  position: relative;
}

.about-trigger {
  z-index: -1;
  flex-flow: column;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  display: flex;
  position: absolute;
  inset: 0%;
}

.about-hero-wrap {
  padding-top: var(--wrap-spacing);
  padding-bottom: var(--spacing--section-spacing);
  color: var(--color-variable--almost-black);
  background-color: #0000;
  justify-content: center;
  align-items: center;
  height: 100vh;
  display: flex;
  position: relative;
}

.horizontal-scroll-wrap {
  position: sticky;
  top: 0;
  overflow: hidden;
}

.about-image {
  object-fit: cover;
  width: 100vw;
  height: 35vw;
}

.about-image-wrap {
  object-fit: fill;
  width: 25vw;
  height: 35vw;
  min-height: 360px;
  max-height: 600px;
  position: absolute;
  top: 5vw;
  left: 10vw;
  overflow: hidden;
}

.about-content-wrap {
  grid-column-gap: 5vw;
  grid-row-gap: 5vw;
  flex-flow: column;
  width: 50%;
  display: flex;
  position: absolute;
  top: 5vw;
  right: 0;
}

.about-small-content {
  width: 40%;
}

.about-image-move {
  min-height: 20px;
}

.big-text {
  font-family: var(--font-type--primary-font);
  font-size: var(--font-size--big-text-size);
  line-height: var(--font-height--big-text-height);
  font-weight: var(--font-weight--medium-500-font);
  text-align: left;
  white-space: pre-wrap;
  word-break: normal;
  align-self: auto;
  padding-bottom: 20px;
}

.feature-desc {
  margin-bottom: var(--spacing--section-spacing);
  width: 48%;
  padding-top: 0;
}

.side-text {
  writing-mode: vertical-rl;
  transform: rotate(180deg);
}

.about-side-text {
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-start;
  height: 35vw;
  display: flex;
  position: absolute;
  top: 5vw;
  left: 0;
}

.feature-content {
  grid-column-gap: 3vw;
  grid-row-gap: 3vw;
  flex-flow: column;
  margin-top: 10px;
  padding-top: 0;
  display: flex;
  position: relative;
}

.features-wrap {
  grid-column-gap: 2vw;
  grid-row-gap: 1.5vw;
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  width: 60%;
  display: flex;
}

.single-feature {
  padding: var(--tag-y-spacing) var(--tag-x-spacing);
  background-color: var(--color-variable--whitesmoke);
  border-radius: 100vw;
}

.single-feature.black {
  background-color: var(--color-variable--almost-black);
  color: var(--color-variable--white);
}

.product-title-wrap {
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  height: 100vh;
  display: flex;
}

.product-title-image-wrap {
  width: 100%;
  display: flex;
}

.product-title-image {
  width: 100vw;
}

.scroll-wrap {
  height: 11vw;
  position: relative;
  overflow: hidden;
}

.logo-carousel {
  z-index: 1;
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  display: flex;
  position: relative;
}

.logo-carousel.normal-direction {
  grid-column-gap: 4vw;
  grid-row-gap: 4vw;
  color: var(--color-variable--almost-black);
  display: flex;
  overflow: visible;
}

.carousel-item-wrap {
  grid-column-gap: 4vw;
  grid-row-gap: 4vw;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.moving-heading {
  grid-column-gap: 4vw;
  grid-row-gap: 4vw;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  display: flex;
  transform: none;
}

.carousel-heading {
  font-family: var(--font-type--primary-font);
  font-size: var(--font-size--carousel-text-size);
  line-height: var(--font-height--carousel-text-height);
  font-weight: var(--font-weight--medium-500-font);
  letter-spacing: -.3vw;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 10px;
}

.square-block {
  opacity: 0;
  background-color: #fff;
  width: 2vw;
  height: 2vw;
}

.product-carousel-wrap {
  justify-content: center;
  align-items: flex-start;
  height: 300vh;
  display: flex;
  position: relative;
}

.product-carousel {
  justify-content: center;
  align-items: center;
  height: 100vh;
  display: flex;
  position: sticky;
  top: 0;
  overflow: hidden;
}

.product-sticky-image {
  z-index: 2;
  position: absolute;
  top: auto;
}

.why-us-wrap {
  color: var(--color-variable--black);
  justify-content: center;
  align-items: center;
  height: 100vh;
  display: flex;
  position: relative;
}

.why-us-big-desc {
  text-align: center;
  width: 70%;
  position: absolute;
}

.horizontal-section-container {
  z-index: 1;
  width: 400%;
  height: 100vh;
  display: flex;
  position: relative;
  top: 0;
  overflow: visible;
}

.product-desc {
  width: 35%;
  display: block;
}

.single-product-image-wrap {
  z-index: auto;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border-radius: 0;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 65vw;
  max-width: 900px;
  height: 36vw;
  max-height: 520px;
  margin-left: auto;
  display: flex;
  position: relative;
  overflow: hidden;
}

.product-color-group {
  grid-column-gap: .75vw;
  grid-row-gap: .75vw;
  text-align: left;
  display: flex;
  position: absolute;
  inset: auto 0% auto auto;
  overflow: hidden;
}

.container-horizontal {
  width: 100%;
  max-width: none;
  padding-left: 2vw;
  padding-right: 2vw;
}

.container-horizontal.sidebar {
  padding-right: var(--spacing--container-spacing);
  padding-left: var(--spacing--container-spacing);
  justify-content: space-between;
  align-items: center;
}

.single-product-wrap {
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: relative;
}

.product-desc-wrap {
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: absolute;
  inset: auto auto 3vw 0;
  overflow: hidden;
}

.anchor-wrap {
  position: absolute;
}

.horizontal-scroll-product {
  z-index: 5;
  background-color: #fff;
  width: 100%;
  height: 800vh;
  display: flex;
  position: relative;
}

.anchor {
  height: 100vh;
}

.anchor.vibe {
  margin-top: var(--anchor-spacing-2);
  height: 133vh;
  position: relative;
}

.anchor.steel {
  margin-top: var(--anchor-spacing-1);
  opacity: .44;
  height: 133vh;
  position: absolute;
}

.anchor.pulse {
  margin-top: var(--anchor-spacing-3);
  height: 133vh;
  position: relative;
}

.anchor.vibe-copy {
  margin-top: var(--anchor-spacing-2);
  opacity: .44;
  height: 133vh;
  position: absolute;
}

.product-title-big {
  z-index: 3;
  font-size: var(--font-size--medium-big-text-size);
  line-height: var(--font-height--medium-big-text-height);
  justify-content: center;
  align-items: center;
  height: auto;
  display: none;
  position: absolute;
  left: 0;
  overflow: hidden;
}

.horizontal-section {
  background-color: #fff;
  width: 100%;
  padding-top: 5vw;
  padding-bottom: 5vw;
}

.horizontal-section.pulse {
  z-index: 5;
  padding-top: var(--horizontal-scroll-section-top-spacing);
  padding-bottom: var(--horizontal-section-bot-padding);
  flex: none;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 100vw;
  display: flex;
  position: relative;
}

.horizontal-section.steel {
  z-index: 5;
  padding-top: var(--horizontal-scroll-section-top-spacing);
  padding-bottom: var(--horizontal-section-bot-padding);
  flex: none;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 100vw;
  display: flex;
  position: relative;
}

.horizontal-section.vibe {
  z-index: 5;
  padding-top: var(--horizontal-scroll-section-top-spacing);
  padding-bottom: var(--horizontal-section-bot-padding);
  flex: none;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 100vw;
  display: flex;
  position: relative;
}

.horizontal-section.icl {
  z-index: 5;
  padding-top: var(--horizontal-scroll-section-top-spacing);
  padding-bottom: var(--horizontal-section-bot-padding);
  z-index: 5;
  padding-top: var(--horizontal-scroll-section-top-spacing);
  padding-bottom: var(--horizontal-section-bot-padding);
  white-space: normal;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 25%;
  max-width: 100vw;
  display: flex;
  position: relative;
}

.horizontal-section.music {
  z-index: 5;
  padding-top: var(--horizontal-scroll-section-top-spacing);
  padding-bottom: var(--horizontal-section-bot-padding);
  flex: none;
  justify-content: flex-start;
  align-items: center;
  width: 25%;
  max-width: 100vw;
  display: flex;
  position: relative;
}

.horizontal-section.store, .horizontal-section.services, .horizontal-section.store-copy, .horizontal-section.store {
  z-index: 5;
  padding-top: var(--horizontal-scroll-section-top-spacing);
  padding-bottom: var(--horizontal-section-bot-padding);
  flex: none;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 100vw;
  display: flex;
  position: relative;
}

.horizontal-section.consulting {
  z-index: 5;
  align-items: center;
  max-width: 100vw;
  padding-top: 0;
  display: flex;
  position: relative;
}

.product-title-medium {
  color: var(--color-variable--dark-grey);
  position: absolute;
  inset: 5vw auto auto 0;
  overflow: hidden;
}

.horizontal-scroll-sticky {
  width: 100%;
  height: 100vh;
  display: flex;
  position: sticky;
  top: 0;
}

.single-product-image {
  z-index: 0;
  object-fit: cover;
  background-color: #3330;
  height: 42vw;
  padding-bottom: 3vw;
  position: relative;
}

.single-product-image.front {
  -webkit-backdrop-filter: blur(10vw);
  backdrop-filter: blur(10vw);
  background-color: #fefefeab;
  width: auto;
  padding-bottom: 0;
  transform: none;
}

.view-window {
  width: 100%;
  height: 100vh;
  overflow: hidden;
}

.product-color {
  border: .2vw none var(--color-variable--white);
  background-color: #822736;
  border-radius: 99vw;
  width: 4vw;
  height: 4vw;
  box-shadow: 0 0 .5vw #00000036;
}

.product-color.var-1 {
  background-color: var(--color-variable--steel-red);
}

.product-color.var-2 {
  background-color: var(--color-variable--steel-grey);
}

.product-color.var-3 {
  background-color: var(--color-variable--steel-black);
}

.product-color.var-4 {
  background-color: var(--color-variable--vibe-green);
}

.product-color.var-5 {
  background-color: var(--color-variable--vibe-white);
}

.product-color.var-6 {
  background-color: var(--color-variable--vibe-orange);
}

.product-color.var-7 {
  background-color: var(--color-variable--pulse-pink);
}

.product-color.var-8 {
  background-color: var(--color-variable--pulse-black);
}

.product-color.var-9 {
  background-color: var(--color-variable--pulse-red);
}

.product-color-wrap {
  padding: var(--color-bullet-spacing);
  border: 1px solid var(--color-variable--light-grey);
  border-radius: 99vw;
}

.product-preorder {
  z-index: 1;
  display: flex;
  position: absolute;
  left: auto;
}

.big-text-smaller {
  font-family: var(--font-type--primary-font);
  font-size: var(--font-size--big-text-s-size);
  line-height: var(--font-height--big-text-s-height);
  font-weight: var(--font-weight--medium-500-font);
}

.why-us-corner-text {
  width: 20%;
  position: absolute;
  bottom: 3vw;
  left: 0;
}

.why-us-tag {
  padding-bottom: var(--why-us-tag-adjust);
}

.why-us-sticky-wrap {
  justify-content: center;
  align-items: center;
  height: 300vh;
  display: block;
  position: relative;
}

.grow-bg {
  z-index: 1;
  -webkit-backdrop-filter: invert();
  backdrop-filter: invert();
  pointer-events: none;
  border-radius: 99999vw;
  width: 50vw;
  height: 50vw;
  position: absolute;
  bottom: auto;
  transform: scale(0);
}

.cta-wrap {
  color: var(--color-variable--white);
  justify-content: center;
  align-items: center;
  height: 100vh;
  display: flex;
  position: relative;
}

.cta-sticky-wrap {
  height: 400vh;
  position: relative;
}

.cta-title-wrap {
  grid-column-gap: 3vw;
  grid-row-gap: 3vw;
  opacity: 0;
  text-align: center;
  flex-flow: column;
  flex: none;
  justify-content: center;
  align-self: auto;
  align-items: center;
  width: 100%;
  display: flex;
}

.cta-form {
  padding-top: var(--cta-form-top-spacing);
  width: 50vw;
  position: absolute;
}

.error-message {
  margin-top: var(--error-message-spacing);
  padding: var(--error-message-spacing);
  font-family: var(--font-type--primary-font);
  color: var(--color-variable--almost-black);
  font-size: var(--font-size--small-text-size);
  line-height: var(--font-height--small-text-height);
  text-align: center;
  border-radius: 0;
}

.link-button-wrap {
  padding-bottom: 5px;
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.form-button-wrap {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-end;
  display: flex;
}

.form-placeholder-group {
  grid-column-gap: 0vw;
  grid-row-gap: 0vw;
  flex-flow: column;
  display: flex;
}

.link-button-line {
  background-color: #fff;
  width: 100%;
  height: 1px;
  position: absolute;
  inset: auto auto 0% 0%;
}

.contact-text-wrap {
  grid-column-gap: .75vw;
  grid-row-gap: .75vw;
  justify-content: flex-start;
  align-items: flex-end;
  display: flex;
}

.success-message-text {
  font-family: var(--font-type--primary-font);
  font-size: var(--font-size--small-text-size);
  line-height: var(--font-height--small-text-height);
  font-weight: var(--font-weight--normal-400-font);
}

.form-block-wrap {
  border-radius: 1vw;
}

.form-text-field {
  margin-bottom: var(--spacing--no-space);
  padding: var(--form-spacing);
  background-color: var(--color-variable--whitesmoke);
  font-family: var(--font-type--primary-font);
  color: var(--color-variable--almost-black);
  font-size: var(--font-size--form-text-size);
  line-height: var(--font-height--form-text-height);
  font-weight: var(--font-weight--medium-500-font);
  border: 0 solid #000;
  border-radius: 10vw;
}

.form-button-field {
  z-index: 3;
  color: #000;
  background-color: #0000;
  width: 100%;
  height: 100%;
  margin-top: 20px;
  padding: 0;
  font-weight: 700;
  position: absolute;
  inset: 0% auto auto 0%;
}

.link-icon {
  padding-left: 0;
  padding-right: 0;
  font-size: 1.4rem;
  line-height: 2.1rem;
}

.link-icon.contact {
  color: #fff;
  margin-bottom: -.25vw;
  font-family: Material Icons, sans-serif;
  font-size: 2vw;
  font-weight: 300;
  line-height: 3vw;
}

.form-placeholder-wrap {
  grid-column-gap: 4vw;
  grid-row-gap: 4vw;
  flex-flow: column;
  flex: 1;
  display: flex;
}

.success-message {
  padding: var(--success-message-spacing);
  background-color: var(--color-variable--almost-black);
  color: var(--color-variable--white);
  border-radius: 0;
}

.inner-form-wrap {
  grid-column-gap: 33px;
  grid-row-gap: 33px;
  flex-flow: column;
  display: flex;
}

.link-button {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  color: #fff;
  flex-flow: row;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  text-decoration: none;
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.contact-text {
  font-family: var(--font-type--primary-font);
  font-size: var(--font-size--contact-text-size);
  line-height: var(--font-height--contact-text-height);
  font-weight: var(--font-weight--medium-500-font);
  padding-bottom: 0;
}

.cta-from-text {
  color: var(--color-variable--light-grey);
  text-align: center;
  flex: none;
  align-self: center;
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
}

.footer-wrap {
  padding-top: var(--footer-wrap-spacing);
  height: 75vh;
  position: relative;
}

.footer-powered {
  font-family: var(--font-type--primary-font);
  color: var(--color-variable--light-grey);
  font-size: var(--font-size--small-text-size);
  line-height: var(--font-height--small-text-height);
}

.footer-image {
  filter: invert();
  width: 100vw;
}

.footer-utilities-link {
  justify-content: flex-end;
  align-items: flex-start;
  width: 20%;
  display: flex;
}

.social-image {
  padding: var(--social-icon-spacing);
  background-color: #3330;
  border: 1px gray;
  border-radius: 999px;
  width: 3vw;
  max-width: 100%;
  transition: background-color .2s;
}

.social-image:hover {
  background-color: #a0232b;
  border-color: #414141;
}

.footer-text-medium {
  font-family: var(--font-type--primary-font);
  color: var(--color-variable--white);
  font-size: var(--font-size--small-text-size);
  line-height: var(--font-height--small-trademark-height);
}

.footer-menu-in-wrap {
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.footer-in-menu {
  grid-column-gap: .75vw;
  grid-row-gap: .75vw;
  flex-flow: column;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
  justify-content: space-between;
  justify-items: start;
  display: flex;
}

.footer-in-menu.utility-wrap {
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  width: auto;
}

.footer-brand {
  font-family: var(--font-type--primary-font);
  color: var(--color-variable--light-grey);
  font-size: var(--font-size--small-text-size);
  line-height: var(--font-height--small-text-height);
}

.footer-social {
  flex-flow: column;
  justify-content: space-between;
  width: 60%;
  display: flex;
}

.footer-bottom-link {
  color: #f5f5f5;
  font-family: Inter Tight, sans-serif;
  font-weight: 600;
}

.footer-bottom-link:hover {
  color: #fff;
}

.footer-bottom {
  z-index: 1;
  padding-top: var(--footer-bottom-spacing);
  grid-column-gap: 4vw;
  grid-row-gap: 4vw;
  border-top: 1px #483f53;
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  font-size: 1rem;
  display: flex;
  position: relative;
}

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

.footer-menu {
  display: flex;
}

.footer-menu-item {
  font-family: var(--font-type--primary-font);
  color: #d1d1d1;
  justify-content: flex-start;
  align-items: center;
  font-size: 1.2vw;
  font-weight: 400;
  line-height: 1.5vw;
  transition: all .5s cubic-bezier(.215, .61, .355, 1);
  display: flex;
}

.footer-menu-item:hover {
  color: #fff;
}

.footer-page-links {
  justify-content: flex-end;
  align-items: flex-start;
  width: 20%;
  display: flex;
}

.footer-menu-wrapper {
  grid-column-gap: 1vw;
  grid-row-gap: 1vw;
  flex-flow: column;
  width: 36%;
  display: flex;
}

.footer-menu-wrapper.var-1 {
  grid-column-gap: 1.5vw;
  grid-row-gap: 1.5vw;
  width: auto;
}

.footer-logo {
  padding-top: var(--spacing--section-spacing);
  justify-content: flex-start;
  align-items: flex-end;
  display: flex;
  position: absolute;
  inset: auto auto 0% 0;
}

.footer-logo-link {
  width: 50%;
}

.menu-hidden {
  opacity: 0;
  position: absolute;
}

.navbar-main {
  background-color: #d6d6d6;
  justify-content: space-between;
}

.navbar-main.no-color {
  background-color: #0000;
}

.navbar-menu-wrap {
  z-index: 4;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 100vh;
  display: flex;
  position: fixed;
  top: 0%;
  overflow: auto;
}

.navbar-menu-button {
  z-index: 99;
  padding: var(--spacing--no-space);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  font-size: 24px;
  display: flex;
  overflow: visible;
}

.navbar-menu-button.w--open {
  color: #000;
  background-color: #0000;
  padding: 0;
}

.navbar-main-wrap {
  background-color: #0000;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.navbar-main-wrap.inside {
  position: absolute;
  top: 2vw;
  left: 3vw;
  right: 3vw;
}

.navbar-brand {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  color: #000;
  justify-content: flex-start;
  align-items: center;
  padding-left: 0;
  display: flex;
}

.navbar-item-text-wrap {
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-start;
  height: 100%;
  line-height: 110%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.navbar-brand-image {
  z-index: 2;
  filter: none;
  height: 2.2vw;
  position: relative;
}

.navbar-main-end-wrap {
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: static;
}

.navbar-bg {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0% auto auto 0%;
}

.navbar-main-menu-wrap {
  padding-right: var(--navbar-menu-wrap);
  padding-left: var(--navbar-menu-wrap);
  flex: 1;
  justify-content: space-between;
  display: flex;
}

.navbar-main-menu {
  padding-top: var(--navbar-main-menu-spacing);
  grid-column-gap: 1vw;
  grid-row-gap: 1vw;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: flex-start;
  width: 60%;
  display: flex;
}

.navbar-info-text-wrap {
  grid-column-gap: 1vw;
  grid-row-gap: 1vw;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.navbar-item {
  color: #000;
  transform-style: preserve-3d;
  border-right: 1px #d3d3d3;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.navbar-in-menu-info {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  flex-flow: column;
  display: flex;
}

.container-navbar {
  z-index: 5;
  background-color: #0000;
  flex: 1;
  width: 100%;
  max-width: 100%;
  position: relative;
}

.nav-container-out {
  padding-right: var(--spacing--no-space);
  padding-left: var(--spacing--no-space);
  width: 100%;
  max-width: none;
  position: relative;
}

.navbar-menu-info {
  justify-content: flex-start;
  align-items: flex-end;
  width: 40%;
  display: flex;
  position: absolute;
  inset: auto auto 3vw;
}

.navbar-in-menu-wrap {
  padding-bottom: var(--navbar-menu-wrap);
  background-color: var(--color-variable--white);
  flex-flow: column;
  height: 100vh;
  display: flex;
}

.nav-link-hover {
  background-color: #3330;
  transition: color .2s;
  overflow: hidden;
}

.nav-link-hover:hover {
  color: var(--color-variable--grey);
}

.navbar-info-wrap {
  grid-column-gap: 4vw;
  grid-row-gap: 4vw;
  flex-flow: row;
  display: flex;
}

.nav-section {
  background-color: #d6d6d6;
}

.nav-section.no-color {
  z-index: 99;
  padding-top: var(--top-menu-spacing);
  background-color: #3330;
  position: fixed;
  inset: auto 3vw 3vw auto;
}

.icon-material {
  font-family: var(--font-type--icon-font);
}

.icon-material.email-fix {
  display: flex;
}

.preorder-button-wrap {
  padding: var(--spacing--button-y-padding) var(--spacing--button-x-padding);
  background-color: var(--color-variable--white);
  border-radius: 99vw;
  transition: background-color .2s;
}

.preorder-button-wrap:hover {
  background-color: var(--color-variable--black);
  color: var(--color-variable--white);
}

.about-anchor {
  height: 100vh;
}

.instruction-wrap {
  color: #111;
}

.gsap-title {
  padding-bottom: var(--wrap-spacing);
}

.gsap-desc {
  margin-bottom: var(--2x-wrap-spacing);
  border-bottom: 1px solid #d1d1d1;
  display: flex;
}

.single-instruction {
  margin-bottom: var(--2x-wrap-spacing);
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  border-bottom: 1px solid #d1d1d1;
  flex-flow: column;
  display: flex;
}

.about-section {
  margin-bottom: var(--2x-wrap-spacing);
}

.instruction-image {
  border: 1px solid #000;
}

.instruction-image.about {
  object-fit: cover;
  width: 100%;
  position: static;
}

.instruction-content {
  padding-top: var(--wrap-spacing);
  grid-column-gap: 2vw;
  grid-row-gap: 2vw;
  flex-flow: column;
  display: flex;
}

.product-section {
  margin-bottom: var(--2x-wrap-spacing);
}

.form-field-trigger-wrap {
  z-index: -1;
  flex-flow: column;
  display: flex;
  position: absolute;
  inset: 0%;
}

.field-trigger {
  height: 150vh;
}

.button-404 {
  background-color: var(--color-variable--black);
  color: var(--color-variable--white);
  border-radius: 99vw;
  padding: 1.5vw 2vw;
  transition: background-color .2s;
}

.button-404:hover {
  background-color: var(--color-variable--vibe-white);
  color: var(--color-variable--black);
}

.bg-404 {
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.image {
  width: 100vw;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.single-product-image-wrap-copy {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border-radius: 0;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 36vw;
  height: 36vw;
  display: flex;
  position: relative;
  overflow: hidden;
}

.about-big-content-copy {
  padding-right: 40px;
}

.medium-big-text-copy {
  opacity: 1;
  font-family: var(--font-type--primary-font);
  color: var(--color-variable--steel-black);
  font-size: var(--font-size--medium-big-text-size);
  line-height: var(--screen-1-medbigtxtheight);
  font-weight: var(--font-weight--normal-400-font);
  white-space: normal;
  word-break: normal;
  overflow-wrap: normal;
  padding-bottom: 10px;
  display: block;
}

.title-hero-copy {
  z-index: 3;
  position: absolute;
  top: 3vw;
  left: 0;
}

.heading-405, .heading-405-copy {
  font-size: var(--font-size--medium-big-text-size);
  line-height: var(--font-height--paragraph-height);
  font-weight: var(--font-weight--normal-400-font);
}

.form-text-field-copy {
  margin-bottom: var(--spacing--no-space);
  padding: var(--form-spacing);
  background-color: var(--color-variable--whitesmoke);
  font-family: var(--font-type--primary-font);
  color: var(--color-variable--almost-black);
  font-size: var(--font-size--form-text-size);
  line-height: var(--font-height--form-text-height);
  font-weight: var(--font-weight--medium-500-font);
  border: 0 solid #000;
  border-radius: 10vw;
  width: 100%;
  min-height: 0;
}

.form-text-message-field {
  margin-bottom: var(--spacing--no-space);
  padding: var(--form-spacing);
  background-color: var(--color-variable--whitesmoke);
  font-family: var(--font-type--primary-font);
  color: var(--color-variable--almost-black);
  font-size: var(--font-size--form-text-size);
  line-height: var(--font-height--form-text-height);
  font-weight: var(--font-weight--medium-500-font);
  border: 0 solid #000;
  border-radius: 10vw;
  width: 100%;
  min-height: 220px;
}

.carousel-heading-copy {
  font-family: var(--font-type--primary-font);
  font-size: var(--font-size--carousel-text-size);
  line-height: var(--font-height--carousel-text-height);
  font-weight: var(--font-weight--medium-500-font);
  letter-spacing: -.3vw;
  margin-top: 0;
  margin-bottom: 0;
}

.product-title-big-icl {
  z-index: 3;
  font-size: var(--font-size--medium-big-text-size);
  line-height: var(--font-height--medium-big-text-height);
  justify-content: center;
  align-items: center;
  height: auto;
  display: none;
  position: absolute;
  left: 0;
  overflow: hidden;
}

@media screen and (max-width: 991px) {
  body {
    --color-variable--white: #fff;
    --font-type--primary-font: "Inter Tight", sans-serif;
    --font-size--base-size-font: 14px;
    --font-height--base-height-font: 20px;
    --font-weight--normal-400-font: 375;
    --spacing--zero-margin: 0px;
    --font-size--h1-size: 12vw;
    --font-height--h1-height: 12vw;
    --font-weight--medium-500-font: 500;
    --letter-spacing--h1-letter-spacing: -.2vw;
    --font-size--h2-size: 7vw;
    --font-height--h2-height: 7.5vw;
    --font-size--h3-size: 5vw;
    --font-height--h3-height: 4.5vw;
    --font-size--h4-size: 3.5vw;
    --font-height--h4-height: 4vw;
    --font-size--h5-size: 2.25vw;
    --font-height--h5-height: 3vw;
    --font-size--h6-size: 1.5vw;
    --font-height--h6-height: 1.8vw;
    --spacing--base-margin: 10px;
    --font-size--paragraph-size: 2.5vw;
    --font-height--paragraph-height: 3vw;
    --color-variable--almost-black: #111;
    --font-size--list-size: 1rem;
    --font-height--list-height: 1.5rem;
    --spacing--list-x-padding: 40px;
    --font-weight--bold-700-font: 700;
    --color-variable--light-grey: #d1d1d1;
    --font-size--block-size: 2vw;
    --font-height--block-height: 2.5vw;
    --spacing--container-spacing: 1.5rem;
    --spacing--section-spacing: 5vw;
    --spacing--no-space: 0vw;
    --wrap-spacing: 6rem;
    --color-variable--black: black;
    --font-size--small-text-size: 2vw;
    --font-height--small-text-height: 2.5vw;
    --spacing--button-y-padding: 1.5vw;
    --spacing--button-x-padding: 2vw;
    --color-variable--dark-grey: #5d5d5d;
    --tag-y-spacing: 1vw;
    --color-variable--grey: #9f9f9f;
    --color-variable--whitesmoke: #f5f5f5;
    --color-variable--steel-red: #822736;
    --color-variable--steel-grey: #8d8e90;
    --color-variable--steel-black: #0e0314;
    --color-variable--vibe-green: #88c0a7;
    --color-variable--vibe-white: #e6e5db;
    --color-variable--vibe-orange: #bf7024;
    --color-variable--pulse-red: #bc4053;
    --color-variable--pulse-black: #2b0f35;
    --color-variable--pulse-pink: #c285b4;
    --2x-wrap-spacing: 6vw;
    --font-size--404-size: 17vw;
    --font-height--404-height: 14vw;
    --font-height--medium-big-text-height: 4.5vw;
    --font-size--contact-text-size: 2vw;
    --font-size--small-trademark-size: 1vw;
    --font-height--small-trademark-height: 1vw;
    --font-size--medium-big-text-size: 4vw;
    --screen-1-medbigtxtheight: var(--font-height--h4-height);
    --menu-button-spacing: 1rem;
    --big-menu-button-spacing: 1rem;
    --brand-shadow--shadow-y: 2vw;
    --brand-shadow--shadow-blur: 5vw;
    --brand-shadow--shadow: #0003;
    --menu-icon-wrap-spacing: .55rem;
    --hero-card-image-adjust: -15rem;
    --hero-card-spacing: 0vw;
    --font-size--big-text-size: 6vw;
    --font-height--big-text-height: 5vw;
    --font-size--big-text-s-size: 4.5vw;
    --font-height--contact-text-height: 2.5vw;
    --tag-x-spacing: 2vw;
    --font-size--carousel-text-size: 11vw;
    --font-height--carousel-text-height: 8vw;
    --horizontal-scroll-section-top-spacing: 0vw;
    --horizontal-section-bot-padding: 0vw;
    --color-bullet-spacing: .3vw;
    --font-height--big-text-s-height: 5vw;
    --why-us-tag-adjust: 15vw;
    --cta-form-top-spacing: 5vw;
    --form-spacing: 2.5vw;
    --font-size--form-text-size: 1.8vw;
    --font-height--form-text-height: 2.3vw;
    --social-icon-spacing: .75vw;
    --footer-bottom-spacing: 2vw;
    --navbar-menu-wrap: 1.5rem;
    --navbar-main-menu-spacing: 12rem;
    --font-type--icon-font: "Material Icons", sans-serif;
    --color-variable--transparent: #3330;
    --font-size--tiny-text-size: 1.75vw;
    --spacing--block-y-padding: 10px;
    --spacing--block-x-padding: 20px;
    --font-height--tiny-text-height: 2vw;
  }

  h1 {
    font-size: var(--font-size--h1-size);
  }

  figure {
    font-size: 14px;
    line-height: 20px;
  }

  .main-section.footer {
    padding-top: var(--wrap-spacing);
  }

  .main-section.hero-about {
    position: relative;
    transform: none;
  }

  .small-text {
    aspect-ratio: auto;
    font-size: var(--font-size--paragraph-size);
    text-align: left;
    -webkit-text-stroke-color: var(--color-variable--white);
    white-space: normal;
    word-break: normal;
    overflow-wrap: normal;
    object-fit: fill;
    flex: 0 auto;
    width: auto;
    padding-bottom: 10px;
    padding-left: 0;
    display: block;
  }

  .guide-typo-description {
    flex-flow: wrap;
  }

  .guide-menu {
    display: none;
  }

  .license-block {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    flex-flow: column;
  }

  .license-type, .license-detail {
    width: 100%;
  }

  .changelog-wrap {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-flow: column;
    display: flex;
  }

  .hero-background {
    justify-content: center;
    align-items: flex-end;
    height: 45rem;
    display: flex;
    overflow: visible;
  }

  .hero-background-image-1 {
    height: 60rem;
  }

  .hero-wrap {
    padding-bottom: var(--wrap-spacing);
    height: 45rem;
  }

  .title-hero {
    top: 1rem;
  }

  .title-tagline {
    z-index: 2;
    width: 26%;
    bottom: 6rem;
  }

  .medium-big-text {
    line-height: var(--font-height--h4-height);
  }

  .title-description {
    z-index: 2;
  }

  .menu-button {
    width: 6.5rem;
    height: 2.5rem;
  }

  .menu-icon-wrap {
    width: 2rem;
    height: 2rem;
  }

  .tiny-text {
    -webkit-text-stroke-color: var(--color-variable--white);
    flex: none;
    align-self: center;
    font-style: italic;
  }

  .menu-text {
    left: 1rem;
  }

  .feature-wrap {
    height: auto;
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .hero-front-card-2 {
    justify-content: center;
    align-items: center;
    max-width: 47vw;
    max-height: 50vw;
  }

  .hero-back-card {
    max-width: 47vw;
    max-height: 50vw;
  }

  .hero-card-image {
    margin-top: var(--hero-card-image-adjust);
    height: 60rem;
    min-height: 60rem;
  }

  .hero-card {
    flex-flow: column;
    max-width: 47vw;
    height: 50vw;
  }

  .hero-card-inner {
    transform: none;
  }

  .hero-front-card-1 {
    justify-content: center;
    align-items: center;
    max-width: 47vw;
    max-height: 50vw;
  }

  .hero-card-bg {
    width: 47vw;
    height: 50vw;
  }

  .hero-sticky-wrap {
    height: auto;
  }

  .about-hero-wrap {
    padding-bottom: var(--wrap-spacing);
    height: 45rem;
  }

  .horizontal-scroll-wrap {
    flex-flow: column;
    display: flex;
  }

  .about-image {
    height: 50vw;
  }

  .about-image-wrap {
    width: 40vw;
    height: 50vw;
    min-height: 0;
    max-height: none;
    top: auto;
  }

  .about-content-wrap {
    width: 40%;
    top: auto;
  }

  .about-small-content {
    width: 63%;
  }

  .big-text {
    font-size: var(--font-size--h3-size);
    text-align: left;
    align-self: center;
  }

  .feature-desc {
    width: 63%;
  }

  .about-side-text {
    height: auto;
    top: auto;
  }

  .features-wrap {
    width: 75%;
  }

  .product-title-wrap {
    height: auto;
  }

  .product-carousel {
    height: 27rem;
    top: 25%;
  }

  .horizontal-section-container {
    padding-bottom: 10vw;
  }

  .product-desc {
    width: 60%;
  }

  .container-horizontal {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .single-product-wrap {
    height: 75vh;
  }

  .product-desc-wrap {
    justify-content: center;
    align-items: center;
    left: auto;
  }

  .anchor.vibe-copy {
    --color-variable--white: #fff;
    --font-type--primary-font: "Inter Tight", sans-serif;
    --font-size--base-size-font: 14px;
    --font-height--base-height-font: 20px;
    --font-weight--normal-400-font: 400;
    --spacing--zero-margin: 0px;
    --font-size--h1-size: 13vw;
    --font-height--h1-height: 13vw;
    --font-weight--medium-500-font: 500;
    --letter-spacing--h1-letter-spacing: -.2vw;
    --font-size--h2-size: 6vw;
    --font-height--h2-height: 6vw;
    --font-size--h3-size: 4vw;
    --font-height--h3-height: 4.5vw;
    --font-size--h4-size: 2.75vw;
    --font-height--h4-height: 3.25vw;
    --font-size--h5-size: 2vw;
    --font-height--h5-height: 2.5vw;
    --font-size--h6-size: 1.3vw;
    --font-height--h6-height: 1.7vw;
    --spacing--base-margin: 10px;
    --font-size--paragraph-size: 2vw;
    --font-height--paragraph-height: 2.5vw;
    --color-variable--almost-black: #111;
    --font-size--list-size: 1.5vw;
    --font-height--list-height: 2vw;
    --spacing--list-x-padding: 40px;
    --font-weight--bold-700-font: 700;
    --color-variable--light-grey: #d1d1d1;
    --font-size--block-size: 1.5vw;
    --font-height--block-height: 2vw;
    --spacing--container-spacing: 3vw;
    --spacing--section-spacing: 5vw;
    --spacing--no-space: 0vw;
    --wrap-spacing: 3vw;
    --utility-section-top-spacing: 25vh;
    --color-variable--black: black;
    --font-size--small-text-size: 1.75vw;
    --font-height--small-text-height: 2vw;
    --spacing--button-y-padding: 1.5vw;
    --spacing--button-x-padding: 2vw;
    --color-variable--dark-grey: #5d5d5d;
    --tag-y-spacing: 1vw;
    --color-variable--grey: #9f9f9f;
    --color-variable--whitesmoke: #f5f5f5;
    --color-variable--steel-red: #822736;
    --color-variable--steel-grey: #8d8e90;
    --color-variable--steel-black: #0e0314;
    --color-variable--vibe-green: #88c0a7;
    --color-variable--vibe-white: #e6e5db;
    --color-variable--vibe-orange: #bf7024;
    --color-variable--pulse-red: #bc4053;
    --color-variable--pulse-black: #2b0f35;
    --color-variable--pulse-pink: #c285b4;
    --medium-padding: 2rem;
    --2x-wrap-spacing: 6vw;
    --font-size--404-size: 17vw;
    --font-height--404-height: 14vw;
    --hero-background-image-fix: -.175vw;
    --font-height--medium-big-text-height: 3.2vw;
    --trademark-spacing: 1vw;
    --font-size--contact-text-size: 2vw;
    --small-trademark-spacing: .5vw;
    --font-size--small-trademark-size: 1vw;
    --font-height--small-trademark-height: 1vw;
    --font-size--medium-big-text-size: 3vw;
    --screen-1-medbigtxtheight: var(--font-height--h4-height);
    --menu-button-spacing: .5vw;
    --big-menu-button-spacing: 6vw;
    --brand-shadow--shadow-y: 2vw;
    --brand-shadow--shadow-blur: 5vw;
    --brand-shadow--shadow: #0003;
    --menu-icon-wrap-spacing: 1vw;
    --hero-card-image-adjust: -15rem;
    --hero-card-spacing: 2vw;
    --font-size--big-text-size: 6vw;
    --font-height--big-text-height: 5vw;
    --font-size--big-text-s-size: 4vw;
    --font-height--contact-text-height: 2.5vw;
    --tag-x-spacing: 2vw;
    --logo-carousel-mobile-adjust: .5rem;
    --font-size--carousel-text-size: 11vw;
    --font-height--carousel-text-height: 8vw;
    --anchor-spacing-2: 350vh;
    --anchor-spacing-1: 160vh;
    --anchor-spacing-3: 100vh;
    --horizontal-scroll-section-top-spacing: 0vw;
    --horizontal-section-bot-padding: 0vw;
    --color-bullet-spacing: .3vw;
    --font-height--big-text-s-height: 5vw;
    --why-us-corner-text-mobile-adjust: 2rem;
    --why-us-tag-adjust: 15vw;
    --cta-form-top-spacing: 5vw;
    --error-message-spacing: 10px;
    --form-spacing: 2.5vw;
    --font-size--form-text-size: 1vw;
    --font-height--form-text-height: 1.5vw;
    --success-message-spacing: 20px;
    --footer-wrap-spacing: 3vw;
    --social-icon-spacing: .75vw;
    --footer-bottom-spacing: 2vw;
    --navbar-menu-wrap: 3vw;
    --navbar-main-menu-spacing: 12vw;
    --navbar-menu-wrap-mobile-spacing: 1rem;
    --top-menu-spacing: 1vw;
    --font-type--icon-font: "Material Icons", sans-serif;
    --color-variable--transparent: #3330;
    --font-size--tiny-text-size: 1.25vw;
    --spacing--block-y-padding: 10px;
    --spacing--block-x-padding: 20px;
    --font-height--tiny-text-height: 1.5vw;
  }

  .product-title-big {
    display: flex;
  }

  .horizontal-section.pulse, .horizontal-section.steel, .horizontal-section.vibe, .horizontal-section.icl, .horizontal-section.icl, .horizontal-section.music, .horizontal-section.store, .horizontal-section.services, .horizontal-section.store-copy, .horizontal-section.store {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .product-title-medium {
    margin-bottom: 35vh;
    display: none;
    top: auto;
  }

  .why-us-corner-text {
    bottom: 6rem;
  }

  .cta-title-wrap {
    text-align: center;
  }

  .cta-form {
    margin-bottom: 60px;
  }

  .form-placeholder-group {
    grid-column-gap: 2vw;
    grid-row-gap: 2vw;
    flex-flow: column;
  }

  .link-icon.contact {
    font-size: 2.5vw;
    line-height: 3vw;
  }

  .inner-form-wrap {
    grid-column-gap: 2vw;
    grid-row-gap: 2vw;
  }

  .cta-from-text {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    color: var(--color-variable--light-grey);
    text-align: center;
    justify-content: center;
    align-items: center;
    margin-top: 0;
    margin-left: 60px;
    padding-top: 0;
    inset: auto 0% 0%;
  }

  .footer-wrap {
    height: auto;
  }

  .footer-image {
    width: 100vw;
  }

  .footer-utilities-link {
    justify-content: flex-start;
    align-items: center;
    width: 30%;
  }

  .social-image {
    width: 3.5vw;
    max-width: 95%;
  }

  .footer-text-medium {
    padding-bottom: 1vw;
  }

  .footer-menu-in-wrap {
    flex: none;
    justify-content: flex-start;
    align-items: center;
  }

  .footer-in-menu {
    flex: 1;
    justify-content: center;
    align-items: flex-start;
  }

  .footer-in-menu.utility-wrap {
    flex: 0 auto;
    justify-content: center;
    align-items: flex-start;
  }

  .footer-social {
    grid-column-gap: 2vw;
    grid-row-gap: 2vw;
    width: 100%;
    padding-top: 8vw;
    padding-bottom: 5vw;
  }

  .social-wrapper {
    margin-top: 0;
  }

  .footer-menu {
    flex-flow: row-reverse wrap-reverse;
    justify-content: flex-end;
    align-items: flex-end;
  }

  .footer-menu-item {
    font-size: 2vw;
    line-height: 2vw;
  }

  .footer-page-links {
    justify-content: flex-start;
    align-items: center;
    width: 30%;
  }

  .footer-menu-wrapper {
    width: 100%;
  }

  .footer-menu-wrapper.var-1 {
    justify-content: center;
    align-items: flex-start;
    width: 50%;
  }

  .footer-logo {
    position: relative;
  }

  .footer-logo-link {
    width: 65%;
  }

  .navbar-main.no-color {
    margin-top: 0;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .navbar-menu-wrap {
    background-color: #88e800;
    height: 100vh;
    padding-left: 0;
    padding-right: 0;
  }

  .navbar-menu-button {
    z-index: 3;
    padding: 0;
    transition: all .5s cubic-bezier(.215, .61, .355, 1);
    position: relative;
  }

  .navbar-menu-button.w--open {
    background-color: #0000;
    transition: all .5s cubic-bezier(.55, .055, .675, .19);
  }

  .navbar-main-wrap.inside {
    top: 2.5rem;
  }

  .navbar-item-text-wrap {
    padding-top: 0;
  }

  .navbar-brand-image {
    height: 3vw;
  }

  .navbar-main-end-wrap {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }

  .navbar-bg {
    inset: 0% 0% auto;
  }

  .navbar-main-menu-wrap {
    padding-right: var(--spacing--no-space);
    padding-left: var(--spacing--no-space);
    background-color: #f5f5f5;
  }

  .navbar-main-menu {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
  }

  .navbar-item {
    writing-mode: rl-tb;
    border-bottom: 1px #d3d3d3;
    border-right-width: 0;
    justify-content: flex-start;
    align-items: center;
    padding: 0;
    font-size: 60px;
    transform: none;
  }

  .navbar-in-menu-info {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
  }

  .container-navbar {
    max-width: 100%;
  }

  .navbar-menu-info {
    width: auto;
    padding: 0;
  }

  .navbar-in-menu-wrap {
    padding-top: var(--navbar-menu-wrap);
    padding-right: var(--navbar-menu-wrap);
    padding-left: var(--navbar-menu-wrap);
    background-color: #f5f5f5;
    width: 100%;
  }

  .nav-link-hover {
    width: auto;
  }

  .nav-section.no-color {
    z-index: 99;
    padding-top: 0;
    top: 2rem;
    bottom: auto;
  }

  .medium-big-text-copy {
    line-height: var(--font-height--h4-height);
  }

  .title-hero-copy {
    top: 1rem;
  }

  .product-title-big-icl {
    font-size: var(--font-size--medium-big-text-size);
    display: flex;
  }
}

@media screen and (max-width: 767px) {
  body {
    --color-variable--white: #fff;
    --font-type--primary-font: "Inter Tight", sans-serif;
    --font-size--base-size-font: 14px;
    --font-height--base-height-font: 20px;
    --font-weight--normal-400-font: 400;
    --spacing--zero-margin: 0px;
    --font-size--h1-size: 5.2rem;
    --font-height--h1-height: 5.4rem;
    --font-weight--medium-500-font: 500;
    --letter-spacing--h1-letter-spacing: -.2vw;
    --font-size--h2-size: 3.3rem;
    --font-height--h2-height: 3.5rem;
    --font-size--h3-size: 2.2rem;
    --font-height--h3-height: 2.4rem;
    --font-size--h4-size: 1.6rem;
    --font-height--h4-height: 2rem;
    --font-size--h5-size: 1.2rem;
    --font-height--h5-height: 1.4rem;
    --font-size--h6-size: .9rem;
    --font-height--h6-height: 1rem;
    --spacing--base-margin: 10px;
    --font-size--paragraph-size: 1.2rem;
    --font-height--paragraph-height: 1.75rem;
    --color-variable--almost-black: #111;
    --font-size--list-size: 1rem;
    --font-height--list-height: 1.5rem;
    --spacing--list-x-padding: 40px;
    --font-weight--bold-700-font: 700;
    --color-variable--light-grey: #d1d1d1;
    --font-size--block-size: 1rem;
    --font-height--block-height: 1.2rem;
    --spacing--container-spacing: 1.5rem;
    --spacing--section-spacing: 3rem;
    --spacing--no-space: 0vw;
    --wrap-spacing: 6rem;
    --color-variable--black: black;
    --font-size--small-text-size: 1.2rem;
    --font-height--small-text-height: 1.5rem;
    --spacing--button-y-padding: .75rem;
    --spacing--button-x-padding: 1rem;
    --color-variable--dark-grey: #5d5d5d;
    --tag-y-spacing: .75rem;
    --color-variable--grey: #9f9f9f;
    --color-variable--whitesmoke: #f5f5f5;
    --color-variable--steel-red: #822736;
    --color-variable--steel-grey: #8d8e90;
    --color-variable--steel-black: #0e0314;
    --color-variable--vibe-green: #88c0a7;
    --color-variable--vibe-white: #e6e5db;
    --color-variable--vibe-orange: #bf7024;
    --color-variable--pulse-red: #bc4053;
    --color-variable--pulse-black: #2b0f35;
    --color-variable--pulse-pink: #c285b4;
    --2x-wrap-spacing: 6vw;
    --font-size--404-size: 10rem;
    --font-height--404-height: 7rem;
    --font-height--medium-big-text-height: 2.2rem;
    --font-size--contact-text-size: 1.5rem;
    --font-size--small-trademark-size: 1vw;
    --font-height--small-trademark-height: 1vw;
    --font-size--medium-big-text-size: 2rem;
    --screen-1-medbigtxtheight: var(--font-height--h4-height);
    --menu-button-spacing: 1rem;
    --big-menu-button-spacing: 1rem;
    --brand-shadow--shadow-y: 2vw;
    --brand-shadow--shadow-blur: 5vw;
    --brand-shadow--shadow: #0003;
    --menu-icon-wrap-spacing: .55rem;
    --hero-card-image-adjust: -10rem;
    --hero-card-spacing: 2.5rem;
    --font-size--big-text-size: 3rem;
    --font-height--big-text-height: 3.2rem;
    --font-size--big-text-s-size: 2.3rem;
    --font-height--contact-text-height: 1.7rem;
    --tag-x-spacing: 1rem;
    --font-size--carousel-text-size: 5rem;
    --font-height--carousel-text-height: 5.2rem;
    --horizontal-scroll-section-top-spacing: 5rem;
    --horizontal-section-bot-padding: 3rem;
    --color-bullet-spacing: .2vw;
    --font-height--big-text-s-height: 2.4rem;
    --why-us-tag-adjust: 8rem;
    --cta-form-top-spacing: 5vw;
    --form-spacing: 1rem;
    --font-size--form-text-size: .8rem;
    --font-height--form-text-height: 1.2rem;
    --social-icon-spacing: .4rem;
    --footer-bottom-spacing: 2rem;
    --navbar-menu-wrap: 1.5rem;
    --navbar-main-menu-spacing: 12rem;
    --font-type--icon-font: "Material Icons", sans-serif;
    --color-variable--transparent: #3330;
    --font-size--tiny-text-size: 1rem;
    --spacing--block-y-padding: 10px;
    --spacing--block-x-padding: 20px;
    --font-height--tiny-text-height: 1.2rem;
  }

  h1 {
    font-size: var(--font-size--h1-size);
  }

  ul {
    font-family: var(--font-type--primary-font);
    font-weight: var(--font-weight--medium-500-font);
  }

  .small-text {
    text-align: center;
    flex: 0 auto;
    width: auto;
    margin-left: 0;
  }

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

  .utility-title {
    text-align: left;
    justify-content: center;
    align-items: flex-start;
    width: 100%;
  }

  .guide-description {
    grid-column-gap: .3rem;
    grid-row-gap: .3rem;
  }

  .hero-background-image-1 {
    display: none;
  }

  .hero-background-image-1.mobile {
    display: inline-flex;
    position: absolute;
    inset: 0%;
  }

  .hero-wrap {
    grid-column-gap: 1.2rem;
    grid-row-gap: 1.2rem;
    flex-flow: column;
    height: auto;
  }

  .title-hero {
    position: static;
  }

  .title-tagline {
    text-align: center;
    width: 47%;
    position: static;
  }

  .medium-big-text {
    line-height: var(--font-height--h4-height);
  }

  .title-description {
    text-align: center;
    width: 55%;
    position: static;
  }

  .tiny-text {
    font-size: var(--font-size--small-text-size);
    line-height: var(--font-height--small-text-height);
  }

  .feature-wrap {
    padding-bottom: 0;
  }

  .hero-card-image {
    height: 40rem;
    min-height: 40rem;
  }

  .hero-card {
    margin-bottom: var(--hero-card-spacing);
  }

  .about-hero-wrap {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    flex-flow: column;
    height: auto;
  }

  .about-image {
    vertical-align: baseline;
    justify-content: flex-start;
    width: 100vw;
    max-width: 100%;
    height: 50vw;
    display: inline-flex;
  }

  .about-image-wrap {
    width: 40vw;
    max-width: none;
    height: 50vw;
    min-height: 0;
    max-height: none;
    position: static;
  }

  .about-content-wrap {
    text-align: center;
    justify-content: center;
    align-items: center;
    width: 82%;
    position: static;
  }

  .about-image-move {
    width: auto;
    height: 50vh;
    min-height: auto;
    display: block;
  }

  .big-text {
    line-height: var(--font-height--h4-height);
    text-align: center;
  }

  .feature-desc {
    text-align: center;
    width: 82%;
  }

  .side-text {
    writing-mode: horizontal-tb;
    transform: none;
  }

  .about-side-text {
    position: static;
  }

  .feature-content {
    justify-content: center;
    align-items: center;
  }

  .features-wrap {
    justify-content: center;
    align-items: center;
    width: 100%;
  }

  .scroll-wrap {
    height: auto;
  }

  .logo-carousel.normal-direction {
    margin-bottom: var(--logo-carousel-mobile-adjust);
  }

  .square-block {
    width: 1rem;
    height: 1rem;
  }

  .why-us-big-desc {
    width: 100%;
  }

  .horizontal-section-container {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    flex-flow: column;
    height: auto;
  }

  .product-desc {
    text-align: center;
    width: 55%;
  }

  .single-product-image-wrap {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    align-self: center;
    align-items: center;
    width: 50vw;
    height: 50vw;
    margin-left: 0;
    padding-right: 0;
  }

  .product-color-group {
    text-align: center;
    justify-content: center;
    align-items: center;
    width: 85%;
    position: relative;
  }

  .container-horizontal {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .single-product-wrap {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    flex-flow: column;
    height: auto;
  }

  .product-desc-wrap {
    margin-top: 1rem;
    position: relative;
  }

  .horizontal-scroll-product {
    flex-flow: column;
    height: auto;
  }

  .product-title-big {
    height: auto;
    position: relative;
  }

  .horizontal-section {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  .horizontal-section.consulting {
    padding-top: 3rem;
  }

  .product-title-medium {
    display: none;
  }

  .horizontal-scroll-sticky {
    flex-flow: column;
    height: auto;
    position: relative;
  }

  .single-product-image.front {
    align-self: auto;
    height: auto;
  }

  .view-window {
    height: auto;
  }

  .product-color.var-1, .product-color.var-2, .product-color.var-3, .product-color.var-4, .product-color.var-5, .product-color.var-6, .product-color.var-7, .product-color.var-8, .product-color.var-9 {
    width: 2rem;
    height: 2rem;
  }

  .why-us-corner-text {
    text-align: center;
    width: 33%;
    left: auto;
  }

  .form-button-wrap {
    justify-content: flex-start;
    align-items: center;
  }

  .link-icon {
    font-size: 1.2rem;
    line-height: 1.8rem;
  }

  .link-icon.contact {
    font-size: 1.5rem;
    line-height: 1.7rem;
  }

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

  .cta-from-text {
    text-align: center;
    width: auto;
    margin-left: 0;
    inset: auto 0% 0%;
  }

  .footer-utilities-link {
    justify-content: center;
    align-items: center;
    width: 40%;
    margin-bottom: 3rem;
  }

  .social-image {
    width: 2rem;
  }

  .footer-menu-in-wrap {
    justify-content: center;
    align-items: center;
    width: 100%;
  }

  .footer-in-menu.utility-wrap {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    text-align: center;
    justify-content: center;
    align-items: center;
  }

  .footer-bottom {
    grid-column-gap: 4rem;
    grid-row-gap: 4rem;
    justify-content: center;
    align-items: center;
  }

  .social-wrapper {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-flow: row;
    justify-content: center;
    align-items: center;
    margin-top: 0;
    position: static;
  }

  .footer-menu {
    grid-column-gap: 2vw;
    grid-row-gap: 2vw;
    flex-flow: column-reverse;
    justify-content: center;
    align-items: center;
  }

  .footer-menu-item {
    font-size: 1.1rem;
    line-height: 1.2rem;
  }

  .footer-page-links {
    justify-content: center;
    align-items: center;
    width: 40%;
  }

  .footer-menu-wrapper.var-1 {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    justify-content: center;
    align-items: center;
  }

  .footer-logo {
    justify-content: center;
    align-items: center;
  }

  .navbar-main {
    padding-left: 20px;
    padding-right: 20px;
  }

  .navbar-main-wrap.inside {
    top: 1.5rem;
    left: 1.3rem;
    right: 1.3rem;
  }

  .navbar-brand-image {
    height: 4vw;
  }

  .navbar-item {
    font-size: 40px;
  }

  .container-navbar {
    max-width: 100%;
  }

  .navbar-menu-info {
    right: auto;
  }

  .nav-section.no-color {
    margin-top: 1rem;
    top: 0;
  }

  .instruction-content {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    padding-top: 1rem;
  }

  .about-instruction-text {
    width: 100%;
  }

  .button-404 {
    padding: .75rem 1rem;
  }

  .single-product-image-wrap-copy {
    width: 50vw;
    height: 50vw;
  }

  .medium-big-text-copy {
    line-height: var(--font-height--h4-height);
  }

  .title-hero-copy {
    position: static;
  }

  .product-title-big-icl {
    height: auto;
    position: relative;
  }
}

@media screen and (max-width: 479px) {
  body {
    --color-variable--white: #fff;
    --font-type--primary-font: "Inter Tight", sans-serif;
    --font-size--base-size-font: 14px;
    --font-height--base-height-font: 20px;
    --font-weight--normal-400-font: 400;
    --spacing--zero-margin: 0px;
    --font-size--h1-size: 5.2rem;
    --font-height--h1-height: 5.4rem;
    --font-weight--medium-500-font: 500;
    --letter-spacing--h1-letter-spacing: -.2vw;
    --font-size--h2-size: 3.3rem;
    --font-height--h2-height: 3.5rem;
    --font-size--h3-size: 2.2rem;
    --font-height--h3-height: 2.4rem;
    --font-size--h4-size: 1.4rem;
    --font-height--h4-height: 2.3rem;
    --font-size--h5-size: 1.1rem;
    --font-height--h5-height: 1.5rem;
    --font-size--h6-size: .9rem;
    --font-height--h6-height: 1.2rem;
    --spacing--base-margin: 10px;
    --font-size--paragraph-size: 1.2rem;
    --font-height--paragraph-height: 1.5rem;
    --color-variable--almost-black: #111;
    --font-size--list-size: 1rem;
    --font-height--list-height: 1.5rem;
    --spacing--list-x-padding: 40px;
    --font-weight--bold-700-font: 700;
    --color-variable--light-grey: #d1d1d1;
    --font-size--block-size: 1rem;
    --font-height--block-height: 1.2rem;
    --spacing--container-spacing: 1rem;
    --spacing--section-spacing: 3rem;
    --spacing--no-space: 0vw;
    --wrap-spacing: 6rem;
    --color-variable--black: black;
    --font-size--small-text-size: 1.2rem;
    --font-height--small-text-height: 1.5rem;
    --spacing--button-y-padding: .75rem;
    --spacing--button-x-padding: 1rem;
    --color-variable--dark-grey: #5d5d5d;
    --tag-y-spacing: .75rem;
    --color-variable--grey: #9f9f9f;
    --color-variable--whitesmoke: #f5f5f5;
    --color-variable--steel-red: #822736;
    --color-variable--steel-grey: #8d8e90;
    --color-variable--steel-black: #0e0314;
    --color-variable--vibe-green: #88c0a7;
    --color-variable--vibe-white: #e6e5db;
    --color-variable--vibe-orange: #bf7024;
    --color-variable--pulse-red: #bc4053;
    --color-variable--pulse-black: #2b0f35;
    --color-variable--pulse-pink: #c285b4;
    --2x-wrap-spacing: 6vw;
    --font-size--404-size: 8rem;
    --font-height--404-height: 5rem;
    --font-height--medium-big-text-height: 2rem;
    --font-size--contact-text-size: 1.75rem;
    --font-size--small-trademark-size: 1vw;
    --font-height--small-trademark-height: 1vw;
    --font-size--medium-big-text-size: 1.8rem;
    --screen-1-medbigtxtheight: var(--font-height--h4-height);
    --menu-button-spacing: 1rem;
    --big-menu-button-spacing: 1rem;
    --brand-shadow--shadow-y: 2vw;
    --brand-shadow--shadow-blur: 5vw;
    --brand-shadow--shadow: #0003;
    --menu-icon-wrap-spacing: .55rem;
    --hero-card-image-adjust: -8rem;
    --hero-card-spacing: 2vw;
    --font-size--big-text-size: 3rem;
    --font-height--big-text-height: 3.2rem;
    --font-size--big-text-s-size: 2.3rem;
    --font-height--contact-text-height: 2rem;
    --tag-x-spacing: 1rem;
    --font-size--carousel-text-size: 3rem;
    --font-height--carousel-text-height: 3rem;
    --horizontal-scroll-section-top-spacing: 2rem;
    --horizontal-section-bot-padding: 3rem;
    --color-bullet-spacing: .2vw;
    --font-height--big-text-s-height: 2.4rem;
    --why-us-tag-adjust: 0rem;
    --cta-form-top-spacing: 5vw;
    --form-spacing: 1rem;
    --font-size--form-text-size: .8rem;
    --font-height--form-text-height: 1.2rem;
    --social-icon-spacing: .4rem;
    --footer-bottom-spacing: 2rem;
    --navbar-menu-wrap: 1.5rem;
    --navbar-main-menu-spacing: 12rem;
    --font-type--icon-font: "Material Icons", sans-serif;
    --color-variable--transparent: #3330;
    --font-size--tiny-text-size: 1rem;
    --spacing--block-y-padding: 10px;
    --spacing--block-x-padding: 20px;
    --font-height--tiny-text-height: 1.2rem;
  }

  figure {
    font-size: 14px;
    line-height: 20px;
  }

  .small-text {
    font-size: var(--font-size--h6-size);
    line-height: var(--font-height--block-height);
    text-align: center;
    flex: 0 auto;
    align-self: center;
    margin-top: auto;
    margin-left: 0;
    padding-top: 0;
  }

  .utility-title {
    text-align: center;
    justify-content: center;
    align-items: center;
  }

  .guide-item-list {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-flow: column;
    grid-template-columns: 1fr 1fr;
    display: flex;
  }

  .style-guide {
    justify-content: center;
    align-items: center;
  }

  .guide-description {
    grid-column-gap: .3rem;
    grid-row-gap: .3rem;
  }

  .license-description {
    width: 100%;
  }

  .changelog-wrap {
    text-align: center;
    padding: 30px;
  }

  .title-tagline {
    width: 74%;
  }

  .medium-big-text {
    font-weight: var(--font-weight--normal-400-font);
    margin-left: 0;
  }

  .title-description {
    width: 100%;
  }

  .menu-button {
    width: 6.3rem;
    height: 2.4rem;
  }

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

  .feature-wrap {
    padding-bottom: 0;
  }

  .hero-front-card-2, .hero-back-card {
    max-width: 60vw;
    max-height: 70vw;
  }

  .hero-card-image {
    height: 30rem;
    min-height: 30rem;
  }

  .hero-card {
    flex: 0 auto;
    max-width: 60vw;
    height: 70vw;
  }

  .hero-card-inner {
    flex: 1;
  }

  .hero-front-card-1 {
    max-width: 60vw;
    max-height: 70vw;
  }

  .hero-card-bg {
    width: 60vw;
    height: 70vw;
  }

  .about-image {
    width: 100vw;
    max-width: 100%;
    height: 85vw;
    display: inline-flex;
  }

  .about-image-wrap {
    width: 70vw;
    height: 85vw;
  }

  .about-content-wrap {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    width: 100%;
  }

  .about-small-content {
    width: 100%;
  }

  .about-image-move {
    flex-flow: column;
    height: 300%;
    display: flex;
  }

  .big-text {
    font-size: var(--font-size--big-text-s-size);
    line-height: var(--font-height--contact-text-height);
    text-align: center;
    align-self: center;
  }

  .feature-desc {
    width: 100%;
  }

  .feature-content {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
  }

  .features-wrap {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-flow: column;
  }

  .carousel-item-wrap {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .why-us-wrap {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    flex-flow: column;
  }

  .why-us-big-desc {
    position: static;
  }

  .product-desc {
    width: 100%;
  }

  .single-product-image-wrap {
    width: 100%;
    height: auto;
    margin-bottom: -1rem;
  }

  .container-horizontal {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .horizontal-section {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  .horizontal-section.steel, .horizontal-section.vibe, .horizontal-section.icl, .horizontal-section.icl, .horizontal-section.music {
    max-width: none;
  }

  .single-product-image.front {
    height: auto;
  }

  .why-us-corner-text {
    margin-top: var(--why-us-corner-text-mobile-adjust);
    width: 90%;
    position: static;
  }

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

  .cta-title-wrap {
    text-align: center;
  }

  .cta-form {
    width: 80vw;
  }

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

  .form-placeholder-group {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

  .contact-text-wrap {
    grid-column-gap: .8rem;
    grid-row-gap: .8rem;
  }

  .form-button-field {
    margin-top: 0;
  }

  .link-icon.contact {
    font-size: 1.75rem;
    line-height: 2rem;
  }

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

  .inner-form-wrap {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    width: 100%;
  }

  .cta-from-text {
    width: auto;
    margin-top: 0;
    margin-left: 10px;
  }

  .social-image {
    max-width: 90%;
  }

  .footer-text-medium {
    text-align: center;
    padding-bottom: .5rem;
  }

  .footer-menu-in-wrap {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    text-align: center;
    flex-flow: column;
    justify-content: center;
    align-items: center;
  }

  .footer-in-menu {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    grid-auto-columns: 1fr;
    justify-content: space-between;
    align-items: center;
    display: flex;
  }

  .footer-in-menu.utility-wrap {
    grid-template-columns: 1fr 1fr;
    width: 100%;
    min-width: auto;
    max-width: none;
    display: flex;
  }

  .footer-social {
    padding-top: 6rem;
  }

  .footer-bottom {
    margin-top: var(--footer-bottom-spacing);
    grid-column-gap: 1.2rem;
    grid-row-gap: 1.2rem;
    justify-content: center;
    align-items: center;
  }

  .social-wrapper {
    flex-flow: row;
    margin-top: 0;
    display: flex;
  }

  .footer-menu-wrapper.var-1 {
    text-align: center;
    justify-content: center;
    align-items: center;
    width: 100%;
  }

  .navbar-main {
    padding-left: 15px;
    padding-right: 15px;
  }

  .navbar-main.no-color {
    padding-left: 0;
    padding-right: 0;
  }

  .navbar-brand-image {
    height: 1.5rem;
  }

  .navbar-main-menu-wrap {
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .navbar-main-menu {
    width: 100%;
  }

  .navbar-menu-info {
    position: static;
  }

  .navbar-in-menu-wrap {
    padding-right: var(--navbar-menu-wrap-mobile-spacing);
    padding-left: var(--navbar-menu-wrap-mobile-spacing);
  }

  .navbar-info-wrap {
    flex-flow: column;
  }

  .single-product-image-wrap-copy {
    width: 100%;
    height: auto;
    margin-bottom: -1rem;
  }

  .about-big-content-copy {
    margin-left: 10px;
  }

  .medium-big-text-copy {
    font-weight: var(--font-weight--normal-400-font);
  }

  .italic-text {
    font-size: var(--font-size--medium-big-text-size);
    line-height: var(--font-height--medium-big-text-height);
  }
}

@media screen and (max-width: 767px) {
  #w-node-cea00d9f-4afb-9d4a-b468-58ac6a29021f-c1053536 {
    order: -9999;
  }
}