@font-face {
  font-family: Akkurat Mono;
  src: url('../fonts/Akkurat-Mono.OTF') format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Neuemontreal;
  src: url('../fonts/NeueMontreal-RegularItalic.otf') format("opentype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Neuemontreal;
  src: url('../fonts/NeueMontreal-Regular.otf') format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

:root {
  --black: black;
  --white: white;
  --product-map--black: #333;
  --untitled-ui--white: white;
  --untitled-ui--primary100: #f4ebff;
  --untitled-ui--primary600: #cebdff;
  --untitled-ui--gray500: #667085;
  --untitled-ui--gray700: #344054;
  --untitled-ui--gray100: #f2f4f7;
  --untitled-ui--gray900: #101828;
  --untitled-ui--gray300: #d0d5dd;
  --untitled-ui--gray50-2: #f9fafb;
  --untitled-ui--gray800: #1d2939;
  --untitled-ui--success50: #ecfdf3;
  --untitled-ui--success700: #027a48;
  --untitled-ui--primary700: #6941c6;
  --untitled-ui--gray200: #eaecf0;
  --untitled-ui--primary800: #53389e;
  --untitled-ui--primary50: #f9f5ff;
}

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

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

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

.w-layout-layout {
  grid-row-gap: 20px;
  grid-column-gap: 20px;
  grid-auto-columns: 1fr;
  justify-content: center;
  padding: 20px;
}

.w-layout-cell {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.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;
}

@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 {
  color: #333;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

a {
  text-decoration: underline;
}

.image {
  opacity: .2;
  position: absolute;
  top: 0;
  left: 0;
  overflow: visible;
}

.heading {
  color: #222;
  letter-spacing: -.15vw;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  font-family: Neuemontreal, sans-serif;
  font-size: 5.79vw;
  font-weight: 400;
  line-height: 5.79vw;
}

.heading.heading-lvl2 {
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 10.3vw;
}

.big-paragraph {
  color: #333;
  letter-spacing: -.4px;
  text-indent: 0;
  margin: .93vw 20vw 0 10.5vw;
  font-family: Neuemontreal, sans-serif;
  font-size: 1.97vw;
  line-height: 2.68vw;
}

.big-paragraph.p-thankyou {
  margin-left: 0;
}

.big-paragraph.p-thankyou.desktop-hidden {
  display: none;
}

.big-paragraph.pu-fullwith {
  margin-right: 0;
}

.big-paragraph.pu-fullwith.p-knowledge-mobile {
  margin-right: 4.5vw;
}

.big-paragraph.pu-fullwith.p-knowledge-mobile.contributors-page {
  margin-top: 1.39vw;
  margin-right: 14vw;
}

.big-paragraph.pu-fullwith.p-knowledge-mobile.contributors-page.text-centred {
  margin-top: 1vw;
  margin-left: 16vw;
  margin-right: 16vw;
}

.big-paragraph.pu-fullwith.p-knowledge-mobile.contribution-ways {
  margin-top: 1.39vw;
  margin-right: 16vw;
}

.big-paragraph.pu-fullwith.p-knowledge-mobile.contribution-ways.text-centred {
  margin-top: 1vw;
  margin-left: 16vw;
  margin-right: 16vw;
}

.big-paragraph.pu-fullwith.p-knowledge-mobile.home-page {
  width: 40vw;
  margin-top: 1.39vw;
  margin-right: 14vw;
}

.big-paragraph.pu-fullwith.p-knowledge-mobile.home-page.text-centred {
  margin-top: 1vw;
  margin-left: 16vw;
  margin-right: 16vw;
}

.big-paragraph.pu-fullwith.p-skills-mobile {
  margin-right: 10vw;
}

.big-paragraph.platform {
  margin-right: 15vw;
}

.text-block {
  background-color: #fce88e;
  border-radius: 20px;
  margin-right: 20px;
  padding-top: 16px;
  padding-bottom: 16px;
  padding-left: 20px;
  font-family: Neuemontreal, sans-serif;
  font-size: 20px;
  line-height: 24px;
}

.main-screen-tag {
  color: #222;
  object-fit: fill;
  background-color: #fce88e;
  border-radius: 1.16vw;
  margin-right: .46vw;
  padding: .93vw 1.16vw;
  font-family: Neuemontreal, sans-serif;
  font-size: 1.16vw;
  line-height: 1.39vw;
  display: inline-block;
  position: static;
}

.main-screen-tag.tag-blue {
  background-color: #8ae1fd;
}

.main-screen-tag.tag-blue.tag-pink {
  background-color: #ffd3da;
}

.main-screen-tag.tag-blue.header-banner-text {
  color: #fff;
  background-color: #222;
  padding-top: .93vw;
  padding-bottom: 0;
  padding-left: 0;
}

.main-screen-tag.tag-green {
  background-color: #9cfca6;
}

.main-screen-tag.tag-purple {
  background-color: #cebdff;
}

.main-screen-tag.tag-black {
  color: #fff;
  background-color: #222;
}

.main-screen-tag.white {
  color: #222;
  background-color: #fff;
  border-radius: .5vw;
  margin-right: 0;
  padding: .36vw .5vw;
  font-size: 1vw;
  line-height: 1.3vw;
}

.div-block {
  width: 100%;
}

.main-chips-block {
  margin-top: .46vw;
  padding-left: 0;
  display: flex;
}

.map-preview-section {
  background-color: #fff;
  border-radius: 2.31vw;
  margin-top: 2.31vw;
  margin-left: 1.85vw;
  margin-right: 1.85vw;
  padding: .93vw 1.16vw 4.63vw;
  box-shadow: 0 12px 24px #0000000f;
}

.columns {
  margin-top: 20px;
  margin-left: 51px;
  margin-right: 51px;
}

.column {
  background-color: #fff;
  border-radius: 40px;
  height: 740px;
  padding-right: 10px;
}

.column-2 {
  background-color: #000;
  border-radius: 40px;
  min-height: 740px;
}

.heading-2 {
  color: #fff;
}

.h2-heading {
  color: #222;
  text-align: left;
  letter-spacing: -.5px;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
  font-family: Neuemontreal, sans-serif;
  font-size: 3.24vw;
  font-weight: 400;
  line-height: 3.94vw;
}

.h2-heading.h2-heading-white {
  z-index: 200;
  color: #fff;
  position: relative;
}

.h2-heading.h2-heading-white.submit-button.about-map-link {
  position: relative;
}

.h2-heading.h2-heading-white.platform {
  width: 30vw;
}

.h2-heading.h2-heading-shifted {
  margin-top: 0;
  margin-left: 7.75vw;
}

.h2-heading.h2-heading-shifted.h2-highlight {
  background-color: #98e5fd;
  border-radius: .69vw;
  margin-left: 7.29vw;
  margin-right: 0;
  padding-left: .46vw;
  padding-right: .46vw;
}

.h2-heading.h2-heading-shifted.h2-highlight.h2-white {
  background-color: #fff;
}

.h2-heading.h2-static {
  margin-top: 2.78vw;
}

.h2-heading.centred {
  text-align: center;
  margin-top: 4vw;
}

.h2-heading.centred.ue {
  margin-top: 0;
}

.h2-heading.centred.product-mngmt-map {
  text-align: left;
}

.h2-heading.h2-highlight {
  background-color: #fff;
  border-radius: .8vw;
  padding-left: .5vw;
  padding-right: .5vw;
}

.main-cards-section {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  margin: 0 1.85vw 2.5vw;
  padding-top: 2.5vw;
  display: flex;
  position: relative;
}

.main-card-big {
  background-color: #fff;
  border-radius: 2.31vw;
  width: 55%;
  min-height: 42.82vw;
  margin-right: 1.16vw;
  padding-top: 2.66vw;
  padding-left: 2.78vw;
  padding-right: 5vw;
}

.main-card-big.div-block-3-black {
  background-color: #000;
  flex: 0 auto;
  align-self: flex-start;
  width: 45%;
  margin-right: 0;
  padding-bottom: 2.66vw;
  padding-right: 3.7vw;
  position: sticky;
  top: 8.51vw;
  overflow: auto;
}

.main-card-big.sunburst {
  width: 67%;
  padding-top: 2.31vw;
  padding-bottom: 2.78vw;
  padding-right: 2.78vw;
}

.main-card-big.upd_card-for-curators {
  background-color: #9cfcf6;
  width: 50%;
  min-height: 46.3vw;
  padding-top: 3.24vw;
  padding-right: 4.63vw;
}

.main-card-big.upd_card-for-curators.card-community {
  background-color: #bdcfff;
  width: 40%;
  min-height: 37.04vw;
  padding-right: 3.24vw;
}

.main-card-big.upd_card-for-curators.card-community.discord-community-blk {
  width: 100%;
  margin-top: 1.16vw;
}

.main-card-big.upd_card-for-curators.card-donation {
  background-color: #e9e9e9;
  width: 40%;
  min-height: 640px;
  padding-right: 56px;
}

.main-card-big.upd_card-for-curators.upd_card-community {
  background-color: #bdcfff;
  width: 40%;
  min-height: 37.04vw;
  margin-right: 0;
  padding-right: 3.24vw;
}

.main-card-big.card-for-companies {
  background-color: #ccfda5;
  width: 50%;
  min-height: 46.3vw;
  margin-right: 0;
  padding-top: 3.24vw;
  padding-right: 4.63vw;
}

.main-card-big.card-for-companies.card-contributors {
  background-color: #cebdff;
  width: 60%;
  min-height: 37.04vw;
  padding-right: 3.7vw;
}

.main-card-big.big-card-green {
  background-color: #9cfcf6;
  width: 100%;
  min-height: 0;
  margin-right: 0;
  padding: 1.85vw 2.78vw 1.85vw 1.85vw;
}

.main-card-big.big-card-green.big-card-cian {
  background-color: #ccfda5;
  margin-top: 1.16vw;
}

.main-card-big.big-card-green.big-card-red {
  background-color: #ffd2f5;
  margin-top: 1.16vw;
}

.main-card-big.big-card-green.big-card-purple {
  background-color: #bdcfff;
  margin-top: 1.16vw;
}

.main-card-big.big-card-green.big-card-orange {
  background-color: #ffd593;
  margin-top: 1.16vw;
}

.main-card-big.card-donation {
  background-color: #e9e9e9;
  flex-direction: column;
  width: 65%;
  max-height: 42.82vw;
  padding-bottom: 2.78vw;
  padding-right: 4.63vw;
  display: flex;
}

.main-card-big.card-contribute {
  background-color: #e9e9e9;
  width: 45%;
  margin-right: 0;
  padding-right: 4.63vw;
}

.main-card-big.handbook {
  background-color: #9cfca6;
  width: auto;
  min-height: 45.82vw;
  margin-right: 0;
}

.main-card-big.upd_card-for-authors {
  background-color: #ccfda5;
  width: 50%;
  min-height: 46.3vw;
  margin-right: 0;
  padding-top: 3.24vw;
  padding-right: 4.63vw;
}

.main-card-big.upd_card-for-authors.card-contributors {
  background-color: #cebdff;
  width: 60%;
  min-height: 37.04vw;
  padding-right: 3.7vw;
}

.main-card-big.upd_card-for-authors.upd_card-contributors, .main-card-big.upd_card-for-authors.upd_card-contributors-copy {
  background-color: #cebdff;
  width: 60%;
  min-height: 37.04vw;
  margin-right: 1.16vw;
  padding-right: 3.7vw;
}

.main-card-big.card-table-of-content {
  background-color: #fff;
  width: 100%;
  min-height: auto;
  margin-bottom: 1.16vw;
  margin-right: 0;
  padding-top: 3.24vw;
  padding-bottom: 3.24vw;
  padding-right: 4.63vw;
}

.main-card-big.card-table-of-content.card-contributors {
  background-color: #cebdff;
  width: 60%;
  min-height: 37.04vw;
  padding-right: 3.7vw;
}

.main-card-big.card-table-of-content.upd_card-contributors, .main-card-big.card-table-of-content.upd_card-contributors-copy {
  background-color: #cebdff;
  width: 60%;
  min-height: 37.04vw;
  margin-right: 1.16vw;
  padding-right: 3.7vw;
}

.list {
  margin-left: 48px;
}

.form-block {
  z-index: 200;
  font-family: Neuemontreal, sans-serif;
  font-size: 28px;
  line-height: 40px;
  display: block;
  position: relative;
}

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

.submit-button {
  color: #000;
  text-align: center;
  cursor: pointer;
  background-color: #fff;
  border-radius: 100px;
  width: auto;
  min-width: auto;
  max-width: none;
  margin-top: 1.39vw;
  padding: 1.39vw 3.8vw;
  font-family: Neuemontreal, sans-serif;
  font-size: 1.62vw;
  line-height: 2.31vw;
  box-shadow: 0 4px 12px #00000014;
}

.submit-button:hover {
  background-color: #fafafa;
}

.submit-button:active {
  background-color: #bdcfff;
}

.submit-button.about-map-link {
  color: #000;
  text-decoration: none;
}

.submit-button.platform-main-btn {
  color: #fff;
  background-color: #222;
  box-shadow: 0 4px 12px #00000014;
}

.submit-button.platform-main-btn:hover {
  box-shadow: none;
  background-color: #000;
}

.submit-button.platform-main-btn:active {
  background-color: #222;
}

.submit-button.platform-main-btn-secondary {
  position: relative;
  box-shadow: 0 4px 12px #00000014;
}

.submit-button.platform-main-btn-secondary:hover {
  box-shadow: none;
  background-color: #eee;
}

.submit-button.platform-main-btn-secondary:active {
  background-color: #e1e1e1;
}

.submit-button.platform-extra-btn {
  z-index: 100;
  background-color: #cebdff;
  max-width: 18vw;
  display: block;
  position: relative;
  box-shadow: 0 4px 12px #00000014;
}

.submit-button.platform-extra-btn:hover {
  background-color: #fff;
}

.submit-button.platform-extra-btn:active {
  box-shadow: none;
  background-color: #eee;
}

.submit-button.contributors-main-btn {
  color: #fff;
  background-color: #222;
  width: 22vw;
  min-width: 22vw;
  max-width: 22vw;
  position: relative;
  box-shadow: 0 4px 12px #00000014;
}

.submit-button.contributors-main-btn:hover {
  box-shadow: none;
  background-color: #000;
}

.submit-button.contributors-main-btn:active {
  background-color: #222;
}

.submit-button.contributors-btn {
  width: 23vw;
  min-width: 23vw;
  max-width: 23vw;
}

.submit-button.contributors-btn:hover {
  background-color: #f1f1f1;
}

.submit-button.contributors-contact-btn {
  color: #fff;
  background-color: #222;
  width: 24vw;
  min-width: 24vw;
  max-width: 24vw;
  margin-top: 1.8vw;
  box-shadow: 0 4px 12px #00000014;
}

.submit-button.contributors-contact-btn:hover {
  box-shadow: none;
  background-color: #000;
}

.submit-button.contributors-contact-btn:active {
  background-color: #222;
}

.submit-button.contributors-map-btn {
  color: #fff;
  background-color: #222;
  width: 18vw;
  min-width: 18vw;
  max-width: 18vw;
  margin-top: 0;
  box-shadow: 0 4px 12px #00000014;
}

.submit-button.contributors-map-btn:hover {
  box-shadow: none;
  background-color: #000;
}

.submit-button.contributors-map-btn:active {
  background-color: #222;
}

.submit-button.contributors-assessment-btn {
  color: #fff;
  background-color: #222;
  width: 20.5vw;
  min-width: 20.5vw;
  max-width: 20.5vw;
  margin-top: 0;
  box-shadow: 0 4px 12px #00000014;
}

.submit-button.contributors-assessment-btn:hover {
  box-shadow: none;
  background-color: #000;
}

.submit-button.contributors-assessment-btn:active {
  background-color: #222;
}

.submit-button.topics-platform-btn {
  color: #fff;
  background-color: #222;
  width: 24vw;
  min-width: 24vw;
  max-width: 24vw;
  margin-top: 1.8vw;
  box-shadow: 0 4px 12px #00000014;
}

.submit-button.topics-platform-btn:hover {
  box-shadow: none;
  background-color: #000;
}

.submit-button.topics-platform-btn:active {
  background-color: #222;
}

.submit-button.update-platform-main-btn {
  color: var(--black);
  background-color: #cebdff;
  width: 14vw;
  min-width: 14vw;
  max-width: 14vw;
  margin-top: 0;
  box-shadow: 0 4px 12px #00000014;
}

.submit-button.update-platform-main-btn:hover {
  box-shadow: none;
  background-color: #bfa8ff;
}

.submit-button.update-platform-main-btn:active {
  background-color: #bfa8ff;
}

.submit-button.update-platform-main-btn-secondary {
  margin-top: 0;
  box-shadow: 0 4px 12px #00000014;
}

.submit-button.update-platform-main-btn-secondary:hover {
  box-shadow: none;
  background-color: #eee;
}

.submit-button.update-platform-main-btn-secondary:active {
  background-color: #e1e1e1;
}

.submit-button.main-primary-btn {
  color: #fff;
  background-color: #222;
  width: 16.5vw;
  min-width: 16.5vw;
  max-width: 16.5vw;
  position: relative;
  box-shadow: 0 4px 12px #00000014;
}

.submit-button.main-primary-btn:hover {
  box-shadow: none;
  background-color: #000;
}

.submit-button.main-primary-btn:active {
  background-color: #222;
}

.submit-button.main-btn {
  width: 23vw;
  min-width: 23vw;
  max-width: 23vw;
}

.submit-button.main-btn:hover {
  background-color: #f1f1f1;
}

.submit-button.main-btn.w--current {
  width: 13vw;
  min-width: 13vw;
  max-width: 13vw;
}

.submit-button.main-btn.log-in-main {
  width: 13vw;
  min-width: 13vw;
  max-width: 13vw;
  box-shadow: 0 4px 12px #00000014;
}

.submit-button.platform-primary-btn {
  color: #fff;
  background-color: #222;
  width: 25vw;
  min-width: 25vw;
  max-width: 25vw;
  margin-top: 2vw;
  position: relative;
  box-shadow: 0 4px 12px #00000014;
}

.submit-button.platform-primary-btn:hover {
  box-shadow: none;
  background-color: #000;
}

.submit-button.platform-primary-btn:active {
  background-color: #222;
}

.submit-button.platform-primary-btn.explore-platform {
  width: auto;
  min-width: auto;
  max-width: none;
  margin-top: auto;
  padding-left: 3.8vw;
  padding-right: 3.8vw;
}

.submit-button.mmap-primary-btn {
  color: #fff;
  background-color: #222;
  width: 18vw;
  min-width: 18vw;
  max-width: 18vw;
  margin-top: 2vw;
  position: relative;
  box-shadow: 0 4px 12px #00000014;
}

.submit-button.mmap-primary-btn:hover {
  box-shadow: none;
  background-color: #000;
}

.submit-button.mmap-primary-btn:active {
  background-color: #222;
}

.submit-button.ue-primary-btn {
  color: #fff;
  background-color: #222;
  justify-content: center;
  align-items: center;
  min-width: 20vw;
  max-width: 20vw;
  margin-top: 2.3vw;
  display: flex;
  position: relative;
  box-shadow: 0 4px 12px #00000014;
}

.submit-button.ue-primary-btn:hover {
  box-shadow: none;
  background-color: #000;
}

.submit-button.ue-primary-btn:active {
  background-color: #222;
}

.submit-button.dmap-secondary-btn {
  width: 17vw;
  min-width: 17vw;
  max-width: 17vw;
}

.submit-button.dmap-secondary-btn:hover {
  background-color: #f1f1f1;
}

.submit-button.dmap-secondary-btn.w--current {
  width: 13vw;
  min-width: 13vw;
  max-width: 13vw;
}

.submit-button.dmap-secondary-btn.log-in-main {
  width: 13vw;
  min-width: 13vw;
  max-width: 13vw;
  box-shadow: 0 4px 12px #00000014;
}

.submit-button.releases-primary-btn {
  color: #fff;
  background-color: #222;
  justify-content: center;
  align-items: center;
  width: auto;
  min-width: auto;
  max-width: none;
  margin-top: 2.3vw;
  padding-left: 3.6vw;
  padding-right: 3.6vw;
  display: flex;
  position: relative;
  box-shadow: 0 4px 12px #00000014;
}

.submit-button.releases-primary-btn:hover {
  box-shadow: none;
  background-color: #000;
}

.submit-button.releases-primary-btn:active {
  background-color: #222;
}

.submit-button.unit-economics.ue-form-submit, .submit-button.map-form-submit {
  padding-left: 3vw;
  padding-right: 3vw;
}

.submit-button.contributors-program-btn {
  color: #fff;
  background-color: #222;
  width: 26vw;
  min-width: 26vw;
  max-width: 26vw;
  margin-top: 0;
  box-shadow: 0 4px 12px #00000014;
}

.submit-button.contributors-program-btn:hover {
  box-shadow: none;
  background-color: #000;
}

.submit-button.contributors-program-btn:active {
  background-color: #222;
}

.submit-button.partners-card-btn {
  color: #fff;
  background-color: #222;
  width: 18vw;
  min-width: 18vw;
  max-width: 18vw;
  margin-top: 0;
  box-shadow: 0 4px 12px #00000014;
}

.submit-button.partners-card-btn:hover {
  box-shadow: none;
  background-color: #000;
}

.submit-button.partners-card-btn:active {
  background-color: #222;
}

.submit-button.gs-platform-btn {
  z-index: 100;
  background-color: #fff;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
  box-shadow: 0 4px 12px #00000014;
}

.submit-button.gs-platform-btn:hover {
  background-color: #fff;
}

.submit-button.gs-platform-btn:active {
  box-shadow: none;
  background-color: #eee;
}

.submit-button.report-platform-btn {
  color: #fff;
  background-color: #222;
  width: 27vw;
  min-width: 27vw;
  max-width: 27vw;
  margin-top: 1.8vw;
  box-shadow: 0 4px 12px #00000014;
}

.submit-button.report-platform-btn:hover {
  box-shadow: none;
  background-color: #000;
}

.submit-button.report-platform-btn:active {
  background-color: #222;
}

.text-field {
  color: #000;
  -webkit-text-stroke-color: #0000;
  cursor: pointer;
  border-radius: 20px;
  height: 5.09vw;
  margin-top: 1.39vw;
  margin-bottom: 0;
  padding: .93vw 1.85vw;
  font-size: 1.62vw;
  line-height: 2.31vw;
}

.text-field:hover {
  color: #000;
  background-color: #ededee;
}

.text-field:active {
  background-color: #ddd;
}

.text-field:focus {
  border: .23vw solid #cebdff;
  padding-left: 1.7vw;
}

.text-field::placeholder {
  color: #858889;
  font-size: 1.62vw;
  line-height: 2.31vw;
}

.text-field.input-line {
  margin-right: .93vw;
}

.text-field.input-line:focus {
  margin-right: .86vw;
}

.form {
  margin-top: 7vw;
  margin-left: 0;
  margin-right: 0;
}

.form.form-line {
  margin-top: 0;
  display: flex;
}

.main-section {
  margin-top: 1.85vw;
  margin-left: 1.85vw;
  padding-left: 0;
}

.topics-gallery {
  margin-top: .69vw;
  padding-left: 0;
  padding-right: 0;
  overflow: auto;
}

.topic-card {
  background-color: #fce88e;
  border-radius: 1.16vw;
  width: 18.52vw;
  min-width: 18.52vw;
  height: 30.09vw;
  margin-right: .69vw;
  padding-top: 1.85vw;
  padding-left: 1.16vw;
  font-family: Neuemontreal, sans-serif;
  font-size: 30px;
  line-height: 40px;
}

.topic-card.topic-card-blue {
  background-color: #8ae1fd;
}

.topic-card.topic-card-green {
  background-color: #9cfca6;
}

.topic-card.topic-card-red {
  background-color: #ffd3da;
}

.topic-card.topic-card-purple {
  background-color: #cebdff;
}

.topic-card.topic-card-purple.topic-card-last {
  margin-right: 0;
}

.topic-card.topic-card-first {
  margin-left: 1.85vw;
}

.flex-block {
  overflow-wrap: normal;
}

.block-chips {
  letter-spacing: 0;
  text-transform: uppercase;
  border: .1vw solid #000;
  border-radius: 100vw;
  margin-bottom: .58vw;
  padding: .58vw .58vw .26vw;
  font-family: Akkurat Mono, sans-serif;
  font-size: 1.04vw;
  font-weight: 400;
  line-height: 1.04vw;
  display: inline-block;
}

.block-chips.mobile-section-padding {
  object-fit: fill;
  flex-flow: row;
  align-items: flex-start;
}

.block-chips.highlight {
  color: #fff;
  -webkit-text-stroke-color: #fff0;
  background-color: #222;
  width: auto;
}

.block-chips.skills {
  border-color: #d7d7d7;
  width: auto;
}

.block-chips.contributors {
  margin-bottom: 2vw;
}

.block-chips.contributors.ways {
  color: #222;
  margin-bottom: 0;
}

.block-chips.coming-soon {
  aspect-ratio: auto;
  justify-content: center;
  align-items: center;
  margin-bottom: .8vw;
  display: inline-flex;
}

.block-chips.coming-soon.black {
  color: #fff;
  background-color: #222;
  border-color: #222;
}

.block-chips.community {
  color: #222;
  background-color: #cebdff;
  border-width: 0;
  position: absolute;
}

.block-chips.community.purple {
  position: static;
}

.block-chips.community.yellow {
  background-color: #fce88e;
  position: static;
}

.block-chips.community.blue {
  background-color: #98e5fd;
  position: static;
}

.block-chips.community.green.card-with-image {
  background-color: #55d392;
  top: 3.2vw;
  right: 3.2vw;
}

.block-chips.small {
  color: #222;
  background-color: #fce88e;
  border-width: 0;
  padding: .4vw .65vw .16vw;
  font-size: .9vw;
  line-height: 1vw;
}

.block-chips.small.purple {
  background-color: #cebdff;
  border-width: 0;
  padding-top: .4vw;
  padding-left: .65vw;
  padding-right: .65vw;
  font-size: .9vw;
  line-height: 1vw;
}

.block-chips.small.blue {
  background-color: #98e5fd;
  border-style: none;
  border-width: 0;
  padding-top: .4vw;
  padding-left: .65vw;
  padding-right: .65vw;
  font-size: .9vw;
  line-height: 1vw;
}

.block-chips.small.green {
  background-color: #55d392;
  position: absolute;
  inset: 3vw 3vw auto auto;
}

.pu-title-section {
  margin-top: 13.43vw;
  margin-left: 1.85vw;
  margin-right: 1.85vw;
  padding-top: 0;
}

.pu-title-section.pu-title-section-mobile {
  margin-top: 4vw;
}

.pu-title-section.pu-title-section-mobile.platform-hero-block {
  margin-top: 8vw;
}

.pu-title-section.pu-title-section-mobile.main-knowledgehub {
  margin-top: 12vw;
}

.pu-title-section.pu-title-section-mobile.hero-block {
  margin-top: 8vw;
}

.heading-1-section {
  letter-spacing: -1.3px;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
  font-family: Neuemontreal, sans-serif;
  font-size: 4.63vw;
  font-weight: 400;
  line-height: 5.09vw;
}

.heading-1-section.h1-section-shifted {
  margin-left: 10.3vw;
}

.heading-1-section.h1-section-shifted.h1-lightblue {
  background-color: #97e5fd;
  border-radius: 1.16vw;
  margin-left: 9.72vw;
  margin-right: .58vw;
  padding-left: .46vw;
  padding-right: .46vw;
}

.heading-1-section.h1-section-shifted.sticky-cards-text-2nd-line {
  z-index: -100;
  position: relative;
}

.heading-1-section.h1-highlight {
  background-color: #fce88e;
  border-radius: 1.16vw;
  margin-left: 0;
  padding-left: .46vw;
  padding-right: .46vw;
  font-style: normal;
}

.heading-1-section.h1-highlight.h1-pink {
  background-color: #ffd3da;
}

.heading-1-section.h1-highlight.h1-orange {
  background-color: #ffd593;
}

.heading-1-section.h1-highlight.h1-lightblue {
  background-color: #98e5fd;
}

.heading-1-section.h1-highlight.h1-lightblue.h1-undershift {
  margin-left: 0;
}

.heading-1-section.h1-highlight.h1-roadmap {
  margin-right: .58vw;
}

.heading-1-section.h1-highlight.welcome-mobile {
  margin-left: .46vw;
}

.heading-1-section.h1-highlight.welcome-mobile.h1-green {
  background-color: #9cfca6;
}

.heading-1-section.h1-highlight.h1-green {
  background-color: #98e5fd;
}

.heading-1-section.h1-highlight.h1-green.h1-undershift {
  background-color: #9cfca6;
  margin-left: 0;
}

.heading-1-section.h1-highlight.h1-white {
  background-color: #fff;
}

.heading-1-section.h1-highlight.h1-white.h1-undershift {
  margin-left: 0;
}

.heading-1-section.h1-highlight.sticky-cards-h1-highlight {
  background-color: #cebdff;
}

.heading-1-section.h1-highlight.contributors-purple {
  background-color: #d5c6ff;
}

.heading-1-section.h1-highlight.h1-purple {
  background-color: #d6c6ff;
}

.heading-1-section.h1-highlight.contributors-pink {
  background-color: #ffcef4;
}

.heading-1-section.h1-highlight.contributors-green {
  background-color: #9cfca6;
}

.heading-1-section.h1-highlight.h1-violet {
  background-color: #bdcfff;
}

.heading-1-section.h1-highlight.ai-assistant-green {
  background-color: #84e4b3;
}

.heading-1-section.h1-highlight.h1-report-yellow {
  background-color: #fff284;
}

.heading-1-section.h1-staticpage {
  margin-left: -2px;
}

.heading-1-section.h1-thankyou {
  margin-top: 3.24vh;
}

.heading-1-section.italic {
  font-style: italic;
}

.heading-1-section.contributors {
  margin-bottom: 0;
}

.heading-1-section.heading-centred {
  margin-top: 1.8vw;
}

.heading-1-section.heading-centred.second-row {
  margin-top: 0;
}

.heading-1-section.community {
  margin-bottom: 0;
}

.heading-1-section.centerd {
  text-align: center;
}

.topic-card-listitem {
  letter-spacing: -.2px;
  margin-bottom: 1.62vw;
  padding-left: 1.16vw;
  padding-right: 2.31vw;
  font-size: 1.39vw;
  line-height: 1.74vw;
}

.top-card-list {
  font-size: 1.74vw;
  line-height: 2.31vw;
}

.top-card-header {
  color: #222;
  letter-spacing: -.3px;
  margin-bottom: 1.62vw;
  font-family: Neuemontreal, sans-serif;
  font-size: 1.74vw;
  line-height: 2.31vw;
}

.top-card-header.without-underline {
  text-decoration: none;
}

.h3-heading {
  color: #222;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Neuemontreal, sans-serif;
  font-size: 2.31vw;
  font-weight: 400;
  line-height: 3.24vw;
  display: flex;
}

.h3-heading.coming-soon {
  filter: blur(5px);
}

.h3-heading.white {
  color: #fff;
}

.h3-heading.h3-highlight {
  background-color: #fff;
  border-radius: .6vw;
  margin-right: .4vw;
  padding-left: .4vw;
  padding-right: .4vw;
  font-style: normal;
  display: inline-flex;
}

.h3-heading.h3-highlight.ai-assistant-green {
  background-color: #84e4b3;
}

.sunburst-label {
  opacity: .3;
  color: #222;
  text-transform: uppercase;
  padding-top: .69vw;
  font-family: Akkurat Mono, sans-serif;
  font-size: 1.04vw;
  line-height: 1.62vw;
  display: inline-block;
  position: absolute;
}

.numlist-num {
  color: #0000004d;
  letter-spacing: -.3px;
  text-transform: uppercase;
  padding-top: .69vw;
  padding-right: 0;
  font-family: Akkurat Mono, sans-serif;
  font-size: 1.04vw;
  line-height: 1.04vw;
}

.paragraph {
  color: #222;
  letter-spacing: -.1px;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
  padding-right: 1vw;
  font-family: Neuemontreal, sans-serif;
  font-size: 1.62vw;
  line-height: 2.31vw;
  display: block;
}

.paragraph.product-list {
  color: #2226;
  margin-bottom: 0;
  font-style: italic;
}

.paragraph.top-contributors-p {
  color: #3333334d;
  margin-right: 80px;
}

.paragraph.community-button {
  color: #222;
  margin-left: 1.27vw;
  margin-right: 2.31vw;
  display: inline-block;
  position: relative;
  top: .46vw;
}

.paragraph.community-button.community-text {
  width: 100%;
  position: static;
  top: -3.5vw;
}

.paragraph.donation-paragraph {
  color: #3333334d;
  position: relative;
}

.paragraph.donation-paragraph.card-title {
  margin-bottom: 0;
  display: flex;
  top: -17vw;
  left: 3.24vw;
}

.paragraph.donation-paragraph.card-title.card-title--bold {
  color: #333;
}

.paragraph.donation-paragraph.card-title.card-title--payment {
  display: inline-block;
  top: -12vw;
}

.paragraph.donation-paragraph.donation-improvements {
  margin-bottom: 6.48vw;
}

.paragraph.p-2col {
  margin-left: 11.11vw;
}

.paragraph.p-2col.p-afterstar {
  margin-left: .93vw;
}

.paragraph.p-date {
  color: #3336;
  width: 11.57vw;
}

.paragraph.p-oneliner, .paragraph.p-contributors {
  margin-bottom: 0;
}

.paragraph.p-contributors.discord-text {
  color: #c7c7c7;
  margin-top: .81vw;
  margin-bottom: 1.62vw;
}

.paragraph.price-label {
  color: #eeeeed;
  margin-bottom: 0;
}

.paragraph.link-payment {
  color: #3333334d;
  cursor: pointer;
  display: inline-block;
}

.paragraph.link-payment:hover {
  color: #333;
  text-decoration: none;
}

.paragraph.footer-par {
  color: #3336;
  margin-bottom: 0;
}

.paragraph.footer-par._2-col {
  text-align: right;
}

.paragraph.cardcontribute-p {
  margin-bottom: 0;
}

.paragraph.paragraph-white {
  color: #fff;
  font-weight: 400;
}

.paragraph.p-white {
  z-index: 200;
  color: #fff;
  margin-bottom: 0;
  font-weight: 400;
  text-decoration: none;
  display: block;
  position: relative;
  overflow: visible;
}

.paragraph.authors-p {
  color: #33333380;
  width: 100%;
  margin-right: 80px;
}

.paragraph.header-link {
  color: #222;
  margin: .925vw 0 0 1.85vw;
  text-decoration: underline;
}

.paragraph.success-form-text {
  color: #fff;
}

.paragraph.card {
  margin-bottom: 0;
}

.paragraph.card-description {
  color: #33333380;
  margin-bottom: 0;
  font-size: 1.62vw;
}

.paragraph.card-description.partners-card {
  padding-right: 0;
}

.paragraph.blur {
  filter: blur(10px);
}

.paragraph.card-small-text {
  color: #222c;
  width: 86%;
  font-size: 1.39vw;
  line-height: 2.08vw;
}

.paragraph.contributors {
  color: #2226;
}

.paragraph.releases {
  margin-bottom: 1vw;
}

.paragraph.channel-button {
  padding-left: 1.5vw;
  padding-right: 1.5vw;
}

.paragraph.gp-cards {
  color: #222c;
  width: 100%;
  font-size: 1.39vw;
  line-height: 2.08vw;
}

.numlistitem {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.numlistitem.contribute-list {
  margin-bottom: 1.4vw;
}

.numberedlistlong {
  color: #222;
  margin-top: 1.85vw;
  margin-bottom: 0;
  padding-left: 0;
}

.numberedlistlong.list-teams {
  margin-top: 2.78vw;
}

.numberedlistlong.list-teams.community-list {
  margin-top: 1.85vw;
}

.numberedlistlong.one-list {
  margin-top: 0;
  margin-bottom: 0;
}

.numberedlistlong.sticky-card-list {
  width: 40%;
  margin-top: 0;
  margin-left: 3.24vw;
}

.line {
  background-color: #0000001a;
  width: 3.99vw;
  min-width: 3.99vw;
  max-width: 3.99vw;
  height: .12vw;
  margin-top: 1.16vw;
  margin-left: 1.27vw;
  margin-right: 1.27vw;
  padding-top: 0;
}

.line.line-short {
  width: 2.08vw;
  min-width: 2.08vw;
  max-width: 2.08vw;
  margin-left: .93vw;
  margin-right: .93vw;
}

.team-company-section {
  margin-top: 13.43vw;
  margin-left: 1.85vw;
  margin-right: 1.85vw;
  padding-top: 0;
}

._2-col-cards {
  margin-top: 3.7vw;
}

.label-tags {
  color: #0000004d;
  text-transform: uppercase;
  margin-bottom: .93vw;
  padding-top: .58vw;
  font-family: Akkurat Mono, sans-serif;
  font-size: 1.04vw;
  line-height: 1.04vw;
}

.label-tags.skill-card {
  color: #0000004d;
}

.label-tags.white.grade {
  color: #ffffff80;
}

.flex-block-2 {
  margin-top: 4.63vw;
}

.flex-block-2.block-orgs {
  margin-top: 39px;
}

.community-section {
  margin: 13.43vw 1.85vw 3.24vw;
}

.community-cards {
  margin-top: 3.7vw;
}

.flex-block-3 {
  width: 33%;
}

.flex-block-4 {
  align-items: stretch;
  margin-top: 64px;
}

.sticky-card-sections {
  z-index: 50;
  flex-direction: column;
  align-items: flex-start;
  margin-top: 13.43vw;
  margin-left: 1.85vw;
  margin-right: 1.85vw;
  display: flex;
  position: relative;
}

.sticky-card-sections.whatisit-block {
  margin-top: 3.43vw;
}

.call-to-action {
  width: 100%;
  margin-top: 3.7vw;
  position: relative;
}

.section-grid {
  z-index: 10;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template: "Area Area-2" 20vw
                 "Area Area-2"
                 / 1fr;
  grid-auto-columns: 1fr;
  width: 100vw;
  min-height: 100vh;
  margin-top: 80px;
  margin-right: 30px;
  display: grid;
  position: relative;
}

.section-grid._3 {
  grid-template-columns: 2.75fr;
}

.cta-content {
  transform-origin: 100%;
  background-color: #9cfca6;
  border-radius: 2.31vw;
  min-height: 85vh;
  padding: 2.31vw 3.7vw 2.31vw 2.78vw;
  display: block;
}

.cta-content.platform-card-3 {
  background-color: #ffd2f5;
}

.cta-content.platform-card-3.update-2-0 {
  background-color: #ffd593;
  background-image: url('../images/gp-card-bg-orange.png');
  background-position: 50% 100%;
  background-size: cover;
  background-attachment: scroll;
  padding-right: 2.78vw;
}

.sticky-section-2 {
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
  position: sticky;
  top: 10px;
}

.sticky-menu {
  z-index: 900;
  flex-direction: column;
  max-width: 20vw;
  margin-top: 20vh;
  padding-top: 30px;
  padding-left: 20px;
  display: flex;
  position: sticky;
  top: 100px;
}

.huge-heading {
  z-index: 500;
  color: #fff;
  text-align: right;
  text-transform: uppercase;
  max-width: 70%;
  margin-bottom: 20px;
  font-size: 15vh;
  line-height: 100%;
  position: fixed;
  inset: auto 30px 0% auto;
}

.title {
  z-index: 1;
  justify-content: flex-end;
  align-items: flex-start;
  min-width: 100vw;
  min-height: 100vh;
  padding-right: 70px;
  display: flex;
  position: relative;
}

.sticky-section-1 {
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
  position: sticky;
  top: 0;
}

.list-link {
  color: #fff;
  margin-bottom: 10px;
  text-decoration: none;
}

.list-link:hover {
  color: #30b16a;
  font-weight: 600;
}

.list-link.w--current {
  color: #ffffff4d;
  font-weight: 700;
}

.list-link.cta {
  color: #00a3de;
}

.sticky-section-3 {
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
  position: sticky;
  top: 20px;
}

.sticky-card {
  transform-origin: 100% 0;
  background-color: #fce88e;
  border-radius: 40px;
  min-height: 85vh;
  margin-top: 64px;
}

.sticky-card._2 {
  background-color: #98e5fd;
  margin-left: 10px;
  margin-right: -10px;
}

.sticky-card._2.section-grid {
  border-radius: 2.31vw;
  margin-top: 3.7vw;
  padding: 2.31vw 3.7vw 2.31vw 2.78vw;
  display: block;
}

.sticky-card._3 {
  background-color: #ffd3da;
  margin-left: 51px;
  margin-right: 51px;
  padding-top: 42px;
  padding-left: 48px;
  padding-right: 64px;
  display: block;
}

.sticky-card._3.section-grid {
  border-radius: 2.31vw;
  margin-top: 3.7vw;
  padding: 2.31vw 3.7vw 2.31vw 2.78vw;
}

.sticky-card._3.section-grid.platform-card-1 {
  background-color: #cebdff;
}

.sticky-card._3.section-grid.platform-card-1.update-2-0 {
  background-image: url('../images/gp-card-bg-purple.png');
  background-position: 100% 100%;
  background-size: cover;
  padding-right: 2.78vw;
}

.sticky-card.section-grid {
  transform-origin: 50% 0;
  margin-left: 0;
  margin-right: 0;
}

.sticky-card.section-grid._1 {
  border-radius: 2.31vw;
  margin-top: 3.7vw;
  padding: 2.31vw 3.7vw 2.31vw 2.78vw;
  display: block;
}

.sticky-card._4 {
  background-color: #cebdff;
  padding-top: 42px;
  padding-left: 48px;
  padding-right: 64px;
  display: block;
}

.sticky-card._4.section-grid {
  border-radius: 2.31vw;
  margin-top: 3.7vw;
  padding: 2.31vw 3.7vw 2.31vw 2.78vw;
}

.sticky-card._4.section-grid.platform-card-2 {
  background-color: #ccfda5;
}

.sticky-card._4.section-grid.platform-card-2.update-2-0 {
  background-color: #ccfda5;
  background-image: url('../images/gp-card-bg-lime.png');
  background-position: 100% 100%;
  background-size: cover;
  padding-right: 2.78vw;
}

.sticky-card._5 {
  background-color: #cebdff;
  padding-top: 42px;
  padding-left: 48px;
  padding-right: 64px;
  display: block;
}

.sticky-card._5.section-grid {
  border-radius: 2.31vw;
  margin-top: 3.7vw;
  padding: 2.31vw 3.7vw 2.31vw 2.78vw;
}

.sticky-card._5.section-grid.platform-card-2 {
  background-color: #ccfda5;
}

.sticky-card._5.section-grid.platform-card-2.update-2-0 {
  background-color: #ffd2f5;
  background-image: url('../images/gp-card-bg-pink.png');
  background-position: 100% 100%;
  background-size: cover;
  padding-right: 2.78vw;
}

.sticky-section-4 {
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
  position: sticky;
  top: 30px;
}

.flex-block-5 {
  margin-top: 2.31vw;
  margin-bottom: 2.31vw;
}

.image-2 {
  border-radius: 1.39vw;
  width: 60%;
  box-shadow: 0 15px 30px #00000014;
}

.canvas-block {
  margin: 8.5vw 1.85vw 2.5vw;
  padding-right: 0;
}

.canvas-block.what-is-it-title {
  margin-left: 0;
}

.canvas-block.what-is-it-title.platform-sticky-cards-text {
  margin-bottom: 0;
}

.canvas-block.what-is-it-title.platform-sticky-cards-text.contributors {
  margin-bottom: 3vw;
  margin-left: 1.85vw;
}

.canvas-block.what-is-it-title.pm-handbook {
  margin-bottom: 1.85vw;
}

.flex-block-6, .flex-block-7, .flex-block-8, .flex-block-9 {
  margin-top: 2.31vw;
  margin-bottom: 2.31vw;
}

.panel1 {
  background-image: url('../images/and-machines-mAiFQrt9xMc-unsplash.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex: none;
  width: 820px;
  height: 100%;
}

.track-flex {
  justify-content: flex-start;
  align-items: stretch;
  margin-right: -100vw;
  display: flex;
}

.panel4 {
  background-image: url('../images/and-machines-YLplJ9m_RKE-unsplash.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex: none;
  width: 130vh;
  height: 100%;
}

.panel2 {
  background-image: url('../images/and-machines-SZd_V4A8gYo-unsplash.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex: none;
  width: 100vw;
  height: 100%;
}

.panel3 {
  background-image: url('../images/and-machines-odNU0f3jmUg-unsplash.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex: none;
  width: 80vh;
  height: 100%;
}

.sticky-element {
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  height: 100vh;
  margin-bottom: -100vh;
  display: flex;
  position: sticky;
  top: 0;
  overflow: scroll;
}

.sticky-element.disable-overflow {
  height: 50vh;
  overflow: hidden;
}

.panel5 {
  background-image: url('../images/and-machines-vqTWfa4DjEk-unsplash.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex: none;
  width: 50vw;
  height: 100%;
}

.section-wrapper {
  width: 100%;
  padding-bottom: 100vh;
  padding-left: 51px;
}

.track {
  flex: none;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
  position: relative;
  transform: translate(0%);
}

.section-height {
  width: 100%;
  height: 500vw;
}

.all-contributors {
  flex-wrap: wrap;
  margin-top: 0;
}

.team-member {
  border-radius: 5.79vw;
  width: 3.7vw;
  height: 3.7vw;
  margin: 0 -.81vw .46vw 0;
  padding-right: 0;
}

.flex-block-11 {
  margin-top: 1.85vw;
}

.div-block-3 {
  margin-top: 5.56vw;
}

.linkedin-icon {
  width: 1.5vw;
  min-width: 1.5vw;
  height: 1.5vw;
  min-height: 1.5vw;
}

.linkedin-icon.img-fb {
  height: 1.82vw;
}

.div-block-4 {
  background-color: #2d3031;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 5.2vw;
  height: 5.2vw;
  padding: 1.68vw 1.8vw;
  display: flex;
  position: static;
}

.div-block-4.linkedin {
  max-height: 4.8vw;
}

.div-block-4.linkedin:hover {
  background-color: #0a65c2;
}

.div-block-4.facebook {
  max-height: 4.8vw;
  padding-top: 1.42vw;
  padding-bottom: 1.52vw;
}

.div-block-4.facebook:hover {
  background-color: #3b5897;
}

.div-block-5 {
  cursor: pointer;
  background-color: #fff;
  border-radius: 5.79vw;
  display: inline-block;
}

.div-block-5:hover {
  background-color: #ededee;
}

.div-block-5.link-community {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: center start;
  width: 24vw;
  text-decoration: none;
  display: flex;
}

.support-us {
  margin-top: 13.43vw;
  margin-left: 1.85vw;
  margin-right: 1.85vw;
}

.roadmap {
  margin: 13.43vw 0 3vw 1.85vw;
  padding-bottom: 0;
  padding-right: 0;
}

.flex-block-12 {
  background-color: #f0f1f1;
  border-radius: 1.16vw;
  min-width: 100%;
  padding-top: 2.31vw;
  padding-bottom: 4.63vw;
  padding-left: 2.78vw;
}

.flex-block-12.mid {
  background-color: #f8f9f9;
  margin-top: -3.7vw;
}

.flex-block-12.last {
  margin-top: -3.7vw;
  padding-bottom: 1.39vw;
}

.flex-block-13 {
  margin-top: 48px;
  margin-bottom: 56px;
}

.image-4 {
  width: 100%;
  margin-top: 1.85vw;
}

.main-video {
  z-index: -100;
  object-fit: cover;
  border: 0 solid #000;
  border-bottom-color: #fff;
  width: 100%;
  height: 120vw;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  position: absolute;
  top: 0;
  overflow: hidden;
}

.main-video.main-video-bottom {
  top: 500vw;
}

.main-video.video-product-updates {
  height: 135vw;
}

.main-video.video-pm-skills {
  mix-blend-mode: darken;
  height: 135vw;
}

.card-bubble {
  width: 42.82vw;
  position: absolute;
  top: 92vw;
}

.paragraph-span {
  background-color: #9cfca6;
  border-radius: 8px;
  padding-left: .23vw;
  padding-right: .23vw;
  font-style: italic;
}

.text-span {
  color: #2226;
  font-style: italic;
}

.background-video {
  z-index: -200;
  mix-blend-mode: normal;
  width: 52vw;
  height: 45vw;
  display: block;
  position: absolute;
  top: 84vw;
  left: -5vw;
}

.arrow-tab {
  background-image: url('../images/arrow-tab-gray.svg');
  background-position: 0 0;
  background-size: 100% 100%;
  width: 18.52vw;
  min-width: 18.52vw;
  height: 6.48vw;
  margin-right: .69vw;
  padding-top: 1.5vw;
  padding-left: 1.16vw;
}

.arrow-tab.arrow-tab--blue {
  cursor: default;
  background-image: url('../images/arrow-tab-gray.svg');
  background-size: 100% 100%;
}

.arrow-tab.arrow-tab--blue:hover {
  background-image: url('../images/arrow-tab-blue.svg');
}

.arrow-tab.arrow-tab--blue.topics-page {
  text-decoration: none;
}

.arrow-tab.arrow-tab--blue.topics-page.w--current {
  background-image: url('../images/arrow-tab-blue.svg');
  background-position: 0 0;
  background-size: 100% 100%;
  text-decoration: none;
}

.arrow-tab.arrow-tab--green {
  cursor: default;
  background-image: url('../images/arrow-tab-gray.svg');
  background-size: 100% 100%;
}

.arrow-tab.arrow-tab--green:hover {
  background-image: url('../images/arrow-tab-green.svg');
}

.arrow-tab.arrow-tab--green.topics-page {
  text-decoration: none;
}

.arrow-tab.arrow-tab--green.topics-page.w--current {
  background-image: url('../images/arrow-tab-green.svg');
  background-position: 0 0;
  background-size: 100% 100%;
}

.arrow-tab.arrow-tab--pink {
  cursor: default;
  background-image: url('../images/arrow-tab-gray.svg');
  background-size: 100% 100%;
}

.arrow-tab.arrow-tab--pink:hover {
  background-image: url('../images/arrow-tab-red.svg');
}

.arrow-tab.arrow-tab--pink.topics-page {
  text-decoration: none;
}

.arrow-tab.arrow-tab--pink.topics-page.w--current {
  background-image: url('../images/arrow-tab-red.svg'), url('../images/arrow-tab-gray.svg');
  background-position: 0 0, 0 0;
  background-size: 100% 100%, 100% 100%;
}

.arrow-tab.arrow-tab--purple {
  background-color: #ededee;
  background-image: none;
  border-radius: 1.16vw;
}

.arrow-tab.arrow-tab--purple:hover {
  background-color: #cebdff;
}

.arrow-tab.arrow-tab--purple.arrow-tab--gray {
  background-color: #ededee;
}

.arrow-tab.arrow-tab--purple.topics-page {
  text-decoration: none;
}

.arrow-tab.arrow-tab--purple.topics-page.w--current {
  background-color: #cebdff;
}

.arrow-tab.arrow-tab--yellow {
  cursor: default;
  background-image: url('../images/arrow-tab-gray.svg');
  background-position: 0 0;
  background-size: 100% 100%;
  position: static;
}

.arrow-tab.arrow-tab--yellow:hover {
  background-image: url('../images/arrow-tab.svg');
}

.arrow-tab.arrow-tab--yellow.topics-page {
  text-decoration: none;
}

.arrow-tab.arrow-tab--yellow.topics-page.w--current {
  background-image: url('../images/arrow-tab.svg');
  background-size: 100% 100%;
}

.tab-label {
  opacity: .3;
  color: #000;
  text-transform: uppercase;
  font-family: Akkurat Mono, sans-serif;
  font-size: 1.04vw;
  line-height: 1.04vw;
}

.arrow-tabs {
  margin-top: 2.31vw;
}

.arrow-tabs.horizontal {
  flex-flow: column;
}

.end-of-section {
  opacity: 0;
  background-color: red;
  max-width: 2.54vw;
}

.text-block-2 {
  max-width: 2.54vw;
  font-size: .69vw;
}

.span-oneliner {
  text-align: left;
  background-color: #cdfefb;
  border-radius: .46vw;
  padding-left: .23vw;
  padding-right: .23vw;
}

.span-oneliner.span-oneliner--green {
  background-color: #e5ffcf;
}

.span-oneliner.span-oneliner--pink {
  background-color: #ffe6f9;
}

.span-oneliner.span-oneliner--blue {
  background-color: #d1deff;
}

.span-oneliner.span-oneliner--orange {
  background-color: #fee9c7;
}

.background-video-2 {
  z-index: 10;
  border-radius: 2.31vw;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
}

.save-to-bookmarks {
  background-color: #000;
  border-radius: 2.31vw;
  margin-top: 1.16vw;
  margin-left: 1.85vw;
  margin-right: 1.85vw;
  padding-top: 2.31vw;
  padding-bottom: 5.79vw;
  padding-left: 2.78vw;
  position: relative;
}

.background-video-3 {
  z-index: 10;
  border-radius: 2.31vw;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.get-map-rect {
  background-color: #000;
  border-radius: 2.31vw;
  margin-top: 2.31vw;
  margin-left: 1.85vw;
  margin-right: 1.85vw;
  padding: 2.31vw 2.78vw;
  position: relative;
}

.get-map-rect.discord-card {
  margin-left: 0;
  margin-right: 0;
  position: relative;
}

.link-community {
  color: #3333334d;
}

.link-community:hover {
  color: #333;
  text-decoration: none;
}

.link-block {
  margin-top: 2.78vw;
  text-decoration: none;
}

.link-block.contributesocials {
  cursor: pointer;
  margin-top: .93vw;
  margin-right: .69vw;
}

.link-block.join-comminity-main {
  margin-top: 4.2vw;
  text-decoration: none;
}

.div-block-6 {
  background-color: #222;
  border-radius: 5.79vw;
  width: 3.7vw;
  height: 3.7vw;
}

.text-block-3 {
  opacity: .5;
  color: #fff;
  text-align: center;
  padding-top: 1.04vw;
  font-size: 1.04vw;
  line-height: 1.04vw;
}

.background-video-4 {
  z-index: -100;
  width: 40vw;
  height: 100vw;
  position: relative;
  top: 895vw;
  right: -60vw;
}

.image-5.card-svg {
  height: 25.5vw;
  position: relative;
  top: 2.31vw;
}

.price-button {
  text-align: center;
  cursor: pointer;
  background-color: #222;
  border-radius: 100vw;
  padding: 1.27vw 1.85vw;
}

.price-button:hover {
  background-color: #000;
}

.flex-block-14 {
  position: relative;
  top: -12.5vw;
  left: 3.24vw;
}

.price-div-link {
  margin-right: .46vw;
  text-decoration: none;
}

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

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

.header {
  background-color: #fff;
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
}

.header.header-sticky {
  z-index: 100000;
  background-color: #fff0;
  justify-content: space-between;
  align-items: center;
  padding: .46vw 1.85vw .69vw;
  display: flex;
  position: sticky;
}

.image-6 {
  max-height: 6vw;
  margin-top: .46vw;
  margin-left: 0;
}

.text-body {
  margin-top: 14.47vw;
  margin-left: 11.11vw;
  margin-right: 11.11vw;
}

.html-embed {
  margin-top: 0;
  font-family: Neuemontreal, sans-serif;
  font-size: 1.39vw;
  line-height: 1.85vw;
}

.html-embed.html-ember--first {
  margin-top: 3.24vw;
}

.html-embed.last {
  margin-bottom: 10vw;
}

.footer {
  margin-top: 3.24vw;
  margin-left: 1.85vw;
  margin-right: 1.85vw;
  padding-bottom: 3.7vw;
}

.footer-link {
  color: #3336;
  text-decoration: underline;
}

.footer-link:hover {
  opacity: 1;
  color: #000;
  text-decoration: none;
}

.div-block-8, .div-block-9 {
  width: 50%;
}

.form-hinttext {
  color: #fff9;
  width: 18.52vw;
  margin-left: 1.62vw;
  font-size: 1.16vw;
  line-height: 1.5vw;
  display: inline-block;
  position: relative;
  top: .46vw;
}

.form-hinttext.contributors {
  color: #2226;
  text-align: left;
  width: 16.52vw;
  margin-left: 1vw;
  font-family: Neuemontreal, sans-serif;
}

.form-hinttext.unit-economics {
  width: 18.1vw;
  margin-left: .6vw;
}

.form-hinttext.unit-economics.map-form-hint, .form-hinttext.unit-economics.ue-form-hint {
  margin-left: 1vw;
}

.form-hintlink {
  color: #fff9;
}

.form-hintlink:hover {
  color: #fff;
  text-decoration: none;
}

.footer-star {
  max-height: 2.31vw;
  margin-left: 7.66vw;
  position: static;
  left: 24vw;
}

.footer-star.header-banner {
  margin-top: .69vw;
  margin-left: .69vw;
}

.roadmap-milestone {
  background-color: #ffd593;
  border-radius: .46vw;
  padding-left: .23vw;
  padding-right: .23vw;
}

.text-span-3 {
  background-color: #9cfca6;
}

.text-span-4 {
  background-color: #ffd3da;
}

.emailmap {
  color: #222;
  background-color: #ffe87f;
  border-radius: .46vw;
  margin-left: -.46vw;
  padding-left: .46vw;
  padding-right: .46vw;
}

.emailmap:hover {
  color: #000;
  text-decoration: none;
}

.emailmap.emailhey {
  background-color: #ffd3da;
}

.background-video-5 {
  z-index: -300;
  min-width: 48vw;
  max-width: 48vw;
  min-height: 80vw;
  max-height: 80vw;
  position: absolute;
  top: -7vw;
  right: 0;
}

.div-block-10 {
  position: relative;
}

.background-image {
  background-image: url('../images/bg-image-1x.png');
  background-position: 0 0;
  background-size: auto;
  width: 100vw;
  height: 100vh;
  position: absolute;
  top: 0;
  left: 0;
}

.modal-popup {
  background-color: #fff;
  border-radius: 2.31vw;
  flex-direction: column;
  justify-content: space-between;
  min-width: 80vw;
  max-width: 80vw;
  min-height: 85vh;
  max-height: 85vh;
  margin: 7.5vh 10vw 0;
  padding: 3.24vh 10px 5.09vh 3.24vw;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
}

.flex-block-16 {
  margin-top: 0;
  margin-left: -.12vw;
}

.link {
  color: #00c1ff;
  font-style: italic;
}

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

.logo {
  min-width: 14.47vw;
  max-width: 14.47vw;
}

.flex-block-17 {
  margin-top: 10vh;
}

.body-2 {
  min-height: 100vh;
}

.div-block-11 {
  align-items: center;
  display: flex;
}

.header-new-banner {
  background-color: #222;
  border-radius: 1.16vw;
  margin-top: .46vw;
  margin-bottom: .46vw;
  margin-left: 2.78vw;
  display: flex;
}

.header-new-banner.header-mobile {
  display: block;
  position: static;
}

.main-card-images {
  border-radius: 2.31vw;
  align-self: stretch;
  margin-right: 0;
}

.image-8 {
  object-fit: fill;
  border-radius: 2.31vw;
  width: auto;
  height: auto;
  position: static;
  overflow: clip;
}

.image-card {
  box-sizing: border-box;
  object-fit: fill;
  border-radius: 2.31vw;
  min-height: 42.82vw;
  display: block;
  position: static;
}

.cards-container {
  grid-column-gap: 1.16vw;
  grid-row-gap: 1.16vw;
  flex: 1;
  margin-right: 1.16vw;
}

.div-block-12 {
  display: block;
}

.full-screen-image-container {
  justify-content: flex-start;
  align-items: center;
  max-width: 100%;
  margin-left: 0;
  margin-right: 0;
  display: block;
}

.image-9 {
  object-fit: fill;
  border-radius: 8vw;
  width: 100%;
  margin-top: 2.5vw;
  overflow: visible;
}

.pm-team-authors {
  flex-wrap: wrap;
  margin-top: 0;
}

.authors-link {
  color: #33333380;
  text-decoration: underline;
}

.authors-link:hover {
  color: #333;
}

.pm-team-block {
  grid-column-gap: .81vw;
  grid-row-gap: .81vw;
  margin-top: 1vw;
}

.image-10 {
  width: 11.11vw;
  height: 11.11vw;
  margin-top: 1.96vw;
  margin-right: 2.08vw;
}

.flex-block-22 {
  justify-content: flex-start;
  align-items: flex-start;
}

.table-of-contents-block {
  margin-top: 8.5vw;
  margin-bottom: 2.5vw;
  margin-left: 0;
  padding-left: 1.85vw;
  padding-right: 1.85vw;
  position: relative;
}

.secondary-video {
  z-index: -100;
  mix-blend-mode: normal;
  width: 100%;
  height: 110vw;
  position: absolute;
  top: -12vw;
  left: -.01vw;
}

.secondary-video.main-video-bottom {
  top: 500vw;
}

.columns-2 {
  margin-top: 3.7vw;
}

.row-3 {
  grid-column-gap: 24px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
}

.unit-number {
  grid-column-gap: 10px;
  background-color: #c3fdc9;
  border-radius: 4px;
  justify-content: center;
  align-items: flex-start;
  width: 5.17vw;
  margin-top: .48vw;
  padding-top: .32vw;
  padding-left: .23vw;
  padding-right: .23vw;
  text-decoration: none;
  display: flex;
}

.text {
  color: #062b15;
  letter-spacing: -.04em;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Akkurat Mono, sans-serif;
  font-size: 1.04vw;
  font-weight: 400;
  line-height: 100%;
  text-decoration: none;
}

.container {
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 602px;
  text-decoration: none;
  display: flex;
}

.container-2 {
  grid-row-gap: 14px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 602px;
  text-decoration: none;
  display: flex;
}

.title-2 {
  grid-column-gap: 0vw;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding-bottom: 0;
  text-decoration: none;
  display: flex;
}

.text-2 {
  color: #0a4120;
  letter-spacing: -.01em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 28px;
  font-weight: 400;
  line-height: 100%;
  text-decoration: none;
}

.lable-line-block {
  grid-row-gap: 6px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.table-line-container {
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.small-text {
  color: #0a4120;
  letter-spacing: -.01em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Neuemontreal, sans-serif;
  font-size: 1.16vw;
  font-weight: 400;
  line-height: 2.31vw;
  text-decoration: none;
}

.small-text.nav {
  color: #333;
}

.small-text.nav.subtitle {
  color: #3339;
  text-transform: uppercase;
  padding-left: .9vw;
  font-family: Akkurat Mono, sans-serif;
  font-size: .8vw;
  line-height: 1.6vw;
}

.small-text.nav.subtitle.opacity-0 {
  color: #3330;
}

.page {
  grid-column-gap: 10px;
  background-color: #c3fdc9;
  border-radius: 4px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 4px;
  padding-left: 3px;
  padding-right: 3px;
  text-decoration: none;
  display: flex;
}

.small-number {
  color: #062b15;
  letter-spacing: -.02em;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Akkurat Mono, sans-serif;
  font-size: 1.04vw;
  font-weight: 400;
  line-height: 100%;
  text-decoration: none;
}

.vectors-wrapper {
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  height: 0;
  text-decoration: none;
  display: flex;
}

.table-line {
  background-color: #b2faae;
  width: 100%;
  height: .12vw;
  margin-top: .46vw;
  margin-left: 0;
  margin-right: 0;
  padding-top: 0;
}

.table-line.line-short {
  width: 2.08vw;
  min-width: 2.08vw;
  max-width: 2.08vw;
  margin-left: .93vw;
  margin-right: .93vw;
}

.div-block-13 {
  width: 93%;
}

.column-3 {
  padding-left: 0;
  padding-right: .58vw;
}

.column-4 {
  padding-left: .58vw;
  padding-right: 0;
}

.paragraph-table {
  letter-spacing: -.2px;
  margin-bottom: .81vw;
  margin-left: 0;
  font-family: Neuemontreal, sans-serif;
  font-size: 1.62vw;
  line-height: 2.31vw;
  display: block;
}

.paragraph-table.product-list {
  color: #2226;
  margin-bottom: 0;
  font-style: italic;
}

.paragraph-table.top-contributors-p {
  color: #3333334d;
  margin-right: 80px;
}

.paragraph-table.community-button {
  color: #222;
  margin-left: 1.27vw;
  margin-right: 2.31vw;
  display: inline-block;
  position: relative;
  top: .46vw;
}

.paragraph-table.donation-paragraph {
  color: #3333334d;
  position: relative;
}

.paragraph-table.donation-paragraph.card-title {
  margin-bottom: 0;
  display: flex;
  top: -17vw;
  left: 3.24vw;
}

.paragraph-table.donation-paragraph.card-title.card-title--bold {
  color: #333;
}

.paragraph-table.donation-paragraph.card-title.card-title--payment {
  display: inline-block;
  top: -12vw;
}

.paragraph-table.donation-paragraph.donation-improvements {
  margin-bottom: 6.48vw;
}

.paragraph-table.p-2col {
  margin-left: 11.11vw;
}

.paragraph-table.p-2col.p-afterstar {
  margin-left: .93vw;
}

.paragraph-table.p-date {
  color: #3336;
  width: 11.57vw;
}

.paragraph-table.p-oneliner, .paragraph-table.p-contributors {
  margin-bottom: 0;
}

.paragraph-table.price-label {
  color: #eeeeed;
  margin-bottom: 0;
}

.paragraph-table.link-payment {
  color: #3333334d;
  cursor: pointer;
  display: inline-block;
}

.paragraph-table.link-payment:hover {
  color: #333;
  text-decoration: none;
}

.paragraph-table.footer-par {
  color: #3336;
  margin-bottom: 0;
}

.paragraph-table.footer-par._2-col {
  text-align: right;
}

.paragraph-table.cardcontribute-p {
  margin-bottom: 0;
}

.paragraph-table.paragraph-white {
  color: #fff;
  font-weight: 400;
}

.paragraph-table.p-white {
  z-index: 200;
  color: #fff;
  margin-bottom: 0;
  font-weight: 400;
  text-decoration: none;
  display: block;
  position: relative;
  overflow: visible;
}

.paragraph-table.authors-p {
  color: #33333380;
  width: 100%;
  margin-right: 80px;
}

.about-pmmap-section {
  margin-top: 13.43vw;
  margin-left: 1.85vw;
  margin-right: 1.85vw;
  padding-bottom: 4vw;
}

.about-map-preview {
  background-color: #fff;
  border-radius: 2.31vw;
  margin-top: 2.31vw;
  margin-left: 0;
  margin-right: 0;
  padding: .93vw 1.16vw 0;
  position: relative;
  box-shadow: 0 12px 24px #0000000f;
}

.map-preview-image {
  width: 100%;
  margin-top: 1.85vw;
  margin-bottom: .925vw;
}

.preview-skills {
  position: absolute;
}

.div-block-14 {
  text-align: right;
  margin-top: -1.16vw;
  margin-bottom: 1.16vw;
}

.explore-map-block {
  background-color: #000;
  border-radius: 2.31vw;
  margin-top: 1.155vw;
  margin-left: 0;
  margin-right: 0;
  padding: 2.31vw 2.78vw;
  position: relative;
}

.flex-block-23 {
  justify-content: flex-start;
  align-items: center;
  margin-right: 0;
  padding-right: 1.85vw;
  display: none;
}

.banner-link {
  color: #fff;
  text-decoration: underline;
  display: inline-block;
}

.banner-link:hover {
  text-decoration: none;
}

.success-message {
  text-align: left;
  background-color: #fff0;
  margin-top: 7vw;
  padding: 0;
}

.highlight-update-section {
  grid-column-gap: 56px;
  background-color: #fff;
  border-radius: 40px;
  flex-flow: column;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 4vw;
  margin-left: .6vw;
  margin-right: .6vw;
  padding: 3vw 2.5vw;
  text-decoration: none;
  display: flex;
}

.left-column {
  grid-row-gap: 0vw;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  max-width: 26.04vw;
  height: 37.04vw;
  padding-top: .69vw;
  text-decoration: none;
  display: flex;
}

.left-column.left-shorten {
  grid-column-gap: 1.56vw;
  grid-row-gap: 1.56vw;
  justify-content: flex-start;
  height: auto;
}

.date-title {
  grid-column-gap: .32vw;
  grid-row-gap: .32vw;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: none;
  text-decoration: none;
  display: flex;
}

.date-title.centred {
  justify-content: flex-start;
  align-items: center;
}

.date {
  grid-column-gap: .9vw;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.frame-5061 {
  grid-column-gap: 10px;
  border: 1px solid #222;
  border-radius: 31px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  padding: 10px 10px 6px;
  text-decoration: none;
  display: flex;
}

.new-release {
  color: #222;
  letter-spacing: undefinedundefined;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 18px;
  text-decoration: none;
}

.frame-5060 {
  grid-column-gap: 10px;
  border: 1px solid #222;
  border-radius: 31px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 6px 4px 2px;
  text-decoration: none;
  display: flex;
}

.text-3 {
  color: #a7a7a7;
  letter-spacing: -.01em;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 18px;
  text-decoration: none;
}

.update-title {
  grid-column-gap: .64vw;
  justify-content: flex-start;
  align-items: center;
  width: auto;
  text-decoration: none;
  display: flex;
}

.update-title.release-h1-discord {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
}

.update-title.centred {
  padding-top: .5vw;
}

.text-4 {
  color: #12323d;
  letter-spacing: -.015em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 56px;
  font-weight: 400;
  line-height: 56px;
  text-decoration: none;
}

.highlight-text {
  grid-row-gap: .58vw;
  background-color: #9cfca6;
  border-radius: 8px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-left: .46vw;
  padding-right: .46vw;
  text-decoration: none;
  display: flex;
}

.highlight-text.pink {
  background-color: #ffd3da;
}

.highlight-text.purple {
  background-color: #cebdff;
}

.highlight-text.blue {
  background-color: #98e5fd;
}

.highlight-text.yellow {
  background-color: #fce88e;
}

.highlight-text.yellow.blue {
  background-color: #98e5fd;
}

.highlight-text.yellow.purple-tag {
  background-color: #cebdff;
}

.text-5 {
  color: #12323d;
  letter-spacing: -.015em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 56px;
  font-style: italic;
  font-weight: 400;
  line-height: 56px;
  text-decoration: none;
}

.text-6 {
  color: #222;
  letter-spacing: -.01em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 28px;
  font-weight: 400;
  line-height: 40px;
  text-decoration: none;
}

.team {
  grid-row-gap: 0px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: none;
  margin-top: 2.5vw;
  text-decoration: none;
  display: flex;
}

.team.full-page-card {
  margin-top: 3vw;
}

.team.full-page-card.team-3o {
  margin-top: 4.2vw;
}

.team.team-31 {
  margin-top: 9vw;
}

.text-7 {
  color: #222;
  letter-spacing: -.015em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 28px;
  font-weight: 400;
  line-height: 36px;
  text-decoration: none;
}

.images {
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.image-211 {
  object-fit: cover;
  border-radius: 100px;
  margin-right: -.81vw;
}

.right-column {
  grid-row-gap: 2.4vw;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: none;
  text-decoration: none;
  display: flex;
}

.right-column.full-page-card {
  padding-right: 2vw;
}

.update-cover {
  object-fit: cover;
  border-radius: 1.85vw;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 37.04vw;
  text-decoration: none;
  display: flex;
  box-shadow: 0 20px 50px #0000001a;
}

.update-cover.update-cover-latest {
  box-shadow: none;
  border-radius: 24px;
  width: 100%;
  height: 37.9vw;
}

.text-tags {
  grid-row-gap: .6vw;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  margin-top: .6vw;
  text-decoration: none;
  display: flex;
}

.text-tags.full-page-card {
  max-width: 1200px;
  margin-top: 0;
}

.descriptor-tags {
  grid-row-gap: 0px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
}

.text-8 {
  opacity: .3;
  color: #000;
  letter-spacing: -.01em;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 18px;
  text-decoration: none;
}

.tags {
  grid-column-gap: .46vw;
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
}

.tags.grades {
  flex-flow: wrap;
}

.tag {
  grid-column-gap: 10px;
  border: 1px solid #222;
  border-radius: 31px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 10px 10px 6px;
  text-decoration: none;
  display: flex;
}

.text-9 {
  color: #222;
  letter-spacing: -.01em;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 18px;
  text-decoration: none;
}

.label-text {
  color: var(--black);
  text-transform: uppercase;
  padding-top: .23vw;
  font-family: Akkurat Mono, sans-serif;
  font-size: 1.04vw;
  line-height: 1.04vh;
}

.label-text.small {
  font-size: .9vw;
  line-height: 1vh;
}

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

.block-chips-star {
  grid-column-gap: .6vw;
  grid-row-gap: .6vw;
  border: 1px solid #000;
  border-radius: 100px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: .58vw;
  padding: .36vw .58vw;
}

.block-chips-star.black {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #222;
  border-style: none;
  border-width: 0;
  border-radius: 100vw;
}

.block-chips-star.black.footer-badge {
  margin-top: -.56vw;
  margin-bottom: 0;
}

.star-icon {
  width: .81vw;
  height: .81vw;
  padding-top: 0;
  padding-bottom: 0;
}

.quick-stack {
  grid-column-gap: 0px;
  grid-row-gap: 2vw;
  border-radius: 1.85vw;
}

.button {
  color: #222;
  background-color: #9cfca6;
  border-radius: 100px;
  margin-top: 0;
  padding: 1.39vw 2.31vw;
  font-family: Neuemontreal, sans-serif;
  font-size: 1.62vw;
  line-height: 2.31vw;
  box-shadow: 0 6px 12px #0000001a;
}

.button:hover {
  background-color: #9af8a4;
  box-shadow: 0 3px 6px #0000001a;
}

.button:active {
  box-shadow: none;
  background-color: #87f592;
}

.button.yellow-button {
  background-color: #fce88e;
}

.button.yellow-button.discord-button {
  color: #f8f8f8;
  background-color: #2e3035;
}

.button.purple-button {
  background-color: #cebdff;
}

.button.purple-button:hover {
  background-color: #ae94fa;
}

.button.purple-button:active {
  background-color: #a485fc;
}

.button.blue-button {
  background-color: #98e5fd;
}

.button.blue-button:hover {
  background-color: #5ad5fd;
}

.button.blue-button:active {
  background-color: #27c6f9;
}

.description {
  font-family: Neuemontreal, sans-serif;
  font-size: 1.62vw;
  line-height: 2.31vw;
  display: block;
}

.description.centred {
  text-align: center;
  font-family: Neuemontreal, sans-serif;
}

.block-contributors {
  grid-row-gap: 14px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 434px;
  text-decoration: none;
  display: flex;
}

.text-10 {
  opacity: .3;
  color: #000;
  letter-spacing: -.01em;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 18px;
  text-decoration: none;
}

.avatar-info {
  grid-column-gap: .93vw;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.avatar-info.contributor-second {
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: .93vw;
}

.avatar-info.contibutor-release {
  justify-content: flex-start;
  align-items: flex-start;
}

.avatar {
  object-fit: cover;
  border-radius: 100vw;
  width: 4.98vw;
  height: 4.98vw;
}

.info {
  grid-row-gap: .12vw;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: none;
  text-decoration: none;
  display: flex;
}

.name {
  color: #000c;
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.62vw;
  font-weight: 400;
  line-height: 2.31vw;
  text-decoration: underline;
}

.name:hover {
  text-decoration: none;
}

.additional-info {
  color: #000c;
  letter-spacing: -.02em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Neuemontreal, sans-serif;
  font-size: 1.36vw;
  font-weight: 400;
  line-height: 2vw;
  text-decoration: none;
}

.additional-info.group-text {
  margin-top: 1vw;
}

.update-section {
  margin-top: 10vw;
  margin-left: .6vw;
  margin-right: .6vw;
  padding-left: 2.5vw;
  padding-right: 2.5vw;
}

.update-section.section-first {
  margin-top: 13vw;
}

.update-section.upd-section-last {
  margin-bottom: 10vw;
}

.list-2 {
  padding-left: 0;
}

.images-2 {
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.image-185 {
  object-fit: cover;
  border-radius: 200px;
  width: 4.98vw;
  height: 4.98vw;
  margin-right: -.81vw;
  padding-right: 0;
}

.telegram-cloud-document-2-5298705426567678459-1 {
  object-fit: cover;
  border-radius: 1411.5px;
  width: 4.98vw;
  height: 4.98vw;
  margin-right: -.81vw;
}

.image-213 {
  mix-blend-mode: normal;
  border-radius: 32px;
  margin-top: 2vw;
  box-shadow: 0 20px 50px #0000001a;
}

.body-3 {
  background-image: linear-gradient(7deg, var(--white) 100%, #f4f4f5 100%, #fff);
  -webkit-text-fill-color: inherit;
  background-clip: border-box;
}

.update-full-section {
  padding-top: 9.25vw;
}

.update-text-block {
  grid-column-gap: 1.36vw;
  grid-row-gap: 1.36vw;
}

.update-text-block.centred {
  justify-content: flex-start;
  align-items: center;
}

.most-popular-block {
  grid-row-gap: 2.4vw;
  background-color: #fff;
  border-radius: 40px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: auto;
  margin-top: 4vw;
  margin-left: 1.85vw;
  margin-right: 1.85vw;
  padding: 4vw 0 3.6vw;
  text-decoration: none;
  display: block;
}

.titlearrows {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding-left: 3vw;
  padding-right: 3vw;
  text-decoration: none;
  display: flex;
}

.text-11 {
  color: #000c;
  letter-spacing: -.022em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 40px;
  font-weight: 400;
  line-height: 56px;
  text-decoration: none;
}

.arrows {
  grid-column-gap: .4vw;
  grid-row-gap: .4vw;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.arrow-left {
  grid-column-gap: 0px;
  border: 1px solid #222;
  border-radius: 31px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  height: 2.4vw;
  padding: .4vw 10px .4vw 0;
  text-decoration: none;
  display: flex;
}

.vectors-wrapper-2 {
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 0;
  text-decoration: none;
  display: flex;
}

.arrow-right {
  grid-column-gap: 0px;
  background-color: #222;
  border: 1px solid #222;
  border-radius: 31px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  height: 2.4vw;
  padding: .4vw .4vw .4vw 0;
  text-decoration: none;
  display: flex;
}

.cards-row {
  grid-column-gap: 0vw;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
  overflow: auto;
}

.most-popular-card {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 32vw;
  min-width: 32vw;
  height: 30.6vw;
  min-height: 30.6vw;
  margin-right: 1.2vw;
  text-decoration: none;
  display: block;
}

.most-popular-card.card-first {
  margin-left: 3vw;
}

.most-popular-card.last-card {
  margin-right: 3vw;
}

.card-image {
  object-fit: cover;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  width: 100%;
  height: 17vw;
  display: block;
}

.titledescriptiontag {
  grid-row-gap: 1.6vw;
  background-color: #fce88e;
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 2.4vw;
  text-decoration: none;
  display: flex;
}

.titledescription {
  grid-column-gap: 0vw;
  grid-row-gap: 0vw;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.text-12 {
  color: #000;
  letter-spacing: -.01em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 28px;
  font-weight: 400;
  line-height: 100%;
  text-decoration: none;
}

.text-13 {
  opacity: .4;
  color: #000;
  letter-spacing: -.01em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 28px;
  font-weight: 400;
  line-height: 100%;
  text-decoration: none;
}

.tag-2 {
  grid-column-gap: 10px;
  border: 1px solid #222;
  border-radius: 31px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 10px 10px 6px;
  text-decoration: none;
  display: flex;
}

.text-14 {
  color: #222;
  letter-spacing: -.01em;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 18px;
  text-decoration: none;
}

.titledescriptiontag-2 {
  grid-row-gap: 1.6vw;
  background-color: #9cfca6;
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 2.4vw;
  text-decoration: none;
  display: flex;
}

.titledescriptiontag-3 {
  grid-row-gap: 1.6vw;
  background-color: #98e5fd;
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 2.4vw;
  text-decoration: none;
  display: flex;
}

.image-214 {
  height: 2.1vw;
  display: block;
}

.flex-block-24 {
  grid-column-gap: .2vw;
  grid-row-gap: .2vw;
}

.cards-gallery {
  overflow: scroll;
}

.arrow {
  background-image: url('../images/arrow-right.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 70% 70%;
  border: 1px solid #000;
  border-radius: 100px;
  width: 5vw;
  height: 2.4vw;
  padding: .2vw .8vw;
}

.arrow:hover {
  background-color: #0a0a0a;
}

.arrow.black {
  background-color: #222;
}

.arrow.right {
  background-image: url('../images/arrow-right-black.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto;
  width: 4.4vw;
  position: absolute;
  top: 3.5vw;
  left: 88.8vw;
}

.arrow.right:hover {
  background-image: url('../images/arrow-right.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto;
}

.arrow.left {
  background-image: url('../images/arrow-left.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto;
  width: 4.4vw;
  position: absolute;
  top: 3.5vw;
  bottom: 0;
  left: 84vw;
}

.arrow.left:hover {
  background-image: url('../images/arrow-left-white.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto;
}

.topics-grid {
  padding: 8vw 1.85vw 3vw;
}

.navigation {
  grid-column-gap: 1.4vw;
  grid-row-gap: 1.4vw;
  -webkit-text-fill-color: inherit;
  background-clip: border-box;
}

.topic-group {
  grid-row-gap: 1.4vw;
  background-color: #fff7d9;
  border-radius: 20px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 3vw 2.6vw;
  text-decoration: none;
  display: flex;
}

.topic-group.yellow {
  margin-bottom: 1.4vw;
}

.topic-group.yellow.last-card {
  margin-bottom: 0;
}

.topic-group.blue {
  background-color: #e9faff;
  margin-bottom: 1.4vw;
}

.topic-group.blue.last-card {
  margin-bottom: 0;
}

.topic-group.green {
  background-color: #dcfcdf;
  margin-bottom: 1.4vw;
}

.topic-group.green.last-card {
  margin-bottom: 0;
}

.topic-group.pink {
  background-color: #fff0f2;
  margin-bottom: 1.4vw;
}

.topic-group.pink.last-card {
  margin-bottom: 0;
}

.topic-group.purple {
  background-color: #f4f0ff;
  margin-bottom: 1.4vw;
}

.topic-group.purple.last-card {
  margin-bottom: 0;
}

.text-15 {
  color: #222;
  letter-spacing: -.01em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 36px;
  font-weight: 400;
  line-height: 56px;
  text-decoration: none;
}

.card-row {
  grid-column-gap: .6vw;
  grid-row-gap: .6vw;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.topic-card-2 {
  background-color: #fce88e;
  border-radius: 20px;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 23.35vw;
  height: 13.6vw;
  padding: 1.58vw 2.1vw;
  text-decoration: none;
  display: flex;
}

.topic-card-2.blue {
  background-color: #98e5fd;
  padding-left: 2.1vw;
  padding-right: 2.1vw;
}

.topic-card-2.green {
  background-color: #9cfca6;
  padding-left: 2.1vw;
  padding-right: 2.1vw;
}

.topic-card-2.pink {
  background-color: #ffd3da;
}

.topic-card-2.purple {
  background-color: #cebdff;
}

.text-16 {
  color: #000;
  letter-spacing: -.01em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 28px;
  font-weight: 400;
  line-height: 100%;
  text-decoration: none;
}

.description-skills {
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.skills {
  grid-column-gap: .4vw;
  grid-row-gap: .4vw;
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.skill-tag {
  grid-column-gap: 10px;
  background-color: #fff;
  border-radius: 8px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 8px;
  text-decoration: none;
  display: flex;
}

.text-17 {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 400;
  line-height: 100%;
  text-decoration: none;
}

.topic-groups {
  grid-column-gap: 1.4vw;
  grid-row-gap: 1.4vw;
}

._2-rows {
  grid-column-gap: .6vw;
  grid-row-gap: .6vw;
  flex-flow: wrap;
}

.arrows-group {
  grid-column-gap: 1.4vw;
  grid-row-gap: 1.4vw;
  position: sticky;
  top: 20px;
}

.link-block-2 {
  position: static;
}

.link-block-2.w--current {
  object-fit: fill;
  position: relative;
}

.hover:hover {
  background-image: url('../images/arrow-right.svg');
  background-position: 0 0;
  background-size: auto;
}

.roadmap-block {
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  margin-top: 3vw;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: clip;
}

.roadmap-card {
  grid-column-gap: .46vw;
  background-color: #bfc4c6;
  border-radius: 20px;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 33vw;
  min-width: 33vw;
  height: 26.04vw;
  padding: 2.78vw 2.78vw 2.31vw 2.08vw;
  text-decoration: none;
  display: flex;
  box-shadow: 0 -2px 8px #ffffff0f;
}

.roadmap-card.roadmap-card-shifted {
  margin-left: -40px;
}

.roadmap-card.roadmap-card-shifted.card-2 {
  background-color: #cfd5d7;
}

.roadmap-card.roadmap-card-shifted.card-3 {
  background-color: #e4e6e7;
}

.roadmap-card.roadmap-card-shifted.last-card {
  background-color: #f1f3f3;
}

.roadmap-top-title {
  grid-row-gap: 1.16vw;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 387px;
  text-decoration: none;
  display: flex;
}

.roadmap-label {
  color: #8e8e8e;
  letter-spacing: -.01em;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Akkurat Mono, sans-serif;
  font-size: 1.04vw;
  font-weight: 400;
  line-height: 1.04vw;
  text-decoration: none;
}

.roadmap-label.blur {
  filter: blur(6px);
}

.text-19 {
  color: #222;
  letter-spacing: -.01em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 28px;
  font-weight: 400;
  line-height: 40px;
  text-decoration: none;
}

.roadmap-tags {
  grid-column-gap: 7px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
}

.roadmap-tags.blur {
  filter: blur(8px);
}

.frame-272 {
  grid-column-gap: 10px;
  background-color: #222;
  border-radius: 31px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 10px 10px 6px;
  text-decoration: none;
  display: flex;
}

.text-20 {
  color: #fff;
  letter-spacing: -.15em;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  padding-right: .12vw;
  font-family: Akkurat Mono, sans-serif;
  font-size: 1.04vw;
  font-weight: 400;
  line-height: 1.04vw;
  text-decoration: none;
}

.frame-271 {
  grid-column-gap: 10px;
  border: 1px solid #222;
  border-radius: 31px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 10px 10px 6px;
  text-decoration: none;
  display: flex;
}

.chips-label {
  color: #222;
  letter-spacing: -.01em;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.04vw;
  font-weight: 400;
  line-height: 1.04vw;
  text-decoration: none;
}

.roadmap-card-2 {
  grid-column-gap: 8px;
  background-color: #cfd5d7;
  border-radius: 20px;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 605px;
  height: 401px;
  padding: 48px 36px 40px;
  text-decoration: none;
  display: flex;
  box-shadow: 0 -2px 8px #ffffff0f;
}

.roadmap-card-3 {
  grid-column-gap: 8px;
  background-color: #e4e6e7;
  border-radius: 20px;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 605px;
  height: 401px;
  padding: 48px 36px 40px;
  text-decoration: none;
  display: flex;
  box-shadow: 0 -2px 8px #ffffff0f;
}

.group-24 {
  object-fit: cover;
}

.roadmap-card-4 {
  grid-column-gap: 8px;
  background-color: #f1f3f3;
  border-radius: 20px;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 605px;
  height: 401px;
  padding: 48px 36px 40px;
  text-decoration: none;
  display: flex;
  box-shadow: 0 -2px 8px #ffffff0f;
}

.text-22 {
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  color: #8e8e8e;
  letter-spacing: -.01em;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 400;
  line-height: 18px;
  text-decoration: none;
}

.text-23 {
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  color: #222;
  letter-spacing: -.01em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 28px;
  font-weight: 400;
  line-height: 40px;
  text-decoration: none;
}

.block {
  grid-column-gap: 10px;
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  border: 1px solid #222;
  border-radius: 31px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 10px 10px 6px;
  text-decoration: none;
  display: flex;
}

.image-215 {
  width: 1.97vw;
  max-width: none;
  height: 1.97vw;
}

._3o-contributors {
  flex-wrap: wrap;
  margin-top: 0;
}

.team-member-3o {
  border-radius: 5.79vw;
  width: 2.65vw;
  height: 2.65vw;
  margin: 0 -.81vw .46vw 0;
  padding-right: 0;
}

.header-nav-item {
  grid-row-gap: .58vw;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background-color: #fff9;
  border-radius: 100px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  height: 3.7vw;
  padding: .46vw .69vw;
  text-decoration: none;
  display: flex;
}

.nav-items {
  grid-column-gap: 1.39vw;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
}

.frame-5069 {
  grid-column-gap: .46vw;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
}

.nav-link-default {
  grid-column-gap: 0px;
  color: #333;
  border-radius: 43px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  height: 2.78vw;
  padding: .23vw 1.16vw;
  text-decoration: none;
  display: flex;
}

.nav-link-default:hover {
  color: #111;
  background-color: #fff9;
}

.nav-link-default:active {
  color: #000;
  background-color: #fffc;
}

.nav-link-default.w--current {
  background-color: #fff;
}

.nav-link-default.nav-link-future {
  display: none;
}

.nav-link-default.nav-selected-40 {
  color: #000;
  background-color: #fffc;
}

.nav-link-text {
  margin-top: 0;
  margin-bottom: 0;
  font-family: Neuemontreal, sans-serif;
  font-size: 1.16vw;
  font-weight: 400;
  line-height: 2.31vw;
  text-decoration: none;
}

.nav-link-text.nav-link-text-selected {
  color: #000;
}

.nav-link-text.text-beta {
  margin-top: -.13vw;
  margin-left: 4px;
  font-family: Neuemontreal, sans-serif;
  font-size: .8vw;
  line-height: 1vw;
  text-decoration: none;
}

.nav-link-text.text-new {
  color: var(--white);
  background-color: #222;
  border-radius: 2.89vw;
  margin-top: .2vw;
  margin-left: 4px;
  padding: .25vw .5vw .05vw;
  font-family: Akkurat Mono, sans-serif;
  font-size: .7vw;
  line-height: 1vw;
  text-decoration: none;
}

.nav-link-selected {
  grid-column-gap: 10px;
  background-color: #fffc;
  border-radius: 43px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  height: 2.78vw;
  padding: .23vw 1.16vw;
  text-decoration: none;
  display: flex;
}

.nav-link-selected.w--current {
  color: #000;
}

.header-button {
  grid-column-gap: 0px;
  color: #f9f9f9;
  background-color: #222;
  border: 1px solid #222;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  height: 2.78vw;
  padding: .69vw 1.39vw;
  text-decoration: none;
  display: flex;
  box-shadow: 0 3px 6px #00000026;
}

.header-button:hover {
  color: #fff;
  background-color: #111;
  border-color: #111;
  box-shadow: 0 2px 4px #0000001a;
}

.header-button:active {
  box-shadow: none;
  background-color: #000;
  border-color: #000;
}

.nav-button-text {
  margin-top: 0;
  margin-bottom: 0;
  font-family: Neuemontreal, sans-serif;
  font-size: 1.16vw;
  font-weight: 400;
  line-height: 2.31vw;
  text-decoration: none;
}

.off-canvas-wrapper {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1.5fr 1fr;
  grid-auto-columns: 1fr;
  width: 90%;
  max-width: 1110px;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  display: grid;
  overflow: auto;
}

.social-wrap {
  align-items: center;
  display: flex;
}

.small-link {
  color: #fff;
  margin-bottom: 8px;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  text-decoration: none;
}

.connect-text {
  color: #fff;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-bottom: 24px;
  font-size: 12px;
  line-height: 14px;
}

.connect-wrap {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.hover-line {
  background-color: #fec483;
  width: 100%;
  height: 16px;
  position: absolute;
  top: auto;
  bottom: auto;
}

.brand {
  z-index: 101;
  color: #1a1a1f;
  font-size: 22px;
  font-weight: 700;
  line-height: 22px;
}

.huge-link {
  color: #fff;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  margin-top: 35px;
  margin-bottom: 25px;
  padding-bottom: 10px;
  font-size: 70px;
  line-height: 76px;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: hidden;
}

.header-mobile {
  background-color: #0000;
  justify-content: center;
  align-items: center;
  min-height: 90px;
  padding-top: 30px;
  padding-bottom: 30px;
  display: none;
  position: fixed;
  inset: 0% 0% auto;
}

.hamburger-bottom {
  background-color: #1a1a1f;
  width: 100%;
  height: 2px;
}

.big-overlay {
  background-color: #1a1a1f;
  width: 100%;
  height: 100vh;
  position: fixed;
  inset: 0% 0% auto;
}

.white {
  color: #fff;
}

.white.op70 {
  opacity: .7;
}

.hamburger-wrapper {
  cursor: pointer;
  flex-direction: column;
  justify-content: space-between;
  width: 60px;
  height: 20px;
  display: flex;
}

._001-nav-btn-wrap {
  z-index: 101;
  padding: 0;
}

._001-nav-btn-wrap.w--open {
  background-color: #0000;
}

.hamburger-top {
  background-color: #1a1a1f;
  width: 100%;
  height: 2px;
}

.off-other-column {
  grid-column-gap: 0px;
  grid-row-gap: 72px;
  border-left: 1px solid #ffffff4d;
  grid-template-rows: min-content min-content min-content;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  padding-top: 180px;
  padding-left: 90px;
  display: grid;
}

.hamburger-middle {
  background-color: #1a1a1f;
  width: 100%;
  height: 2px;
}

.yellow {
  color: #fec483;
}

._001-nav-container {
  width: 90%;
  max-width: 1440px;
  margin-left: 0;
  margin-right: 0;
  position: relative;
}

.social-icon {
  opacity: .7;
  background-image: url('../images/Twitter-icon.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 22px;
  height: 22px;
  margin-right: 24px;
  transition: opacity .3s;
}

.social-icon:hover {
  opacity: 1;
}

.social-icon.insta {
  background-image: url('../images/Insta-icon.svg');
}

.social-icon.fb {
  background-image: url('../images/Facebook-icon.svg');
}

.social-icon.dribbble {
  background-image: url('../images/Dribble-icon.svg');
}

.off-main-linka {
  flex-direction: column;
  align-items: flex-start;
  padding-top: 180px;
  display: flex;
}

.nav-arrows {
  height: 100%;
}

.topics-grid-mobile {
  display: none;
}

.platform-main-block {
  margin-top: 40px;
  margin-left: 1.85vw;
  margin-right: 1.85vw;
}

.platform-main-blk-textdiv {
  color: #000;
  margin-top: 28px;
  font-family: Neuemontreal, sans-serif;
  font-size: 20px;
  line-height: 28px;
}

.platform-main-blk-2col {
  width: 100%;
  max-width: none;
  margin-right: 1.85vw;
  display: flex;
}

.platform-primary-button {
  background-color: #222;
  border-radius: 1000px;
  padding: 22px 48px 24px;
  font-family: Neuemontreal, sans-serif;
  font-size: 24px;
  line-height: 40px;
}

._2-buttons {
  grid-column-gap: .93vw;
  grid-row-gap: .93vw;
  justify-content: flex-start;
  align-items: center;
  margin-top: 1vw;
  margin-left: 10.5vw;
}

._2-buttons.buttons-contributors, ._2-buttons.buttons-main, ._2-buttons.buttons-community {
  margin-top: 1vw;
}

.platform-main-text {
  color: #000;
  letter-spacing: -.1px;
  margin-top: 10px;
  margin-left: 32px;
  font-family: Neuemontreal, sans-serif;
  font-size: 24px;
  line-height: 40px;
}

.link-2 {
  color: #000;
}

.image-216 {
  width: 35%;
}

.platform-main-blk-h1 {
  letter-spacing: -.3px;
  font-family: Neuemontreal, sans-serif;
  font-size: 64px;
  font-weight: 400;
  line-height: 80px;
}

.platform-main-blk-text {
  color: #0006;
  margin-top: 28px;
  font-family: Neuemontreal, sans-serif;
  font-size: 20px;
  line-height: 28px;
}

.platform-main-blk-textlink {
  color: #0006;
  margin-top: 0;
  font-family: Neuemontreal, sans-serif;
  font-size: 20px;
  line-height: 28px;
}

.flex-block-26 {
  margin-top: 140px;
}

.platform-header {
  margin-left: 1.85vw;
  padding-top: 10px;
  padding-bottom: 10px;
}

.frame-5127 {
  grid-column-gap: 10px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  padding: 10px;
  text-decoration: none;
  display: flex;
}

.vectors-wrapper-3 {
  object-fit: cover;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.background-video-6 {
  object-fit: fill;
  border-bottom-right-radius: 1.39vw;
  border-bottom-left-radius: 1.39vw;
  width: 100%;
  height: 46.6vw;
}

.div-block-15 {
  border-radius: 1.39vw;
  margin-top: 2.78vw;
  margin-left: 10.3vw;
  margin-right: 10.3vw;
  box-shadow: 0 20px 50px #0000001f;
}

.browser-header {
  border-top-left-radius: 1.39vw;
  border-top-right-radius: 1.39vw;
  width: 100%;
  box-shadow: 0 4px 12px 2px #0000000a;
}

.platform-40-bg {
  z-index: -1000;
  width: 100%;
  position: absolute;
  inset: 0% auto auto 0%;
}

.feature-block {
  background-color: #fff;
  border-radius: 2.31vw;
  width: 25%;
  margin-right: 1.16vw;
  padding: 1.62vw 2.78vw 1.85vw 1.85vw;
  box-shadow: 0 10px 20px #0000000a;
}

.feature-block.feature-block-last {
  margin-right: 0;
}

.flex-block-27 {
  margin-top: 2.78vw;
}

.feature-icon {
  width: 4.17vw;
  height: 4.17vw;
  margin-top: 1.85vw;
}

.card-text-block {
  grid-column-gap: 1.16vw;
  grid-row-gap: 1.16vw;
  margin-top: 4.63vw;
  margin-left: 3.24vw;
}

.goal-block {
  background-color: #fff;
  border-radius: 2.31vw;
  width: 55%;
  margin-right: 1.16vw;
  padding: 2.31vw 2.78vw 3.7vw;
  box-shadow: 0 10px 20px #0000000f;
}

.goal-block.goal-small {
  width: 45%;
  margin-right: 0;
}

.image-218, .image-219 {
  height: 28.24vw;
}

.goals-section {
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  padding-top: 13.43vw;
  padding-left: 1.85vw;
  padding-right: 1.85vw;
  position: static;
}

.goals-section.pu-title-section-mobile {
  margin-top: 4vw;
}

.image-220 {
  z-index: -1000;
  width: 98%;
  max-width: 98%;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.goal-highlight {
  background-color: #ffd593;
  border-radius: .46vw;
  padding-left: .23vw;
  padding-right: .23vw;
}

.goal-highlight.goal-lvl3 {
  background-color: #9cfcf6;
}

.get-started-content {
  grid-column-gap: .69vw;
  grid-row-gap: .69vw;
  flex-flow: row;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.getstarted-block {
  background-color: #000;
  border-radius: 2.31vw;
  margin: 2.31vw 1.85vw 3vw;
  padding-top: 2.31vw;
  padding-bottom: 3.7vw;
  padding-left: 2.78vw;
  position: relative;
}

.platform-hero-text-bck {
  flex-flow: column;
  display: flex;
}

.discord-card {
  margin-top: 1.16vw;
}

.div-block-17 {
  z-index: 100;
  display: flex;
  position: relative;
}

.discord-image {
  border-radius: 1.39vw;
  width: 40%;
  position: relative;
  box-shadow: 0 15px 30px #00000014;
}

.div-block-18 {
  align-self: center;
  margin-left: 2.78vw;
}

.footer-container {
  grid-column-gap: 12vw;
  grid-row-gap: 12vw;
  background-color: #e9e9e9;
  border-radius: 2.31vw;
  justify-content: space-between;
  align-items: flex-start;
  width: auto;
  height: 24vw;
  min-height: 24vw;
  max-height: 24vw;
  padding: 1.8vw 4.6vw 2.46vw 2.78vw;
  text-decoration: none;
  display: flex;
}

.logo-footer-cotainer {
  grid-row-gap: 0px;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  height: 100%;
  text-decoration: none;
  display: flex;
}

.logo-footer {
  object-fit: fill;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  height: 100%;
  text-decoration: none;
  display: flex;
  overflow: visible;
}

.copyright {
  opacity: 1;
  color: #8e8e8e;
  letter-spacing: -.02em;
  text-transform: uppercase;
  object-fit: fill;
  border-radius: 0;
  justify-content: space-between;
  align-items: flex-end;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Akkurat Mono, sans-serif;
  font-size: 1.04vw;
  font-weight: 400;
  line-height: 1.8vw;
  text-decoration: none;
  display: flex;
}

.copyright.mobile {
  display: none;
}

.footer-all-groups {
  grid-column-gap: 4vw;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 2.85vw;
  text-decoration: none;
  display: flex;
}

.footer-links-group-title {
  grid-row-gap: .8vw;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: auto;
  text-decoration: none;
  display: flex;
}

.footer-group-title {
  opacity: 1;
  color: #8e8e8e;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Neuemontreal, sans-serif;
  font-size: 1.62vw;
  font-weight: 400;
  line-height: 2.31vw;
  text-decoration: none;
}

.footer-links {
  grid-row-gap: .4vw;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.footer-link-internal {
  color: #222;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Neuemontreal, sans-serif;
  font-size: 1.16vw;
  font-weight: 400;
  line-height: 2.31vw;
  text-decoration: none;
  display: block;
}

.footer-link-internal:hover {
  color: #8e8e8e;
}

.footer-link-new-badge {
  grid-column-gap: .3vw;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.badge {
  grid-column-gap: 10px;
  background-color: #222;
  border: 1px solid #fff;
  border-radius: 31px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  padding-top: 3px;
  padding-left: 8px;
  padding-right: 8px;
  text-decoration: none;
  display: flex;
}

.new {
  color: #fff;
  letter-spacing: undefinedundefined;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  text-decoration: none;
}

.footer-groups {
  grid-column-gap: 4vw;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
}

.footer-links-group-title-2 {
  grid-row-gap: .8vw;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: auto;
  text-decoration: none;
  display: flex;
}

.footer-links-2 {
  grid-row-gap: .4vw;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.footer-links-group-title-3 {
  grid-row-gap: .8vw;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 138px;
  text-decoration: none;
  display: flex;
}

.footer-links-3 {
  grid-row-gap: .4vw;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.footer-links-group-title-4 {
  grid-row-gap: .8vw;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 180px;
  text-decoration: none;
  display: flex;
}

.copyright-2024-productmap-pro-all-rights-reserved-designed-at-graphica-1 {
  opacity: .3;
  color: #222;
  letter-spacing: -.02em;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 28px;
  text-decoration: underline;
}

.footer-link-external {
  color: #8e8e8e;
  text-decoration: underline;
}

.footer-2 {
  margin-left: 1.85vw;
  margin-right: 1.85vw;
  padding-top: 1.155vw;
  padding-bottom: 4.85vw;
}

.logo-container {
  justify-content: flex-start;
  align-items: flex-start;
  width: 20vw;
  height: 8vw;
  display: flex;
  overflow: visible;
}

.skills-hero {
  grid-column-gap: 5.6vw;
  grid-row-gap: 5.6vw;
  background-color: #fff;
  border-radius: 2.31vw;
  justify-content: flex-start;
  align-items: flex-end;
  width: auto;
  height: auto;
  margin-top: 2.31vw;
  margin-left: 1.85vw;
  margin-right: 1.85vw;
  padding: 2.81vw 2.81vw 4.81vw;
  text-decoration: none;
  display: flex;
}

.title-illustration {
  object-fit: fill;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 43vw;
  height: auto;
  text-decoration: none;
  display: flex;
}

.text-24 {
  color: #222;
  letter-spacing: -.01em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 56px;
  font-weight: 400;
  line-height: 56px;
  text-decoration: none;
}

.hero-image-1 {
  object-fit: cover;
  width: 100%;
  height: auto;
  margin-top: 2.7vw;
  display: block;
}

.description-skill-groups {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 37.5vw;
  margin-bottom: 1.62vw;
  text-decoration: none;
  display: flex;
}

.skills-label {
  color: #222;
  letter-spacing: -.01em;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 2.7vw;
  font-family: Akkurat Mono, sans-serif;
  font-size: 1.04vw;
  font-weight: 400;
  line-height: 1.62vw;
  text-decoration: none;
  display: none;
}

.skill-groups-description {
  grid-row-gap: .4vw;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.skill-group-descripton {
  grid-row-gap: 8px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.number-title {
  grid-column-gap: 28px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.text-26 {
  opacity: .3;
  color: #222;
  letter-spacing: -.01em;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 400;
  line-height: 18px;
  text-decoration: none;
}

.vectors-wrapper-4 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 46px;
  height: 2px;
  text-decoration: none;
  display: flex;
}

.hero-skill-tag {
  grid-column-gap: 10px;
  background-color: #ffcc7d;
  border-radius: .4vw;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: .2vw .6vw;
  font-family: Neuemontreal, sans-serif;
  font-size: 1.62vw;
  line-height: 2.2vw;
  text-decoration: none;
  display: flex;
}

.hero-skill-tag.cian-tag {
  background-color: #83fbf4;
}

.hero-skill-tag.green-tag {
  background-color: #befc8c;
}

.hero-skill-tag.pink-tag {
  background-color: #ffbdf0;
}

.hero-skill-tag.blue-tag {
  background-color: #a3bcff;
}

.text-27 {
  color: #222;
  letter-spacing: -.01em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 28px;
  font-weight: 400;
  line-height: 130%;
  text-decoration: none;
}

.descripton {
  grid-column-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-left: 7.3vw;
  text-decoration: none;
  display: flex;
}

.text-28 {
  color: #222;
  letter-spacing: -.01em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 24px;
  font-weight: 400;
  line-height: 130%;
  text-decoration: none;
}

.title-4 {
  grid-column-gap: 10px;
  background-color: #83fbf4;
  border-radius: 6px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 2px 8px;
  text-decoration: none;
  display: flex;
}

.title-5 {
  grid-column-gap: 10px;
  background-color: #befc8c;
  border-radius: 6px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 2px 8px;
  text-decoration: none;
  display: flex;
}

.title-6 {
  grid-column-gap: 10px;
  background-color: #ffbdf0;
  border-radius: 6px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 2px 8px;
  text-decoration: none;
  display: flex;
}

.title-7 {
  grid-column-gap: 10px;
  background-color: #a3bcff;
  border-radius: 6px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 2px 8px;
  text-decoration: none;
  display: flex;
}

.hero-skills-title {
  color: #222;
  letter-spacing: -.01em;
  justify-content: flex-start;
  align-items: center;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 2.31vw;
  font-weight: 400;
  line-height: 3.24vw;
  text-decoration: none;
  display: flex;
}

.hero-skills-title-italic {
  color: #222;
  letter-spacing: -.01em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 2.31vw;
  font-style: italic;
  font-weight: 400;
  line-height: 3.24vw;
  text-decoration: none;
}

.body-4 {
  -webkit-text-fill-color: inherit;
  background-color: #f4f4f5;
  background-clip: border-box;
}

.skills-ill-container {
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: auto;
  display: block;
}

.text-block-9 {
  font-family: Neuemontreal, sans-serif;
  font-size: 24px;
  line-height: 32px;
}

.skill-hero-descripton {
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.number {
  grid-column-gap: 28px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  margin-top: .4vw;
  padding-top: 0;
  text-decoration: none;
  display: flex;
}

.text-29 {
  opacity: .3;
  color: #222;
  letter-spacing: -.01em;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 400;
  line-height: 18px;
  text-decoration: none;
}

.vectors-wrapper-5 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 46px;
  height: 2px;
  text-decoration: none;
  display: flex;
}

.tag-description {
  grid-row-gap: 8px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: auto;
  margin-bottom: 1.62vw;
  text-decoration: none;
  display: flex;
}

.tag-description.last {
  margin-bottom: 0;
}

.title-8 {
  grid-column-gap: 10px;
  background-color: #ffcc7d;
  border-radius: 6px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 2px 8px;
  text-decoration: none;
  display: flex;
}

.text-30 {
  color: #222;
  letter-spacing: -.01em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 28px;
  font-weight: 400;
  line-height: 130%;
  text-decoration: none;
}

.paragraph-small {
  width: 100%;
  font-family: Neuemontreal, sans-serif;
  font-size: 1.38vw;
  line-height: 1.8vw;
}

.paragraph-small.gray {
  color: #0006;
}

.paragraph-small.gray.coming-soon {
  filter: blur(5px);
}

.paragraph-small.dark-gray {
  color: #000000b3;
  justify-content: flex-start;
  align-items: flex-start;
  display: block;
}

.paragraph-small.dark-gray.centred {
  text-align: center;
}

.paragraph-small.white {
  z-index: 101;
  color: #fff;
  background-color: #0000;
  position: relative;
}

.paragraph-small.white.get-started {
  margin-top: 0;
  margin-bottom: 0;
}

.paragraph-small.contributors {
  color: #2226;
  width: 100%;
  margin-top: .36vw;
}

.paragraph-small.contributors.benefit-text {
  text-align: left;
  width: 90%;
}

.paragraph-small.contributors.way-text {
  text-align: left;
  width: 100%;
}

.paragraph-small.main {
  color: #2226;
  width: 100%;
  margin-top: .36vw;
}

.paragraph-small.main.benefit-text {
  color: #222c;
  text-align: left;
  width: 90%;
}

.paragraph-small.main.benefit-text.centred {
  text-align: center;
  width: 40%;
  margin-top: 1.4vw;
}

.paragraph-small.main.way-text {
  text-align: left;
  width: 100%;
}

.paragraph-small.main.left {
  color: #222c;
  text-align: left;
}

.paragraph-small.main.left.bullet-list {
  word-break: normal;
  overflow-wrap: normal;
  -webkit-text-decoration-skip-ink: auto;
  text-decoration-skip-ink: auto;
  text-decoration: none;
}

.paragraph-small.main.centred {
  color: #222c;
  width: 100%;
  margin-top: 1.6vw;
}

.paragraph-small.community {
  margin-bottom: 0;
}

.skill-groups {
  object-fit: fill;
  margin: 10vw 1.85vw;
  position: static;
  overflow: visible;
}

.skill-group-intro {
  background-image: url('../images/bg.png');
  background-position: 0 0;
  background-size: cover;
  background-attachment: scroll;
  border-radius: 2.31vw;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-top: 1.4vw;
  padding: 2.81vw;
  text-decoration: none;
  display: flex;
}

.skill-group-intro.product {
  margin-top: 0;
}

.skill-group-intro.customer {
  background-image: url('../images/bg-cian.png');
}

.skill-group-intro.analytics {
  background-image: url('../images/bg-green.png');
}

.skill-group-intro.process {
  background-image: url('../images/bg-pink.png');
}

.skill-group-intro.people {
  background-image: url('../images/bg-blue.png');
}

.container-3 {
  grid-row-gap: 1.6vw;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 44vw;
  height: auto;
  text-decoration: none;
  display: flex;
}

.title-description {
  grid-column-gap: .8vw;
  grid-row-gap: .8vw;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.text-31 {
  color: #000;
  letter-spacing: -.015em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 56px;
  font-weight: 400;
  line-height: 68px;
  text-decoration: none;
}

.text-32 {
  opacity: .5;
  color: #222;
  letter-spacing: -.01em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 24px;
  font-weight: 400;
  line-height: 36px;
  text-decoration: none;
}

.skills-tags {
  grid-column-gap: .4vw;
  border-radius: 40px;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.skill-1 {
  grid-column-gap: 10px;
  background-color: #fff;
  border-radius: 20px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 17px 20px;
  text-decoration: none;
  display: flex;
}

.skill-group-tag {
  color: #000;
  background-color: #fff;
  border-radius: 1.15vw;
  justify-content: flex-start;
  align-items: center;
  width: auto;
  margin-top: 0;
  margin-bottom: 0;
  padding: .93vw 1.16vw;
  font-family: Neuemontreal, sans-serif;
  font-size: 1.16vw;
  font-weight: 400;
  line-height: 1.39vw;
  text-decoration: none;
  display: flex;
}

.product-group-illustration {
  object-fit: fill;
}

.skill-group-ill {
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 26vw;
}

.skills-card {
  background-color: #fff;
  border-radius: 2.31vw;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-top: 1.4vw;
  padding: 2.81vw;
  text-decoration: none;
  display: flex;
}

.skills-card-container {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 40.5vw;
  text-decoration: none;
  display: flex;
}

.title-description-2 {
  grid-column-gap: 1vw;
  grid-row-gap: 1vw;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.text-33 {
  color: #222;
  letter-spacing: -.015em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 48px;
  font-weight: 400;
  line-height: 56px;
  text-decoration: none;
}

.error-4232af04-ee77-cb79-3a46-ca6207afefbd {
  color: #222;
  letter-spacing: -.01em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 24px;
  font-weight: 400;
  line-height: 36px;
  text-decoration: none;
}

.levels-container {
  border: 1px solid #d7d7d7;
  border-radius: .7vw;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  margin-top: 1.8vw;
  margin-bottom: 1.8vw;
  padding: 1.36vw;
  text-decoration: none;
  display: flex;
}

.levels {
  grid-row-gap: .8vw;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.label {
  color: #222;
  letter-spacing: -.01em;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 400;
  line-height: 18px;
  text-decoration: none;
}

.container-5 {
  grid-row-gap: .8vw;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.skill-level {
  grid-column-gap: 20px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.frame-668 {
  grid-column-gap: 8px;
  background-color: #ffcc7d;
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  width: 68px;
  padding: 4px 10px;
  text-decoration: none;
  display: flex;
  box-shadow: 0 12px 24px #0000000f;
}

.text-34 {
  color: #222;
  text-align: center;
  letter-spacing: .05em;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 400;
  line-height: 100%;
  text-decoration: none;
}

.tag-3 {
  opacity: .5;
  color: #222;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 400;
  line-height: 130%;
  text-decoration: none;
}

.tag-4 {
  grid-column-gap: 8px;
  background-color: #ffcc7d;
  border-radius: 20px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 4px 10px;
  text-decoration: none;
  display: flex;
  box-shadow: 0 12px 24px #0000000f;
}

.key-topics {
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.text-35 {
  opacity: .4;
  color: #222;
  letter-spacing: -.01em;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 400;
  line-height: 18px;
  text-decoration: none;
}

.topics-2 {
  grid-column-gap: 8px;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.topic {
  grid-column-gap: 10px;
  background-color: #222;
  border: 1px solid #222;
  border-radius: 31px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 10px 10px 6px;
  text-decoration: none;
  display: flex;
}

.text-36 {
  color: #fff;
  letter-spacing: -.01em;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 18px;
  text-decoration: none;
}

.topic-2 {
  grid-column-gap: 10px;
  border: 1px solid #d7d7d7;
  border-radius: 31px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 10px 10px 6px;
  text-decoration: none;
  display: flex;
}

.text-37 {
  color: #222;
  letter-spacing: -.01em;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 18px;
  text-decoration: none;
}

.skill-illustration {
  object-fit: fill;
  display: block;
  overflow: clip;
}

.paragraph-xsmall {
  color: #222;
  text-align: left;
  word-break: normal;
  overflow-wrap: normal;
  font-family: Neuemontreal, sans-serif;
  font-size: 1.15vw;
  line-height: 1.5vw;
  text-decoration: none;
}

.paragraph-xsmall.skill {
  color: #000000b3;
}

.paragraph-xsmall.skill.white {
  color: #ffffff80;
}

.paragraph-xsmall.resource-description {
  color: #0006;
}

.paragraph-xsmall.skill-copy {
  color: #000000b3;
}

.paragraph-xsmall.grade {
  color: #33333380;
}

.paragraph-xsmall.grade.community {
  width: 90%;
}

.paragraph-xsmall.community-avatars {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-left: 1.6vw;
  display: flex;
}

.paragraph-xsmall.white {
  color: #eee9;
}

.skill-diagram-container {
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 40vw;
}

.skill-card-tag {
  background-color: #ffcc7d;
  border-radius: 1.15vw;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 3.8vw;
  padding: .44vw .8vw .24vw;
  font-family: Akkurat Mono, sans-serif;
  font-size: 1.04vw;
  line-height: 1.5vw;
  display: flex;
}

.skill-card-tag.skill {
  color: #33333380;
}

.skill-card-tag.cian {
  background-color: #83fbf4;
}

.skill-card-tag.green {
  background-color: #befc8c;
}

.skill-card-tag.pink {
  background-color: #ffbdf0;
}

.skill-card-tag.blue {
  background-color: #a3bcff;
}

.skill-card-heading {
  color: #222;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Neuemontreal, sans-serif;
  font-size: 2.8vw;
  font-weight: 400;
  line-height: 3.6vw;
  display: flex;
}

.skill-cards-container {
  object-fit: fill;
  margin-top: 0;
}

.resources-card {
  grid-row-gap: 2.7vw;
  background-color: #fff;
  border-radius: 2.31vw;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  margin-top: 2.7vw;
  padding: 2.81vw;
  text-decoration: none;
  display: flex;
}

.title-links {
  grid-row-gap: 1.8vw;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.resources-title-description {
  grid-row-gap: .3vw;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.text-38 {
  color: #000;
  letter-spacing: -.01em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 48px;
  font-weight: 400;
  line-height: 56px;
  text-decoration: none;
}

.text-39 {
  opacity: .5;
  color: #222;
  letter-spacing: -.01em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 24px;
  font-weight: 400;
  line-height: 36px;
  text-decoration: none;
}

.resources-row {
  grid-column-gap: 1.15vw;
  flex-flow: row;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.resources-row.skills-resources {
  flex-flow: row;
}

.resource {
  grid-row-gap: 1.2vw;
  border: 1px solid #d7d7d7;
  border-radius: .7vw;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 30vw;
  padding: 1.4vw;
  text-decoration: none;
  display: flex;
}

.resource:hover {
  border-color: #b9b9b9;
}

.resource-card-image {
  object-fit: cover;
  border-radius: 0;
  width: 100%;
}

.content {
  grid-row-gap: 1vw;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.title-descriptor {
  grid-row-gap: .4vw;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.title-9 {
  color: #222;
  letter-spacing: .1px;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 28px;
  font-weight: 400;
  line-height: 130%;
  text-decoration: none;
}

.descriptor {
  opacity: .5;
  color: #222;
  letter-spacing: .1px;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 400;
  line-height: 130%;
  text-decoration: none;
}

.tag-link {
  grid-column-gap: 6px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.tag-5 {
  grid-column-gap: 10px;
  background-color: #fce88e;
  border-radius: 8px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 4px 8px;
  text-decoration: none;
  display: flex;
}

.text-40 {
  color: #303030;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 400;
  line-height: 100%;
  text-decoration: none;
}

.title-links-2 {
  grid-row-gap: 1.8vw;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  margin-top: 2vw;
  text-decoration: none;
  display: flex;
}

.resources-description {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.text-41 {
  color: #000;
  letter-spacing: -.01em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 36px;
  font-weight: 400;
  line-height: 56px;
  text-decoration: none;
}

.add-resources-row {
  grid-column-gap: 1.15vw;
  grid-row-gap: 1.15vw;
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.resource-small {
  grid-row-gap: 1vw;
  border: 1px solid #d7d7d7;
  border-radius: .7vw;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 30vw;
  padding: 1.4vw;
  text-decoration: none;
  display: flex;
}

.resource-tag-link {
  grid-column-gap: 6px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.paragraph-skill {
  color: #222;
  letter-spacing: -.1px;
  margin-bottom: 0;
  margin-left: 0;
  padding-right: 1vw;
  font-family: Neuemontreal, sans-serif;
  font-size: 1.62vw;
  line-height: 2.31vw;
  display: block;
}

.paragraph-skill.product-list {
  color: #2226;
  margin-bottom: 0;
  font-style: italic;
}

.paragraph-skill.top-contributors-p {
  color: #3333334d;
  margin-right: 80px;
}

.paragraph-skill.community-button {
  color: #222;
  margin-left: 1.27vw;
  margin-right: 2.31vw;
  display: inline-block;
  position: relative;
  top: .46vw;
}

.paragraph-skill.donation-paragraph {
  color: #3333334d;
  position: relative;
}

.paragraph-skill.donation-paragraph.card-title {
  margin-bottom: 0;
  display: flex;
  top: -17vw;
  left: 3.24vw;
}

.paragraph-skill.donation-paragraph.card-title.card-title--bold {
  color: #333;
}

.paragraph-skill.donation-paragraph.card-title.card-title--payment {
  display: inline-block;
  top: -12vw;
}

.paragraph-skill.donation-paragraph.donation-improvements {
  margin-bottom: 6.48vw;
}

.paragraph-skill.p-2col {
  margin-left: 11.11vw;
}

.paragraph-skill.p-2col.p-afterstar {
  margin-left: .93vw;
}

.paragraph-skill.p-date {
  color: #3336;
  width: 11.57vw;
}

.paragraph-skill.p-oneliner, .paragraph-skill.p-contributors {
  margin-bottom: 0;
}

.paragraph-skill.p-contributors.discord-text {
  color: #c7c7c7;
  margin-top: .81vw;
  margin-bottom: 1.62vw;
}

.paragraph-skill.price-label {
  color: #eeeeed;
  margin-bottom: 0;
}

.paragraph-skill.link-payment {
  color: #3333334d;
  cursor: pointer;
  display: inline-block;
}

.paragraph-skill.link-payment:hover {
  color: #333;
  text-decoration: none;
}

.paragraph-skill.footer-par {
  color: #3336;
  margin-bottom: 0;
}

.paragraph-skill.footer-par._2-col {
  text-align: right;
}

.paragraph-skill.cardcontribute-p {
  margin-bottom: 0;
}

.paragraph-skill.paragraph-white {
  color: #fff;
  font-weight: 400;
}

.paragraph-skill.p-white {
  z-index: 200;
  color: #fff;
  margin-bottom: 0;
  font-weight: 400;
  text-decoration: none;
  display: block;
  position: relative;
  overflow: visible;
}

.paragraph-skill.authors-p {
  color: #33333380;
  width: 100%;
  margin-right: 80px;
}

.paragraph-skill.header-link {
  color: #222;
  margin: .925vw 0 0 1.85vw;
  text-decoration: underline;
}

.paragraph-skill.success-form-text {
  color: #fff;
}

.paragraph-skill.card {
  margin-bottom: 0;
}

.paragraph-skill.card-description {
  color: #33333380;
  margin-bottom: 0;
  font-size: 1.62vw;
}

.paragraph-skill.blur {
  filter: blur(10px);
}

.paragraph-skill.card-small-text {
  color: #222c;
  width: 86%;
  font-size: 1.39vw;
  line-height: 2.08vw;
}

.tag-resource {
  background-color: #fce88e;
  border-radius: .5vw;
  padding: .2vw .46vw;
  font-family: Neuemontreal, sans-serif;
  font-size: 1.15vw;
  line-height: 1.5vw;
}

.additional-resources {
  margin: 10vw 1.85vw;
}

.skill-assessment {
  margin: 1.85vw 1.85vw 3vw;
}

.assessment-container {
  margin-top: 2.4vw;
}

.skills-nav-item {
  grid-row-gap: 16px;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background-color: #ffffff80;
  border-radius: 40px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 214px;
  padding: 16px;
  text-decoration: none;
  display: flex;
}

.nav-skill-items {
  z-index: 1000;
  clear: right;
  grid-row-gap: .4vw;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background-color: #fff9;
  border-radius: 2.31vw;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  width: 12.5vw;
  max-width: 12.5vw;
  margin-left: .93vw;
  margin-right: .93vw;
  padding: .69vw;
  text-decoration: none;
  display: flex;
  position: sticky;
  bottom: 1vw;
}

.skill-nav-item {
  grid-column-gap: 10px;
  background-color: #f5f5f5;
  border-radius: 43px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 48px;
  padding: 4px 20px;
  display: flex;
}

.text-42 {
  color: #222;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 400;
  line-height: 40px;
  text-decoration: none;
}

.skill-nav-item-2 {
  grid-column-gap: 10px;
  border-radius: 43px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 48px;
  padding: 4px 20px;
  display: flex;
}

.nav-link-skill {
  grid-column-gap: 0px;
  color: #333;
  border-radius: 43px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 2.78vw;
  padding: .23vw 2.16vw;
  text-decoration: none;
  display: flex;
}

.nav-link-skill:hover {
  color: #111;
  background-color: #f5f5f599;
}

.nav-link-skill:active {
  color: #000;
  background-color: #f5f5f5;
}

.nav-link-skill.w--current {
  background-color: #f5f5f5;
}

.nav-link-skill.nav-link-future {
  display: none;
}

.nav-link-skill.nav-selected-40 {
  color: #000;
  background-color: #fffc;
}

.skill-nav-sticky {
  z-index: 1000;
  float: right;
  grid-column-gap: .4vw;
  grid-row-gap: .4vw;
  aspect-ratio: auto;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  object-fit: fill;
  background-color: #fff9;
  border-radius: 2.31vw;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 12.5vw;
  margin-right: -1vw;
  padding: .69vw;
  display: flex;
  position: fixed;
  top: auto;
  bottom: 1vw;
  right: 2vw;
  overflow: visible;
}

.product-group {
  padding-top: 1.4vw;
}

.customer-group, .analytics-group, .process-group, .people-group {
  padding-top: .1vw;
}

.skill-diagram-container-mobile {
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 40vw;
  display: none;
}

.nav-container {
  flex-flow: column;
  margin-top: -15.5vw;
  display: block;
  position: relative;
}

.div-block-19 {
  position: relative;
}

.platform-hero-text-bck-copy {
  flex-flow: column;
  display: flex;
}

.pm-skills-link {
  color: #333;
}

.pm-skills-link:hover {
  color: #000;
  text-decoration: none;
}

.skills-grade {
  background-color: #fff;
  border-radius: 2.31vw;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-top: 1.4vw;
  padding: 2.81vw;
  text-decoration: none;
  display: flex;
}

.grades-card-container {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 33vw;
  display: flex;
}

.grades-hero {
  grid-column-gap: 5.6vw;
  grid-row-gap: 5.6vw;
  background-color: #fff;
  border-radius: 2.31vw;
  justify-content: flex-start;
  align-items: flex-end;
  width: auto;
  height: auto;
  margin-top: 2.31vw;
  margin-left: 1.85vw;
  margin-right: 1.85vw;
  padding: 2.81vw 2.81vw 4.81vw;
  text-decoration: none;
  display: flex;
}

.grade-illustration {
  object-fit: fill;
  display: block;
  overflow: clip;
}

.grade-diagram-container {
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 53vw;
}

.grades-card {
  background-color: #fff;
  border-radius: 2.31vw;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-top: 1.4vw;
  padding: 2.81vw;
  text-decoration: none;
  display: flex;
}

.grades-card-heading {
  color: #222;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Neuemontreal, sans-serif;
  font-size: 2.8vw;
  font-weight: 400;
  line-height: 3.6vw;
  display: flex;
}

.skills-to-grade-container {
  border: 1px solid #d7d7d7;
  border-radius: .7vw;
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  margin-top: .4vw;
  margin-bottom: .4vw;
  padding: 1vw;
  text-decoration: none;
  display: flex;
}

.skills-to-grade-container:hover {
  background-color: #fbfbfb;
}

.skills-to-grade {
  grid-row-gap: .8vw;
  flex-flow: row;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.score-title-description {
  grid-column-gap: .23vw;
  grid-row-gap: .23vw;
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  width: 18vw;
}

.skill-score {
  grid-column-gap: 1.1vw;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.grade-skill-groups-container {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  width: 100%;
  margin-top: 1.5vw;
  margin-bottom: 1.5vw;
}

.bar-container {
  width: 100%;
  max-width: 12vw;
}

.grades-nav-sticky {
  z-index: 1000;
  float: right;
  grid-column-gap: .4vw;
  grid-row-gap: .4vw;
  aspect-ratio: auto;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  object-fit: fill;
  background-color: #fff9;
  border-radius: 2.31vw;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 12.5vw;
  margin-right: -1vw;
  padding: .69vw;
  display: flex;
  position: fixed;
  top: auto;
  bottom: 1vw;
  right: 2vw;
  overflow: visible;
}

.nav-link-grade {
  grid-column-gap: 0px;
  color: #333;
  border-radius: 43px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 2.78vw;
  padding: .23vw 2.16vw;
  text-decoration: none;
  display: flex;
}

.nav-link-grade:hover {
  color: #111;
  background-color: #f5f5f599;
}

.nav-link-grade:active {
  color: #000;
  background-color: #f5f5f5;
}

.nav-link-grade.w--current {
  background-color: #f5f5f5;
}

.nav-link-grade.nav-link-future {
  display: none;
}

.nav-link-grade.nav-selected-40 {
  color: #000;
  background-color: #fffc;
}

.tooltip-title {
  margin-bottom: 5px;
  font-size: 110%;
  font-weight: 800;
}

.tooltip-anchor {
  z-index: 100;
  background-color: #0000;
  justify-content: center;
  width: 100%;
  height: 10px;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  padding-top: 12px;
  display: flex;
  position: absolute;
  inset: 100% 0% 0;
}

.tooltip-anchor.w--open {
  background-color: #0000;
  display: flex;
}

.tooltip-anchor.top {
  align-items: flex-end;
  padding-top: 0;
  padding-bottom: 12px;
  inset: auto 0% 100%;
}

.tooltip-anchor.top.w--open {
  display: flex;
}

.tooltip-dropdown {
  width: 100%;
  margin-left: 0;
  margin-right: 0;
  position: relative;
  inset: auto;
}

.tooltip-wrapper {
  color: #112953;
  text-align: left;
  background-color: #fafbfe;
  border: 1px solid #d8e3f0;
  border-radius: 10px;
  width: 23vw;
  font-size: 11.5px;
  font-weight: 400;
  line-height: 1.5em;
  display: block;
  position: absolute;
  box-shadow: 1px 1px 8px 1px #2d3e501f;
}

.relative {
  position: relative;
}

.tooltip-container {
  z-index: 3;
  grid-column-gap: .4vw;
  grid-row-gap: .4vw;
  background-color: #222;
  border-radius: .7vw;
  flex-flow: column;
  padding: 1.3vw 1vw;
  font-size: 12.5px;
  display: flex;
  position: relative;
}

.tooltip-content {
  vertical-align: bottom;
  border: 1px solid #d7d7d7;
  border-radius: 1px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 0;
  display: block;
  position: static;
}

.tooltip-link {
  color: #2962ff;
  border-bottom: 1px dashed #2962ff;
  height: 1.5em;
  display: inline-block;
}

.tooltip-diamond {
  z-index: 2;
  background-color: #fafbfe;
  border: 1px solid #d8e3f0;
  border-radius: 2px;
  width: 16px;
  height: 16px;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  inset: -7px 0% auto;
  transform: rotate(45deg);
  box-shadow: 0 -3px 8px #2d3e500f;
}

.tooltip-diamond.bottom {
  top: auto;
  bottom: -7px;
}

.tooltip-diamond.top {
  background-color: #222;
  border-radius: 0;
}

.tooltip-code {
  color: #290092;
  background-color: #cbe0fc;
  border-bottom: 1px solid #557dff;
  border-radius: 3px;
  padding-left: 2px;
  padding-right: 2px;
  display: inline-block;
}

.tooltip-circle {
  color: #fff;
  background-color: #2962ff;
  border-radius: 50%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100px;
  min-height: 100px;
  padding: 19px;
  display: flex;
}

.grade-tag {
  background-color: #fff175;
  border-radius: 1.15vw;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 3.8vw;
  padding: .44vw .8vw .24vw;
  font-family: Akkurat Mono, sans-serif;
  font-size: 1.04vw;
  line-height: 1.5vw;
  display: flex;
}

.grade-tag.skill {
  color: #33333380;
}

.grade-tag.cian {
  background-color: #83fbf4;
}

.grade-tag.green {
  background-color: #befc8c;
}

.grade-tag.pink {
  background-color: #ffbdf0;
}

.grade-tag.blue {
  background-color: #a3bcff;
}

.div-block-20 {
  grid-column-gap: 1.4vw;
  grid-row-gap: 1.4vw;
  flex-flow: column;
  display: flex;
}

.grade-tooltip {
  grid-column-gap: 20px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.flex-block-29 {
  grid-column-gap: .2vw;
  grid-row-gap: .2vw;
  flex-flow: column;
}

.image-221 {
  width: 13vw;
}

.text-block-10 {
  max-width: 120px;
  display: block;
}

.div-block-21 {
  flex-flow: column;
  align-items: flex-start;
  display: flex;
}

.contributors-hero-image {
  background-color: #f5f5f580;
  border-radius: 2.3vw;
  justify-content: space-between;
  align-items: center;
  display: flex;
  box-shadow: 0 20px 50px #0000001f;
}

.contributors-hero-text-bck {
  flex-flow: column;
  margin-bottom: 4vw;
  display: flex;
}

.contributors-bg {
  z-index: -1000;
  width: 100%;
  position: absolute;
  inset: 0% auto auto 0%;
}

.about-contributor-program {
  text-align: center;
  margin: 16vw 1.85vw;
}

.about-section {
  text-align: center;
  letter-spacing: -1.3px;
  margin: 2.31vw 10vw 0;
  font-family: Neuemontreal, sans-serif;
  font-size: 4.63vw;
  font-weight: 400;
  line-height: 5.09vw;
}

.about-section.h1-section-shifted {
  margin-left: 10.3vw;
}

.about-section.h1-section-shifted.h1-lightblue {
  background-color: #97e5fd;
  border-radius: 1.16vw;
  margin-left: 9.72vw;
  margin-right: .58vw;
  padding-left: .46vw;
  padding-right: .46vw;
}

.about-section.h1-section-shifted.sticky-cards-text-2nd-line {
  z-index: -100;
  position: relative;
}

.about-section.h1-highlight {
  background-color: #fce88e;
  border-radius: 1.16vw;
  margin-left: 0;
  padding-left: .46vw;
  padding-right: .46vw;
}

.about-section.h1-highlight.h1-pink {
  background-color: #ffd3da;
}

.about-section.h1-highlight.h1-orange {
  background-color: #ffd593;
}

.about-section.h1-highlight.h1-lightblue {
  background-color: #98e5fd;
}

.about-section.h1-highlight.h1-lightblue.h1-undershift {
  margin-left: 0;
}

.about-section.h1-highlight.h1-roadmap {
  margin-right: .58vw;
}

.about-section.h1-highlight.welcome-mobile {
  margin-left: .46vw;
}

.about-section.h1-highlight.welcome-mobile.h1-green {
  background-color: #9cfca6;
}

.about-section.h1-highlight.h1-green {
  background-color: #98e5fd;
}

.about-section.h1-highlight.h1-green.h1-undershift {
  background-color: #9cfca6;
  margin-left: 0;
}

.about-section.h1-highlight.h1-white {
  background-color: #fff;
}

.about-section.h1-highlight.h1-white.h1-undershift {
  margin-left: 0;
}

.about-section.h1-highlight.sticky-cards-h1-highlight {
  background-color: #cebdff;
}

.about-section.h1-staticpage {
  margin-left: -2px;
}

.about-section.h1-thankyou {
  margin-top: 3.24vh;
}

.about-section.italic {
  font-style: italic;
}

.cursor-text {
  color: #6e58ac;
  background-color: #d2c2ff;
  border: 1px solid #cdbbff;
  border-radius: .54vw;
  margin-top: -.64vw;
  margin-left: 1.28vw;
  padding: .38vw .58vw;
  font-family: Neuemontreal, sans-serif;
  font-size: 1.48vw;
  line-height: 1.68vw;
}

.cursor-text.yellow {
  color: #836b00;
  background-color: #ffe87f;
  border-color: #fadd59;
}

.cursor-text.green {
  color: #3c8a44;
  background-color: #9cfca6;
  border-style: solid;
  border-color: #73eb7f;
}

.cursor-text.blue {
  color: #2f7389;
  background-color: #8ae1fd;
  border-color: #5bd7ff;
  margin-top: -.2vw;
}

.cursor-text.pink {
  color: #b462a1;
  background-color: #ffbdf0;
  border-color: #fba4e7;
  margin-top: -.2vw;
}

.hand-cursor-pink {
  text-align: left;
  vertical-align: baseline;
  flex-flow: row;
  display: inline-block;
  position: absolute;
  top: 130.4vw;
  left: 5.42vw;
}

.hand-cursor-pink.purple {
  position: absolute;
  top: 1689.77px;
  left: 1013.26px;
}

.cursor {
  width: 2vw;
  height: 2vw;
  display: inline-flex;
}

.cursor-image {
  width: 2vw;
  height: 2vw;
}

.hand-cursor-container {
  text-align: left;
  vertical-align: baseline;
  flex-flow: row;
  display: inline-block;
}

.hand-cursor-container.purple {
  position: absolute;
  top: 1689.77px;
  left: 1013.26px;
}

.cursor-yellow {
  text-align: left;
  vertical-align: baseline;
  flex-flow: row;
  display: inline-block;
  position: absolute;
  top: 93.7vw;
  left: 9.39vw;
}

.cursor-yellow.purple {
  position: absolute;
  top: 1689.77px;
  left: 1013.26px;
}

.cursor-green {
  text-align: left;
  vertical-align: baseline;
  flex-flow: row;
  display: inline-block;
  position: absolute;
  top: 132vw;
  left: 59.1vw;
}

.cursor-green.purple {
  position: absolute;
  top: 1689.77px;
  left: 1013.26px;
}

.hand-cursor-blue {
  text-align: left;
  vertical-align: baseline;
  flex-flow: row;
  display: inline-block;
  position: absolute;
  top: 127.6vw;
  left: 82.7vw;
}

.hand-cursor-blue.purple {
  position: absolute;
  top: 1689.77px;
  left: 1013.26px;
}

.cursor-purple {
  text-align: left;
  vertical-align: baseline;
  flex-flow: row;
  display: inline-block;
  position: absolute;
  top: 97.3vw;
  left: 86vw;
}

.cursor-purple.purple {
  position: absolute;
  top: 1689.77px;
  left: 1013.26px;
}

.how-it-works {
  z-index: 50;
  flex-direction: column;
  align-items: flex-start;
  margin-top: 13.43vw;
  margin-left: 1.85vw;
  margin-right: 1.85vw;
  display: flex;
  position: relative;
}

.how-it-works.whatisit-block {
  margin-top: 2.4vw;
}

.map-platform-card {
  background-color: #fff;
  border-radius: 2.3vw;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  margin-top: 3vw;
  display: flex;
  box-shadow: 0 20px 50px #0000001f;
}

.quick-stack-2 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  padding: 3vw 0 0;
}

.cell-4 {
  padding-left: 3vw;
  padding-right: 1.5vw;
}

.cell-5 {
  padding-left: 1.5vw;
  padding-right: 3vw;
}

.cell-6 {
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 1vw;
}

.image-222 {
  height: 100%;
}

.cell-7 {
  padding-top: 1vw;
  padding-right: 0;
}

.cell-8 {
  padding-left: 1vw;
}

.cell-9 {
  padding-left: 3vw;
}

.what-we-offer {
  background-image: url('../images/What-We-Offer-BG.png');
  background-position: 50% 40%;
  background-repeat: no-repeat;
  background-size: 100vw 90vw;
  margin-top: 5vw;
  padding-top: 1vw;
  padding-bottom: 15vw;
}

.benefits-bg {
  aspect-ratio: auto;
  vertical-align: baseline;
  object-fit: fill;
  border-radius: 0;
  overflow: clip;
}

.benefits-card {
  background-color: #ffffffb3;
  border-radius: 2.3vw;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-left: 1.85vw;
  margin-right: 1.85vw;
  display: flex;
  box-shadow: 0 20px 50px #0000001f;
}

.quick-stack-3 {
  grid-column-gap: 1vw;
  grid-row-gap: 1vw;
  padding-bottom: 3vw;
  padding-left: 3vw;
  padding-right: 3vw;
}

.benefit {
  grid-column-gap: 1.2vw;
  grid-row-gap: 1.2vw;
  background-color: #fff;
  border-radius: 2.3vw;
  flex-flow: row;
  padding: 2.2vw 2vw;
  display: flex;
  box-shadow: 0 3px 6px #0000000a;
}

.benefit-icon {
  width: 9vw;
  display: block;
}

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

.top-contributors-card {
  grid-row-gap: 10px;
  border-radius: 2.3vw;
  margin-top: 4.3vw;
  margin-left: 1.85vw;
  margin-right: 1.85vw;
  padding: 3vw;
  box-shadow: 0 20px 50px #0000001f;
}

.contributors-avatar {
  width: 3.6vw;
  margin-left: -15px;
  padding-left: 0;
}

.contributors-avatar.first {
  margin-left: 0;
}

.contributors-avatar-grid {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
}

.button-contacts {
  grid-column-gap: 1.6vw;
  grid-row-gap: 1.6vw;
  flex-flow: column;
}

.ways-to-contribute {
  margin: 12vw 1.85vw 1vw;
}

.ways-card {
  grid-column-gap: 4vw;
  grid-row-gap: 4vw;
  background-color: #ffdcf7;
  border-radius: 2.3vw;
  justify-content: flex-start;
  align-items: flex-end;
  width: 29vw;
  height: 35vw;
  padding: 3vw 2vw;
  transform: rotate(-6deg);
}

.ways-card.pink {
  grid-column-gap: 3.6vw;
  grid-row-gap: 3.6vw;
  padding-left: 3vw;
  padding-right: 3vw;
  box-shadow: 0 10px 20px #0000000a;
}

.ways-card.yellow {
  grid-column-gap: 3vw;
  grid-row-gap: 3vw;
  background-color: #ffea8a;
  margin-top: 8vw;
  padding-bottom: 4vw;
  padding-left: 3vw;
  padding-right: 3vw;
  transform: rotate(0);
  box-shadow: 0 10px 20px #0000000a;
}

.ways-card.purple {
  grid-column-gap: 2vw;
  grid-row-gap: 2vw;
  background-color: #d1c1ff;
  margin-top: 5vw;
  padding-left: 3vw;
  padding-right: 3vw;
  transform: rotate(9deg);
  box-shadow: 0 10px 20px #0000000a;
}

.ways-card-illustration {
  width: 10vw;
}

.ways-card-content {
  grid-column-gap: .6vw;
  grid-row-gap: .6vw;
  flex-flow: column;
}

.ways-cards {
  justify-content: center;
  align-items: center;
}

.map-assessment {
  margin-top: 12vw;
  margin-bottom: 3vw;
}

.map-assessment-cards {
  grid-column-gap: 1vw;
  grid-row-gap: 1vw;
  justify-content: flex-start;
  align-items: flex-start;
  margin-left: 1.85vw;
  margin-right: 1.85vw;
  padding-top: 1vw;
  padding-bottom: 1vw;
  display: flex;
}

.map-card {
  grid-column-gap: 1.2vw;
  grid-row-gap: 1.2vw;
  background-color: #fff;
  border-radius: 2.3vw;
  flex-flow: column;
  width: 50%;
  padding: 3vw;
  display: flex;
  box-shadow: 0 20px 50px #0000001f;
}

.assessment-card {
  grid-column-gap: 1.2vw;
  grid-row-gap: 1.2vw;
  background-color: #d5c7ff;
  border-radius: 2.3vw;
  flex-flow: column;
  width: 50%;
  padding: 3vw;
  display: flex;
  box-shadow: 0 20px 50px #0000001f;
}

.map-image, .assessment-image {
  border-radius: 1vw;
}

.assessment-card-image {
  border-radius: 1vw;
  margin-bottom: 1vw;
}

.map-card-image {
  margin-bottom: 1vw;
}

.bold-text {
  padding-left: 0;
}

.cell-10 {
  grid-column-gap: .8vw;
  grid-row-gap: .8vw;
  padding-top: 3vw;
}

.benefts-bg-mobile, .image-226 {
  display: none;
}

.image-228 {
  order: 0;
  display: none;
}

.image-229 {
  display: none;
}

.contributors-hero-image-mobile {
  background-color: #f5f5f580;
  border-radius: 2.3vw;
  justify-content: space-between;
  align-items: center;
  display: none;
  box-shadow: 0 20px 50px #0000001f;
}

.khanin-about-block {
  padding-top: 1.96vw;
}

.topics-we-cover {
  background-image: url('../images/Topics-We-Cover-BG.png');
  background-position: 0 100%;
  background-repeat: no-repeat;
  background-size: contain;
  padding-top: 8vw;
  padding-bottom: 10vw;
}

.product-analysis-topic {
  grid-column-gap: .6vw;
  grid-row-gap: .6vw;
  background-color: #fff;
  border-radius: 2.8vw;
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  padding: 1.38vw 1.8vw;
  box-shadow: 0 4px 12px #0000000f;
}

.image-231 {
  width: 1.4vw;
  height: 1.4vw;
}

.product-generation-topics {
  grid-row-gap: 10px;
  background-color: #ffffffb3;
  border-radius: 2.3vw;
  margin-top: 4.3vw;
  margin-left: 1.85vw;
  margin-right: 1.85vw;
  padding: 3vw;
  box-shadow: 0 20px 50px #0000001f;
}

.title-cell {
  padding-bottom: 2vw;
}

.topic-info-cell {
  background-color: #fff;
  border-radius: 2.3vw;
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-start;
  display: flex;
  box-shadow: 0 4px 12px #0000000f;
}

.upcoming {
  grid-column-gap: 0vw;
  grid-row-gap: 0vw;
  background-color: #ffcef4;
  border-radius: 2.8vw;
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  padding: 1.38vw 1.8vw;
  box-shadow: 0 4px 12px #0000000f;
}

.upcoming:active {
  background-color: #ffcef4;
}

.new-suggestions {
  grid-column-gap: .6vw;
  grid-row-gap: .6vw;
  background-color: #fff;
  border-radius: 2.8vw;
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  padding: 1.38vw 1.8vw;
  box-shadow: 0 4px 12px #0000000f;
}

.new-suggestions:hover {
  background-color: #fff;
  box-shadow: 0 4px 12px #0000000f;
}

.new-suggestions:active {
  background-color: #fff;
}

.star-topic-container {
  grid-column-gap: .8vw;
  grid-row-gap: .8vw;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.product-strategy-topic {
  grid-column-gap: .6vw;
  grid-row-gap: .6vw;
  background-color: #fff;
  border-radius: 2.8vw;
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  padding: 1.38vw 1.8vw;
  box-shadow: 0 4px 12px #0000000f;
}

.product-strategy-topic:hover {
  box-shadow: 0 4px 12px #0000000f;
}

.product-generation-topic, .product-analysis-topic-copy, .product-delivery-topic, .people-processes-topic {
  grid-column-gap: .6vw;
  grid-row-gap: .6vw;
  background-color: #fff;
  border-radius: 2.8vw;
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  padding: 1.38vw 1.8vw;
  box-shadow: 0 4px 12px #0000000f;
}

.upcoming-topics-image {
  opacity: 1;
  border-radius: 2.3vw;
  width: 50.8vw;
  position: absolute;
}

.image-232, .image-233, .image-234, .image-235, .image-236, .image-237 {
  width: 1.8vw;
}

.arrow-topic-card {
  width: 1.8vw;
  display: block;
}

.arrow-topic-card:active {
  display: none;
}

.arrow-topic-card-active {
  width: 1.8vw;
  display: none;
}

.arrow-topic-card-active:active {
  display: none;
}

.new-suggestions-image {
  opacity: 1;
  border-radius: 2.3vw;
  flex: 0 auto;
  width: 50.7vw;
  display: block;
  position: absolute;
}

.product-strategy-image, .product-generation-image, .product-analysis-image, .product-delivery-image, .people-processes-image {
  opacity: 1;
  border-radius: 2.3vw;
  width: 50.6vw;
  display: block;
  position: absolute;
}

.arrow-suggestions {
  width: 1.8vw;
  display: block;
}

.arrow-suggestions:active {
  opacity: 1;
  display: none;
}

.arrow-strategy {
  width: 1.8vw;
  display: block;
}

.arrow-strategy:active {
  display: none;
}

.arrow-generation {
  width: 1.8vw;
  display: block;
}

.arrow-generation:active {
  display: none;
}

.arrow-analysis {
  width: 1.8vw;
  display: block;
}

.arrow-analysis:active {
  display: none;
}

.arrow-delivery {
  width: 1.8vw;
  display: block;
}

.arrow-delivery:active {
  display: none;
}

.arrow-people-processes {
  width: 1.8vw;
  display: block;
}

.arrow-people-processes:active {
  display: none;
}

.product-generation-topics-mobile {
  grid-row-gap: 10px;
  background-color: #ffffffb3;
  border-radius: 2.3vw;
  margin-top: 4.3vw;
  margin-left: 1.85vw;
  margin-right: 1.85vw;
  padding: 3vw;
  box-shadow: 0 20px 50px #0000001f;
}

.collborations-to-inspire {
  padding-top: 0;
  padding-bottom: 0;
}

.carousel-arrows {
  justify-content: flex-start;
  align-items: flex-end;
  padding-top: 3vw;
  padding-right: 3vw;
}

.updates-card {
  grid-row-gap: 10px;
  background-color: #ffffffb3;
  border-radius: 2.3vw;
  margin-top: 4.3vw;
  margin-left: 1.85vw;
  margin-right: 1.85vw;
  padding: 0;
  box-shadow: 0 20px 50px #0000001f;
}

.title-cell-2 {
  padding-top: 3vw;
  padding-bottom: 1vw;
  padding-left: 3vw;
}

.right-arrow {
  justify-content: space-between;
  align-items: flex-start;
  width: 4.5vw;
  height: 4vw;
  margin-top: 3vw;
  margin-bottom: 0;
  margin-right: 3vw;
  display: block;
  inset: 0;
}

.right-arrow.arrow {
  height: 2.4vw;
}

.right-arrow.arrow.right {
  margin-top: 0;
}

.icon {
  margin-top: 0;
}

.left-arrow {
  justify-content: flex-end;
  align-items: flex-start;
  width: 4.5vw;
  height: 4vw;
  margin-top: 3vw;
  margin-left: 0;
  margin-right: 0;
  display: flex;
  inset: 0 7.8vw 0 auto;
}

.left-arrow.arrow.left {
  height: 2.4vw;
  margin-top: 0;
  left: 83vw;
}

.h2-heading-slider {
  color: #222;
  text-align: left;
  letter-spacing: -.5px;
  width: 70%;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
  padding-top: 3vw;
  padding-left: 3vw;
  font-family: Neuemontreal, sans-serif;
  font-size: 3.24vw;
  font-weight: 400;
  line-height: 3.94vw;
}

.h2-heading-slider.h2-heading-white {
  z-index: 200;
  color: #fff;
  position: relative;
}

.h2-heading-slider.h2-heading-white.submit-button.about-map-link {
  position: relative;
}

.h2-heading-slider.h2-heading-shifted {
  margin-top: 0;
  margin-left: 7.75vw;
}

.h2-heading-slider.h2-heading-shifted.h2-highlight {
  background-color: #98e5fd;
  border-radius: .69vw;
  margin-left: 7.29vw;
  margin-right: 0;
  padding-left: .46vw;
  padding-right: .46vw;
}

.h2-heading-slider.h2-heading-shifted.h2-highlight.h2-white {
  background-color: #fff;
}

.h2-heading-slider.h2-static {
  margin-top: 2.78vw;
}

.paragraph-small-slider {
  width: 100%;
  font-family: Neuemontreal, sans-serif;
  font-size: 1.38vw;
  line-height: 1.8vw;
}

.paragraph-small-slider.gray {
  color: #0006;
}

.paragraph-small-slider.dark-gray {
  color: #000000b3;
  justify-content: flex-start;
  align-items: flex-start;
  display: block;
}

.paragraph-small-slider.contributors {
  color: #2226;
  width: 100%;
  margin-top: .36vw;
}

.paragraph-small-slider.contributors.benefit-text {
  text-align: left;
  width: 58%;
  padding-left: 3vw;
}

.paragraph-small-slider.contributors.way-text {
  text-align: left;
  width: 100%;
}

.updates-slider {
  background-color: var(--white);
  border-radius: 2.3vw;
  flex-flow: column;
  justify-content: space-between;
  height: 47vw;
  margin-left: 1.85vw;
  margin-right: 1.85vw;
  display: flex;
  box-shadow: 0 20px 50px #0000001f;
}

.image-238 {
  object-fit: fill;
  max-width: 100%;
  overflow: clip;
}

.icon-2 {
  top: -178px;
}

.text-block-11 {
  width: 60%;
}

.topic-arrow {
  background-image: url('../images/arrow-right.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 70% 70%;
  border: 1px solid #000;
  border-radius: 100px;
  width: 5vw;
  height: 2.4vw;
  padding: .2vw .8vw;
}

.topic-arrow:hover {
  background-color: #0a0a0a;
}

.topic-arrow.black {
  background-color: #222;
}

.topic-arrow.right {
  color: #222;
  background-image: url('../images/arrow-right-black.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 1.2vw;
  border-width: .02vw;
  width: 2.2vw;
  height: 1.2vw;
  position: static;
  top: 30px;
  left: 975px;
}

.topic-arrow.right:hover {
  background-image: url('../images/arrow-right.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 1.2vw;
}

.topic-arrow.right.waitlist {
  color: #333;
  background-image: none;
  border-width: .06vw;
  width: auto;
  padding: .14vw .6vw;
  font-family: Akkurat Mono, sans-serif;
  font-size: .65vw;
  line-height: 1vw;
}

.topic-arrow.right.waitlist:hover {
  background-color: #0a0a0a00;
  background-image: none;
}

.topic-arrow.right.new {
  background-image: none;
  border-width: .065vw;
  width: 2.1vw;
  height: 1.2vw;
  padding: .12vw .5vw;
  font-family: Akkurat Mono, sans-serif;
  font-size: 1vw;
  line-height: .7vw;
}

.topic-arrow.right.new:hover {
  color: #fff;
}

.topic-arrow.right.new.big {
  border-width: .125vw;
  width: 3.8vw;
  height: 2.2vw;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: .8vw;
  font-size: 2vw;
  line-height: 1.7vw;
}

.topic-arrow.right.new.medium {
  border-width: .095vw;
  width: 2.8vw;
  height: 1.6vw;
  padding: .12vw .6vw .12vw .5vw;
  font-size: 1.5vw;
  line-height: 1vw;
}

.topic-arrow.left {
  background-image: url('../images/arrow-left.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto;
  width: 4.4vw;
  position: static;
  top: 30px;
  bottom: 0;
  left: 920px;
}

.topic-arrow.left:hover {
  background-image: url('../images/arrow-left-white.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto;
}

.arrow-copy {
  background-image: url('../images/arrow-right.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 70% 70%;
  border: 1px solid #000;
  border-radius: 100px;
  width: 5vw;
  height: 2.4vw;
  padding: .2vw .8vw;
}

.arrow-copy:hover {
  background-color: #0a0a0a;
}

.arrow-copy.black {
  background-color: #222;
}

.arrow-copy.right {
  background-image: url('../images/arrow-right-black.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto;
  width: 4.4vw;
  position: absolute;
  top: 30px;
  left: 975px;
}

.arrow-copy.right:hover {
  background-image: url('../images/arrow-right.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto;
}

.arrow-copy.left {
  background-image: url('../images/arrow-left.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto;
  width: 4.4vw;
  position: absolute;
  top: 30px;
  bottom: 0;
  left: 920px;
}

.arrow-copy.left:hover {
  background-image: url('../images/arrow-left-white.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto;
}

.image-239, .image-240, .image-241 {
  display: none;
}

.knowledge-hub-section {
  margin-top: 13.43vw;
  margin-bottom: 6vw;
}

.topics-platform-card {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border-radius: 2.3vw;
  margin-top: 1vw;
  margin-left: 1.85vw;
  margin-right: 1.85vw;
  padding: 0 0 0 3vw;
  box-shadow: 0 20px 50px #0000001f;
}

._2-buttons-updates {
  grid-column-gap: .93vw;
  grid-row-gap: .93vw;
  justify-content: flex-start;
  align-items: center;
  margin-top: .5vw;
}

.video {
  border: 1px solid #d9d9d9;
  border-radius: 1.85vw;
}

.background-video-7 {
  width: 100%;
  height: 46.6vw;
  position: relative;
}

.image-242 {
  border: 1px solid #d9d9d9;
  border-radius: 1.85vw;
}

.background-video-8 {
  width: 100%;
}

.highlight-update-section-mobile {
  grid-column-gap: 56px;
  background-color: #fff;
  border-radius: 40px;
  flex-flow: column;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 4vw;
  margin-left: .6vw;
  margin-right: .6vw;
  padding: 3vw 2.5vw;
  text-decoration: none;
  display: none;
}

.background-video-9 {
  z-index: 100;
  border: 1px solid #d9d9d9;
  border-radius: 1.85vw;
  width: 80vw;
  height: 46vw;
  margin-top: 1vw;
  margin-left: auto;
  margin-right: auto;
}

.discord-italic {
  color: #f8f8f8;
  background-color: #2e3035;
  border-radius: 8px;
  padding-left: .46vw;
  padding-right: .46vw;
}

.new-banner-alert {
  grid-column-gap: 1.1vw;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background-color: #fff9;
  border-radius: 1.3vw;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  margin-left: 2vw;
  padding: 1.2vw 2vw 1.2vw 1.3vw;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.new-label {
  outline-offset: 0px;
  object-fit: cover;
  border: 0 solid #000;
  border-radius: .5vw;
  outline: 1.5px solid #222;
  justify-content: center;
  align-items: center;
  width: auto;
  height: 1.8vw;
  text-decoration: none;
  display: flex;
}

.new-banner-text {
  color: #222;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Neuemontreal, sans-serif;
  font-size: 1.16vw;
  font-weight: 400;
  line-height: 1.39vw;
  text-decoration: none;
}

.new-banner-text.new-banner-link {
  text-underline-offset: 4px;
  text-decoration: underline;
}

.update-button {
  color: #000;
  text-align: center;
  cursor: pointer;
  background-color: #fff;
  border-radius: 100px;
  width: 14.47vw;
  min-width: 14.47vw;
  max-width: 14.47vw;
  margin-top: 1.39vw;
  padding: 1.39vw 2.31vw;
  font-family: Neuemontreal, sans-serif;
  font-size: 1.62vw;
  line-height: 2.31vw;
}

.update-button:hover {
  background-color: #cebdff;
}

.update-button:active {
  background-color: #bdcfff;
}

.update-button.about-map-link {
  color: #000;
  text-decoration: none;
}

.update-button.platform-main-btn {
  color: #fff;
  background-color: #222;
  box-shadow: 0 4px 12px #00000014;
}

.update-button.platform-main-btn:hover {
  box-shadow: none;
  background-color: #000;
}

.update-button.platform-main-btn:active {
  background-color: #222;
}

.update-button.platform-main-btn-secondary {
  box-shadow: 0 4px 12px #00000014;
}

.update-button.platform-main-btn-secondary:hover {
  box-shadow: none;
  background-color: #eee;
}

.update-button.platform-main-btn-secondary:active {
  background-color: #e1e1e1;
}

.update-button.platform-extra-btn {
  z-index: 100;
  background-color: #cebdff;
  position: relative;
  box-shadow: 0 4px 12px #00000014;
}

.update-button.platform-extra-btn:hover {
  background-color: #fff;
}

.update-button.platform-extra-btn:active {
  box-shadow: none;
  background-color: #eee;
}

.update-button.contributors-main-btn {
  z-index: 100;
  color: #fff;
  background-color: #222;
  width: 20vw;
  min-width: 20vw;
  max-width: 20vw;
  margin-left: 3vw;
  position: static;
  top: 10.8vw;
  left: 3vw;
  box-shadow: 0 4px 12px #00000014;
}

.update-button.contributors-main-btn:hover {
  box-shadow: none;
  background-color: #000;
}

.update-button.contributors-main-btn:active {
  background-color: #222;
}

.update-button.contributors-btn {
  width: 23vw;
  min-width: 23vw;
  max-width: 23vw;
}

.update-button.contributors-btn:hover {
  background-color: #f1f1f1;
}

.update-button.contributors-contact-btn {
  color: #fff;
  background-color: #222;
  width: 24vw;
  min-width: 24vw;
  max-width: 24vw;
  margin-top: 1.8vw;
  box-shadow: 0 4px 12px #00000014;
}

.update-button.contributors-contact-btn:hover {
  box-shadow: none;
  background-color: #000;
}

.update-button.contributors-contact-btn:active {
  background-color: #222;
}

.update-button.contributors-map-btn {
  color: #fff;
  background-color: #222;
  width: 18vw;
  min-width: 18vw;
  max-width: 18vw;
  margin-top: 0;
  box-shadow: 0 4px 12px #00000014;
}

.update-button.contributors-map-btn:hover {
  box-shadow: none;
  background-color: #000;
}

.update-button.contributors-map-btn:active {
  background-color: #222;
}

.update-button.contributors-assessment-btn {
  color: #fff;
  background-color: #222;
  width: 19vw;
  min-width: 19vw;
  max-width: 19vw;
  margin-top: 0;
  box-shadow: 0 4px 12px #00000014;
}

.update-button.contributors-assessment-btn:hover {
  box-shadow: none;
  background-color: #000;
}

.update-button.contributors-assessment-btn:active {
  background-color: #222;
}

.update-button.topics-platform-btn {
  color: #fff;
  background-color: #222;
  width: 24vw;
  min-width: 24vw;
  max-width: 24vw;
  margin-top: 1.8vw;
  box-shadow: 0 4px 12px #00000014;
}

.update-button.topics-platform-btn:hover {
  box-shadow: none;
  background-color: #000;
}

.update-button.topics-platform-btn:active {
  background-color: #222;
}

.update-button.update-platform-main-btn {
  color: var(--black);
  background-color: #cebdff;
  width: 15vw;
  min-width: 15vw;
  max-width: 15vw;
  margin-top: 0;
  box-shadow: 0 4px 12px #00000014;
}

.update-button.update-platform-main-btn:hover {
  box-shadow: none;
  background-color: #bfa8ff;
}

.update-button.update-platform-main-btn:active {
  background-color: #bfa8ff;
}

.update-button.update-platform-main-btn-secondary {
  margin-top: 0;
  box-shadow: 0 4px 12px #00000014;
}

.update-button.update-platform-main-btn-secondary:hover {
  box-shadow: none;
  background-color: #eee;
}

.update-button.update-platform-main-btn-secondary:active {
  background-color: #e1e1e1;
}

.image-244 {
  display: none;
}

.image-245 {
  z-index: 0;
  max-width: 35%;
  margin-right: -48px;
  padding-right: 0;
  position: absolute;
  inset: auto auto 0% 0%;
}

._3-4-update-card {
  justify-content: flex-end;
  align-items: flex-end;
  margin-top: -6.5vw;
  display: flex;
}

.image-247 {
  object-fit: fill;
  max-width: 70%;
  overflow: clip;
}

.link-3 {
  color: #000c;
}

.link-3:hover {
  text-decoration: none;
}

.uui-text-size-small {
  color: var(--product-map--black);
  letter-spacing: normal;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: .875rem;
  line-height: 1.5;
}

.show-tablet {
  display: none;
}

.button-primary {
  grid-column-gap: .5rem;
  color: var(--untitled-ui--white);
  text-align: center;
  white-space: nowrap;
  background-color: #222;
  border: 0 solid #222;
  border-radius: 2.89vw;
  justify-content: center;
  align-items: center;
  height: 2.78vw;
  padding: .69vw 1.39vw;
  font-family: Neuemontreal, sans-serif;
  font-size: 1.16vw;
  font-weight: 400;
  line-height: 2.31vw;
  text-decoration: none;
  transition: all .3s;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.button-primary:hover {
  border-color: var(--black);
  background-color: var(--black);
}

.button-primary:focus {
  background-color: var(--black);
  box-shadow: 0 1px 2px 0 #1018280d, 0 0 0 4px var(--untitled-ui--primary100);
}

.dropdown-icon {
  justify-content: center;
  align-items: center;
  width: 1.25vw;
  height: 1.25vw;
  display: flex;
  position: static;
  inset: auto 0% auto auto;
}

.dropdown-icon.test {
  position: static;
}

.uui-icon-1x1-xsmall {
  width: 1.5rem;
  height: 1.5rem;
}

.uui-navbar08_dropdown-content {
  grid-column-gap: .5vw;
  grid-row-gap: 0px;
  flex: 1;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.uui-navbar08_dropdown-link {
  grid-column-gap: 0rem;
  grid-row-gap: 0px;
  border-radius: 1.15vw;
  grid-template-rows: auto;
  grid-template-columns: max-content;
  grid-auto-columns: 1fr;
  align-items: flex-start;
  padding: .9vw .9vw 1.2vw;
  text-decoration: none;
  transition: all .3s;
  display: grid;
}

.uui-navbar08_dropdown-link:hover {
  background-color: var(--white);
}

.uui-navbar08_dropdown-link.products {
  grid-column-gap: 0rem;
  grid-row-gap: .5vw;
  background-color: #fff;
}

.uui-navbar08_dropdown-link.products:hover {
  background-color: #fff2f4;
  border: 0 solid #dfdfdf;
}

.uui-navbar08_dropdown-link.products.pink {
  border: .05vw solid #e0e0e0;
}

.uui-navbar08_dropdown-link.products.pink:hover {
  border-color: #ffcad2;
}

.uui-navbar08_dropdown-link.products.pink.w--current {
  background-color: #fff2f4;
  border-color: #ffcad2;
}

.uui-navbar08_dropdown-link.products.green {
  border: .05vw solid #e0e0e0;
}

.uui-navbar08_dropdown-link.products.green:hover, .uui-navbar08_dropdown-link.products.green.w--current {
  background-color: #f0fff1;
  border-color: #9ae49f;
}

.uui-navbar08_dropdown-link.products.green.w--current:hover {
  border-color: #9ae49f;
}

.uui-navbar08_dropdown-link.products.purple {
  border: .05vw solid #e0e0e0;
}

.uui-navbar08_dropdown-link.products.purple:hover {
  background-color: #f7eeff;
  border-color: #d9bdf5;
}

.uui-navbar08_dropdown-link.products.cold-green {
  border: .05vw solid #e0e0e0;
}

.uui-navbar08_dropdown-link.products.cold-green:hover {
  background-color: #defff3;
  border-color: #8bebb9;
}

.uui-navbar08_dropdown-link.products.cold-pink {
  border: .05vw solid #e0e0e0;
}

.uui-navbar08_dropdown-link.products.cold-pink:hover, .uui-navbar08_dropdown-link.products.cold-pink.w--current {
  background-color: #fff0fd;
  border-color: #ffbdf0;
}

.uui-navbar08_dropdown-link.products.yellow {
  border: .05vw solid #e0e0e0;
}

.uui-navbar08_dropdown-link.products.yellow:hover {
  background-color: #fffce7;
  border-color: #f7e445;
}

.uui-navbar08_dropdown-link.without-preview {
  background-color: #fff;
  border: .05vw solid #e0e0e0;
  grid-template-rows: 1fr;
  grid-template-columns: auto;
  padding-bottom: .9vw;
}

.uui-navbar08_dropdown-link.without-preview:hover {
  background-color: #dff5ff;
  border-color: #98e5fd;
}

.uui-navbar08_dropdown-link.without-preview.subtitle {
  background-color: #fff0;
  place-items: end stretch;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: .9vw;
}

.uui-navbar08_dropdown-link.without-preview.all-topics {
  background-color: #fff6;
  border: .05vw solid #e0e0e0;
}

.uui-navbar08_dropdown-link.without-preview.all-topics:hover {
  background-color: #fff;
  border-color: #cebdff;
}

.uui-navbar08_dropdown-link.without-preview.yellow:hover {
  background-color: #fffce7;
  border-color: #f7e445;
}

.uui-navbar08_dropdown-link-list {
  grid-column-gap: 0px;
  grid-row-gap: .5vw;
  grid-template-rows: .25fr;
  grid-template-columns: .75fr;
  grid-auto-rows: auto;
  grid-auto-columns: 1fr;
  justify-items: stretch;
  display: grid;
}

.uui-navbar08_icon-wrapper {
  color: var(--untitled-ui--primary600);
  flex: none;
}

.uui-navbar08_item-right {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.uui-navbar08_item-right.subtitle-last {
  padding-top: .8vw;
}

.header-new {
  z-index: 1000;
  border-bottom: 1px solid var(--untitled-ui--gray100);
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  background-color: #fff9;
  border-radius: 2.89vw;
  justify-content: center;
  align-items: center;
  height: 5.8vw;
  margin: 1.85vw;
  display: flex;
  position: sticky;
  top: 1.85vw;
  left: 0;
}

.header-container {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 100%;
  margin-left: 1.85vw;
  margin-right: 1.85vw;
  display: flex;
}

.uui-navbar08_logo-link {
  padding-left: 0;
}

.navbar-link {
  color: var(--product-map--black);
  justify-content: flex-start;
  align-items: flex-start;
  height: 2.78vw;
  padding: .23vw 1.16vw;
  font-family: Neuemontreal, sans-serif;
  font-size: 1.16vw;
  font-weight: 400;
  line-height: 2.31vw;
  text-decoration: none;
  transition: all .3s;
  display: flex;
}

.navbar-link:hover {
  color: var(--product-map--black);
  background-color: #fff;
  border-radius: 2.89vw;
}

.navbar-link.w--current {
  color: #000;
  background-color: #fff;
  border-radius: 2.89vw;
}

.navbar-link.with-badge {
  padding-right: .8vw;
}

.navbar-link.community {
  display: block;
}

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

.uui-navbar08_menu {
  flex: 1;
  justify-content: space-between;
  align-items: center;
  margin-left: 1.5rem;
  display: flex;
  position: static;
}

.navbar-dropdown-toggle {
  grid-column-gap: .17vw;
  grid-row-gap: .17vw;
  color: var(--product-map--black);
  align-items: center;
  height: 2.78vw;
  padding: .23vw 1.16vw;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  transition: all .3s;
  display: flex;
}

.navbar-dropdown-toggle:hover {
  color: var(--untitled-ui--gray700);
  background-color: #fff;
  border-radius: 2.89vw;
}

.navbar-dropdown-toggle:focus {
  border-radius: 2.89vw;
}

.navbar-dropdown-toggle.current-page {
  background-color: #fff;
  border-radius: 2.89vw;
}

.navbar-dropdown-list {
  box-shadow: 0 12px 16px -4px #00000014, 0 4px 6px -2px #10182808;
}

.navbar-dropdown-list.w--open {
  box-shadow: none;
  background-color: #fff0;
  border-style: none;
  border-width: 0;
  border-radius: 1.8vw;
  width: auto;
  padding: 2.4vw 0 0;
  left: -71%;
}

.navbar-dropdown-list.guides.w--open {
  background-color: #fff0;
  position: absolute;
  top: auto;
  left: -18.6vw;
}

.navbar-dropdown-list.products {
  left: -37.6vw;
}

.navbar-dropdown-list.products.w--open {
  z-index: auto;
  left: -9.1vw;
}

.uui-navbar08_text-wrapper {
  grid-column-gap: .5rem;
  grid-row-gap: 0px;
  align-items: center;
  margin-bottom: .25rem;
  display: flex;
}

.uui-navbar08_menu-right {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: flex;
}

.uui-navbar08_menu-button {
  padding: 0;
}

.uui-button-secondary-gray {
  grid-column-gap: .5rem;
  border: 1px solid var(--untitled-ui--gray300);
  background-color: var(--untitled-ui--white);
  color: var(--untitled-ui--gray700);
  text-align: center;
  white-space: nowrap;
  border-radius: .5rem;
  justify-content: center;
  align-items: center;
  padding: .625rem 1.125rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5;
  text-decoration: none;
  transition: all .3s;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.uui-button-secondary-gray:hover {
  background-color: var(--untitled-ui--gray50-2);
  color: var(--untitled-ui--gray800);
}

.uui-button-secondary-gray:focus {
  background-color: var(--untitled-ui--white);
  box-shadow: 0 1px 2px 0 #1018280d, 0 0 0 4px var(--untitled-ui--gray100);
}

.uui-button-secondary-gray.show-tablet {
  display: none;
}

.button-secondary {
  grid-column-gap: .5rem;
  color: var(--product-map--black);
  white-space: nowrap;
  background-color: #0000;
  border: 1px solid #0000;
  border-radius: .5rem;
  justify-content: center;
  align-items: center;
  padding: .625rem 1.125rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5;
  text-decoration: none;
  transition: all .3s;
  display: flex;
}

.button-secondary:hover {
  background-color: var(--untitled-ui--gray50-2);
  color: var(--untitled-ui--gray700);
}

.button-secondary.hide-tablet {
  grid-column-gap: .4vw;
  border-radius: 2.89vw;
  justify-content: center;
  align-items: center;
  height: 2.78vw;
  padding: .69vw 1.39vw .69vw 1.09vw;
  font-family: Neuemontreal, sans-serif;
  font-size: 1.16vw;
  font-weight: 400;
  line-height: 2.31vw;
}

.button-secondary.hide-tablet:hover {
  background-color: var(--white);
}

.navbar-button-wrapper {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  align-items: center;
  display: flex;
}

.uui-logo_component {
  flex-wrap: nowrap;
  display: flex;
}

.uui-logo_logomark {
  border: .1px solid #dae0e8;
  border-radius: .5rem;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 2rem;
  height: 2rem;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 0 1px 1px #1018280f, 0 1px 2px #1018281a;
}

.uui-styleguide_logomark-bg {
  border-radius: 8px;
  width: 2rem;
  height: 2rem;
  position: absolute;
  inset: 0%;
}

.uui-logo_logomark-blur {
  z-index: 2;
  -webkit-backdrop-filter: blur(3px);
  backdrop-filter: blur(3px);
  background-color: #fff3;
  border-bottom-right-radius: .5rem;
  border-bottom-left-radius: .5rem;
  width: 100%;
  height: 50%;
  position: absolute;
  inset: 50% 0% 0%;
  overflow: hidden;
}

.uui-logo_logomark-dot {
  z-index: 1;
  background-image: linear-gradient(26.5deg, #6941c6, #53389e);
  border-radius: 50%;
  width: 50%;
  height: 50%;
  position: relative;
}

.header-logotype {
  flex: none;
  width: 12vw;
  display: block;
}

.uui-navbar08_heading {
  color: var(--untitled-ui--primary600);
  letter-spacing: normal;
  margin-top: 0;
  margin-bottom: .25rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: .875rem;
  font-weight: 600;
}

.uui-badge-small-success {
  grid-column-gap: .25rem;
  background-color: var(--untitled-ui--success50);
  color: var(--untitled-ui--success700);
  white-space: nowrap;
  mix-blend-mode: multiply;
  border-radius: 10rem;
  align-items: center;
  padding: .125rem .5rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: .75rem;
  font-weight: 500;
  display: flex;
}

.uui-navbar08_item-heading {
  color: var(--untitled-ui--gray900);
  margin-bottom: .25rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-weight: 600;
}

.uui-navbar08_item-heading.margin-bottom-0 {
  margin-bottom: 0;
}

.uui-logo_image {
  flex: none;
  width: auto;
  height: 100%;
  display: none;
}

.text-block-12, .navbar-text, .text-block-14, .text-block-15 {
  font-family: Neuemontreal, sans-serif;
  font-size: 1.16vw;
  font-weight: 400;
  line-height: 2.31vw;
}

.image-248 {
  width: 1.85vw;
  height: 1.85vw;
}

.avatar-icon-button {
  padding-top: 0;
  padding-bottom: .17vw;
  display: flex;
}

.div-block-22 {
  display: flex;
}

.text-block-16 {
  color: #333333b3;
  width: 16vw;
  font-family: Neuemontreal, sans-serif;
  font-size: .8vw;
  line-height: 1.2vw;
}

.text-block-16.waitlist {
  width: 12vw;
}

.text-block-16.other-resources {
  width: 14vw;
}

.image-249 {
  width: 19.5vw;
}

.second-nav-container {
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  background-color: #fffffff2;
  border-radius: 1.8vw;
  width: auto;
  padding: 1.15vw;
  position: relative;
  box-shadow: 0 4px 6px -2px #00000005, 0 12px 16px -4px #00000014;
}

.text-button {
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
  display: flex;
}

.dropdown-content-products {
  grid-column-gap: .5vw;
  grid-row-gap: 0px;
  flex: 1;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.dropdown-content-guides {
  grid-column-gap: .5vw;
  grid-row-gap: 0px;
  flex: 1;
  grid-template: "." 1fr
  / 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: stretch;
  display: grid;
}

.uui-text-size-small-2 {
  color: var(--product-map--black);
  letter-spacing: normal;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: .875rem;
  line-height: 1.5;
}

.show-tablet-2 {
  display: none;
}

.uui-button-2 {
  grid-column-gap: .5rem;
  border: 1px solid var(--untitled-ui--primary600);
  background-color: var(--untitled-ui--primary600);
  color: var(--untitled-ui--white);
  text-align: center;
  white-space: nowrap;
  border-radius: .5rem;
  justify-content: center;
  align-items: center;
  padding: .625rem 1.125rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5;
  text-decoration: none;
  transition: all .3s;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.uui-button-2:hover {
  border-color: var(--untitled-ui--primary700);
  background-color: var(--untitled-ui--primary700);
}

.uui-button-2:focus {
  background-color: var(--untitled-ui--primary600);
  box-shadow: 0 1px 2px 0 #1018280d, 0 0 0 4px var(--untitled-ui--primary100);
}

.uui-dropdown-icon-2 {
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  height: 1.25rem;
  margin-right: 1rem;
  display: flex;
  position: absolute;
  inset: auto 0% auto auto;
}

.uui-icon-1x1-xsmall-2 {
  width: 1.5rem;
  height: 1.5rem;
}

.uui-navbar08_dropdown-content-2 {
  grid-column-gap: 2rem;
  grid-row-gap: 0px;
  flex: 1;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.uui-navbar08_dropdown-link-2 {
  grid-column-gap: 1rem;
  grid-row-gap: 0px;
  border-radius: .5rem;
  grid-template-rows: auto;
  grid-template-columns: max-content 1fr;
  grid-auto-columns: 1fr;
  align-items: flex-start;
  padding: .75rem;
  text-decoration: none;
  transition: all .3s;
  display: grid;
}

.uui-navbar08_dropdown-link-2:hover {
  background-color: var(--untitled-ui--gray50-2);
}

.uui-navbar08_dropdown-link-list-2 {
  grid-column-gap: 0px;
  grid-row-gap: .5rem;
  grid-template-rows: max-content;
  grid-template-columns: 1fr;
  grid-auto-rows: max-content;
  grid-auto-columns: 1fr;
  display: grid;
}

.uui-navbar08_icon-wrapper-2 {
  color: var(--untitled-ui--primary600);
  flex: none;
}

.uui-navbar08_item-right-2 {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.uui-navbar08_component-2 {
  border-bottom: 1px solid var(--untitled-ui--gray100);
  background-color: #fff;
  align-items: center;
  min-height: 5rem;
  padding-left: 2rem;
  padding-right: 2rem;
  display: flex;
}

.uui-navbar08_container-2 {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 80rem;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.uui-navbar08_logo-link-2 {
  padding-left: 0;
}

.uui-navbar08_link-2 {
  color: var(--product-map--black);
  align-items: center;
  padding: .75rem 1rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  transition: all .3s;
}

.uui-navbar08_link-2:hover {
  color: var(--untitled-ui--gray700);
}

.uui-navbar08_link-2.w--current {
  color: #000;
}

.uui-navbar08_menu-2 {
  flex: 1;
  justify-content: space-between;
  align-items: center;
  margin-left: 1.5rem;
  display: flex;
  position: static;
}

.uui-navbar08_dropdown-toggle-2 {
  color: var(--product-map--black);
  align-items: center;
  padding: .75rem 2.5rem .75rem 1rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  transition: all .3s;
  display: flex;
}

.uui-navbar08_dropdown-toggle-2:hover {
  color: var(--untitled-ui--gray700);
}

.uui-navbar08_dropdown-list-2 {
  box-shadow: 0 12px 16px -4px #00000014, 0 4px 6px -2px #10182808;
}

.uui-navbar08_dropdown-list-2.w--open {
  border: 1px solid var(--untitled-ui--gray200);
  background-color: var(--untitled-ui--white);
  border-radius: .75rem;
  width: 40rem;
  padding: 1.25rem;
  left: -100%;
}

.uui-navbar08_text-wrapper-2 {
  grid-column-gap: .5rem;
  grid-row-gap: 0px;
  align-items: center;
  margin-bottom: .25rem;
  display: flex;
}

.uui-navbar08_menu-right-2 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: flex;
}

.uui-navbar08_menu-button-2 {
  padding: 0;
}

.uui-button-secondary-gray-2 {
  grid-column-gap: .5rem;
  border: 1px solid var(--untitled-ui--gray300);
  background-color: var(--untitled-ui--white);
  color: var(--untitled-ui--gray700);
  text-align: center;
  white-space: nowrap;
  border-radius: .5rem;
  justify-content: center;
  align-items: center;
  padding: .625rem 1.125rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5;
  text-decoration: none;
  transition: all .3s;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.uui-button-secondary-gray-2:hover {
  background-color: var(--untitled-ui--gray50-2);
  color: var(--untitled-ui--gray800);
}

.uui-button-secondary-gray-2:focus {
  background-color: var(--untitled-ui--white);
  box-shadow: 0 1px 2px 0 #1018280d, 0 0 0 4px var(--untitled-ui--gray100);
}

.uui-button-secondary-gray-2.show-tablet-2 {
  display: none;
}

.uui-button-tertiary-gray-2 {
  grid-column-gap: .5rem;
  color: var(--product-map--black);
  white-space: nowrap;
  background-color: #0000;
  border: 1px solid #0000;
  border-radius: .5rem;
  justify-content: center;
  align-items: center;
  padding: .625rem 1.125rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5;
  text-decoration: none;
  transition: all .3s;
  display: flex;
}

.uui-button-tertiary-gray-2:hover {
  background-color: var(--untitled-ui--gray50-2);
  color: var(--untitled-ui--gray700);
}

.uui-navbar08_button-wrapper-2 {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  align-items: center;
  display: flex;
}

.uui-logo_component-2 {
  flex-wrap: nowrap;
  width: auto;
  height: 2rem;
  display: flex;
}

.uui-logo_logomark-2 {
  border: .1px solid #dae0e8;
  border-radius: .5rem;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 2rem;
  height: 2rem;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 0 1px 1px #1018280f, 0 1px 2px #1018281a;
}

.uui-styleguide_logomark-bg-2 {
  border-radius: 8px;
  width: 2rem;
  height: 2rem;
  position: absolute;
  inset: 0%;
}

.uui-logo_logomark-blur-2 {
  z-index: 2;
  -webkit-backdrop-filter: blur(3px);
  backdrop-filter: blur(3px);
  background-color: #fff3;
  border-bottom-right-radius: .5rem;
  border-bottom-left-radius: .5rem;
  width: 100%;
  height: 50%;
  position: absolute;
  inset: 50% 0% 0%;
  overflow: hidden;
}

.uui-logo_logomark-dot-2 {
  z-index: 1;
  background-image: linear-gradient(26.5deg, #6941c6, #53389e);
  border-radius: 50%;
  width: 50%;
  height: 50%;
  position: relative;
}

.uui-logo_logotype-2 {
  flex: none;
  width: auto;
  height: 100%;
}

.uui-navbar08_heading-2 {
  color: var(--untitled-ui--primary600);
  letter-spacing: normal;
  margin-top: 0;
  margin-bottom: .25rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: .875rem;
  font-weight: 600;
}

.uui-badge-small-success-2 {
  grid-column-gap: .25rem;
  background-color: var(--untitled-ui--success50);
  color: var(--untitled-ui--success700);
  white-space: nowrap;
  mix-blend-mode: multiply;
  border-radius: 10rem;
  align-items: center;
  padding: .125rem .5rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: .75rem;
  font-weight: 500;
  display: flex;
}

.uui-navbar08_item-heading-2 {
  color: var(--untitled-ui--gray900);
  margin-bottom: .25rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-weight: 600;
}

.uui-navbar08_item-heading-2.margin-bottom-0 {
  margin-bottom: 0;
}

.uui-logo_image-2 {
  flex: none;
  width: auto;
  height: 100%;
  display: none;
}

.uui-navbar06_dropdown-link {
  grid-column-gap: 8px;
  grid-row-gap: 0px;
  color: var(--untitled-ui--gray900);
  border-radius: .5rem;
  grid-template-rows: auto;
  grid-template-columns: max-content 1fr;
  grid-auto-columns: 1fr;
  align-items: flex-start;
  padding: .75rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-weight: 600;
  text-decoration: none;
  transition: all .3s;
}

.uui-navbar06_dropdown-link:hover {
  background-color: var(--untitled-ui--gray50-2);
}

.uui-navbar06_dropdown-link-list {
  grid-column-gap: 0px;
  grid-row-gap: .25rem;
  grid-template-rows: max-content max-content max-content max-content max-content;
  grid-template-columns: 1fr;
  grid-auto-rows: max-content;
  grid-auto-columns: 1fr;
  display: grid;
}

.uui-navbar06_blog-item-image-wrapper {
  border-radius: .375rem;
  width: 100%;
  min-width: 9rem;
  padding-top: 66.6667%;
  position: relative;
  overflow: hidden;
}

.uui-navbar06_blog-item-image {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.uui-navbar06_dropdown-content {
  width: 100%;
  display: flex;
}

.uui-navbar06_dropdown-content-left {
  grid-column-gap: 2rem;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  max-width: 15rem;
  padding: 2rem 2rem 2rem 0;
}

.uui-navbar06_dropdown-content-right {
  flex-wrap: wrap;
  width: 100%;
  padding-top: 1.25rem;
  padding-bottom: 2rem;
  display: flex;
  position: relative;
}

.uui-navbar06_blog-list {
  grid-column-gap: 1.5rem;
  grid-row-gap: .5rem;
  grid-template-rows: max-content;
  grid-template-columns: 1fr 1fr;
  grid-auto-rows: max-content;
  grid-auto-columns: max-content;
  align-items: start;
  width: 100%;
  display: grid;
}

.uui-navbar06_blog-item-content {
  flex-direction: column;
  font-weight: 400;
  display: flex;
}

.uui-navbar06_blog-item {
  grid-column-gap: 1.5rem;
  grid-row-gap: 0px;
  border-radius: .5rem;
  grid-template-rows: auto;
  grid-template-columns: .5fr 1fr;
  grid-auto-columns: 1fr;
  align-content: start;
  align-items: start;
  padding: .75rem;
  text-decoration: none;
  transition: all .3s;
  display: grid;
}

.uui-navbar06_blog-item:hover {
  background-color: var(--untitled-ui--gray50-2);
}

.uui-navbar06_component {
  border-bottom: 1px solid var(--untitled-ui--gray100);
  background-color: #fff;
  align-items: center;
  min-height: 5rem;
  padding-left: 2rem;
  padding-right: 2rem;
  display: flex;
}

.uui-navbar06_container {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 80rem;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.uui-navbar06_logo-link {
  padding-left: 0;
}

.uui-navbar06_menu {
  flex: 1;
  justify-content: space-between;
  align-items: center;
  margin-left: 1.5rem;
  display: flex;
  position: static;
}

.uui-navbar06_link {
  color: var(--product-map--black);
  align-items: center;
  padding: 1.75rem 1rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  transition: all .3s;
}

.uui-navbar06_link:hover {
  color: var(--untitled-ui--gray700);
}

.uui-navbar06_link.w--current {
  color: #000;
}

.uui-navbar06_dropdown-list {
  box-shadow: 0 12px 16px -4px #00000014, 0 4px 6px -2px #10182808;
}

.uui-navbar06_dropdown-list.w--open {
  background-color: #fff;
  width: 100vw;
  min-width: 100vw;
  max-width: 100%;
  padding-left: 2rem;
  padding-right: 2rem;
  position: absolute;
  inset: 5.0625rem auto auto 0%;
  overflow: hidden;
}

.uui-navbar06_menu-right {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: flex;
}

.uui-navbar06_menu-button {
  padding: 0;
}

.uui-navbar06_dropdown-toggle {
  color: var(--product-map--black);
  align-items: center;
  padding: 1.75rem 2.5rem 1.75rem 1rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  transition: all .3s;
  display: flex;
}

.uui-navbar06_dropdown-toggle:hover {
  color: var(--untitled-ui--gray700);
}

.uui-navbar06_menu-dropdown {
  position: static;
}

.uui-navbar06_button-wrapper {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  align-items: center;
  display: flex;
}

.uui-navbar06_heading {
  color: var(--untitled-ui--primary600);
  letter-spacing: normal;
  margin-top: 0;
  margin-bottom: .75rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: .875rem;
  font-weight: 600;
}

.uui-navbar06_item-heading {
  color: var(--untitled-ui--gray900);
  margin-bottom: .25rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-weight: 600;
}

.uui-navbar06_styles {
  display: block;
  position: fixed;
  inset: 0% auto auto 0%;
}

.div-block-23 {
  grid-column-gap: 1vw;
  grid-row-gap: 1vw;
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
  display: flex;
}

.image-250 {
  width: 1.8vw;
  padding-bottom: .2vw;
}

.home-hero-text-bck {
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  margin: 6vw 1.85vw 4vw;
  display: flex;
}

.new-banner-alert-main {
  grid-column-gap: 1.1vw;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background-color: #fff9;
  border-radius: 2.8vw;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  width: auto;
  padding: 1.2vw 2vw;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.new-label-main {
  outline-offset: 0px;
  mix-blend-mode: normal;
  object-fit: cover;
  border: 0 solid #0000;
  border-radius: 0;
  outline: 0 #2220;
  justify-content: center;
  align-items: center;
  width: auto;
  height: 1.8vw;
  text-decoration: none;
  display: flex;
}

.new-banner-main {
  grid-column-gap: .7vw;
  grid-row-gap: .7vw;
  background-color: #fff9;
  border-radius: 2.89vw;
  justify-content: flex-start;
  align-items: center;
  width: 31.5vw;
  margin-bottom: 3vw;
  padding: 1.2vw;
  display: flex;
}

.main-hero-section {
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 0;
  margin-left: 1.85vw;
  margin-right: 1.85vw;
  display: flex;
}

.content-container {
  margin-top: 5vw;
}

.image-container-main {
  width: 48vw;
}

.image-251 {
  width: 38vw;
  margin-left: -7.5vw;
}

.products-section {
  text-align: center;
  margin-top: 8vw;
  margin-left: 1.85vw;
  margin-right: 1.85vw;
}

.products-platform-card {
  background-image: url('../images/platform-card-bg.png');
  background-position: 0 0;
  background-size: cover;
  border-radius: 2.3vw;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  height: 73vw;
  margin-top: 3.5vw;
  display: flex;
  position: relative;
  box-shadow: 0 20px 50px #0000001f;
}

.platform-card-image {
  vertical-align: bottom;
  width: 90%;
  margin-top: 1.5vw;
}

.feature-tag {
  grid-column-gap: .6vw;
  grid-row-gap: .6vw;
  background-color: #fff;
  border-radius: 2.89vw;
  justify-content: flex-start;
  align-items: center;
  padding: .6vw 1vw .6vw .6vw;
  display: flex;
}

.feature-tag.platform {
  grid-column-gap: .8vw;
  grid-row-gap: .8vw;
  border-radius: 1.38vw;
  width: 17vw;
  padding-top: .8vw;
  padding-bottom: .8vw;
  padding-left: .8vw;
  transform: rotate(0);
}

.feature-tag.platform.yellow-icon {
  transform: rotate(6deg);
}

.feature-tag.platform.purple-icon {
  width: 17.5vw;
  margin-left: 3vw;
  transform: rotate(-4deg);
}

.feature-tag.platform.blue-icon {
  width: 17.5vw;
  transform: rotate(-7deg);
}

.feature-tag.platform.pink-icon {
  margin-left: -3vw;
  transform: rotate(4deg);
}

.image-253 {
  width: 1.85vw;
}

.features-container {
  grid-column-gap: .6vw;
  grid-row-gap: .6vw;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 1.6vw;
  display: flex;
}

.features-container.platform {
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  width: 88%;
  margin-top: 1.8vw;
  margin-left: 3vw;
  margin-right: 3vw;
  position: absolute;
  top: 6.5vw;
}

.features-container.left {
  margin-bottom: 2vw;
}

.features-container.left.platform {
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  margin-left: 0;
  position: static;
}

.features-container.centred {
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 2vw;
}

.navbar-dropdown-list-copy {
  box-shadow: 0 12px 16px -4px #00000014, 0 4px 6px -2px #10182808;
}

.navbar-dropdown-list-copy.w--open {
  box-shadow: none;
  background-color: #fff0;
  border-style: none;
  border-width: 0;
  border-radius: 1.8vw;
  width: auto;
  padding: 2.4vw 0 0;
  left: -71%;
}

.navbar-dropdown-list-copy.guides.w--open {
  background-color: #fff0;
  position: absolute;
  top: auto;
  left: -156%;
}

.navbar-dropdown-list-copy.products {
  z-index: 1001;
}

.navbar-dropdown-list-copy.products.w--open {
  z-index: auto;
  left: -66%;
}

.heading-2-section {
  letter-spacing: -1.3px;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
  font-family: Neuemontreal, sans-serif;
  font-size: 4.63vw;
  font-weight: 400;
  line-height: 5.09vw;
}

.heading-2-section.h1-section-shifted {
  margin-left: 10.3vw;
}

.heading-2-section.h1-section-shifted.h1-lightblue {
  background-color: #97e5fd;
  border-radius: 1.16vw;
  margin-left: 9.72vw;
  margin-right: .58vw;
  padding-left: .46vw;
  padding-right: .46vw;
}

.heading-2-section.h1-section-shifted.sticky-cards-text-2nd-line {
  z-index: -100;
  position: relative;
}

.heading-2-section.h1-highlight {
  background-color: #fce88e;
  border-radius: 1.16vw;
  margin-left: 0;
  padding-left: .46vw;
  padding-right: .46vw;
}

.heading-2-section.h1-highlight.h1-pink {
  background-color: #ffd3da;
}

.heading-2-section.h1-highlight.h1-orange {
  background-color: #ffd593;
}

.heading-2-section.h1-highlight.h1-lightblue {
  background-color: #98e5fd;
}

.heading-2-section.h1-highlight.h1-lightblue.h1-undershift {
  margin-left: 0;
}

.heading-2-section.h1-highlight.h1-roadmap {
  margin-right: .58vw;
}

.heading-2-section.h1-highlight.welcome-mobile {
  margin-left: .46vw;
}

.heading-2-section.h1-highlight.welcome-mobile.h1-green {
  background-color: #9cfca6;
}

.heading-2-section.h1-highlight.h1-green {
  background-color: #98e5fd;
}

.heading-2-section.h1-highlight.h1-green.h1-undershift {
  background-color: #9cfca6;
  margin-left: 0;
}

.heading-2-section.h1-highlight.h1-white {
  background-color: #fff;
}

.heading-2-section.h1-highlight.h1-white.h1-undershift {
  margin-left: 0;
}

.heading-2-section.h1-highlight.sticky-cards-h1-highlight {
  background-color: #cebdff;
}

.heading-2-section.h1-highlight.contributors-purple {
  background-color: #d5c6ff;
}

.heading-2-section.h1-highlight.h1-purple {
  background-color: #d6c6ff;
}

.heading-2-section.h1-highlight.contributors-pink {
  background-color: #ffcef4;
}

.heading-2-section.h1-highlight.contributors-green {
  background-color: #9cfca6;
}

.heading-2-section.h1-staticpage {
  margin-left: -2px;
}

.heading-2-section.h1-thankyou {
  margin-top: 3.24vh;
}

.heading-2-section.italic {
  font-style: italic;
}

.heading-2-section.contributors {
  margin-bottom: 0;
}

.heading-2-section.heading-centred {
  margin-top: 1.8vw;
}

.heading-1-section-copy {
  letter-spacing: -1.3px;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
  font-family: Neuemontreal, sans-serif;
  font-size: 4.63vw;
  font-weight: 400;
  line-height: 5.09vw;
}

.heading-1-section-copy.h1-section-shifted {
  margin-left: 10.3vw;
}

.heading-1-section-copy.h1-section-shifted.h1-lightblue {
  background-color: #97e5fd;
  border-radius: 1.16vw;
  margin-left: 9.72vw;
  margin-right: .58vw;
  padding-left: .46vw;
  padding-right: .46vw;
}

.heading-1-section-copy.h1-section-shifted.sticky-cards-text-2nd-line {
  z-index: -100;
  position: relative;
}

.heading-1-section-copy.h1-highlight {
  background-color: #fce88e;
  border-radius: 1.16vw;
  margin-left: 0;
  padding-left: .46vw;
  padding-right: .46vw;
}

.heading-1-section-copy.h1-highlight.h1-pink {
  background-color: #ffd3da;
}

.heading-1-section-copy.h1-highlight.h1-orange {
  background-color: #ffd593;
}

.heading-1-section-copy.h1-highlight.h1-lightblue {
  background-color: #98e5fd;
}

.heading-1-section-copy.h1-highlight.h1-lightblue.h1-undershift {
  margin-left: 0;
}

.heading-1-section-copy.h1-highlight.h1-roadmap {
  margin-right: .58vw;
}

.heading-1-section-copy.h1-highlight.welcome-mobile {
  margin-left: .46vw;
}

.heading-1-section-copy.h1-highlight.welcome-mobile.h1-green {
  background-color: #9cfca6;
}

.heading-1-section-copy.h1-highlight.h1-green {
  background-color: #98e5fd;
}

.heading-1-section-copy.h1-highlight.h1-green.h1-undershift {
  background-color: #9cfca6;
  margin-left: 0;
}

.heading-1-section-copy.h1-highlight.h1-white {
  background-color: #fff;
}

.heading-1-section-copy.h1-highlight.h1-white.h1-undershift {
  margin-left: 0;
}

.heading-1-section-copy.h1-highlight.sticky-cards-h1-highlight {
  background-color: #cebdff;
}

.heading-1-section-copy.h1-highlight.contributors-purple {
  background-color: #d5c6ff;
}

.heading-1-section-copy.h1-highlight.h1-purple {
  background-color: #d6c6ff;
}

.heading-1-section-copy.h1-highlight.contributors-pink {
  background-color: #ffcef4;
}

.heading-1-section-copy.h1-highlight.contributors-green {
  background-color: #9cfca6;
}

.heading-1-section-copy.h1-staticpage {
  margin-left: -2px;
}

.heading-1-section-copy.h1-thankyou {
  margin-top: 3.24vh;
}

.heading-1-section-copy.italic {
  font-style: italic;
}

.heading-1-section-copy.contributors {
  margin-bottom: 0;
}

.heading-1-section-copy.heading-centred {
  margin-top: 1.8vw;
}

.icon-feature {
  width: 1.85vw;
}

.icon-feature.platform {
  width: 4vw;
}

.left-features, .right-features {
  grid-column-gap: 2vw;
  grid-row-gap: 2vw;
  flex-flow: column;
  display: flex;
}

.products-managementmap-card {
  grid-column-gap: 1.6vw;
  grid-row-gap: 1.6vw;
  background-image: url('../images/m-map-card-bg.png');
  background-position: 0 0;
  background-size: cover;
  border-radius: 2.3vw;
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-end;
  height: 41vw;
  margin-top: 2vw;
  display: flex;
  position: relative;
  box-shadow: 0 20px 50px #0000001f;
}

.mmap-card-content {
  grid-column-gap: .6vw;
  grid-row-gap: .6vw;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 3.5vw;
  margin-left: 2.4vw;
  display: flex;
}

.main-video-l5 {
  z-index: -100;
  width: 100%;
  height: 80vw;
  position: absolute;
  top: 0;
  left: 0;
}

.main-video-l5.main-video-bottom {
  top: 500vw;
}

.main-video-l5.video-product-updates {
  height: 135vw;
}

.main-video-l5.video-pm-skills {
  mix-blend-mode: darken;
  height: 135vw;
}

.mmap-card-image {
  vertical-align: bottom;
  width: 58.5vw;
  margin-top: 1.5vw;
  margin-right: .4vw;
}

.unit-economics-card {
  background-image: url('../images/content.png');
  background-position: 0 0;
  background-size: cover;
  border-radius: 2.3vw;
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-end;
  height: 29vw;
  margin-top: 2vw;
  display: flex;
  position: relative;
  box-shadow: 0 20px 50px #0000001f;
}

.ue-card-content-centre {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  margin-bottom: 3.5vw;
  display: flex;
}

.ue-card-image {
  width: 23vw;
  margin-left: 1.2vw;
  margin-right: 1.2vw;
}

.guides-cards {
  grid-column-gap: 1vw;
  grid-row-gap: 1vw;
  justify-content: flex-start;
  align-items: flex-start;
  margin-left: 0;
  margin-right: 0;
  padding-top: 1vw;
  padding-bottom: 3vw;
  padding-left: 1.85vw;
  display: flex;
  overflow: clip;
}

.skills-guide-card {
  grid-column-gap: 1vw;
  grid-row-gap: 1vw;
  background-color: #ffbdf0;
  border-radius: 2.3vw;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-end;
  width: 41vw;
  min-width: 41vw;
  height: 44vw;
  padding: 2.4vw;
  text-decoration: none;
  display: flex;
  box-shadow: 0 20px 20px #00000014;
}

.begginer-guide-card {
  grid-column-gap: 1vw;
  grid-row-gap: 1vw;
  background-color: #8bebb9;
  border-radius: 2.3vw;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-end;
  width: 41vw;
  min-width: 41vw;
  height: 44vw;
  padding: 2.4vw;
  text-decoration: none;
  display: flex;
  box-shadow: 0 20px 20px #00000014;
}

.guide-card-image {
  border-radius: 1vw;
}

.guide-card-image.coming-soon {
  filter: blur(5px);
}

.paragraph-roadmaps {
  color: #222;
  letter-spacing: -.1px;
  width: 24vw;
  margin-bottom: 0;
  margin-left: 0;
  padding-right: 1vw;
  font-family: Neuemontreal, sans-serif;
  font-size: 1.38vw;
  line-height: 1.8vw;
  display: block;
}

.paragraph-roadmaps.product-list {
  color: #2226;
  margin-bottom: 0;
  font-style: italic;
}

.paragraph-roadmaps.top-contributors-p {
  color: #3333334d;
  margin-right: 80px;
}

.paragraph-roadmaps.community-button {
  color: #222;
  margin-left: 1.27vw;
  margin-right: 2.31vw;
  display: inline-block;
  position: relative;
  top: .46vw;
}

.paragraph-roadmaps.donation-paragraph {
  color: #3333334d;
  position: relative;
}

.paragraph-roadmaps.donation-paragraph.card-title {
  margin-bottom: 0;
  display: flex;
  top: -17vw;
  left: 3.24vw;
}

.paragraph-roadmaps.donation-paragraph.card-title.card-title--bold {
  color: #333;
}

.paragraph-roadmaps.donation-paragraph.card-title.card-title--payment {
  display: inline-block;
  top: -12vw;
}

.paragraph-roadmaps.donation-paragraph.donation-improvements {
  margin-bottom: 6.48vw;
}

.paragraph-roadmaps.p-2col {
  margin-left: 11.11vw;
}

.paragraph-roadmaps.p-2col.p-afterstar {
  margin-left: .93vw;
}

.paragraph-roadmaps.p-date {
  color: #3336;
  width: 11.57vw;
}

.paragraph-roadmaps.p-oneliner, .paragraph-roadmaps.p-contributors {
  margin-bottom: 0;
}

.paragraph-roadmaps.p-contributors.discord-text {
  color: #c7c7c7;
  margin-top: .81vw;
  margin-bottom: 1.62vw;
}

.paragraph-roadmaps.price-label {
  color: #eeeeed;
  margin-bottom: 0;
}

.paragraph-roadmaps.link-payment {
  color: #3333334d;
  cursor: pointer;
  display: inline-block;
}

.paragraph-roadmaps.link-payment:hover {
  color: #333;
  text-decoration: none;
}

.paragraph-roadmaps.footer-par {
  color: #3336;
  margin-bottom: 0;
}

.paragraph-roadmaps.footer-par._2-col {
  text-align: right;
}

.paragraph-roadmaps.cardcontribute-p {
  margin-bottom: 0;
}

.paragraph-roadmaps.paragraph-white {
  color: #fff;
  font-weight: 400;
}

.paragraph-roadmaps.p-white {
  z-index: 200;
  color: #fff;
  margin-bottom: 0;
  font-weight: 400;
  text-decoration: none;
  display: block;
  position: relative;
  overflow: visible;
}

.paragraph-roadmaps.authors-p {
  color: #33333380;
  width: 100%;
  margin-right: 80px;
}

.paragraph-roadmaps.header-link {
  color: #222;
  margin: .925vw 0 0 1.85vw;
  text-decoration: underline;
}

.paragraph-roadmaps.success-form-text {
  color: #fff;
}

.paragraph-roadmaps.card {
  margin-bottom: 0;
}

.paragraph-roadmaps.card-description {
  color: #33333380;
  margin-bottom: 0;
  font-size: 1.62vw;
}

.paragraph-roadmaps.blur {
  filter: blur(10px);
}

.paragraph-roadmaps.card-small-text {
  color: #222c;
  width: 86%;
  font-size: 1.39vw;
  line-height: 2.08vw;
}

.paragraph-roadmaps.contributors {
  color: #2226;
}

.roadmap-section {
  margin: 13.43vw 0 2vw 1.85vw;
  padding-bottom: 0;
  padding-right: 0;
}

.roadmap-card-new {
  grid-column-gap: .46vw;
  background-color: #bfc4c6;
  border-radius: 20px;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 33vw;
  min-width: 33vw;
  height: 22vw;
  padding: 2.78vw 2.78vw 2.31vw 2.4vw;
  text-decoration: none;
  display: flex;
  box-shadow: 0 -2px 8px #ffffff0f;
}

.roadmap-card-new.roadmap-card-shifted {
  margin-left: -40px;
}

.roadmap-card-new.roadmap-card-shifted.card-2 {
  background-color: #cfd5d7;
  margin-left: -65px;
}

.roadmap-card-new.roadmap-card-shifted.card-3 {
  background-color: #e4e6e7;
  margin-left: -65px;
}

.roadmap-card-new.roadmap-card-shifted.last-card {
  background-color: #f1f3f3;
  margin-left: -65px;
}

.roadmap-card-copy {
  grid-column-gap: .46vw;
  background-color: #bfc4c6;
  border-radius: 20px;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 33vw;
  min-width: 33vw;
  height: 26.04vw;
  padding: 2.78vw 2.78vw 2.31vw 2.08vw;
  text-decoration: none;
  display: flex;
  box-shadow: 0 -2px 8px #ffffff0f;
}

.roadmap-card-copy.roadmap-card-shifted {
  margin-left: -40px;
}

.roadmap-card-copy.roadmap-card-shifted.card-2 {
  background-color: #cfd5d7;
}

.roadmap-card-copy.roadmap-card-shifted.card-3 {
  background-color: #e4e6e7;
}

.roadmap-card-copy.roadmap-card-shifted.last-card {
  background-color: #f1f3f3;
}

.coming-soon-guide-card {
  grid-column-gap: 1vw;
  grid-row-gap: 1vw;
  background-color: #fff282;
  border-radius: 2.3vw;
  flex-flow: column;
  width: 41vw;
  min-width: 41vw;
  height: 44vw;
  padding: 2.4vw;
  display: flex;
  box-shadow: 0 20px 20px #00000014;
}

.guide-card-content {
  grid-column-gap: .8vw;
  grid-row-gap: .8vw;
  flex-flow: column;
  display: flex;
}

.header-mobile-new, .header-mobile-new-copy {
  background-color: #0000;
  justify-content: center;
  align-items: center;
  min-height: 90px;
  padding-top: 30px;
  padding-bottom: 30px;
  display: none;
  position: fixed;
  inset: 0% 0% auto;
}

.nav-container-mobile {
  width: 90%;
  max-width: 1440px;
  margin-left: 0;
  margin-right: 0;
  position: relative;
}

.hamburger-wrapper-new {
  cursor: pointer;
  flex-direction: column;
  justify-content: space-between;
  width: 60px;
  height: 20px;
  display: flex;
}

.logo-new, .logo-new-1 {
  max-height: 6vw;
  margin-top: .46vw;
  margin-left: 0;
}

.off-main-linka-new {
  flex-direction: column;
  align-items: flex-start;
  padding-top: 180px;
  display: flex;
}

.huge-link-new {
  color: #fff;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  margin-top: 35px;
  margin-bottom: 25px;
  padding-bottom: 10px;
  font-size: 70px;
  line-height: 76px;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: hidden;
}

.nav-subtitle {
  color: #fff;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-bottom: 24px;
  font-size: 12px;
  line-height: 14px;
}

.connect-wrap-new {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.nav-btn-wrap-new {
  z-index: 101;
  padding: 0;
}

.nav-btn-wrap-new.w--open {
  background-color: #0000;
}

.image-254 {
  display: none;
}

.management-main-section {
  margin-top: 5.85vw;
  margin-left: 1.85vw;
  padding-left: 0;
}

.products-designmap-card {
  grid-column-gap: 1.6vw;
  grid-row-gap: 1.6vw;
  background-image: url('../images/design-map-card-bg.png');
  background-position: 0 0;
  background-size: cover;
  border-radius: 2.3vw;
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-end;
  height: 29vw;
  margin-top: 2vw;
  display: flex;
  position: relative;
  box-shadow: 0 20px 50px #0000001f;
}

.dmap-card-image {
  vertical-align: bottom;
  width: 55vw;
  margin-top: 1.5vw;
  margin-right: .4vw;
}

.dmap-card-content {
  grid-column-gap: .6vw;
  grid-row-gap: .6vw;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 4vw;
  margin-left: 2.4vw;
  display: flex;
}

.releases-section {
  margin-bottom: 3vw;
  margin-left: 1.85vw;
  margin-right: 1.85vw;
}

.releases-card {
  grid-column-gap: 1.6vw;
  grid-row-gap: 1.6vw;
  background-color: #f0f0f0;
  border-radius: 2.3vw;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  height: 27vw;
  display: flex;
  position: relative;
}

.releases-card-image {
  vertical-align: bottom;
  width: 60vw;
  margin-top: 1.5vw;
  margin-left: 3vw;
  margin-right: .4vw;
}

.releases-card-content {
  grid-column-gap: 1.2vw;
  grid-row-gap: 1.2vw;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  margin-left: 2.4vw;
  display: flex;
}

.button-avatars {
  grid-column-gap: .93vw;
  grid-row-gap: .93vw;
  justify-content: flex-start;
  align-items: center;
  margin-top: 1vw;
  margin-left: 10.5vw;
}

.button-avatars.buttons-contributors, .button-avatars.buttons-main {
  margin-top: 1vw;
}

.button-avatars.buttons-community {
  margin-top: 2vw;
}

.community-hero-avatar {
  width: 2.3vw;
  margin-right: -.5vw;
}

.div-block-24 {
  grid-column-gap: .5vw;
  grid-row-gap: .5vw;
  flex-flow: column;
  display: flex;
}

.div-block-25 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.text-block-17 {
  margin-left: 1.6vw;
}

.top-contributor-card {
  background-color: #fff9;
  border-radius: 1.15vw;
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  width: 11vw;
  min-width: 11vw;
  height: 14.5vw;
  padding-top: 1vw;
  padding-bottom: 1vw;
  font-family: Neuemontreal, sans-serif;
  text-decoration: none;
  display: flex;
  box-shadow: 0 12px 24px #00000014;
}

.paragraph-xxsmall {
  font-family: Neuemontreal, sans-serif;
  font-size: .7vw;
  line-height: 1.2vw;
}

.paragraph-xxsmall.centred {
  color: #222;
  text-align: center;
  text-decoration: none;
  text-decoration-thickness: 0;
}

.top-contributor-avatar {
  width: 6.9vw;
}

.top-community-carousel {
  box-sizing: border-box;
  grid-column-gap: .8vw;
  grid-row-gap: .8vw;
  margin-top: 4vw;
  margin-left: 1.85vw;
  padding-bottom: 4vw;
  display: flex;
  overflow: clip;
}

.community-hero {
  padding-bottom: 0;
}

.main-video-community {
  z-index: -100;
  width: 100%;
  height: 100vw;
  position: absolute;
  top: 0;
  left: 0;
}

.main-video-community.main-video-bottom {
  top: 500vw;
}

.main-video-community.video-product-updates {
  height: 135vw;
}

.main-video-community.video-pm-skills {
  mix-blend-mode: darken;
  height: 135vw;
}

.about-community {
  margin: 8vw 1.85vw 4vw;
}

.features-cards {
  grid-column-gap: .8vw;
  grid-row-gap: .8vw;
  margin-top: 2.78vw;
}

.community-feature {
  grid-column-gap: 1vw;
  grid-row-gap: 1vw;
  background-color: #fff;
  border-radius: 2.31vw;
  width: 25%;
  padding: 1.62vw 2.78vw 1.2vw 1.85vw;
  box-shadow: 4px 20px 30px #00000014;
}

.community-feature.feature-block-last {
  margin-right: 0;
}

.community-icon {
  width: 3.7vw;
  height: 3.7vw;
}

.community-heading-info {
  grid-column-gap: .2vw;
  grid-row-gap: .2vw;
  flex-flow: column;
  width: 95%;
  display: flex;
}

.uui-text-size-medium {
  color: var(--product-map--black);
  letter-spacing: normal;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1rem;
  line-height: 1.5;
}

.uui-container-large {
  width: 100%;
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto;
}

.uui-page-padding {
  padding-left: 2rem;
  padding-right: 2rem;
}

.uui-heading-xxsmall {
  color: var(--untitled-ui--gray900);
  letter-spacing: normal;
  margin-top: 0;
  margin-bottom: 0;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.5;
}

.uui-heading-medium {
  color: var(--untitled-ui--gray900);
  margin-top: 0;
  margin-bottom: 0;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 2.25rem;
  font-weight: 600;
  line-height: 1.3;
}

.uui-button {
  grid-column-gap: .5rem;
  border: 1px solid var(--untitled-ui--primary600);
  background-color: var(--untitled-ui--primary600);
  color: var(--untitled-ui--white);
  text-align: center;
  white-space: nowrap;
  border-radius: .5rem;
  justify-content: center;
  align-items: center;
  padding: .625rem 1.125rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5;
  text-decoration: none;
  transition: all .3s;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.uui-button:hover {
  border-color: var(--untitled-ui--primary700);
  background-color: var(--untitled-ui--primary700);
}

.uui-button:focus {
  background-color: var(--untitled-ui--primary600);
  box-shadow: 0 1px 2px 0 #1018280d, 0 0 0 4px var(--untitled-ui--primary100);
}

.uui-button-row {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  flex-wrap: wrap;
  align-items: center;
  display: flex;
}

.uui-icon-1x1-xsmall-3 {
  width: 1.5rem;
  height: 1.5rem;
}

.community-timeline {
  padding-left: 1.85vw;
  position: relative;
}

.progress-bar {
  background-color: #cebdff;
  width: 2px;
  height: 100%;
}

.community-progress {
  background-color: var(--untitled-ui--gray200);
  width: 2px;
  height: 75%;
  position: absolute;
  top: 12%;
  left: 2.2vw;
  right: 0;
}

.circle-wrapper {
  z-index: 1;
  background-color: #fff;
  padding-top: .8vw;
  padding-bottom: .8vw;
  position: relative;
}

.communtiy-timeline-step {
  grid-column-gap: 3vw;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: max-content 1fr;
}

.step-circle {
  background-color: #fff0;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  margin-top: 1vw;
  display: flex;
  position: relative;
}

.uui-layout32_timeline-right {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}

.uui-layout32_component {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: start;
  display: grid;
}

.uui-button-secondary-gray-3 {
  grid-column-gap: .5rem;
  border: 1px solid var(--untitled-ui--gray300);
  background-color: var(--untitled-ui--white);
  color: var(--untitled-ui--gray700);
  text-align: center;
  white-space: nowrap;
  border-radius: .5rem;
  justify-content: center;
  align-items: center;
  padding: .625rem 1.125rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5;
  text-decoration: none;
  transition: all .3s;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.uui-button-secondary-gray-3:hover {
  background-color: var(--untitled-ui--gray50-2);
  color: var(--untitled-ui--gray800);
}

.uui-button-secondary-gray-3:focus {
  background-color: var(--untitled-ui--white);
  box-shadow: 0 1px 2px 0 #1018280d, 0 0 0 4px var(--untitled-ui--gray100);
}

.circle {
  color: var(--untitled-ui--primary600);
  background-color: #cebdff;
  border: 0 #cebdff;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: .8vw;
  height: .8vw;
  display: flex;
}

.uui-space-medium {
  width: 100%;
  min-height: 2rem;
}

.uui-space-xxsmall {
  width: 100%;
  min-height: .5rem;
}

.uui-padding-vertical-xhuge {
  padding-top: 7rem;
  padding-bottom: 7rem;
}

.uui-heading-subheading {
  color: var(--untitled-ui--primary600);
  margin-bottom: .75rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5;
}

.how-to-join {
  grid-column-gap: 4vw;
  grid-row-gap: 4vw;
  justify-content: flex-start;
  align-items: center;
  margin-left: 1.85vw;
  margin-right: 1.85vw;
  display: flex;
}

.community-step {
  grid-column-gap: .6vw;
  grid-row-gap: .6vw;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.community-chat-image {
  border-radius: 2.31vw;
  width: 70vw;
  box-shadow: 0 15px 30px #00000014;
}

.meet-people {
  background-image: url('../images/meet-people-bg.png');
  background-position: 100% 0;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
  padding-top: 3vw;
  padding-bottom: 3vw;
}

.community-numbers-card {
  background-color: #fff9;
  background-image: url('../images/community-numbers-bg.png');
  background-position: 0 0;
  background-size: cover;
  border-radius: 2.31vw;
  justify-content: center;
  align-items: center;
  height: 14vw;
  margin-top: 4vw;
  margin-left: 1.85vw;
  margin-right: 1.85vw;
  display: flex;
  box-shadow: 0 20px 50px #0000001f;
}

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

.community-numbers {
  grid-column-gap: 10vw;
  grid-row-gap: 10vw;
  justify-content: center;
  align-items: center;
  display: flex;
}

.discord-linkedin {
  margin-top: 12vw;
  margin-bottom: 3vw;
}

.channels-cards {
  grid-column-gap: 1vw;
  grid-row-gap: 1vw;
  justify-content: flex-start;
  align-items: flex-start;
  margin-left: 1.85vw;
  margin-right: 1.85vw;
  padding-top: 1vw;
  padding-bottom: 1vw;
  display: flex;
}

.linkedin-channel-card {
  grid-column-gap: 1.2vw;
  grid-row-gap: 1.2vw;
  background-color: #fff;
  border-radius: 2.3vw;
  flex-flow: column;
  width: 32.7%;
  padding: 3vw;
  display: flex;
  box-shadow: 0 20px 50px #0000001f;
}

.discord-channel-card {
  grid-column-gap: 1.2vw;
  grid-row-gap: 1.2vw;
  background-color: #fff;
  border-radius: 2.3vw;
  flex-flow: column;
  width: 67.3%;
  padding: 3vw;
  display: flex;
  box-shadow: 0 20px 50px #0000001f;
}

.discord-channel-image, .linkedin-channel-image {
  border-radius: 1vw;
}

.discord-button {
  cursor: pointer;
  background-color: #cebdff;
  border-radius: 5.79vw;
  justify-content: flex-start;
  align-items: center;
  width: 21vw;
  margin-top: .8vw;
  text-decoration: none;
  display: flex;
  box-shadow: 0 4px 12px #00000014;
}

.discord-button:hover {
  background-color: #c3b0f8;
}

.discord-icon-button {
  color: #000;
  text-align: center;
  cursor: pointer;
  background-color: #fff;
  border-radius: 100px;
  width: auto;
  min-width: auto;
  max-width: none;
  margin-top: 1.39vw;
  padding: 1.39vw 3.8vw;
  font-family: Neuemontreal, sans-serif;
  font-size: 1.62vw;
  line-height: 2.31vw;
  box-shadow: 0 4px 12px #00000014;
}

.discord-icon-button:hover {
  background-color: #fafafa;
}

.discord-icon-button:active {
  background-color: #bdcfff;
}

.discord-icon-button.about-map-link {
  color: #000;
  text-decoration: none;
}

.discord-icon-button.platform-main-btn {
  color: #fff;
  background-color: #222;
  box-shadow: 0 4px 12px #00000014;
}

.discord-icon-button.platform-main-btn:hover {
  box-shadow: none;
  background-color: #000;
}

.discord-icon-button.platform-main-btn:active {
  background-color: #222;
}

.discord-icon-button.platform-main-btn-secondary {
  box-shadow: 0 4px 12px #00000014;
}

.discord-icon-button.platform-main-btn-secondary:hover {
  box-shadow: none;
  background-color: #eee;
}

.discord-icon-button.platform-main-btn-secondary:active {
  background-color: #e1e1e1;
}

.discord-icon-button.platform-extra-btn {
  z-index: 100;
  background-color: #cebdff;
  max-width: 18vw;
  display: block;
  position: relative;
  box-shadow: 0 4px 12px #00000014;
}

.discord-icon-button.platform-extra-btn:hover {
  background-color: #fff;
}

.discord-icon-button.platform-extra-btn:active {
  box-shadow: none;
  background-color: #eee;
}

.discord-icon-button.contributors-main-btn {
  color: #fff;
  background-color: #222;
  width: 22vw;
  min-width: 22vw;
  max-width: 22vw;
  position: relative;
  box-shadow: 0 4px 12px #00000014;
}

.discord-icon-button.contributors-main-btn:hover {
  box-shadow: none;
  background-color: #000;
}

.discord-icon-button.contributors-main-btn:active {
  background-color: #222;
}

.discord-icon-button.contributors-btn {
  width: 23vw;
  min-width: 23vw;
  max-width: 23vw;
}

.discord-icon-button.contributors-btn:hover {
  background-color: #f1f1f1;
}

.discord-icon-button.contributors-contact-btn {
  color: #fff;
  background-color: #222;
  width: 24vw;
  min-width: 24vw;
  max-width: 24vw;
  margin-top: 1.8vw;
  box-shadow: 0 4px 12px #00000014;
}

.discord-icon-button.contributors-contact-btn:hover {
  box-shadow: none;
  background-color: #000;
}

.discord-icon-button.contributors-contact-btn:active {
  background-color: #222;
}

.discord-icon-button.contributors-map-btn {
  color: #fff;
  background-color: #222;
  width: 18vw;
  min-width: 18vw;
  max-width: 18vw;
  margin-top: 0;
  box-shadow: 0 4px 12px #00000014;
}

.discord-icon-button.contributors-map-btn:hover {
  box-shadow: none;
  background-color: #000;
}

.discord-icon-button.contributors-map-btn:active {
  background-color: #222;
}

.discord-icon-button.contributors-assessment-btn {
  color: #fff;
  background-color: #222;
  width: 20.5vw;
  min-width: 20.5vw;
  max-width: 20.5vw;
  margin-top: 0;
  box-shadow: 0 4px 12px #00000014;
}

.discord-icon-button.contributors-assessment-btn:hover {
  box-shadow: none;
  background-color: #000;
}

.discord-icon-button.contributors-assessment-btn:active {
  background-color: #222;
}

.discord-icon-button.topics-platform-btn {
  color: #fff;
  background-color: #222;
  width: 24vw;
  min-width: 24vw;
  max-width: 24vw;
  margin-top: 1.8vw;
  box-shadow: 0 4px 12px #00000014;
}

.discord-icon-button.topics-platform-btn:hover {
  box-shadow: none;
  background-color: #000;
}

.discord-icon-button.topics-platform-btn:active {
  background-color: #222;
}

.discord-icon-button.update-platform-main-btn {
  color: var(--black);
  background-color: #cebdff;
  width: 14vw;
  min-width: 14vw;
  max-width: 14vw;
  margin-top: 0;
  box-shadow: 0 4px 12px #00000014;
}

.discord-icon-button.update-platform-main-btn:hover {
  box-shadow: none;
  background-color: #bfa8ff;
}

.discord-icon-button.update-platform-main-btn:active {
  background-color: #bfa8ff;
}

.discord-icon-button.update-platform-main-btn-secondary {
  margin-top: 0;
  box-shadow: 0 4px 12px #00000014;
}

.discord-icon-button.update-platform-main-btn-secondary:hover {
  box-shadow: none;
  background-color: #eee;
}

.discord-icon-button.update-platform-main-btn-secondary:active {
  background-color: #e1e1e1;
}

.discord-icon-button.main-primary-btn {
  color: #fff;
  background-color: #222;
  width: 16.5vw;
  min-width: 16.5vw;
  max-width: 16.5vw;
  position: relative;
  box-shadow: 0 4px 12px #00000014;
}

.discord-icon-button.main-primary-btn:hover {
  box-shadow: none;
  background-color: #000;
}

.discord-icon-button.main-primary-btn:active {
  background-color: #222;
}

.discord-icon-button.main-btn {
  width: 23vw;
  min-width: 23vw;
  max-width: 23vw;
}

.discord-icon-button.main-btn:hover {
  background-color: #f1f1f1;
}

.discord-icon-button.main-btn.w--current {
  width: 13vw;
  min-width: 13vw;
  max-width: 13vw;
}

.discord-icon-button.main-btn.log-in-main {
  width: 13vw;
  min-width: 13vw;
  max-width: 13vw;
  box-shadow: 0 4px 12px #00000014;
}

.discord-icon-button.platform-primary-btn {
  color: #fff;
  background-color: #222;
  width: 25vw;
  min-width: 25vw;
  max-width: 25vw;
  margin-top: 2vw;
  position: relative;
  box-shadow: 0 4px 12px #00000014;
}

.discord-icon-button.platform-primary-btn:hover {
  box-shadow: none;
  background-color: #000;
}

.discord-icon-button.platform-primary-btn:active {
  background-color: #222;
}

.discord-icon-button.platform-primary-btn.explore-platform {
  width: auto;
  min-width: auto;
  max-width: none;
  margin-top: auto;
  padding-left: 3.8vw;
  padding-right: 3.8vw;
}

.discord-icon-button.mmap-primary-btn {
  color: #fff;
  background-color: #222;
  width: 18vw;
  min-width: 18vw;
  max-width: 18vw;
  margin-top: 2vw;
  position: relative;
  box-shadow: 0 4px 12px #00000014;
}

.discord-icon-button.mmap-primary-btn:hover {
  box-shadow: none;
  background-color: #000;
}

.discord-icon-button.mmap-primary-btn:active {
  background-color: #222;
}

.discord-icon-button.ue-primary-btn {
  color: #fff;
  background-color: #222;
  justify-content: center;
  align-items: center;
  min-width: 20vw;
  max-width: 20vw;
  margin-top: 2.3vw;
  display: flex;
  position: relative;
  box-shadow: 0 4px 12px #00000014;
}

.discord-icon-button.ue-primary-btn:hover {
  box-shadow: none;
  background-color: #000;
}

.discord-icon-button.ue-primary-btn:active {
  background-color: #222;
}

.discord-icon-button.dmap-secondary-btn {
  width: 17vw;
  min-width: 17vw;
  max-width: 17vw;
}

.discord-icon-button.dmap-secondary-btn:hover {
  background-color: #f1f1f1;
}

.discord-icon-button.dmap-secondary-btn.w--current {
  width: 13vw;
  min-width: 13vw;
  max-width: 13vw;
}

.discord-icon-button.dmap-secondary-btn.log-in-main {
  width: 13vw;
  min-width: 13vw;
  max-width: 13vw;
  box-shadow: 0 4px 12px #00000014;
}

.discord-icon-button.releases-primary-btn {
  color: #fff;
  background-color: #222;
  justify-content: center;
  align-items: center;
  width: auto;
  min-width: auto;
  max-width: none;
  margin-top: 2.3vw;
  padding-left: 3.6vw;
  padding-right: 3.6vw;
  display: flex;
  position: relative;
  box-shadow: 0 4px 12px #00000014;
}

.discord-icon-button.releases-primary-btn:hover {
  box-shadow: none;
  background-color: #000;
}

.discord-icon-button.releases-primary-btn:active {
  background-color: #222;
}

.discord-icon-button.unit-economics.ue-form-submit, .discord-icon-button.map-form-submit {
  padding-left: 3vw;
  padding-right: 3vw;
}

.channel-icon {
  background-color: #222;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 5.2vw;
  height: 5.2vw;
  padding: 1.68vw;
  display: flex;
  position: static;
}

.channel-icon.linkedin {
  max-height: 4.8vw;
}

.channel-icon.linkedin:hover {
  background-color: #0a65c2;
}

.channel-icon.facebook {
  max-height: 4.8vw;
  padding-top: 1.42vw;
  padding-bottom: 1.52vw;
}

.channel-icon.facebook:hover {
  background-color: #3b5897;
}

.linkedin-button {
  cursor: pointer;
  background-color: #98e5fd;
  border-radius: 5.79vw;
  justify-content: flex-start;
  align-items: center;
  width: 21.5vw;
  margin-top: .8vw;
  text-decoration: none;
  display: flex;
  box-shadow: 0 4px 12px #00000014;
}

.linkedin-button:hover {
  background-color: #80ddfa;
}

.discord-icon.img-fb {
  height: 1.82vw;
}

.community-resources {
  margin-top: 12vw;
  padding-bottom: 4vw;
}

.begginer-guide-card-community {
  grid-column-gap: 1vw;
  grid-row-gap: 1vw;
  background-color: #fff;
  border-radius: 2.3vw;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-end;
  padding: 1.8vw;
  text-decoration: none;
  display: flex;
  box-shadow: 0 15px 30px #00000014;
}

.resources-container {
  grid-column-gap: 1vw;
  grid-row-gap: 1vw;
  margin-left: 1.85vw;
  margin-right: 1.85vw;
  display: flex;
}

.community-resource-card {
  grid-column-gap: 1vw;
  grid-row-gap: 1vw;
  border-radius: 1.15vw;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: max-content;
  grid-auto-columns: 1fr;
  align-items: flex-start;
  padding: 1.8vw;
  text-decoration: none;
  transition: all .3s;
  display: flex;
  position: relative;
  box-shadow: 0 15px 30px #00000014;
}

.community-resource-card:hover {
  background-color: #deffef;
}

.community-resource-card.products {
  grid-column-gap: 0rem;
  grid-row-gap: .5vw;
  background-color: #fff;
}

.community-resource-card.products:hover {
  background-color: #fff2f4;
  border: 0 solid #dfdfdf;
}

.community-resource-card.products.pink {
  border: .05vw solid #e0e0e0;
}

.community-resource-card.products.pink:hover {
  border-color: #ffcad2;
}

.community-resource-card.products.pink.w--current {
  background-color: #fff2f4;
  border-color: #ffcad2;
}

.community-resource-card.products.green {
  border: .05vw solid #e0e0e0;
}

.community-resource-card.products.green:hover, .community-resource-card.products.green.w--current {
  background-color: #f0fff1;
  border-color: #9ae49f;
}

.community-resource-card.products.green.w--current:hover {
  border-color: #9ae49f;
}

.community-resource-card.products.purple {
  border: .05vw solid #e0e0e0;
}

.community-resource-card.products.purple:hover {
  background-color: #f7eeff;
  border-color: #d9bdf5;
}

.community-resource-card.products.cold-green {
  border: .05vw solid #e0e0e0;
}

.community-resource-card.products.cold-green:hover {
  background-color: #defff3;
  border-color: #8bebb9;
}

.community-resource-card.products.cold-pink {
  border: .05vw solid #e0e0e0;
}

.community-resource-card.products.cold-pink:hover, .community-resource-card.products.cold-pink.w--current {
  background-color: #fff0fd;
  border-color: #ffbdf0;
}

.community-resource-card.products.yellow {
  border: .05vw solid #e0e0e0;
}

.community-resource-card.products.yellow:hover {
  background-color: #fffce7;
  border-color: #f7e445;
}

.community-resource-card.without-preview {
  background-color: #fff;
  border: .05vw solid #e0e0e0;
  grid-template-rows: 1fr;
  grid-template-columns: auto;
  padding-bottom: .9vw;
}

.community-resource-card.without-preview:hover {
  background-color: #dff5ff;
  border-color: #98e5fd;
}

.community-resource-card.without-preview.subtitle {
  background-color: #fff0;
  place-items: end stretch;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: .9vw;
}

.community-resource-card.without-preview.all-topics {
  background-color: #fff6;
  border: .05vw solid #e0e0e0;
}

.community-resource-card.without-preview.all-topics:hover {
  background-color: #fff;
  border-color: #cebdff;
}

.community-resource-card.without-preview.yellow:hover {
  background-color: #fffce7;
  border-color: #f7e445;
}

.community-resource-card.purple {
  background-color: #fff;
}

.community-resource-card.purple:hover {
  background-color: #ede9ff;
}

.community-resource-card.blue:hover {
  background-color: #dff5ff;
}

.community-resource-card.yellow:hover {
  background-color: #fffce7;
}

.resource-container {
  grid-column-gap: .4vw;
  grid-row-gap: .4vw;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.resource-container.subtitle-last {
  padding-top: .8vw;
}

.resource-avatar {
  width: 3.7vw;
  height: 3.7vw;
}

.resource-avatar.second {
  margin-left: -.8vw;
}

.guide-community-card-image {
  border-radius: 1vw;
}

.guide-community-card-image.coming-soon {
  filter: blur(5px);
}

.guide-card-community {
  grid-column-gap: .8vw;
  grid-row-gap: .8vw;
  flex-flow: column;
  display: flex;
}

.avatars {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.resources-row {
  grid-column-gap: 1vw;
  grid-row-gap: 1vw;
  flex-flow: column;
}

.avatar-tag {
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.community-principles {
  background-image: url('../images/community-principles-bg.png');
  background-position: 50%;
  background-size: cover;
  padding-top: 8vw;
  padding-bottom: 8vw;
}

.community-programs {
  margin-bottom: 3vw;
}

.principle-cards {
  grid-column-gap: .8vw;
  grid-row-gap: .8vw;
  margin-top: 2.78vw;
  margin-left: 1.85vw;
  margin-right: 1.85vw;
}

.community-principle {
  grid-column-gap: 2vw;
  grid-row-gap: 2vw;
  background-color: #fff9;
  border-radius: 2.31vw;
  flex-flow: row;
  width: 100%;
  padding: 1.62vw 2.78vw 1.62vw 1.85vw;
  box-shadow: 4px 20px 30px #00000014;
}

.community-principle.feature-block-last {
  margin-right: 0;
}

.principles-row {
  grid-column-gap: .8vw;
  grid-row-gap: .8vw;
  flex-flow: column;
  width: 50%;
  display: flex;
}

.principle-heading-info-copy {
  grid-column-gap: .6vw;
  grid-row-gap: .6vw;
  flex-flow: column;
  width: 95%;
  display: flex;
}

.contributors-program-card {
  grid-column-gap: 1.2vw;
  grid-row-gap: 1.2vw;
  background-color: #ffc6f2;
  border-radius: 2.3vw;
  flex-flow: column;
  width: 60.5%;
  padding: 3vw;
  display: flex;
  box-shadow: 0 20px 50px #0000001f;
}

.partners-program-card {
  grid-column-gap: 1.2vw;
  grid-row-gap: 1.2vw;
  background-color: #fff;
  background-image: url('../images/partners-card-bg.png');
  background-position: 50%;
  background-size: cover;
  border-radius: 2.3vw;
  flex-flow: column;
  width: 39.5%;
  padding: 3vw;
  display: flex;
  box-shadow: 0 20px 50px #0000001f;
}

.contributors-card-image, .partners-card-image {
  border-radius: 1vw;
}

.infinite-carousel-loop {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  overflow: clip;
}

.community-cards-carousel {
  box-sizing: border-box;
  grid-column-gap: .8vw;
  grid-row-gap: .8vw;
  margin-top: 4vw;
  margin-left: .8vw;
  padding-bottom: 4vw;
  display: flex;
  overflow: visible;
}

.channels-text-block {
  grid-column-gap: .2vw;
  grid-row-gap: .2vw;
  flex-flow: column;
  margin-bottom: .6vw;
  display: flex;
}

.community-card {
  grid-column-gap: 1.6vw;
  grid-row-gap: 1.6vw;
  background-image: url('../images/community-card-bg.png');
  background-position: 0 0;
  background-size: cover;
  border-radius: 2.3vw;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  height: 32vw;
  margin-top: 2vw;
  display: flex;
  position: relative;
  box-shadow: 0 20px 50px #0000001f;
}

.community-card-content {
  grid-column-gap: .6vw;
  grid-row-gap: .6vw;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  margin-left: 2.4vw;
  display: flex;
}

.community-card-image {
  vertical-align: bottom;
  width: 55vw;
  margin-top: 1.5vw;
  margin-right: .4vw;
}

.div-block-26 {
  grid-column-gap: 2vw;
  grid-row-gap: 2vw;
  flex-flow: column;
  margin-top: 2vw;
  display: flex;
}

.problem-statement-cards {
  margin-top: 2.78vw;
}

.ps-card {
  background-color: #fff;
  border-radius: 2.31vw;
  width: 25%;
  margin-right: 1.16vw;
  padding: 1.62vw 2.78vw 1.85vw 1.85vw;
  box-shadow: 0 10px 30px #0000001f;
}

.ps-card.feature-block-last {
  margin-right: 0;
}

.ps-card.last-card {
  margin-right: 0;
  box-shadow: 0 10px 30px #0000001f;
}

.hero-video {
  text-align: left;
  border-radius: .9vw;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 75vw;
  margin-top: 3.5vw;
  margin-left: 10.5vw;
  margin-right: 10.5vw;
  display: flex;
  box-shadow: 0 40px 100px #0000001f;
}

.video-placeholder {
  border: .14vw solid #898ef5;
  border-bottom-right-radius: .9vw;
  border-bottom-left-radius: .9vw;
  width: 100%;
  height: 42vw;
  margin-top: -.1vw;
}

.gp-card-content-block {
  grid-column-gap: 1vw;
  grid-row-gap: 1vw;
  width: 36%;
  margin-left: 3.24vw;
}

.gp-card-video-content {
  justify-content: flex-start;
  align-items: center;
  margin-top: 2vw;
  margin-bottom: 2vw;
}

.gp-card-video {
  border-radius: 0;
  width: 65%;
  box-shadow: 0 15px 30px #00000014;
}

.problem-statement-section {
  margin-top: 13.43vw;
  margin-left: 1.85vw;
  margin-right: 1.85vw;
  padding-top: 0;
}

.problem-statement-section.pu-title-section-mobile {
  margin-top: 4vw;
}

.problem-statement-section.pu-title-section-mobile.platform-hero-block {
  margin-top: 8vw;
}

.problem-statement-section.pu-title-section-mobile.main-knowledgehub {
  margin-top: 12vw;
}

.problem-statement-section.pu-title-section-mobile.hero-block {
  margin-top: 8vw;
}

.growth-plans-section {
  z-index: 50;
  flex-direction: column;
  align-items: flex-start;
  margin-top: 13.43vw;
  margin-left: 1.85vw;
  margin-right: 1.85vw;
  display: flex;
  position: relative;
}

.growth-plans-section.whatisit-block {
  margin-top: 3.43vw;
}

.platform-bg {
  z-index: -1000;
  width: 100%;
  position: absolute;
  inset: 0% auto auto 0%;
}

.key-features-section {
  margin-top: 13.43vw;
  margin-left: 1.85vw;
  margin-right: 1.85vw;
}

.key-features-platform-container {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  margin-left: 0;
  margin-right: 0;
  display: flex;
}

._2-row {
  grid-column-gap: 1.16vw;
  grid-row-gap: 1.16vw;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
}

.key-feature-platform-card {
  background-color: #fff;
  border-radius: 2.31vw;
  box-shadow: 0 4px 30px #0000001a;
}

._1-row {
  grid-column-gap: 1.16vw;
  grid-row-gap: 1.16vw;
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
  margin-bottom: 1.16vw;
}

.key-features-platform-cards {
  flex-flow: column;
  margin-top: 2.78vw;
  display: flex;
}

.kf-card-content {
  grid-column-gap: .4vw;
  grid-row-gap: .4vw;
  flex-flow: column;
  padding-top: 2.31vw;
  padding-left: 2.78vw;
}

.ai-assistant-card-image {
  margin-top: -2.083vw;
  padding-top: 0;
}

.image-256 {
  border-bottom-right-radius: 2.31vw;
  overflow: clip;
}

.image-257 {
  border-bottom-right-radius: 2.31vw;
  border-bottom-left-radius: 2.31vw;
}

.image-258 {
  border-bottom-right-radius: 2.31vw;
}

.ai-assistant-section {
  margin-top: 13.43vw;
  margin-left: 1.85vw;
  margin-right: 1.85vw;
}

.ai-assistant-cards {
  grid-column-gap: 1.16vw;
  grid-row-gap: 1.16vw;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 2.78vw;
  display: flex;
}

.ai-cards-right {
  grid-column-gap: 1.16vw;
  grid-row-gap: 1.16vw;
  flex-flow: column;
}

.ai-card-left {
  background-color: #14191f;
  background-image: url('../images/ai-block-1-bg.png');
  background-position: 0 0;
  background-size: cover;
  border-radius: 2.31vw;
  justify-content: flex-start;
  align-items: flex-start;
  width: 58.12vw;
  min-width: 58.12vw;
  max-width: 58.12vw;
  box-shadow: 0 4px 30px #0000001a;
}

.ai-assistant-card {
  background-color: #fff;
  border-radius: 2.31vw;
  box-shadow: 0 4px 30px #0000001a;
}

.ai-assistant-card-right-2 {
  background-color: #84e4b3;
  background-image: url('../images/ai-block-3-bg.png');
  background-position: 0 0;
  background-size: cover;
  border-radius: 2.31vw;
  box-shadow: 0 4px 30px #0000001a;
}

.ai-assistant-card-right-1 {
  background-color: #84e4b3;
  background-image: url('../images/ai-block-2-bg.png');
  background-position: 0 0;
  background-size: cover;
  border-radius: 2.31vw;
  box-shadow: 0 4px 30px #0000001a;
}

.ai-card-content {
  grid-column-gap: .6vw;
  grid-row-gap: .6vw;
  flex-flow: column;
  padding-top: 2.78vw;
  padding-left: 2.78vw;
}

.italic-text, .italic-text-2, .italic-text-3 {
  font-style: normal;
}

.ai-features-container {
  grid-column-gap: .6vw;
  grid-row-gap: .6vw;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 1.6vw;
  display: flex;
}

.ai-features-container.platform {
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  width: 88%;
  margin-top: 1.8vw;
  margin-left: 3vw;
  margin-right: 3vw;
  position: absolute;
  top: 6.5vw;
}

.ai-features-container.left {
  margin-bottom: 2vw;
}

.ai-features-container.centred {
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  margin-top: 0;
  margin-bottom: 2vw;
}

.platform-get-started-section {
  background-color: #000;
  border-radius: 2.31vw;
  margin: 1.16vw 1.85vw 3vw;
  padding: 2.78vw;
  display: flex;
  position: relative;
}

.gs-right-column {
  grid-column-gap: 1vw;
  grid-row-gap: 1vw;
  flex-flow: column;
  width: 31.5vw;
  display: flex;
  position: relative;
}

.advanced-report-section {
  margin-top: 13.43vw;
  margin-left: 1.85vw;
  margin-right: 1.85vw;
}

.advanced-report-card {
  background-color: #ffef64;
  background-image: url('../images/paid-report-crad-bg.png');
  background-position: 0 0;
  background-size: cover;
  border-radius: 2.31vw;
  margin-top: 2.78vw;
  box-shadow: 0 4px 30px #0000001a;
}

.advanced-report-image {
  width: 61vw;
  display: inline-flex;
  overflow: visible;
}

.advanced-report-content {
  grid-column-gap: 2.5vw;
  grid-row-gap: 2.5vw;
  justify-content: flex-start;
  align-items: flex-end;
  display: flex;
}

.detailed-report-card-content {
  grid-column-gap: .6vw;
  grid-row-gap: .6vw;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  margin-top: 3.2vw;
  margin-bottom: 3.2vw;
  margin-left: 2.78vw;
  display: flex;
}

.report-tags {
  grid-column-gap: .6vw;
  grid-row-gap: .6vw;
  display: flex;
}

.report-button-container {
  margin-top: 1.6vw;
}

.content-bullets {
  grid-column-gap: .2vw;
  grid-row-gap: .2vw;
  flex-flow: column;
  display: flex;
}

.browser-header-image {
  border: .14vw solid #898ef5;
  border-radius: .9vw .9vw 0 0;
}

.gp-video {
  border-radius: .9vw;
  flex-flow: column;
  width: 64%;
  display: flex;
  box-shadow: 0 15px 30px #00000014;
}

.gp-video-placeholder {
  z-index: 1000;
  border: .14vw solid #ad97ed;
  border-bottom-right-radius: .9vw;
  border-bottom-left-radius: .9vw;
  width: 100%;
  height: 31vw;
  margin-top: -.2vw;
}

.gp-video-placeholder.lime {
  border-color: #98d666;
}

.gp-video-placeholder.pink {
  border-color: #e6acd9;
}

.gp-video-placeholder.orange {
  border-color: #f0a42a;
}

.gp-browser-header {
  border: .14vw solid #ad97ed;
  border-top-left-radius: .9vw;
  border-top-right-radius: .9vw;
}

.gp-browser-header.lime {
  border-color: #98d666;
}

.gp-browser-header.pink {
  border-color: #e6acd9;
}

.gp-browser-header.orange {
  border-color: #f0a42a;
}

@media screen and (max-width: 991px) {
  .panel5 {
    width: 120vw;
  }

  .hover-line {
    height: 8px;
  }

  .huge-link {
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 48px;
    line-height: 48px;
  }

  .huge-link._1 {
    margin-bottom: 10px;
  }

  .header-mobile {
    display: none;
  }

  .hamburger-wrapper {
    width: 40px;
  }

  .skills-card, .skills-grade, .grades-card {
    padding-top: 2.81vw;
    padding-left: 2.81vw;
    padding-right: 2.81vw;
  }

  .hide-tablet {
    display: none;
  }

  .show-tablet {
    display: block;
  }

  .dropdown-icon {
    color: var(--untitled-ui--gray500);
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 0;
    inset: auto 0% auto auto;
  }

  .menu-icon_line-middle-inner {
    width: 4px;
    height: 0;
    padding-bottom: 0;
    padding-right: 0;
  }

  .menu-icon_line-bottom {
    background-color: var(--untitled-ui--gray700);
    border-radius: 1rem;
    width: 24px;
    height: 2px;
    padding-bottom: 0;
    padding-right: 0;
  }

  .menu-icon_line-middle {
    background-color: var(--untitled-ui--gray700);
    border-radius: 1rem;
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 2px;
    margin-top: 6px;
    margin-bottom: 6px;
    padding-bottom: 0;
    padding-right: 0;
    display: flex;
  }

  .menu-icon_line-top {
    background-color: var(--untitled-ui--gray700);
    border-radius: 1rem;
    width: 24px;
    height: 2px;
    padding-bottom: 0;
    padding-right: 0;
  }

  .menu-icon_component {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 48px;
    height: 48px;
    margin-right: -.5rem;
    padding-bottom: 0;
    padding-right: 0;
    display: flex;
  }

  .uui-navbar08_dropdown-content {
    align-content: start;
    align-items: start;
    padding: 1rem 0;
  }

  .uui-navbar08_dropdown-link {
    padding-left: 0;
    padding-right: 0;
  }

  .uui-navbar08_dropdown-link:hover {
    background-color: #0000;
  }

  .navbar-menu-dropdown {
    width: 100%;
    font-size: 1.125rem;
  }

  .navbar-link {
    color: var(--untitled-ui--gray900);
    width: 100%;
    padding: .75rem 0;
    font-size: 1.125rem;
  }

  .navbar-link:hover {
    color: var(--untitled-ui--gray900);
  }

  .navbar-menu-center {
    grid-column-gap: 0px;
    grid-row-gap: .5rem;
    color: var(--untitled-ui--gray900);
    flex-direction: column;
    align-items: flex-start;
    display: flex;
  }

  .uui-navbar08_menu {
    border-top: 1px solid var(--untitled-ui--gray100);
    -webkit-text-fill-color: inherit;
    background-color: #fff;
    background-clip: border-box;
    align-items: flex-start;
    height: 100vh;
    margin-left: 0;
    padding: 1.5rem 2rem 5rem;
    position: absolute;
    overflow: auto;
  }

  .navbar-dropdown-toggle {
    color: var(--untitled-ui--gray900);
    align-items: center;
    padding-top: .75rem;
    padding-bottom: .75rem;
    padding-left: 0;
    font-size: 1.125rem;
    display: flex;
  }

  .navbar-dropdown-toggle:hover {
    color: var(--untitled-ui--gray900);
  }

  .navbar-dropdown-list {
    position: static;
    overflow: hidden;
  }

  .navbar-dropdown-list.w--open {
    box-shadow: none;
    border-style: none;
    border-color: #0000;
    width: auto;
    padding: 0;
  }

  .uui-navbar08_menu-right {
    flex-direction: column-reverse;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    align-items: stretch;
    margin-top: 1.5rem;
    padding-bottom: 7rem;
  }

  .uui-navbar08_menu-button.w--open {
    background-color: #0000;
  }

  .uui-button-secondary-gray.show-tablet {
    display: block;
  }

  .navbar-button-wrapper {
    flex-direction: column-reverse;
    align-items: stretch;
    display: flex;
  }

  .dropdown-content-products, .dropdown-content-guides {
    align-content: start;
    align-items: start;
    padding: 1rem 0;
  }

  .hide-tablet-2 {
    display: none;
  }

  .show-tablet-2 {
    display: block;
  }

  .uui-dropdown-icon-2 {
    color: var(--untitled-ui--gray500);
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 0;
    inset: auto 0% auto auto;
  }

  .menu-icon_line-middle-inner-2 {
    width: 4px;
    height: 0;
    padding-bottom: 0;
    padding-right: 0;
  }

  .menu-icon_line-bottom-2 {
    background-color: var(--untitled-ui--gray700);
    border-radius: 1rem;
    width: 24px;
    height: 2px;
    padding-bottom: 0;
    padding-right: 0;
  }

  .menu-icon_line-middle-2 {
    background-color: var(--untitled-ui--gray700);
    border-radius: 1rem;
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 2px;
    margin-top: 6px;
    margin-bottom: 6px;
    padding-bottom: 0;
    padding-right: 0;
    display: flex;
  }

  .menu-icon_line-top-2 {
    background-color: var(--untitled-ui--gray700);
    border-radius: 1rem;
    width: 24px;
    height: 2px;
    padding-bottom: 0;
    padding-right: 0;
  }

  .menu-icon_component-2 {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 48px;
    height: 48px;
    margin-right: -.5rem;
    padding-bottom: 0;
    padding-right: 0;
    display: flex;
  }

  .uui-navbar08_dropdown-content-2 {
    align-content: start;
    align-items: start;
    padding: 1rem 0;
  }

  .uui-navbar08_dropdown-link-2 {
    padding-left: 0;
    padding-right: 0;
  }

  .uui-navbar08_dropdown-link-2:hover {
    background-color: #0000;
  }

  .uui-navbar08_menu-dropdown-2 {
    width: 100%;
    font-size: 1.125rem;
  }

  .uui-navbar08_link-2 {
    color: var(--untitled-ui--gray900);
    width: 100%;
    padding: .75rem 0;
    font-size: 1.125rem;
  }

  .uui-navbar08_link-2:hover {
    color: var(--untitled-ui--gray900);
  }

  .uui-navbar08_menu-left-2 {
    grid-column-gap: 0px;
    grid-row-gap: .5rem;
    color: var(--untitled-ui--gray900);
    flex-direction: column;
    align-items: flex-start;
    display: flex;
  }

  .uui-navbar08_menu-2 {
    border-top: 1px solid var(--untitled-ui--gray100);
    -webkit-text-fill-color: inherit;
    background-color: #fff;
    background-clip: border-box;
    align-items: flex-start;
    height: 100vh;
    margin-left: 0;
    padding: 1.5rem 2rem 5rem;
    position: absolute;
    overflow: auto;
  }

  .uui-navbar08_dropdown-toggle-2 {
    color: var(--untitled-ui--gray900);
    align-items: center;
    padding-top: .75rem;
    padding-bottom: .75rem;
    padding-left: 0;
    font-size: 1.125rem;
    display: flex;
  }

  .uui-navbar08_dropdown-toggle-2:hover {
    color: var(--untitled-ui--gray900);
  }

  .uui-navbar08_dropdown-list-2 {
    position: static;
    overflow: hidden;
  }

  .uui-navbar08_dropdown-list-2.w--open {
    box-shadow: none;
    border-style: none;
    border-color: #0000;
    width: auto;
    padding: 0;
  }

  .uui-navbar08_menu-right-2 {
    flex-direction: column-reverse;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    align-items: stretch;
    margin-top: 1.5rem;
    padding-bottom: 7rem;
  }

  .uui-navbar08_menu-button-2.w--open {
    background-color: #0000;
  }

  .uui-button-secondary-gray-2.show-tablet-2 {
    display: block;
  }

  .uui-navbar08_button-wrapper-2 {
    flex-direction: column-reverse;
    align-items: stretch;
    display: flex;
  }

  .uui-navbar06_dropdown-link {
    padding-left: 0;
    padding-right: 0;
  }

  .uui-navbar06_dropdown-link:hover {
    background-color: #0000;
  }

  .uui-navbar06_blog-item-image-wrapper {
    flex-direction: column;
    width: 100%;
  }

  .uui-navbar06_blog-item-image {
    width: 100%;
  }

  .uui-navbar06_dropdown-content {
    flex-direction: column;
  }

  .uui-navbar06_dropdown-content-left {
    align-content: start;
    align-items: start;
    max-width: none;
    padding: 1rem 0 0;
  }

  .uui-navbar06_dropdown-content-right {
    align-items: flex-start;
    max-width: none;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }

  .uui-navbar06_blog-list {
    grid-row-gap: 1rem;
    width: 100%;
  }

  .uui-navbar06_blog-item-content {
    width: 100%;
  }

  .uui-navbar06_blog-item {
    grid-row-gap: 1.5rem;
    grid-template-columns: 1fr;
    padding-left: 0;
    padding-right: 0;
  }

  .uui-navbar06_blog-item:hover {
    background-color: #0000;
  }

  .uui-navbar06_menu {
    border-top: 1px solid var(--untitled-ui--gray100);
    -webkit-text-fill-color: inherit;
    background-color: #fff;
    background-clip: border-box;
    align-items: flex-start;
    height: 100vh;
    margin-left: 0;
    padding: 1.5rem 2rem 5rem;
    position: absolute;
    overflow: auto;
  }

  .uui-navbar06_menu-left {
    grid-column-gap: 0px;
    grid-row-gap: .5rem;
    color: var(--untitled-ui--gray900);
    flex-direction: column;
    align-items: flex-start;
    display: flex;
  }

  .uui-navbar06_link {
    color: var(--untitled-ui--gray900);
    width: 100%;
    padding: .75rem 0;
    font-size: 1.125rem;
  }

  .uui-navbar06_link:hover {
    color: var(--untitled-ui--gray900);
  }

  .uui-navbar06_dropdown-list {
    position: relative;
    overflow: hidden;
  }

  .uui-navbar06_dropdown-list.w--open {
    box-shadow: none;
    border-style: none;
    align-items: flex-start;
    min-width: auto;
    padding: 0 0 0;
    position: relative;
    top: 0;
    left: 0;
    right: 0;
  }

  .uui-navbar06_menu-right {
    flex-direction: column-reverse;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    align-items: stretch;
    margin-top: 1.5rem;
    padding-bottom: 7rem;
  }

  .uui-navbar06_menu-button.w--open {
    background-color: #0000;
  }

  .uui-navbar06_dropdown-toggle {
    color: var(--untitled-ui--gray900);
    align-items: center;
    padding-top: .75rem;
    padding-bottom: .75rem;
    padding-left: 0;
    font-size: 1.125rem;
    display: flex;
  }

  .uui-navbar06_dropdown-toggle:hover {
    color: var(--untitled-ui--gray900);
  }

  .uui-navbar06_menu-dropdown {
    width: 100%;
    position: relative;
  }

  .uui-navbar06_button-wrapper {
    flex-direction: column-reverse;
    align-items: stretch;
    display: flex;
  }

  .navbar-dropdown-list-copy {
    position: static;
    overflow: hidden;
  }

  .navbar-dropdown-list-copy.w--open {
    box-shadow: none;
    border-style: none;
    border-color: #0000;
    width: auto;
    padding: 0;
  }

  .header-mobile-new, .header-mobile-new-copy {
    display: none;
  }

  .hamburger-wrapper-new {
    width: 40px;
  }

  .huge-link-new {
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 48px;
    line-height: 48px;
  }

  .huge-link-new._1 {
    margin-bottom: 10px;
  }

  .communtiy-timeline-step {
    grid-column-gap: 24px;
  }

  .uui-layout32_component {
    grid-column-gap: 2rem;
  }

  .uui-padding-vertical-xhuge {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .community-resource-card {
    padding-left: 0;
    padding-right: 0;
  }

  .community-resource-card:hover {
    background-color: #0000;
  }
}

@media screen and (max-width: 767px) {
  .heading-1-section.h1-staticpage {
    font-size: 40px;
    line-height: 56px;
  }

  .paragraph.footer-par {
    font-size: 16px;
    line-height: 20px;
  }

  .paragraph.footer-par._2-col {
    text-align: left;
  }

  .sticky-menu {
    flex-direction: row;
    margin-top: 0;
    padding-top: 20px;
    top: 0;
  }

  .huge-heading {
    font-size: 6vh;
  }

  .list-link {
    flex: none;
    margin-right: 20px;
  }

  .image-6 {
    max-height: 72px;
    margin-top: 4px;
    margin-left: 12px;
  }

  .text-body {
    margin-left: 24px;
    margin-right: 24px;
  }

  .html-embed, .html-embed.html-ember--first {
    font-size: 16px;
    line-height: 20px;
  }

  .footer {
    margin-top: 32px;
    margin-bottom: 40px;
  }

  .div-block-8 {
    width: 100%;
  }

  .div-block-9 {
    width: 100%;
    margin-top: 24px;
  }

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

  .paragraph-table.footer-par {
    font-size: 16px;
    line-height: 20px;
  }

  .paragraph-table.footer-par._2-col {
    text-align: left;
  }

  .off-canvas-wrapper {
    grid-row-gap: 60px;
    grid-template-rows: min-content minmax(auto, 1fr);
    grid-template-columns: 1.5fr;
    padding-top: 80px;
  }

  .brand {
    padding-left: 0;
  }

  .huge-link {
    margin-top: 0;
  }

  .header-mobile {
    display: none;
  }

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

  .off-other-column {
    border-left-style: none;
    padding-top: 0;
    padding-bottom: 40px;
    padding-left: 0;
  }

  .off-main-linka {
    padding-top: 80px;
  }

  .paragraph-skill.footer-par {
    font-size: 16px;
    line-height: 20px;
  }

  .paragraph-skill.footer-par._2-col {
    text-align: left;
  }

  .about-section.h1-staticpage {
    font-size: 40px;
    line-height: 56px;
  }

  .uui-text-size-small.hide-mobile-landscape, .hide-mobile-landscape {
    display: none;
  }

  .button-primary {
    font-size: 1rem;
  }

  .button-primary:hover {
    border-color: var(--untitled-ui--primary600);
    background-color: var(--untitled-ui--primary600);
  }

  .uui-navbar08_dropdown-content {
    grid-row-gap: 1.5rem;
    flex-direction: column;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
  }

  .uui-navbar08_dropdown-link-list {
    grid-row-gap: .5rem;
    max-width: none;
  }

  .header-new {
    min-height: 4.5rem;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .navbar-link {
    font-size: 1rem;
  }

  .uui-navbar08_menu {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .navbar-dropdown-toggle {
    font-size: 1rem;
  }

  .uui-button-secondary-gray {
    padding-left: 1.25rem;
    font-size: 1rem;
  }

  .uui-button-secondary-gray:hover {
    background-color: var(--untitled-ui--white);
    color: var(--untitled-ui--gray700);
  }

  .button-secondary:hover {
    color: var(--product-map--black);
    background-color: #0000;
  }

  .uui-styleguide_logomark-bg {
    background-image: url('../images/untitled-ui-logomark.svg');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
  }

  .uui-badge-small-success {
    padding: .125rem .5rem;
  }

  .dropdown-content-products, .dropdown-content-guides {
    grid-row-gap: 1.5rem;
    flex-direction: column;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
  }

  .uui-text-size-small-2.hide-mobile-landscape-2, .hide-mobile-landscape-2 {
    display: none;
  }

  .uui-button-2 {
    font-size: 1rem;
  }

  .uui-button-2:hover {
    border-color: var(--untitled-ui--primary600);
    background-color: var(--untitled-ui--primary600);
  }

  .uui-navbar08_dropdown-content-2 {
    grid-row-gap: 1.5rem;
    flex-direction: column;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
  }

  .uui-navbar08_dropdown-link-list-2 {
    grid-row-gap: .5rem;
    max-width: none;
  }

  .uui-navbar08_component-2 {
    min-height: 4.5rem;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .uui-navbar08_link-2 {
    font-size: 1rem;
  }

  .uui-navbar08_menu-2 {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .uui-navbar08_dropdown-toggle-2 {
    font-size: 1rem;
  }

  .uui-button-secondary-gray-2 {
    padding-left: 1.25rem;
    font-size: 1rem;
  }

  .uui-button-secondary-gray-2:hover {
    background-color: var(--untitled-ui--white);
    color: var(--untitled-ui--gray700);
  }

  .uui-button-tertiary-gray-2:hover {
    color: var(--product-map--black);
    background-color: #0000;
  }

  .uui-styleguide_logomark-bg-2 {
    background-image: url('../images/untitled-ui-logomark.svg');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
  }

  .uui-badge-small-success-2 {
    padding: .125rem .5rem;
  }

  .uui-navbar06_dropdown-link-list {
    max-width: none;
  }

  .uui-navbar06_blog-item-image-wrapper {
    max-width: 100%;
  }

  .uui-navbar06_blog-item-image {
    margin-bottom: 0;
  }

  .uui-navbar06_dropdown-content-left {
    grid-row-gap: 1.5rem;
    flex-direction: column;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
  }

  .uui-navbar06_blog-list {
    grid-row-gap: .5rem;
  }

  .uui-navbar06_blog-item {
    grid-row-gap: 1rem;
  }

  .uui-navbar06_component {
    min-height: 4.5rem;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .uui-navbar06_menu {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .uui-navbar06_link {
    font-size: 1rem;
  }

  .uui-navbar06_dropdown-list.w--open {
    margin-bottom: 0;
  }

  .uui-navbar06_dropdown-toggle {
    font-size: 1rem;
  }

  .heading-2-section.h1-staticpage, .heading-1-section-copy.h1-staticpage {
    font-size: 40px;
    line-height: 56px;
  }

  .paragraph-roadmaps.footer-par {
    font-size: 16px;
    line-height: 20px;
  }

  .paragraph-roadmaps.footer-par._2-col {
    text-align: left;
  }

  .header-mobile-new, .header-mobile-new-copy {
    display: none;
  }

  .logo-new, .logo-new-1 {
    max-height: 72px;
    margin-top: 4px;
    margin-left: 12px;
  }

  .off-main-linka-new {
    padding-top: 80px;
  }

  .huge-link-new {
    margin-top: 0;
  }

  .uui-page-padding {
    padding-left: 1rem;
    padding-right: 1rem;
  }

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

  .uui-heading-xxsmall {
    font-size: 1.125rem;
  }

  .uui-heading-medium {
    font-size: 1.75rem;
    line-height: 1.4;
  }

  .uui-button {
    font-size: 1rem;
  }

  .uui-button:hover {
    border-color: var(--untitled-ui--primary600);
    background-color: var(--untitled-ui--primary600);
  }

  .uui-button-row {
    align-self: stretch;
  }

  .uui-button-row.is-reverse-mobile-landscape {
    flex-direction: column-reverse;
  }

  .uui-button-wrapper.max-width-full-mobile-landscape {
    width: 100%;
  }

  .uui-layout32_component {
    grid-row-gap: 2rem;
    grid-template-columns: 1fr;
  }

  .uui-button-secondary-gray-3 {
    padding-left: 1.25rem;
    font-size: 1rem;
  }

  .uui-button-secondary-gray-3:hover {
    background-color: var(--untitled-ui--white);
    color: var(--untitled-ui--gray700);
  }

  .uui-space-medium {
    min-height: 1.5rem;
  }

  .uui-padding-vertical-xhuge {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
}

@media screen and (max-width: 479px) {
  .heading {
    letter-spacing: -1.5px;
    font-size: 56px;
    line-height: 56px;
  }

  .heading.heading-lvl2 {
    padding-left: 99px;
  }

  .big-paragraph {
    letter-spacing: -.2px;
    margin-top: 12px;
    margin-left: 0;
    margin-right: 16px;
    font-size: 22px;
    line-height: 26px;
  }

  .big-paragraph.p-thankyou.mobile-hidden {
    display: none;
  }

  .big-paragraph.p-thankyou.desktop-hidden {
    width: 99%;
    display: block;
  }

  .big-paragraph.p-thankyou.mobile-access-bottomp {
    width: 220px;
  }

  .big-paragraph.pu-fullwith.p-knowledge-mobile {
    margin-left: 0;
    margin-right: 0;
    font-size: 20px;
  }

  .big-paragraph.pu-fullwith.p-knowledge-mobile.contributors-page {
    width: auto;
    margin-top: 12px;
    margin-right: 0;
  }

  .big-paragraph.pu-fullwith.p-knowledge-mobile.contributors-page.text-centred {
    margin-top: 12px;
    margin-left: 8px;
    margin-right: 8px;
  }

  .big-paragraph.pu-fullwith.p-knowledge-mobile.contribution-ways {
    margin-top: 12px;
    margin-right: 0;
  }

  .big-paragraph.pu-fullwith.p-knowledge-mobile.home-page {
    width: auto;
    margin-top: 12px;
    margin-right: 0;
  }

  .big-paragraph.pu-fullwith.p-knowledge-mobile.home-page.text-centred {
    margin-top: 12px;
    margin-left: 8px;
    margin-right: 8px;
  }

  .big-paragraph.pu-fullwith.mobile-section-padding {
    margin-left: 4px;
    margin-right: 8px;
  }

  .big-paragraph.pu-fullwith.p-skills-mobile {
    margin-left: 0;
    margin-right: 0;
    font-size: 20px;
  }

  .big-paragraph.platform {
    margin-top: 16px;
    margin-right: 0;
  }

  .main-screen-tag {
    border-radius: 8px;
    margin-top: 0;
    margin-right: 4px;
    padding: 8px;
    font-size: 15px;
    line-height: 18px;
    overflow: hidden;
  }

  .main-screen-tag.tag-blue.tag-pink {
    display: inline-block;
  }

  .main-screen-tag.white {
    border-radius: 6px;
    padding: 6px 8px;
    font-size: 12px;
    line-height: 12px;
  }

  .main-chips-block {
    margin-top: 0;
    padding-left: 8px;
    padding-right: 8px;
    display: block;
  }

  .main-chips-block.product-teams-chips-mobile {
    padding-left: 0;
    padding-right: 0;
  }

  .map-preview-section {
    border-radius: 20px;
    margin-top: 20px;
    margin-left: 0;
    margin-right: 0;
    padding: 10px 0 16px;
  }

  .h2-heading {
    text-align: left;
    order: -1;
    width: 90%;
    margin-top: 0;
    font-size: 28px;
    line-height: 36px;
  }

  .h2-heading.h2-heading-white {
    margin-bottom: 40px;
    font-size: 26px;
    line-height: 36px;
  }

  .h2-heading.h2-heading-white.submit-button.about-map-link {
    font-size: 22px;
    top: -12px;
  }

  .h2-heading.h2-heading-white.discord-header {
    margin-bottom: 12px;
    line-height: 32px;
  }

  .h2-heading.h2-heading-white.map-download-heading {
    margin-top: 16px;
    margin-bottom: 24px;
  }

  .h2-heading.h2-heading-white.platform {
    width: 100%;
    margin-bottom: 20px;
  }

  .h2-heading.h2-heading-shifted, .h2-heading.h2-heading-shifted.h2-highlight {
    margin-left: 0;
  }

  .h2-heading.h2-static {
    margin-top: 24px;
  }

  .h2-heading.h2-discord {
    order: 1;
    line-height: 36px;
  }

  .h2-heading.centred, .h2-heading.centred.ue {
    margin-top: 24px;
  }

  .h2-heading.centred.product-mngmt-map {
    text-align: center;
  }

  .h2-heading.h2-highlight {
    border-radius: 4px;
    padding-left: 4px;
    padding-right: 4px;
  }

  .h2-heading.skills-page {
    text-align: left;
    margin-top: 0;
  }

  .h2-heading.design-map {
    text-align: center;
    margin-top: 0;
  }

  .h2-heading.map-topic-heading {
    margin-top: 0;
  }

  .h2-heading.heading-releases-block {
    width: 100%;
  }

  .h2-heading.h2-contributors-block {
    margin-top: 24px;
  }

  .h2-heading.h2-contributors-block.h2-program-card {
    margin-top: 0;
  }

  .h2-heading.community {
    text-align: center;
    margin-top: 0;
  }

  .h2-heading.gp-card {
    width: 100%;
  }

  .h2-heading.topics {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }

  .h2-heading.paid-report {
    text-align: left;
    margin-top: 0;
  }

  .main-cards-section {
    flex-flow: column-reverse;
    margin: 16px 0 40px;
    padding-top: 0;
  }

  .main-card-big {
    border-radius: 20px;
    width: 100%;
    margin-right: 0;
    padding: 16px 8px 12px;
  }

  .main-card-big.div-block-3-black {
    border-radius: 20px;
    order: -1;
    width: auto;
    min-height: 0;
    margin: 16px 4px 12px;
    padding: 16px 16px 12px 12px;
    display: block;
    position: relative;
    top: 0;
  }

  .main-card-big.div-block-3-black.map-main-card {
    width: auto;
  }

  .main-card-big.sunburst {
    width: 100%;
    margin-bottom: 4px;
    padding: 16px 0 20px;
  }

  .main-card-big.upd_card-for-curators {
    width: 100%;
    margin-bottom: 4px;
    padding: 16px 16px 24px 12px;
  }

  .main-card-big.upd_card-for-curators.card-community, .main-card-big.upd_card-for-curators.upd_card-community {
    width: 100%;
    padding-right: 16px;
  }

  .main-card-big.card-for-companies {
    width: 100%;
    padding: 16px 16px 24px 12px;
  }

  .main-card-big.card-for-companies.card-contributors {
    width: 100%;
  }

  .main-card-big.big-card-green {
    padding: 12px 16px 20px 12px;
  }

  .main-card-big.big-card-green.big-card-cian, .main-card-big.big-card-green.big-card-red, .main-card-big.big-card-green.big-card-purple, .main-card-big.big-card-green.big-card-orange {
    margin-top: 4px;
  }

  .main-card-big.card-donation {
    width: 100%;
    min-height: auto;
    max-height: none;
    margin-bottom: 4px;
    padding-bottom: 24px;
    padding-left: 12px;
    padding-right: 16px;
  }

  .main-card-big.card-contribute {
    width: 100%;
    padding-bottom: 24px;
    padding-left: 12px;
    padding-right: 16px;
  }

  .main-card-big.handbook {
    padding-left: 12px;
    padding-right: 12px;
  }

  .main-card-big.upd_card-for-authors {
    width: 100%;
    padding: 16px 16px 24px 12px;
  }

  .main-card-big.upd_card-for-authors.card-contributors {
    width: 100%;
  }

  .main-card-big.upd_card-for-authors.upd_card-contributors {
    width: 100%;
    margin-bottom: 8px;
  }

  .main-card-big.upd_card-for-authors.upd_card-contributors-copy {
    width: 100%;
  }

  .main-card-big.card-table-of-content {
    width: 100%;
    margin-bottom: 4px;
    padding: 16px 12px 24px;
  }

  .main-card-big.card-table-of-content.card-contributors, .main-card-big.card-table-of-content.upd_card-contributors, .main-card-big.card-table-of-content.upd_card-contributors-copy {
    width: 100%;
  }

  .submit-button {
    width: auto;
    min-width: auto;
    max-width: none;
    min-height: 56px;
    margin-top: auto;
    padding: 18px 40px 8px;
    font-size: 18px;
    line-height: 20px;
  }

  .submit-button.platform-main-btn, .submit-button.platform-main-btn-secondary {
    padding-top: 18px;
  }

  .submit-button.platform-extra-btn {
    margin-top: 0;
    padding-top: 18px;
  }

  .submit-button.contributors-main-btn, .submit-button.contributors-btn {
    width: 240px;
    min-width: 240px;
    max-width: 240px;
    padding-top: 18px;
  }

  .submit-button.contributors-contact-btn {
    width: 180px;
    min-width: 180px;
    max-width: 180px;
    margin-top: 12px;
    padding-top: 18px;
  }

  .submit-button.contributors-map-btn {
    width: 70%;
    min-width: 70%;
    max-width: 70%;
    padding-top: 18px;
  }

  .submit-button.contributors-assessment-btn {
    width: 80%;
    min-width: 80%;
    max-width: 80%;
    padding-top: 18px;
  }

  .submit-button.topics-platform-btn {
    width: 210px;
    min-width: 210px;
    max-width: 210px;
    margin-top: 12px;
    padding-top: 18px;
  }

  .submit-button.update-platform-main-btn {
    width: 140px;
    min-width: 140px;
    padding-top: 18px;
  }

  .submit-button.update-platform-main-btn-secondary {
    padding-top: 18px;
    padding-left: 32px;
    padding-right: 32px;
  }

  .submit-button.main-primary-btn {
    width: 165px;
    min-width: 165px;
    max-width: 165px;
    padding-top: 18px;
  }

  .submit-button.main-btn {
    width: 125px;
    min-width: 125px;
    max-width: 125px;
    padding-top: 18px;
  }

  .submit-button.main-btn.w--current, .submit-button.main-btn.log-in-main {
    width: 120px;
    min-width: 120px;
    max-width: 120px;
  }

  .submit-button.platform-primary-btn {
    width: 240px;
    min-width: 240px;
    max-width: 240px;
    padding-top: 18px;
  }

  .submit-button.platform-primary-btn.explore-platform {
    width: auto;
    min-width: auto;
    max-width: none;
    padding-left: 40px;
    padding-right: 40px;
  }

  .submit-button.mmap-primary-btn {
    width: 195px;
    min-width: 195px;
    max-width: 195px;
    padding-top: 18px;
  }

  .submit-button.ue-primary-btn {
    width: 240px;
    min-width: 240px;
    max-width: 240px;
    padding-top: 8px;
  }

  .submit-button.dmap-secondary-btn {
    width: 185px;
    min-width: 185px;
    max-width: 185px;
    padding-top: 18px;
  }

  .submit-button.dmap-secondary-btn.w--current, .submit-button.dmap-secondary-btn.log-in-main {
    width: 120px;
    min-width: 120px;
    max-width: 120px;
  }

  .submit-button.releases-primary-btn {
    width: 200px;
    min-width: 200px;
    max-width: 200px;
    margin-top: 0;
    padding-top: 8px;
  }

  .submit-button.unit-economics.ue-form-submit, .submit-button.map-form-submit {
    margin-top: 12px;
    padding-top: 8px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .submit-button.contributors-program-btn {
    width: 96%;
    min-width: 120px;
    max-width: 300px;
    padding-top: 18px;
  }

  .submit-button.partners-card-btn {
    width: 70%;
    min-width: 70%;
    max-width: 70%;
    padding-top: 18px;
  }

  .submit-button.gs-platform-btn {
    margin-top: 20px;
    padding-top: 8px;
  }

  .submit-button.report-platform-btn {
    width: 285px;
    min-width: 285px;
    max-width: 285px;
    margin-top: 12px;
    padding-top: 18px;
    padding-left: 36px;
    padding-right: 36px;
  }

  .text-field {
    border-radius: 100px;
    height: 56px;
    margin-top: 12px;
    padding: 8px 20px;
    font-size: 18px;
    line-height: 20px;
  }

  .text-field:focus {
    padding-left: 20px;
  }

  .text-field::placeholder {
    font-size: 18px;
    line-height: 20px;
  }

  .form.form-line {
    display: block;
  }

  .main-section {
    margin-top: 100px;
    margin-left: 8px;
  }

  .topics-gallery {
    width: 100%;
    margin-top: 4px;
    padding-left: 8px;
    padding-right: 8px;
  }

  .topic-card {
    border-radius: 12px;
    width: 200px;
    min-width: 200px;
    height: 300px;
    margin-right: 4px;
    padding-top: 16px;
    padding-left: 12px;
    padding-right: 12px;
  }

  .topic-card.topic-card-first {
    margin-left: 0;
  }

  .block-chips {
    border-width: .3vw;
    order: -1;
    margin-bottom: 8px;
    padding: 4px 8px 2px;
    font-size: 10px;
    line-height: 16px;
  }

  .block-chips.pm-knowledge-mobile {
    margin-right: 8px;
  }

  .block-chips.mobile-section-padding {
    margin-left: 4px;
  }

  .block-chips.contributors {
    margin-bottom: 8px;
  }

  .block-chips.coming-soon {
    order: -1;
    margin-top: 24px;
  }

  .block-chips.small, .block-chips.small.purple {
    padding: 5px 10px 2px;
    font-size: 10px;
    line-height: 12px;
  }

  .block-chips.small.blue {
    padding-top: 5px;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 10px;
    line-height: 12px;
  }

  .block-chips.small.green {
    padding: 5px 10px 2px;
    top: 7.5vw;
    right: 7.5vw;
  }

  .pu-title-section {
    margin-top: 64px;
    margin-left: 8px;
    margin-right: 8px;
  }

  .pu-title-section.pu-title-section-mobile {
    margin-top: 100px;
    margin-bottom: 20px;
    margin-right: 0;
  }

  .pu-title-section.pu-title-section-mobile.platform-hero-block {
    margin-top: 100px;
    margin-left: 0;
    margin-right: 0;
  }

  .pu-title-section.pu-title-section-mobile.main-knowledgehub {
    margin-top: 64px;
  }

  .pu-title-section.pu-title-section-mobile.hero-block {
    margin-top: 120px;
  }

  .pu-title-section.mobile-section {
    margin-left: 4px;
    margin-right: 4px;
  }

  .heading-1-section {
    font-size: 40px;
    line-height: 44px;
  }

  .heading-1-section.h1-section-shifted {
    margin-left: 0;
  }

  .heading-1-section.h1-section-shifted.mobile-section-padding {
    margin-left: 4px;
    margin-right: 8px;
  }

  .heading-1-section.h1-highlight {
    border-radius: 8px;
    margin-left: 0;
    padding-left: 4px;
    padding-right: 4px;
  }

  .heading-1-section.h1-highlight.welcome-mobile {
    margin-left: 6px;
  }

  .heading-1-section.h1-highlight.welcome-mobile.h1-green {
    background-color: #9cfca6;
  }

  .heading-1-section.h1-highlight.h1-violet.h1-mobile-hightlight {
    background-color: var(--white);
  }

  .heading-1-section.h1-staticpage {
    font-size: 40px;
    line-height: 56px;
  }

  .heading-1-section.welcome-mobile {
    font-size: 48px;
    line-height: 48px;
  }

  .topic-card-listitem {
    margin-bottom: 12px;
    padding-left: 16px;
    font-size: 18px;
    line-height: 24px;
  }

  .top-card-header {
    margin-bottom: 12px;
    font-size: 18px;
    line-height: 20px;
  }

  .top-card-header.without-underline {
    font-size: 18px;
    line-height: 18px;
  }

  .h3-heading {
    letter-spacing: -.5px;
    margin-left: 0;
    font-size: 24px;
    line-height: 36px;
  }

  .h3-heading.pm-skills-card-mobile {
    padding-left: 12px;
    padding-right: 8px;
  }

  .h3-heading.white {
    justify-content: flex-start;
    align-items: flex-start;
    display: block;
  }

  .h3-heading.h3-highlight {
    border-radius: 6px;
  }

  .sunburst-label {
    padding-top: 4px;
    font-size: 12px;
    line-height: 15px;
  }

  .sunburst-label.pm-skills-card-mobile {
    padding-left: 12px;
  }

  .numlist-num {
    padding-top: 8px;
    font-size: 12px;
    line-height: 12px;
  }

  .paragraph {
    text-align: left;
    margin-bottom: 12px;
    font-size: 18px;
    line-height: 24px;
  }

  .paragraph.top-contributors-p.p-product-led {
    margin-right: 16px;
  }

  .paragraph.community-button {
    margin-left: 12px;
    margin-right: 16px;
    padding-top: 12px;
    padding-bottom: 6px;
  }

  .paragraph.community-button.community-text {
    margin-top: 0;
    padding-top: 14px;
  }

  .paragraph.donation-paragraph {
    padding-top: 8px;
    padding-right: 40px;
  }

  .paragraph.donation-paragraph.card-title, .paragraph.donation-paragraph.card-title.card-title--bold {
    padding-top: 0;
    top: -156px;
    left: 20px;
  }

  .paragraph.donation-paragraph.card-title.card-title--payment {
    top: -140px;
  }

  .paragraph.donation-paragraph.donation-improvements {
    padding-right: 0;
  }

  .paragraph.p-2col {
    margin-left: 36px;
  }

  .paragraph.p-2col.p-afterstar {
    margin-left: 6px;
  }

  .paragraph.p-date {
    width: 60px;
    min-width: 60px;
  }

  .paragraph.p-contributors.discord-text {
    margin-top: 0;
    margin-bottom: 12px;
  }

  .paragraph.footer-par {
    font-size: 18px;
    line-height: 22px;
  }

  .paragraph.footer-par._2-col {
    text-align: left;
    margin-top: 20px;
    display: block;
  }

  .paragraph.card-description {
    font-size: 14px;
  }

  .paragraph.card-description.text-program-card {
    font-size: 18px;
  }

  .paragraph.spacing {
    margin-top: 8px;
  }

  .paragraph.card-small-text {
    margin-top: 8px;
    font-size: 18px;
    line-height: 24px;
  }

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

  .paragraph.contributors-topic {
    margin-bottom: 0;
  }

  .paragraph.channel-button {
    margin-bottom: 0;
    padding-left: 8px;
    padding-right: 8px;
  }

  .paragraph.gp-cards {
    margin-top: 8px;
    font-size: 18px;
    line-height: 24px;
  }

  .numberedlistlong, .numberedlistlong.list-teams, .numberedlistlong.list-teams.community-list {
    margin-top: 16px;
  }

  .numberedlistlong.sticky-card-list {
    width: 100%;
    margin-top: 24px;
    margin-left: 0;
    margin-right: 0;
    padding-right: 8px;
  }

  .line {
    width: 32px;
    min-width: 32px;
    max-width: 32px;
    height: 1px;
    margin-top: 12px;
    margin-left: 4px;
    margin-right: 4px;
  }

  .line.line-short {
    width: 24px;
    min-width: 24px;
    max-width: 24px;
    margin-left: 4px;
    margin-right: 4px;
  }

  .team-company-section {
    margin-top: 64px;
    margin-left: 4px;
    margin-right: 4px;
  }

  ._2-col-cards {
    flex-direction: column;
    margin-top: 20px;
  }

  .label-tags {
    margin-top: 1px;
    padding-top: 4px;
    font-size: 12px;
    line-height: 15px;
  }

  .community-section {
    margin: 64px 4px;
  }

  .community-cards {
    margin-top: 20px;
    display: block;
  }

  .flex-block-3 {
    width: 100%;
  }

  .flex-block-4 {
    flex-direction: column;
    margin-top: 24px;
  }

  .sticky-card-sections {
    margin-top: 64px;
    margin-left: 0;
    margin-right: 0;
  }

  .sticky-card-sections.whatisit-block {
    margin-top: 40px;
  }

  .blank-column {
    display: none;
  }

  .call-to-action {
    margin-top: 24px;
  }

  .section-grid {
    margin-top: 40px;
    margin-right: 30px;
  }

  .cta-content {
    border-radius: 20px;
    max-width: 100vw;
    margin-left: 4px;
    margin-right: 4px;
    padding: 20px 12px 40px;
  }

  .cta-content.platform-card-3.update-2-0 {
    margin-left: 8px;
    margin-right: 8px;
  }

  .sticky-menu {
    flex-wrap: wrap;
    max-width: 100vw;
    margin-top: -4px;
    padding-top: 10px;
    top: 0;
  }

  .huge-heading {
    max-width: 60%;
    font-size: 3vh;
  }

  .sticky-card._2.section-grid, .sticky-card._3.section-grid {
    border-radius: 20px;
    margin-top: 20px;
    margin-left: 4px;
    margin-right: 4px;
    padding: 24px 12px 40px;
  }

  .sticky-card._3.section-grid.platform-card-1.update-2-0 {
    margin-left: 8px;
    margin-right: 8px;
    padding-right: 12px;
  }

  .sticky-card.section-grid._1, .sticky-card._4.section-grid {
    border-radius: 20px;
    margin-top: 20px;
    margin-left: 4px;
    margin-right: 4px;
    padding: 24px 12px 40px;
  }

  .sticky-card._4.section-grid.platform-card-2.update-2-0 {
    margin-left: 8px;
    margin-right: 8px;
  }

  .sticky-card._5.section-grid {
    border-radius: 20px;
    margin-top: 20px;
    margin-left: 4px;
    margin-right: 4px;
    padding: 24px 12px 40px;
  }

  .sticky-card._5.section-grid.platform-card-2.update-2-0 {
    margin-left: 8px;
    margin-right: 8px;
  }

  .flex-block-5 {
    flex-direction: column;
    margin-top: 16px;
  }

  .image-2 {
    border-radius: 16px;
    width: 100%;
  }

  .canvas-block {
    margin-top: 80px;
    margin-left: 8px;
    margin-right: 8px;
    padding-left: 0;
    padding-right: 0;
  }

  .canvas-block.what-is-it-title {
    margin-left: 8px;
  }

  .canvas-block.what-is-it-title.platform-sticky-cards-text {
    margin-top: 64px;
  }

  .canvas-block.what-is-it-title.platform-sticky-cards-text.contributors {
    margin-left: 8px;
  }

  .flex-block-6, .flex-block-7, .flex-block-8, .flex-block-9 {
    flex-direction: column;
    margin-top: 16px;
  }

  .all-contributors {
    margin-top: 16px;
  }

  .team-member {
    width: 40px;
    height: 40px;
    margin-bottom: 4px;
    margin-right: -12px;
  }

  .linkedin-icon {
    width: auto;
    min-width: auto;
    height: 18px;
    min-height: auto;
  }

  .linkedin-icon.img-fb {
    max-width: none;
    height: 19px;
  }

  .div-block-4 {
    width: 70px;
    height: 56px;
    padding: 16px 20px 18px;
  }

  .div-block-4.linkedin {
    max-height: none;
  }

  .div-block-4.facebook {
    max-height: none;
    padding: 17px 22px;
  }

  .div-block-5 {
    border-radius: 100px;
  }

  .div-block-5.link-community {
    width: 260px;
  }

  .support-us, .roadmap {
    margin-top: 64px;
    margin-left: 4px;
    margin-right: 4px;
  }

  .flex-block-12 {
    border-radius: 12px;
    padding: 16px 16px 16px 12px;
  }

  .flex-block-12.mid, .flex-block-12.last {
    margin-top: -12px;
  }

  .flex-block-13 {
    margin-top: 24px;
  }

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

  .main-video {
    height: 90vh;
  }

  .main-video.video-product-updates, .main-video.video-pm-skills {
    height: 300vw;
  }

  .background-video {
    width: 100%;
    height: 50vh;
    top: 125vh;
  }

  .arrow-tab.arrow-tab--blue {
    width: 200px;
    min-width: 200px;
    height: 70px;
    margin-right: 4px;
    padding-top: 14px;
    padding-left: 12px;
  }

  .arrow-tab.arrow-tab--blue.topics-page {
    filter: drop-shadow(0 2px 5px #0000002e);
    background-size: 100% 100%;
    width: 180px;
    min-width: 180px;
    height: 65px;
    padding-left: 12px;
  }

  .arrow-tab.arrow-tab--green {
    width: 200px;
    min-width: 200px;
    height: 70px;
    margin-right: 4px;
    padding-top: 14px;
    padding-left: 12px;
  }

  .arrow-tab.arrow-tab--green.topics-page {
    filter: drop-shadow(0 2px 5px #0000002e);
    width: 180px;
    min-width: 180px;
    height: 65px;
  }

  .arrow-tab.arrow-tab--pink {
    width: 200px;
    min-width: 200px;
    height: 70px;
    margin-right: 4px;
    padding-top: 14px;
    padding-left: 12px;
  }

  .arrow-tab.arrow-tab--pink.topics-page {
    filter: drop-shadow(0 2px 5px #0000002e);
    -webkit-text-fill-color: inherit;
    background-clip: border-box;
    width: 180px;
    min-width: 180px;
    height: 65px;
  }

  .arrow-tab.arrow-tab--purple {
    border-radius: 12px;
    width: 200px;
    min-width: 200px;
    height: 70px;
    margin-right: 8px;
    padding-top: 14px;
    padding-left: 12px;
  }

  .arrow-tab.arrow-tab--purple.topics-page {
    filter: drop-shadow(0 2px 5px #0000002e);
    width: 180px;
    min-width: 180px;
    height: 65px;
  }

  .arrow-tab.arrow-tab--yellow {
    width: 200px;
    min-width: 200px;
    height: 70px;
    margin-right: 4px;
    padding-top: 14px;
    padding-left: 12px;
  }

  .arrow-tab.arrow-tab--yellow.topics-page {
    filter: drop-shadow(0 2px 5px #0000002e);
    object-fit: fill;
    width: 180px;
    min-width: 180px;
    height: 65px;
    padding-left: 12px;
  }

  .arrow-tab.arrow-tab--yellow.topics-page.w--current {
    filter: drop-shadow(1px 5px 5px #00000026);
  }

  .tab-label {
    font-size: 10px;
    line-height: 16px;
  }

  .arrow-tabs {
    margin-top: 20px;
    overflow: scroll;
  }

  .background-video-2 {
    border-radius: 20px;
  }

  .save-to-bookmarks {
    border-radius: 20px;
    margin-top: 12px;
    margin-left: 4px;
    margin-right: 4px;
    padding: 16px 24px 32px 12px;
  }

  .background-video-3 {
    border-radius: 20px;
  }

  .get-map-rect {
    border-radius: 20px;
    margin-top: 12px;
    margin-left: 4px;
    margin-right: 4px;
    padding-top: 16px;
    padding-left: 12px;
    padding-right: 16px;
  }

  .get-map-rect.discord-card {
    margin-top: 4px;
    padding-bottom: 32px;
  }

  .link-block {
    margin-top: 24px;
  }

  .link-block.contributesocials {
    margin-top: 8px;
    margin-right: 8px;
  }

  .link-block.join-comminity-main {
    margin-top: 16px;
  }

  .div-block-6 {
    border-radius: 100px;
    width: 40px;
    height: 40px;
  }

  .text-block-3 {
    padding-top: 7px;
    font-size: 11px;
    line-height: 20px;
  }

  .div-block-7 {
    max-height: 220px;
  }

  .image-5.card-svg {
    width: 284px;
    max-width: none;
    height: auto;
    top: 0;
  }

  .price-button {
    height: 48px;
    padding: 12px 12px 8px;
  }

  .flex-block-14 {
    top: -148px;
    left: 19px;
  }

  .price-div-link {
    margin-right: 4px;
  }

  .header.header-sticky {
    display: none;
    overflow: visible;
  }

  .image-6 {
    max-height: 64px;
    margin-top: 4px;
    margin-left: 8px;
  }

  .text-body {
    margin-top: 96px;
    margin-left: 8px;
    margin-right: 8px;
  }

  .html-embed {
    margin-top: 0;
    font-family: Neuemontreal, sans-serif;
    font-size: 18px;
    line-height: 22px;
  }

  .html-embed.html-ember--first {
    margin-top: 24px;
    font-size: 18px;
    line-height: 22px;
  }

  .footer {
    margin-top: 32px;
    margin-left: 8px;
    margin-right: 8px;
    padding-bottom: 40px;
  }

  .div-block-8, .div-block-9 {
    width: 100%;
  }

  .form-hinttext {
    width: 232px;
    margin-top: 12px;
    margin-left: 0;
    font-size: 15px;
    line-height: 18px;
    position: static;
    top: 10px;
  }

  .form-hinttext.contributors {
    width: auto;
    margin-top: 0;
    margin-left: 12px;
  }

  .form-hinttext.unit-economics.map-form-hint, .form-hinttext.unit-economics.ue-form-hint {
    width: 80%;
    margin-top: 24px;
    display: block;
  }

  .footer-star {
    max-height: 20px;
    margin-top: 2px;
    margin-left: 9px;
  }

  .background-video-5 {
    min-width: 60vw;
    max-width: 60vw;
    min-height: 50vh;
    max-height: 50vh;
  }

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

  .modal-popup {
    min-width: auto;
    max-width: none;
    min-height: 94vh;
    max-height: 94vh;
    margin: 3vh 12px;
    padding: 16px 12px 24px;
  }

  .logo {
    align-self: flex-start;
    min-width: auto;
    max-width: none;
    height: 64px;
    display: block;
    position: relative;
    top: 0;
    left: 0;
  }

  .flex-block-17 {
    margin-top: 32px;
  }

  .flex-block-18 {
    width: 100%;
    display: block;
  }

  .flex-block-19 {
    margin-left: 4px;
    margin-right: 8px;
    display: block;
  }

  .pm-knowledge-mobile {
    margin-right: 8px;
  }

  .image-7 {
    padding-top: 40px;
  }

  .flex-block-20, .mobile-section-padding {
    margin-left: 4px;
    margin-right: 8px;
  }

  .flex-block-21 {
    margin-top: 20px;
  }

  .header-new-banner.header-mobile {
    display: none;
  }

  .cards-container.ue-page-mobile {
    margin-left: 4px;
    margin-right: 4px;
  }

  .pm-team-authors {
    margin-top: 16px;
  }

  .image-10 {
    width: 100px;
    height: 100px;
    margin-top: 0;
    margin-right: 12px;
  }

  .flex-block-22 {
    justify-content: flex-start;
    align-items: flex-start;
    margin-top: 12px;
  }

  .table-of-contents-block {
    margin-top: 80px;
    padding-left: 8px;
    padding-right: 8px;
  }

  .secondary-video {
    height: 90vh;
  }

  .row-3 {
    grid-column-gap: 12px;
  }

  .unit-number {
    width: 64px;
    margin-top: 4px;
  }

  .text {
    font-size: 12px;
    line-height: 16px;
  }

  .small-text {
    font-size: 14px;
    line-height: 16px;
  }

  .small-number {
    font-size: 12px;
  }

  .table-line {
    width: 100%;
    min-width: auto;
    max-width: none;
    height: 1px;
    margin-top: 12px;
    margin-left: 4px;
    margin-right: 4px;
  }

  .table-line.line-short {
    width: 24px;
    min-width: 24px;
    max-width: 24px;
    margin-left: 4px;
    margin-right: 4px;
  }

  .div-block-13 {
    width: 86%;
  }

  .paragraph-table {
    margin-bottom: 12px;
    font-size: 18px;
    line-height: 24px;
  }

  .paragraph-table.community-button {
    margin-left: 12px;
    margin-right: 16px;
    padding-top: 12px;
    padding-bottom: 6px;
  }

  .paragraph-table.donation-paragraph {
    padding-top: 8px;
    padding-right: 40px;
  }

  .paragraph-table.donation-paragraph.card-title, .paragraph-table.donation-paragraph.card-title.card-title--bold {
    padding-top: 0;
    top: -156px;
    left: 20px;
  }

  .paragraph-table.donation-paragraph.card-title.card-title--payment {
    top: -140px;
  }

  .paragraph-table.donation-paragraph.donation-improvements {
    padding-right: 0;
  }

  .paragraph-table.p-2col {
    margin-left: 36px;
  }

  .paragraph-table.p-2col.p-afterstar {
    margin-left: 6px;
  }

  .paragraph-table.p-date {
    width: 60px;
    min-width: 60px;
  }

  .paragraph-table.footer-par {
    font-size: 18px;
    line-height: 22px;
  }

  .paragraph-table.footer-par._2-col {
    text-align: left;
    margin-top: 20px;
    display: block;
  }

  .about-pmmap-section {
    margin-top: 64px;
    margin-left: 4px;
    margin-right: 4px;
    padding-bottom: 40px;
  }

  .about-map-preview {
    border-radius: 20px;
    min-height: 520px;
    margin-top: 20px;
    margin-left: 0;
    margin-right: 0;
    padding: 10px 0 16px;
  }

  .map-preview-image {
    object-fit: cover;
    width: 100%;
    height: 50vh;
  }

  .preview-skills {
    position: absolute;
  }

  .div-block-14 {
    text-align: left;
  }

  .explore-map-block {
    border-radius: 20px;
    margin-top: 12px;
    margin-left: 4px;
    margin-right: 4px;
    padding-top: 16px;
    padding-left: 12px;
    padding-right: 16px;
  }

  .flex-block-23 {
    display: none;
  }

  .highlight-update-section {
    grid-column-gap: 0px;
    border-radius: 20px;
    margin-top: 32px;
    margin-left: 4px;
    margin-right: 4px;
    padding: 20px 8px 40px;
    display: none;
    position: relative;
  }

  .left-column {
    justify-content: flex-start;
    max-width: 100%;
    height: auto;
    padding-top: 0;
  }

  .date {
    grid-column-gap: 8px;
  }

  .update-title {
    grid-column-gap: 4px;
    margin-top: 8px;
  }

  .update-title.release-h1-discord {
    grid-column-gap: 0px;
    flex-flow: column;
    margin-bottom: 4px;
    line-height: 20px;
  }

  .highlight-text {
    padding-left: 4px;
    padding-right: 4px;
  }

  .team {
    margin-top: 20px;
  }

  .right-column {
    margin-top: 8px;
    display: block;
  }

  .update-cover {
    border-radius: 20px;
    height: auto;
  }

  .update-cover.update-cover-latest {
    height: auto;
  }

  .update-cover.discord-image {
    margin-top: 0;
  }

  .text-tags {
    margin-top: 20px;
  }

  .tags {
    grid-column-gap: 8px;
    flex-flow: wrap;
    display: flex;
  }

  .label-text {
    padding-top: 4px;
    padding-right: 4px;
    font-size: 12px;
    line-height: 12px;
  }

  .label-text.small.black {
    padding-right: 0;
    font-size: 8px;
    line-height: 12px;
  }

  .block-chips-star.black {
    padding: 1px 6px 2px;
  }

  .block-chips-star.releases-chips {
    padding: 4px 6px 4px 8px;
  }

  .star-icon {
    width: 12px;
    height: 12px;
    margin-top: -2px;
    margin-left: 4px;
  }

  .quick-stack {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    width: 100%;
    max-width: 100%;
    padding: 0;
  }

  .button {
    margin-top: 12px;
    padding: 16px 24px;
    font-size: 18px;
    line-height: 24px;
  }

  .button.purple-button {
    max-width: 148px;
  }

  .button.purple-button.assessment {
    max-width: 220px;
  }

  .button.purple-button.assessment.pm-skills-button {
    max-width: 160px;
    padding: 16px 24px;
  }

  .button.purple-button.release-product-ops-btn, .button.blue-button {
    max-width: 196px;
  }

  .button.blue-button.assessment {
    max-width: 220px;
  }

  .button.blue-button.assessment.pm-skills-button {
    max-width: 160px;
    padding: 16px 24px;
  }

  .description {
    width: 100%;
    font-size: 18px;
    line-height: 24px;
  }

  .description.centred {
    font-family: Neuemontreal, sans-serif;
  }

  .description.discord-description {
    margin-top: 8px;
  }

  .avatar-info {
    grid-column-gap: 11px;
  }

  .avatar-info.contributor-second {
    margin-top: 16px;
  }

  .avatar-info.contibutor-release {
    margin-top: 8px;
  }

  .avatar {
    width: 56px;
    height: 56px;
  }

  .name {
    font-size: 18px;
    line-height: 24px;
  }

  .additional-info {
    font-size: 14px;
    line-height: 20px;
  }

  .additional-info.group-text {
    margin-top: 8px;
  }

  .update-section {
    margin-top: 64px;
    margin-left: 4px;
    margin-right: 4px;
    padding-left: 8px;
    padding-right: 8px;
    display: block;
  }

  .update-section.section-first {
    margin-top: 40px;
    margin-left: 4px;
    margin-right: 4px;
    padding-left: 8px;
    padding-right: 8px;
    display: block;
  }

  .update-section.upd-section-last {
    margin-bottom: 80px;
  }

  .image-185 {
    width: 56px;
    height: 56px;
    margin-right: -8px;
    position: relative;
  }

  .telegram-cloud-document-2-5298705426567678459-1 {
    width: 56px;
    height: 56px;
    margin-right: -8px;
  }

  .image-213 {
    object-fit: cover;
    border-radius: 20px;
    width: 100%;
    margin-top: 8px;
  }

  .update-full-section {
    padding-top: 0;
  }

  .update-text-block {
    width: 100%;
  }

  .update-text-block.centred {
    padding-left: 8px;
    padding-right: 8px;
  }

  .most-popular-block {
    border-radius: 20px;
  }

  .arrows {
    display: none;
  }

  .cards-row {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .most-popular-card {
    width: 100%;
    min-width: 0;
    height: auto;
    min-height: auto;
    margin-bottom: 10px;
  }

  .most-popular-card.card-first {
    width: 100%;
    min-width: 0;
    height: auto;
    min-height: auto;
    margin-bottom: 10px;
    margin-left: 0;
    margin-right: 0;
    display: block;
  }

  .card-image {
    height: 48vw;
  }

  .titledescriptiontag {
    grid-row-gap: 2vw;
    padding: 5vw 3vw;
  }

  .titledescriptiontag-2, .titledescriptiontag-3 {
    padding: 5vw 3vw;
  }

  .image-214 {
    height: 7.4vw;
  }

  .flex-block-24 {
    grid-column-gap: 2vw;
    grid-row-gap: 2vw;
  }

  .topics-grid {
    box-sizing: border-box;
    clear: none;
    aspect-ratio: auto;
    object-fit: fill;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
    overflow: visible;
  }

  .navigation {
    flex-flow: row;
    display: block;
  }

  .topic-group.yellow {
    grid-row-gap: 3vw;
    margin-bottom: 4vw;
    padding: 5vw 2vw;
  }

  .topic-group.yellow.last-card, .topic-group.blue, .topic-group.blue.last-card, .topic-group.green, .topic-group.green.last-card, .topic-group.pink {
    grid-row-gap: 3vw;
    margin-bottom: 4vw;
    padding-top: 5vw;
    padding-bottom: 5vw;
  }

  .topic-group.pink.last-card {
    margin-bottom: 5vw;
    padding-top: 5vw;
    padding-bottom: 5vw;
  }

  .topic-group.purple {
    grid-row-gap: 3vw;
    margin-bottom: 5vw;
    padding-top: 5vw;
    padding-bottom: 5vw;
  }

  .topic-group.purple.last-card {
    padding-top: 5vw;
    padding-bottom: 5vw;
  }

  .card-row {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    flex-flow: column;
  }

  .topic-card-2 {
    border-radius: 16px;
    width: 100%;
    height: 140px;
    padding: 5vw 3vw;
  }

  .topic-card-2.blue, .topic-card-2.green {
    border-radius: 16px;
    padding: 5vw 3vw;
  }

  .topic-card-2.pink, .topic-card-2.purple {
    border-radius: 16px;
    padding-top: 5vw;
    padding-bottom: 5vw;
  }

  .skills {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
  }

  .topic-groups {
    padding-left: 1.85vw;
    padding-right: 1.85vw;
    display: flex;
  }

  ._2-rows {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    width: 100%;
  }

  .arrows-group {
    box-sizing: content-box;
    grid-column-gap: 1.4vw;
    grid-row-gap: 1.4vw;
    aspect-ratio: auto;
    object-fit: fill;
    flex-flow: row;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-auto-rows: minmax(auto, .25fr);
    grid-auto-columns: 1fr;
    margin-bottom: 0;
    margin-right: 0;
    padding: 4px 0 16px 1.85vw;
    display: flex;
    position: static;
    overflow: auto;
  }

  .cell-3 {
    display: none;
  }

  .cell-3.releases-left-col {
    display: block;
  }

  .product-strategy {
    flex: 0 auto;
    width: 100%;
  }

  .product-alasysis, .people-processes {
    width: 100%;
  }

  .roadmap-block {
    flex-flow: column;
    margin-top: 40px;
  }

  .roadmap-card {
    width: 100%;
    min-width: 0;
    height: 280px;
    padding: 24px 12px 64px;
  }

  .roadmap-card.roadmap-card-shifted.card-2 {
    margin-top: -40px;
    margin-left: 0;
  }

  .roadmap-card.roadmap-card-shifted.card-3 {
    height: 240px;
    margin-top: -40px;
    margin-left: 0;
    padding-bottom: 24px;
  }

  .roadmap-card.roadmap-card-shifted.last-card {
    height: 180px;
    margin-top: -40px;
    margin-left: 0;
    padding-bottom: 24px;
    display: none;
  }

  .roadmap-top-title {
    grid-row-gap: 12px;
  }

  .roadmap-label, .text-20, .chips-label {
    font-size: 14px;
    line-height: 14px;
  }

  .image-215 {
    width: 22px;
    height: 22px;
  }

  ._3o-contributors {
    margin-top: 8px;
  }

  .team-member-3o {
    width: 40px;
    height: 40px;
    margin-bottom: 4px;
    margin-right: -12px;
  }

  .header-nav-item {
    display: none;
  }

  .off-canvas-wrapper {
    grid-row-gap: 40px;
    display: block;
  }

  .small-link {
    color: #222;
    font-family: Neuemontreal, sans-serif;
    text-decoration: underline;
  }

  .connect-text {
    color: #222;
    margin-bottom: 6px;
    font-family: Akkurat Mono, sans-serif;
  }

  .huge-link {
    margin-top: 0;
  }

  .huge-link._3 {
    flex-flow: row;
    margin-bottom: 10px;
    padding-bottom: 0;
  }

  .huge-link._3.last {
    margin-bottom: 20px;
  }

  .huge-link._4 {
    padding-bottom: 0;
  }

  .huge-link._1 {
    margin-bottom: 20px;
    padding-bottom: 0;
  }

  .huge-link._2 {
    margin-bottom: 10px;
    padding-bottom: 0;
  }

  .header-mobile {
    padding-top: 4px;
    padding-bottom: 4px;
    display: block;
  }

  .hamburger-bottom {
    width: 100%;
    height: 1.5px;
  }

  .big-overlay {
    background-color: #f4f5f5;
    height: 100vh;
    position: fixed;
    overflow: visible;
  }

  .hamburger-wrapper {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: space-between;
    align-items: center;
    width: 40px;
    height: 20px;
  }

  ._001-nav-btn-wrap {
    margin-top: 24px;
    margin-right: 16px;
    padding-top: 0;
  }

  .hamburger-top {
    height: 1.5px;
  }

  .off-other-column {
    grid-row-gap: 40px;
    grid-template-rows: min-content min-content;
    padding-top: 40px;
    display: block;
  }

  .hamburger-middle {
    height: 1.5px;
  }

  ._001-nav-container {
    background-color: #fffefe00;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    margin-left: 0;
    display: block;
  }

  .social-icon {
    opacity: 1;
    width: 40px;
    height: 40px;
    margin-right: 10px;
  }

  .text-block-5 {
    color: #222;
    font-family: Neuemontreal, sans-serif;
    font-size: 36px;
    font-weight: 400;
  }

  .text-block-6 {
    color: #222;
    font-family: Neuemontreal, sans-serif;
    font-size: 36px;
  }

  .text-block-7 {
    color: #222;
    text-align: left;
    font-family: Neuemontreal, sans-serif;
    font-size: 30px;
    line-height: 40px;
  }

  .text-block-7.huge-link-beta, .text-block-7.huge-link-ai {
    margin-top: -4px;
    margin-left: 6px;
    font-size: 20px;
  }

  .text-block-8 {
    color: #222;
    font-family: Neuemontreal, sans-serif;
    font-size: 36px;
  }

  .link-block-3 {
    z-index: 101;
    position: relative;
  }

  .link-block-3.w--current {
    z-index: 101;
  }

  .nav-arrows {
    width: 100vw;
    position: sticky;
    top: 10px;
    overflow: clip;
  }

  .topics-grid-mobile {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    display: flex;
  }

  .topics {
    margin-left: 1.85vw;
    margin-right: 1.85vw;
  }

  .link-block-4 {
    z-index: 4000;
    padding-bottom: 5px;
    position: relative;
  }

  ._2-buttons {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    flex-flow: row;
    justify-content: flex-start;
    align-items: flex-start;
    margin-top: 12px;
    margin-left: 0;
  }

  ._2-buttons.buttons-contributors {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-flow: column;
    margin-top: 20px;
  }

  ._2-buttons.buttons-main {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    flex-flow: row;
    margin-top: 20px;
  }

  ._2-buttons.buttons-community {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-flow: column;
    margin-top: 20px;
  }

  .platform-main-text {
    margin-top: 24px;
    margin-left: 0;
    font-size: 20px;
  }

  .image-216 {
    display: none;
  }

  .platform-main-blk-h1 {
    font-size: 36px;
    line-height: 48px;
  }

  .flex-block-26 {
    margin-top: 64px;
  }

  .platform-header {
    mix-blend-mode: multiply;
  }

  .background-video-6 {
    border-bottom-right-radius: 12px;
    border-bottom-left-radius: 12px;
    height: 340px;
  }

  .div-block-15 {
    border-radius: 12px;
    width: 100%;
    margin-top: 24px;
    margin-left: 0;
    margin-right: 0;
  }

  .browser-header {
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
  }

  .platform-40-bg {
    height: 1400px;
  }

  .feature-block {
    width: 100%;
    margin-right: 0;
    padding: 12px 40px 24px 12px;
  }

  .flex-block-27 {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    flex-flow: column;
    margin-top: 24px;
  }

  .feature-icon {
    width: 40px;
    height: 40px;
    margin-top: 12px;
  }

  .card-text-block {
    margin-top: 24px;
    margin-left: 0;
  }

  .goal-block {
    border-radius: 20px;
    width: 100%;
    margin-right: 0;
    padding: 16px 12px 40px;
  }

  .goal-block.goal-small {
    width: 100%;
  }

  .image-218 {
    width: 100%;
    height: auto;
    margin-top: 12px;
  }

  .image-219 {
    align-self: center;
    width: 88%;
    height: auto;
    margin-top: 12px;
  }

  .goals-section {
    margin-top: 64px;
    margin-left: 0;
    margin-right: 0;
    padding-top: 40px;
    padding-left: 8px;
    padding-right: 8px;
  }

  .goals-section.pu-title-section-mobile {
    margin-top: 100px;
    margin-bottom: 20px;
    margin-right: 0;
  }

  .goals-section.mobile-section {
    margin-left: 4px;
    margin-right: 4px;
  }

  .image-220 {
    height: 600px;
  }

  .goal-highlight, .goal-highlight.goal-lvl3 {
    border-radius: 4px;
    padding-left: 3px;
    padding-right: 3px;
  }

  .get-started-content {
    grid-column-gap: 0vw;
    grid-row-gap: 0vw;
    flex-flow: column;
  }

  .getstarted-block {
    border-radius: 20px;
    margin-top: 24px;
    margin-left: 8px;
    margin-right: 8px;
    padding: 16px 24px 24px 12px;
  }

  .platform-hero-text-bck {
    margin-left: 8px;
    margin-right: 8px;
  }

  .discord-card {
    margin-top: 20px;
    display: block;
  }

  .div-block-17 {
    flex-flow: column;
    align-items: flex-start;
  }

  .discord-image {
    border-radius: 16px;
    width: 100%;
  }

  .div-block-18 {
    flex-flow: column;
    align-self: flex-start;
    width: 100%;
    margin-top: 24px;
    margin-left: 0;
    display: flex;
  }

  .footer-container {
    grid-column-gap: 18px;
    grid-row-gap: 18px;
    border-radius: 20px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    height: auto;
    min-height: auto;
    max-height: 100%;
    margin-bottom: 12px;
    padding: 12px 12px 24px;
  }

  .logo-footer-cotainer {
    justify-content: flex-start;
    align-items: flex-start;
    height: auto;
  }

  .copyright {
    font-size: 12px;
    line-height: 14px;
    display: none;
  }

  .copyright.mobile {
    width: auto;
    margin-top: 6px;
    font-size: 11px;
    line-height: 18px;
    display: flex;
  }

  .footer-all-groups {
    grid-column-gap: 36px;
    grid-row-gap: 36px;
    flex-flow: column;
    margin-top: 18px;
  }

  .footer-links-group-title {
    grid-row-gap: 8px;
  }

  .footer-group-title {
    font-size: 22px;
    line-height: 30px;
  }

  .footer-links {
    grid-row-gap: 8px;
  }

  .footer-link-internal {
    font-size: 18px;
    line-height: 24px;
  }

  .footer-link-new-badge {
    grid-column-gap: 3px;
  }

  .footer-groups {
    grid-column-gap: 36px;
    grid-row-gap: 36px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .footer-links-group-title-2 {
    grid-row-gap: 8px;
  }

  .footer-link-external {
    display: block;
  }

  .footer-2 {
    margin-left: 4px;
    margin-right: 4px;
    padding: 0;
  }

  .logo-container {
    width: 198px;
    height: auto;
  }

  .skills-hero {
    border-radius: 20px;
    flex-flow: column;
    margin-left: 4px;
    margin-right: 4px;
    padding: 16px 8px;
  }

  .title-illustration, .description-skill-groups {
    max-width: 100%;
  }

  .skills-label {
    margin-top: 6px;
    margin-bottom: 20px;
    font-size: 12px;
    line-height: 16px;
  }

  .skill-groups-description {
    grid-row-gap: 14px;
  }

  .hero-skill-tag {
    border-radius: 6px;
    padding: 2px 6px;
    font-size: 20px;
    line-height: 24px;
  }

  .hero-skill-tag.cian-tag {
    border-radius: 6px;
    padding: 2px 6px;
  }

  .paragraph-small {
    font-size: 18px;
    line-height: 24px;
  }

  .paragraph-small.gray.mobile-padding {
    padding-bottom: 10px;
  }

  .paragraph-small.contributors {
    font-family: Neuemontreal, sans-serif;
  }

  .paragraph-small.contributors.benefit-text {
    text-align: left;
    width: 100%;
  }

  .paragraph-small.main {
    font-family: Neuemontreal, sans-serif;
  }

  .paragraph-small.main.benefit-text {
    width: 100%;
  }

  .paragraph-small.main.benefit-text.centred {
    width: 90%;
  }

  .paragraph-small.main.left {
    text-align: center;
    width: 90%;
  }

  .paragraph-small.main.left.bullet-list {
    text-align: left;
  }

  .paragraph-small.main.centred {
    width: 90%;
  }

  .skill-group-intro.product {
    border-radius: 20px;
    flex-flow: column;
    margin-top: 10px;
    margin-bottom: 5px;
    padding: 16px 8px;
  }

  .skill-group-intro.customer {
    border-radius: 20px;
    margin-top: 5px;
    margin-bottom: 5px;
    padding: 16px 8px;
  }

  .skill-group-intro.analytics, .skill-group-intro.process, .skill-group-intro.people {
    border-radius: 20px;
    padding: 16px 8px;
  }

  .container-3 {
    grid-row-gap: 20px;
    max-width: 100%;
  }

  .title-description {
    grid-column-gap: 6px;
    grid-row-gap: 6px;
  }

  .skills-tags {
    grid-column-gap: 6px;
    grid-row-gap: 6px;
    flex-flow: wrap;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .skill-group-tag {
    border-radius: 6px;
    padding: 6px;
    font-size: 14px;
    line-height: 16px;
  }

  .product-group-illustration {
    display: none;
  }

  .skills-card {
    border-radius: 20px;
    flex-flow: column;
    margin-top: 5px;
    margin-bottom: 5px;
    padding: 16px 8px;
  }

  .skills-card-container {
    max-width: 100%;
  }

  .levels-container {
    border-radius: 12px;
    margin-top: 18px;
    margin-bottom: 18px;
    padding: 10px 8px;
  }

  .levels, .container-5 {
    grid-row-gap: 12px;
  }

  .skill-level {
    grid-column-gap: 12px;
  }

  .skill-illustration {
    margin-top: 18px;
  }

  .paragraph-xsmall {
    font-size: 14px;
    line-height: 14px;
  }

  .paragraph-xsmall.skill, .paragraph-xsmall.resource-description, .paragraph-xsmall.skill-copy {
    font-size: 14px;
    line-height: 20px;
  }

  .paragraph-xsmall.grade.community {
    line-height: 16px;
  }

  .paragraph-xsmall.community-avatars {
    justify-content: center;
    align-items: flex-start;
    width: 75px;
    margin-left: 19px;
  }

  .skill-diagram-container {
    max-width: 100%;
    display: none;
  }

  .skill-card-tag {
    border-radius: 20px;
    max-width: 40px;
    padding: 2px 6px;
    font-size: 14px;
    line-height: 20px;
  }

  .skill-card-heading {
    letter-spacing: -.5px;
    margin-left: 0;
    font-size: 24px;
    line-height: 36px;
  }

  .skill-card-heading.pm-skills-card-mobile {
    padding-left: 12px;
    padding-right: 8px;
  }

  .skill-cards-container {
    margin-top: 0;
  }

  .resources-card {
    grid-row-gap: 20px;
    border-radius: 20px;
    margin-top: 20px;
    padding: 16px 8px;
  }

  .title-links {
    grid-row-gap: 10px;
  }

  .resources-row {
    grid-column-gap: 0vw;
    flex-flow: column;
  }

  .resources-row.skills-resources {
    flex-flow: column;
  }

  .resource {
    grid-row-gap: 14px;
    border-radius: 12px;
    width: 100%;
    margin-top: 5px;
    margin-bottom: 5px;
    padding: 8px 8px 10px;
  }

  .resource-card-image {
    border: 0 solid #d7d7d7;
    border-radius: 0;
  }

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

  .title-descriptor {
    grid-column-gap: 2px;
    grid-row-gap: 2px;
  }

  .title-links-2 {
    grid-row-gap: 0px;
  }

  .add-resources-row {
    grid-column-gap: 0vw;
    grid-row-gap: 0vw;
    flex-flow: column;
  }

  .resource-small {
    grid-row-gap: 8px;
    border-radius: 12px;
    width: 100%;
    margin-top: 5px;
    margin-bottom: 5px;
    padding: 10px 8px;
  }

  .paragraph-skill {
    margin-bottom: 0;
    font-size: 18px;
    line-height: 24px;
  }

  .paragraph-skill.community-button {
    margin-left: 12px;
    margin-right: 16px;
    padding-top: 12px;
    padding-bottom: 6px;
  }

  .paragraph-skill.donation-paragraph {
    padding-top: 8px;
    padding-right: 40px;
  }

  .paragraph-skill.donation-paragraph.card-title, .paragraph-skill.donation-paragraph.card-title.card-title--bold {
    padding-top: 0;
    top: -156px;
    left: 20px;
  }

  .paragraph-skill.donation-paragraph.card-title.card-title--payment {
    top: -140px;
  }

  .paragraph-skill.donation-paragraph.donation-improvements {
    padding-right: 0;
  }

  .paragraph-skill.p-2col {
    margin-left: 36px;
  }

  .paragraph-skill.p-2col.p-afterstar {
    margin-left: 6px;
  }

  .paragraph-skill.p-date {
    width: 60px;
    min-width: 60px;
  }

  .paragraph-skill.p-contributors.discord-text {
    margin-top: 0;
    margin-bottom: 12px;
  }

  .paragraph-skill.footer-par {
    font-size: 18px;
    line-height: 22px;
  }

  .paragraph-skill.footer-par._2-col {
    text-align: left;
    margin-top: 20px;
    display: block;
  }

  .paragraph-skill.card-description {
    font-size: 14px;
  }

  .paragraph-skill.spacing {
    margin-top: 8px;
  }

  .paragraph-skill.card-small-text {
    margin-top: 8px;
    font-size: 18px;
    line-height: 24px;
  }

  .tag-resource {
    border-radius: 4px;
    padding: 2px 4px;
    font-size: 14px;
    line-height: 14px;
  }

  .nav-skill-items, .skill-nav-sticky {
    display: none;
  }

  .product-group {
    padding-top: 0;
  }

  .skill-diagram-container-mobile {
    max-width: 100%;
    display: block;
  }

  .platform-hero-text-bck-copy {
    margin-left: 0;
    margin-right: 8px;
    display: block;
  }

  .flex-block-20-copy {
    margin-left: 0;
    margin-right: 8px;
  }

  .flex-block-28 {
    margin-top: 10px;
  }

  .skills-grade {
    border-radius: 20px;
    flex-flow: column;
    margin-top: 5px;
    margin-bottom: 5px;
    padding: 16px 8px;
  }

  .grades-card-container {
    max-width: 100%;
  }

  .grades-hero {
    border-radius: 20px;
    flex-flow: column;
    margin-left: 4px;
    margin-right: 4px;
    padding: 16px 8px;
  }

  .grade-illustration {
    margin-top: 18px;
  }

  .grade-diagram-container {
    max-width: 100%;
    display: none;
  }

  .grades-card {
    border-radius: 20px;
    flex-flow: column;
    margin-top: 5px;
    margin-bottom: 5px;
    padding: 16px 8px;
  }

  .grades-card-heading {
    letter-spacing: -.5px;
    margin-left: 0;
    font-size: 24px;
    line-height: 36px;
  }

  .grades-card-heading.pm-skills-card-mobile {
    padding-left: 12px;
    padding-right: 8px;
  }

  .skills-to-grade-container {
    border-radius: 12px;
    margin-top: 18px;
    margin-bottom: 18px;
    padding: 10px 8px;
  }

  .skills-to-grade {
    grid-row-gap: 12px;
  }

  .skill-score {
    grid-column-gap: 12px;
  }

  .grades-nav-sticky {
    display: none;
  }

  .grade-tag {
    border-radius: 20px;
    max-width: 40px;
    padding: 2px 6px;
    font-size: 14px;
    line-height: 20px;
  }

  .grade-tooltip {
    grid-column-gap: 12px;
  }

  .contributors-hero-image {
    margin-top: 24px;
    display: none;
  }

  .contributors-hero-text-bck {
    margin-left: 8px;
    margin-right: 8px;
  }

  .contributors-bg {
    height: 1400px;
  }

  .about-contributor-program {
    margin: 200px 8px 130px;
  }

  .about-section {
    margin-top: 12px;
    margin-left: 8px;
    margin-right: 8px;
    font-size: 40px;
    line-height: 44px;
  }

  .about-section.h1-section-shifted {
    margin-left: 0;
  }

  .about-section.h1-section-shifted.mobile-section-padding {
    margin-left: 4px;
    margin-right: 8px;
  }

  .about-section.h1-highlight {
    border-radius: 8px;
    margin-left: 0;
    padding-left: 4px;
    padding-right: 4px;
  }

  .about-section.h1-highlight.welcome-mobile {
    margin-left: 6px;
  }

  .about-section.h1-highlight.welcome-mobile.h1-green {
    background-color: #9cfca6;
  }

  .about-section.h1-staticpage {
    font-size: 40px;
    line-height: 56px;
  }

  .about-section.welcome-mobile {
    font-size: 48px;
    line-height: 48px;
  }

  .cursor-text.purple, .cursor-text.yellow {
    border-radius: 6px;
    margin-top: -14px;
    margin-left: 14px;
    padding: 3px 8px;
    font-size: 16px;
    line-height: 20px;
  }

  .cursor-text.green {
    border-radius: 6px;
    width: 130px;
    min-width: 130px;
    max-width: 130px;
    margin-top: -14px;
    margin-left: 14px;
    padding: 3px 8px;
    font-size: 16px;
    line-height: 20px;
  }

  .cursor-text.blue, .cursor-text.pink {
    border-radius: 6px;
    margin-top: -8px;
    margin-left: 14px;
    padding: 3px 8px;
    font-size: 16px;
    line-height: 20px;
  }

  .hand-cursor-pink {
    top: 1535px;
    left: 16px;
  }

  .cursor {
    width: 30px;
    height: 30px;
  }

  .cursor-image {
    width: 20px;
    height: 20px;
  }

  .cursor-yellow {
    top: 1012px;
    left: 35px;
  }

  .cursor-green {
    top: 1562px;
    left: 186px;
  }

  .hand-cursor-blue {
    display: none;
    top: 1263px;
    left: 379px;
  }

  .cursor-purple {
    top: 1052px;
    left: 256px;
  }

  .how-it-works {
    margin-top: 64px;
    margin-left: 0;
    margin-right: 0;
  }

  .how-it-works.whatisit-block {
    margin-top: 40px;
  }

  .map-platform-card {
    border-radius: 20px;
    margin-top: 24px;
    margin-left: 4px;
    margin-right: 4px;
    box-shadow: 0 20px 50px #0003;
  }

  .quick-stack-2 {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    padding-top: 20px;
    padding-bottom: 24px;
  }

  .cell-4, .cell-5 {
    padding-left: 12px;
    padding-right: 12px;
  }

  .cell-6 {
    padding-top: 0;
  }

  .cell-7 {
    padding-top: 0;
    padding-bottom: 24px;
  }

  .benefits-bg {
    display: none;
  }

  .benefits-card {
    border-radius: 20px;
    margin-top: 24px;
    margin-left: 4px;
    margin-right: 4px;
    box-shadow: 0 20px 50px #0000002e;
  }

  .quick-stack-3 {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    padding: 16px 12px 24px;
  }

  .benefit {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    border-radius: 16px;
    padding: 16px 12px 24px;
    box-shadow: 0 3px 10px #0000001a;
  }

  .benefit-icon {
    width: 40px;
    height: 40px;
  }

  .benefit-text {
    width: 80%;
  }

  .top-contributors-card {
    border-radius: 20px;
    margin-top: 32px;
    margin-left: 4px;
    margin-right: 4px;
    padding: 16px 12px 40px;
    box-shadow: 0 20px 50px #0000002e;
  }

  .contributors-avatar {
    width: 40px;
    height: 40px;
  }

  .contributors-contacts {
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    margin-top: 6px;
  }

  .button-contacts {
    grid-column-gap: 6px;
    grid-row-gap: 6px;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
  }

  .ways-to-contribute {
    margin-left: 0;
    margin-right: 0;
  }

  .ways-card.pink {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    border-radius: 20px;
    width: 280px;
    height: 360px;
    padding: 24px 20px;
  }

  .ways-card.yellow {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    border-radius: 20px;
    width: 280px;
    height: 360px;
    margin-top: -36px;
    padding: 24px 20px;
  }

  .ways-card.purple {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    border-radius: 20px;
    width: 280px;
    height: 360px;
    margin-top: -16px;
    padding: 24px 20px;
    transform: rotate(7deg);
  }

  .ways-card-illustration {
    width: 80px;
  }

  .ways-card-content {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
  }

  .ways-cards {
    flex-flow: column;
    margin-top: 24px;
  }

  .map-assessment-cards {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: column;
    margin-bottom: 40px;
    margin-left: 4px;
    margin-right: 4px;
  }

  .map-card, .assessment-card {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    border-radius: 20px;
    width: 100%;
    padding: 0 12px 24px;
    box-shadow: 0 20px 50px #0003;
  }

  .map-image, .assessment-image {
    border-radius: 16px;
  }

  .image-224 {
    order: 0;
    display: none;
  }

  .cell-10 {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    justify-content: flex-start;
    align-items: center;
    padding: 0 12px 10px;
  }

  .benefts-bg-mobile {
    border-radius: 20px;
    order: 0;
    display: block;
  }

  .image-225 {
    display: none;
  }

  .image-226 {
    order: 1;
    display: block;
  }

  .image-227 {
    display: none;
  }

  .image-228, .image-229 {
    display: block;
  }

  .contributors-hero-image-mobile {
    border-radius: 20px;
    margin-top: 24px;
    display: block;
    box-shadow: 0 20px 50px #0003;
  }

  .image-230 {
    border-radius: 20px;
  }

  .bold-text-2 {
    font-family: Neuemontreal, sans-serif;
  }

  .image-231 {
    width: 16px;
    height: 16px;
  }

  .product-generation-topics {
    border-radius: 20px;
    margin-top: 32px;
    margin-left: 4px;
    margin-right: 4px;
    padding: 16px 12px 40px;
    box-shadow: 0 20px 50px #0000002e;
  }

  .topic-info-cell {
    border-radius: 20px;
  }

  .upcoming {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    border-radius: 50px;
    padding: 12px 18px;
  }

  .new-suggestions {
    grid-column-gap: 0vw;
    grid-row-gap: 0vw;
    border-radius: 50px;
    padding: 12px 18px;
  }

  .star-topic-container {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
  }

  .product-strategy-topic {
    grid-column-gap: 0vw;
    grid-row-gap: 0vw;
    border-radius: 50px;
    justify-content: space-between;
    align-items: center;
    padding: 12px 18px;
  }

  .product-generation-topic, .product-analysis-topic-copy, .product-delivery-topic, .people-processes-topic {
    grid-column-gap: 0vw;
    grid-row-gap: 0vw;
    border-radius: 50px;
    padding: 12px 18px;
  }

  .upcoming-topics-image {
    border-radius: 20px;
    width: 92.1vw;
    max-width: 92.1vw;
    position: absolute;
    overflow: clip;
  }

  .new-suggestions-image {
    border-radius: 20px;
    width: auto;
    max-width: 91%;
    position: absolute;
  }

  .product-strategy-image, .product-generation-image, .product-analysis-image, .product-delivery-image, .people-processes-image {
    border-radius: 20px;
    width: auto;
    max-width: 91%;
  }

  .arrow-suggestions, .arrow-strategy, .arrow-generation, .arrow-analysis, .arrow-delivery, .arrow-people-processes {
    width: 20px;
  }

  .product-generation-topics-mobile {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    border-radius: 20px;
    margin-top: 32px;
    margin-left: 4px;
    margin-right: 4px;
    padding: 16px 12px 40px;
    box-shadow: 0 20px 50px #0000002e;
  }

  .topic-image-placeholder {
    border-radius: 20px;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
    height: 73.82vw;
    padding-bottom: 0;
    padding-right: 0;
    display: flex;
  }

  .updates-card {
    border-radius: 20px;
    margin-top: 32px;
    margin-left: 4px;
    margin-right: 4px;
    padding: 16px 12px 40px;
    box-shadow: 0 20px 50px #0000002e;
  }

  .right-arrow.arrow.right {
    width: 42px;
    height: 24px;
    inset: 8vw auto auto 18vw;
  }

  .left-arrow.arrow.left {
    width: 42px;
    height: 24px;
    display: block;
    inset: 8vw auto auto 4vw;
  }

  .h2-heading-slider {
    padding-left: 0;
    font-size: 28px;
    line-height: 36px;
  }

  .h2-heading-slider.h2-heading-white {
    margin-bottom: 40px;
    font-size: 26px;
    line-height: 36px;
  }

  .h2-heading-slider.h2-heading-white.submit-button.about-map-link {
    font-size: 22px;
    top: -12px;
  }

  .h2-heading-slider.h2-heading-white.discord-header {
    margin-bottom: 12px;
    line-height: 32px;
  }

  .h2-heading-slider.h2-heading-shifted, .h2-heading-slider.h2-heading-shifted.h2-highlight {
    margin-left: 0;
  }

  .h2-heading-slider.h2-static {
    margin-top: 24px;
  }

  .h2-heading-slider.h2-discord {
    line-height: 36px;
  }

  .paragraph-small-slider {
    font-size: 18px;
    line-height: 24px;
  }

  .paragraph-small-slider.gray.mobile-padding {
    padding-bottom: 10px;
  }

  .paragraph-small-slider.contributors {
    font-family: Neuemontreal, sans-serif;
  }

  .paragraph-small-slider.contributors.benefit-text {
    width: 100%;
    padding-left: 0;
  }

  .updates-slider {
    border-radius: 20px;
    height: auto;
    margin-top: 32px;
    margin-left: 4px;
    margin-right: 4px;
    padding: 56px 12px 32px;
    box-shadow: 0 20px 50px #0003;
  }

  .image-238 {
    display: none;
  }

  .topic-arrow.right.new.big {
    color: #fff;
    background-color: #222;
    border-width: 1px;
    width: auto;
    height: auto;
    padding: 2px 7px 4px;
    font-size: 20px;
    line-height: 14px;
  }

  .topic-arrow.right.new.medium {
    color: #fff;
    background-color: #222;
    border-width: 1px;
    border-radius: 50px;
    width: 30px;
    height: 18px;
    padding: 0 8px 0 6px;
    font-size: 16px;
    line-height: 14px;
  }

  .image-239 {
    margin-right: 0;
    padding-top: 18px;
    display: block;
  }

  .image-240, .image-241 {
    padding-top: 18px;
    display: block;
  }

  .knowledge-hub-section {
    margin-top: 64px;
    margin-bottom: 80px;
  }

  .topics-platform-card {
    border-radius: 20px;
    margin-top: 24px;
    margin-left: 4px;
    margin-right: 4px;
    padding: 24px 0 0;
    box-shadow: 0 20px 50px #0000002e;
  }

  ._2-buttons-updates {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    flex-flow: row;
    justify-content: flex-start;
    align-items: center;
    margin-top: 12px;
    margin-left: 0;
  }

  ._2-buttons-updates.buttons-contributors {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: column;
  }

  .cell-11 {
    display: none;
  }

  .image-242 {
    margin-top: 20px;
  }

  .highlight-update-section-mobile {
    grid-column-gap: 0px;
    border-radius: 20px;
    margin-top: 32px;
    margin-left: 0;
    margin-right: 0;
    padding: 20px 8px 40px;
    display: block;
    position: relative;
  }

  .cell-13 {
    display: none;
  }

  .background-video-9 {
    width: 100vw;
    height: 58vw;
    margin-left: 0;
    margin-right: 0;
    padding-left: 8px;
    padding-right: 8px;
  }

  .new-banner-alert {
    display: none;
  }

  .new-banner-text {
    font-size: 12px;
    line-height: 16px;
  }

  .update-button {
    width: 148px;
    min-width: 148px;
    max-width: 148px;
    min-height: 56px;
    margin-top: 12px;
    padding: 8px 20px;
    font-size: 18px;
    line-height: 20px;
  }

  .update-button.platform-main-btn, .update-button.platform-main-btn-secondary {
    padding-top: 18px;
  }

  .update-button.platform-extra-btn {
    margin-top: 0;
    padding-top: 18px;
  }

  .update-button.contributors-main-btn {
    width: 200px;
    min-width: 200px;
    max-width: 200px;
    margin-left: 0;
    padding-top: 18px;
    display: none;
    top: 51.6vw;
    left: .5vw;
  }

  .update-button.contributors-btn {
    width: 240px;
    min-width: 240px;
    max-width: 240px;
    padding-top: 18px;
  }

  .update-button.contributors-contact-btn {
    width: 180px;
    min-width: 180px;
    max-width: 180px;
    margin-top: 12px;
    padding-top: 18px;
  }

  .update-button.contributors-map-btn, .update-button.contributors-assessment-btn {
    width: 70%;
    min-width: 70%;
    max-width: 70%;
    padding-top: 18px;
  }

  .update-button.topics-platform-btn {
    width: 180px;
    min-width: 180px;
    max-width: 180px;
    margin-top: 12px;
    padding-top: 18px;
  }

  .update-button.update-platform-main-btn {
    width: 150px;
    min-width: 150px;
    padding-top: 18px;
  }

  .update-button.update-platform-main-btn-secondary {
    padding-top: 18px;
  }

  .image-244 {
    margin-right: 0;
    padding-top: 18px;
    display: block;
  }

  .image-245, .image-247 {
    display: none;
  }

  .uui-navbar08_dropdown-content {
    grid-template-columns: 1fr;
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .uui-navbar08_dropdown-link {
    padding-left: 0;
  }

  .header-new {
    display: none;
  }

  .dropdown-content-products, .dropdown-content-guides, .uui-navbar08_dropdown-content-2 {
    grid-template-columns: 1fr;
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .uui-navbar08_dropdown-link-2 {
    padding-left: 0;
  }

  .uui-navbar06_dropdown-content-left, .uui-navbar06_blog-list {
    grid-template-columns: 1fr;
  }

  .uui-navbar06_blog-item {
    flex-direction: column;
  }

  .home-hero-text-bck {
    margin-left: 8px;
    margin-right: 8px;
  }

  .new-banner-alert-main {
    display: none;
  }

  .new-label-main {
    height: 20px;
  }

  .new-banner-main {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    border-radius: 24px;
    width: 90%;
    margin-bottom: 20px;
    padding: 10px;
  }

  .main-hero-section {
    flex-flow: column;
    margin-top: 80px;
    margin-left: 8px;
    margin-right: 8px;
  }

  .image-251 {
    width: 100%;
    margin-top: 16px;
    margin-left: auto;
  }

  .products-section {
    margin-left: 4px;
    margin-right: 4px;
  }

  .products-platform-card {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    background-image: url('../images/platform-card-bg-mobile.png');
    border-radius: 20px;
    height: auto;
    margin-top: 24px;
  }

  .platform-card-image {
    width: 100%;
    margin-top: 8px;
    margin-bottom: 10px;
  }

  .feature-tag.platform-feature {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    border-radius: 50px;
    padding: 4px 14px 4px 4px;
  }

  .features-container.platform, .features-container.left {
    display: none;
  }

  .features-container.left.platform {
    grid-column-gap: 6px;
    grid-row-gap: 6px;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
    display: flex;
    position: static;
  }

  .features-container.centred {
    display: none;
  }

  .heading-2-section {
    font-size: 40px;
    line-height: 44px;
  }

  .heading-2-section.h1-section-shifted {
    margin-left: 0;
  }

  .heading-2-section.h1-section-shifted.mobile-section-padding {
    margin-left: 4px;
    margin-right: 8px;
  }

  .heading-2-section.h1-highlight {
    border-radius: 8px;
    margin-left: 0;
    padding-left: 4px;
    padding-right: 4px;
  }

  .heading-2-section.h1-highlight.welcome-mobile {
    margin-left: 6px;
  }

  .heading-2-section.h1-highlight.welcome-mobile.h1-green {
    background-color: #9cfca6;
  }

  .heading-2-section.h1-staticpage {
    font-size: 40px;
    line-height: 56px;
  }

  .heading-2-section.welcome-mobile {
    font-size: 48px;
    line-height: 48px;
  }

  .heading-1-section-copy {
    font-size: 40px;
    line-height: 44px;
  }

  .heading-1-section-copy.h1-section-shifted {
    margin-left: 0;
  }

  .heading-1-section-copy.h1-section-shifted.mobile-section-padding {
    margin-left: 4px;
    margin-right: 8px;
  }

  .heading-1-section-copy.h1-highlight {
    border-radius: 8px;
    margin-left: 0;
    padding-left: 4px;
    padding-right: 4px;
  }

  .heading-1-section-copy.h1-highlight.welcome-mobile {
    margin-left: 6px;
  }

  .heading-1-section-copy.h1-highlight.welcome-mobile.h1-green {
    background-color: #9cfca6;
  }

  .heading-1-section-copy.h1-staticpage {
    font-size: 40px;
    line-height: 56px;
  }

  .heading-1-section-copy.welcome-mobile {
    font-size: 48px;
    line-height: 48px;
  }

  .icon-feature {
    width: 28px;
  }

  .products-managementmap-card {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    background-image: url('../images/mmap-card-bg-mobile.png');
    border-radius: 20px;
    flex-flow: column;
    height: auto;
    margin-top: 10px;
  }

  .mmap-card-content {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    justify-content: flex-start;
    align-items: center;
    margin-left: 0;
  }

  .main-video-l5 {
    height: 90vh;
  }

  .main-video-l5.video-product-updates, .main-video-l5.video-pm-skills {
    height: 300vw;
  }

  .mmap-card-image {
    width: 100%;
    margin-top: 0;
  }

  .unit-economics-card {
    background-image: url('../images/ue-card-bg-mobile.png');
    border-radius: 20px;
    height: auto;
    margin-top: 10px;
  }

  .ue-card-content-centre {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    margin-bottom: auto;
  }

  .ue-card-image {
    display: none;
  }

  .guides-cards {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-flow: column;
    margin: 24px 4px 40px;
    padding-top: 10px;
    padding-bottom: 20px;
    padding-left: 0;
    overflow: visible;
  }

  .skills-guide-card, .begginer-guide-card {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    border-radius: 20px;
    width: 100%;
    height: auto;
    padding: 16px 12px 24px;
    box-shadow: 0 20px 50px #0003;
  }

  .guide-card-image {
    border-radius: 16px;
  }

  .paragraph-roadmaps {
    width: auto;
    margin-bottom: 12px;
    font-size: 18px;
    line-height: 24px;
  }

  .paragraph-roadmaps.top-contributors-p.p-product-led {
    margin-right: 16px;
  }

  .paragraph-roadmaps.community-button {
    margin-left: 12px;
    margin-right: 16px;
    padding-top: 12px;
    padding-bottom: 6px;
  }

  .paragraph-roadmaps.donation-paragraph {
    padding-top: 8px;
    padding-right: 40px;
  }

  .paragraph-roadmaps.donation-paragraph.card-title, .paragraph-roadmaps.donation-paragraph.card-title.card-title--bold {
    padding-top: 0;
    top: -156px;
    left: 20px;
  }

  .paragraph-roadmaps.donation-paragraph.card-title.card-title--payment {
    top: -140px;
  }

  .paragraph-roadmaps.donation-paragraph.donation-improvements {
    padding-right: 0;
  }

  .paragraph-roadmaps.p-2col {
    margin-left: 36px;
  }

  .paragraph-roadmaps.p-2col.p-afterstar {
    margin-left: 6px;
  }

  .paragraph-roadmaps.p-date {
    width: 60px;
    min-width: 60px;
  }

  .paragraph-roadmaps.p-contributors.discord-text {
    margin-top: 0;
    margin-bottom: 12px;
  }

  .paragraph-roadmaps.footer-par {
    font-size: 18px;
    line-height: 22px;
  }

  .paragraph-roadmaps.footer-par._2-col {
    text-align: left;
    margin-top: 20px;
    display: block;
  }

  .paragraph-roadmaps.card-description {
    font-size: 14px;
  }

  .paragraph-roadmaps.spacing {
    margin-top: 8px;
  }

  .paragraph-roadmaps.card-small-text {
    margin-top: 8px;
    font-size: 18px;
    line-height: 24px;
  }

  .paragraph-roadmaps.contributors-topic {
    margin-bottom: 0;
  }

  .roadmap-section {
    margin-top: 64px;
    margin-left: 4px;
    margin-right: 4px;
  }

  .roadmap-card-new {
    width: 100%;
    min-width: 0;
    height: 280px;
    padding: 24px 12px 64px;
  }

  .roadmap-card-new.roadmap-card-shifted.card-2 {
    margin-top: -40px;
    margin-left: 0;
  }

  .roadmap-card-new.roadmap-card-shifted.card-3 {
    height: 240px;
    margin-top: -40px;
    margin-left: 0;
    padding-bottom: 24px;
  }

  .roadmap-card-new.roadmap-card-shifted.last-card {
    height: 180px;
    margin-top: -40px;
    margin-left: 0;
    padding-bottom: 24px;
    display: none;
  }

  .roadmap-card-copy {
    width: 100%;
    min-width: 0;
    height: 280px;
    padding: 24px 12px 64px;
  }

  .roadmap-card-copy.roadmap-card-shifted.card-2 {
    margin-top: -40px;
    margin-left: 0;
  }

  .roadmap-card-copy.roadmap-card-shifted.card-3 {
    height: 240px;
    margin-top: -40px;
    margin-left: 0;
    padding-bottom: 24px;
  }

  .roadmap-card-copy.roadmap-card-shifted.last-card {
    height: 180px;
    margin-top: -40px;
    margin-left: 0;
    padding-bottom: 24px;
    display: none;
  }

  .coming-soon-guide-card {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    border-radius: 20px;
    width: 100%;
    padding: 16px 12px 24px;
    display: none;
    box-shadow: 0 20px 50px #0003;
  }

  .guide-card-content {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
  }

  .header-mobile-new {
    background-color: #fff0;
    padding-top: 4px;
    padding-bottom: 4px;
    display: flex;
  }

  .header-mobile-new-copy {
    background-color: #fff0;
    margin-left: 8px;
    margin-right: 8px;
    padding-top: 4px;
    padding-bottom: 4px;
    display: flex;
  }

  .nav-container-mobile {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    background-color: #fffefee6;
    border-radius: 40px;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 58px;
    margin-left: 0;
    display: block;
    position: relative;
  }

  .hamburger-wrapper-new {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: space-between;
    align-items: center;
    width: 25px;
    height: 15px;
  }

  .logo-new {
    max-height: 64px;
    margin-top: 0;
    margin-left: 8px;
  }

  .mobile-logo-new {
    z-index: 4000;
    padding-bottom: 5px;
    position: relative;
  }

  .mobile-logo-new.w--current {
    position: relative;
  }

  .logo-new-1 {
    width: 124px;
    max-height: none;
    margin-top: 4px;
    margin-left: 16px;
  }

  .off-main-linka-new {
    padding-top: 32px;
  }

  .huge-link-new {
    margin-top: 0;
  }

  .huge-link-new._3 {
    flex-flow: row;
    padding-bottom: 0;
  }

  .huge-link-new._4 {
    padding-bottom: 0;
  }

  .huge-link-new._1 {
    margin-bottom: 20px;
    padding-bottom: 0;
  }

  .huge-link-new._2 {
    padding-bottom: 0;
  }

  .huge-link-new.with-tag {
    flex-flow: row;
    padding-bottom: 0;
  }

  .nav-link-new {
    color: #222;
    text-align: left;
    font-family: Neuemontreal, sans-serif;
    font-size: 30px;
    line-height: 40px;
  }

  .nav-link-new.huge-link-beta {
    margin-top: -4px;
    margin-left: 6px;
    font-size: 20px;
  }

  .nav-link-new.huge-link-ai {
    color: #fff;
    background-color: #222;
    border-radius: 20px;
    margin-top: 0;
    margin-left: 6px;
    padding: 5px 10px 2px;
    font-family: Akkurat Mono, sans-serif;
    font-size: 12px;
    line-height: 16px;
  }

  .nav-link-new._5 {
    margin-top: 8px;
  }

  .nav-subtitle {
    color: #222;
    margin-top: 20px;
    margin-bottom: 10px;
    font-family: Akkurat Mono, sans-serif;
  }

  .connect-wrap-new {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    padding-bottom: 40px;
  }

  .nav-btn-wrap-new {
    margin-top: 23px;
    margin-right: 16px;
    padding-top: 0;
  }

  .image-254 {
    display: block;
  }

  .management-main-section {
    margin-top: 100px;
    margin-left: 8px;
  }

  .products-designmap-card {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    background-image: url('../images/dmap-card-bg-mobile.png');
    border-radius: 20px;
    flex-flow: column;
    height: auto;
    margin-top: 10px;
  }

  .dmap-card-image {
    width: 100%;
    margin-top: 0;
  }

  .dmap-card-content {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    justify-content: flex-start;
    align-items: center;
    margin-left: 0;
  }

  .releases-card {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    border-radius: 20px;
    flex-flow: column;
    height: auto;
    margin-top: 10px;
    margin-bottom: 36px;
    padding-bottom: 24px;
    padding-left: 0;
    padding-right: 0;
  }

  .releases-card-image {
    width: 100%;
    margin-top: 8px;
    margin-left: 0;
  }

  .releases-card-content {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    justify-content: flex-start;
    align-items: flex-start;
    margin-top: 24px;
    margin-left: 0;
    padding-left: 12px;
    padding-right: 12px;
  }

  .button-avatars {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    flex-flow: row;
    justify-content: flex-start;
    align-items: flex-start;
    margin-top: 12px;
    margin-left: 0;
  }

  .button-avatars.buttons-contributors {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-flow: column;
    margin-top: 20px;
  }

  .button-avatars.buttons-main {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    flex-flow: row;
    margin-top: 20px;
  }

  .button-avatars.buttons-community {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: column;
    margin-top: 20px;
  }

  .community-hero-avatar {
    width: 30px;
    margin-right: -10px;
  }

  .community-hero-avatar.second {
    margin-right: -10px;
  }

  .div-block-24 {
    grid-column-gap: 6px;
    grid-row-gap: 6px;
    text-align: center;
  }

  .div-block-25 {
    text-align: center;
    justify-content: center;
    align-items: center;
  }

  .top-contributor-card {
    background-color: #fff;
    border-radius: 12px;
    width: 120px;
    min-width: 120px;
    height: 170px;
    padding: 12px 4px;
  }

  .paragraph-xxsmall.centred {
    font-size: 8px;
    line-height: 12px;
  }

  .top-contributor-avatar {
    width: 80px;
  }

  .top-community-carousel {
    grid-column-gap: 6px;
    grid-row-gap: 6px;
    margin-top: 36px;
    padding-bottom: 36px;
    display: flex;
    overflow: clip;
  }

  .main-video-community {
    height: 90vh;
  }

  .main-video-community.video-product-updates, .main-video-community.video-pm-skills {
    height: 300vw;
  }

  .about-community {
    margin-top: 80px;
  }

  .features-cards {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    flex-flow: column;
    margin-top: 24px;
  }

  .community-feature {
    border-radius: 16px;
    width: 100%;
    padding: 12px;
  }

  .community-icon {
    width: 40px;
    height: 40px;
    margin-top: 12px;
  }

  .community-timeline {
    margin-left: 4px;
    margin-right: 4px;
  }

  .progress-bar {
    width: 1.5px;
  }

  .community-progress {
    top: 30px;
    left: 9px;
  }

  .circle-wrapper {
    padding-top: 8px;
    padding-bottom: 8px;
  }

  .communtiy-timeline-step {
    grid-column-gap: 16px;
  }

  .step-circle {
    margin-top: 20px;
  }

  .circle {
    width: 8px;
    height: 8px;
  }

  .how-to-join {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-flow: column;
  }

  .community-step {
    grid-column-gap: 6px;
    grid-row-gap: 6px;
  }

  .community-chat-image {
    border-radius: 16px;
    width: 100%;
  }

  .meet-people {
    background-image: none;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto;
    background-attachment: scroll;
  }

  .community-numbers-card {
    background-image: url('../images/community-numbers-bg-mobile.png');
    border-radius: 16px;
    height: 450px;
    margin-top: 12px;
  }

  .community-numbers {
    flex-flow: column;
  }

  .channels-cards {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: column;
    margin: 24px 4px 40px;
  }

  .linkedin-channel-card, .discord-channel-card {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    border-radius: 20px;
    width: 100%;
    padding: 0 12px 24px;
    box-shadow: 0 20px 50px #0003;
  }

  .discord-channel-image, .linkedin-channel-image {
    border-radius: 16px;
  }

  .discord-button {
    border-radius: 100px;
    width: 210px;
    min-height: 56px;
  }

  .discord-icon-button {
    width: auto;
    min-width: auto;
    max-width: none;
    min-height: 56px;
    margin-top: auto;
    padding: 18px 40px 8px;
    font-size: 18px;
    line-height: 20px;
  }

  .discord-icon-button.platform-main-btn, .discord-icon-button.platform-main-btn-secondary {
    padding-top: 18px;
  }

  .discord-icon-button.platform-extra-btn {
    margin-top: 0;
    padding-top: 18px;
  }

  .discord-icon-button.contributors-main-btn, .discord-icon-button.contributors-btn {
    width: 240px;
    min-width: 240px;
    max-width: 240px;
    padding-top: 18px;
  }

  .discord-icon-button.contributors-contact-btn {
    width: 180px;
    min-width: 180px;
    max-width: 180px;
    margin-top: 12px;
    padding-top: 18px;
  }

  .discord-icon-button.contributors-map-btn {
    width: 70%;
    min-width: 70%;
    max-width: 70%;
    padding-top: 18px;
  }

  .discord-icon-button.contributors-assessment-btn {
    width: 80%;
    min-width: 80%;
    max-width: 80%;
    padding-top: 18px;
  }

  .discord-icon-button.topics-platform-btn {
    width: 180px;
    min-width: 180px;
    max-width: 180px;
    margin-top: 12px;
    padding-top: 18px;
  }

  .discord-icon-button.update-platform-main-btn {
    width: 140px;
    min-width: 140px;
    padding-top: 18px;
  }

  .discord-icon-button.update-platform-main-btn-secondary {
    padding-top: 18px;
    padding-left: 32px;
    padding-right: 32px;
  }

  .discord-icon-button.main-primary-btn {
    width: 165px;
    min-width: 165px;
    max-width: 165px;
    padding-top: 18px;
  }

  .discord-icon-button.main-btn {
    width: 125px;
    min-width: 125px;
    max-width: 125px;
    padding-top: 18px;
  }

  .discord-icon-button.main-btn.w--current, .discord-icon-button.main-btn.log-in-main {
    width: 120px;
    min-width: 120px;
    max-width: 120px;
  }

  .discord-icon-button.platform-primary-btn {
    width: 240px;
    min-width: 240px;
    max-width: 240px;
    padding-top: 18px;
  }

  .discord-icon-button.platform-primary-btn.explore-platform {
    width: auto;
    min-width: auto;
    max-width: none;
    padding-left: 40px;
    padding-right: 40px;
  }

  .discord-icon-button.mmap-primary-btn {
    width: 195px;
    min-width: 195px;
    max-width: 195px;
    padding-top: 18px;
  }

  .discord-icon-button.ue-primary-btn {
    width: 240px;
    min-width: 240px;
    max-width: 240px;
    padding-top: 8px;
  }

  .discord-icon-button.dmap-secondary-btn {
    width: 185px;
    min-width: 185px;
    max-width: 185px;
    padding-top: 18px;
  }

  .discord-icon-button.dmap-secondary-btn.w--current, .discord-icon-button.dmap-secondary-btn.log-in-main {
    width: 120px;
    min-width: 120px;
    max-width: 120px;
  }

  .discord-icon-button.releases-primary-btn {
    width: 200px;
    min-width: 200px;
    max-width: 200px;
    margin-top: 0;
    padding-top: 8px;
  }

  .discord-icon-button.unit-economics.ue-form-submit, .discord-icon-button.map-form-submit {
    margin-top: 12px;
    padding-top: 8px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .channel-icon {
    width: 56px;
    height: 56px;
    padding: 16px 19px 18px 20px;
  }

  .channel-icon.linkedin {
    max-height: none;
  }

  .channel-icon.facebook {
    max-height: none;
    padding: 17px 22px;
  }

  .linkedin-button {
    border-radius: 100px;
    width: 215px;
    min-height: 56px;
  }

  .discord-icon {
    width: auto;
    min-width: auto;
    height: 18px;
    min-height: auto;
  }

  .discord-icon.img-fb {
    max-width: none;
    height: 19px;
  }

  .begginer-guide-card-community {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    border-radius: 20px;
    width: 100%;
    height: auto;
    padding: 16px 12px 24px;
    box-shadow: 0 20px 50px #0003;
  }

  .resources-container {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    flex-flow: column;
    margin-top: 24px;
  }

  .community-resource-card {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    border-radius: 12px;
    padding: 12px 12px 24px;
  }

  .community-resource-card.purple, .community-resource-card.blue, .community-resource-card.yellow {
    border-radius: 12px;
  }

  .resource-container {
    grid-column-gap: 0vw;
    grid-row-gap: 0vw;
  }

  .resource-avatar {
    width: 40px;
    height: 40px;
  }

  .guide-community-card-image {
    border-radius: 16px;
  }

  .guide-card-community {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
  }

  .resources-row {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
  }

  .community-principles {
    margin-top: 60px;
  }

  .principle-cards {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    flex-flow: column;
    margin-top: 24px;
  }

  .community-principle {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    border-radius: 16px;
    flex-flow: column;
    width: 100%;
    padding: 12px 12px 20px;
  }

  .principles-row {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    width: 100%;
  }

  .principle-heading-info-copy {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    width: 100%;
  }

  .contributors-program-card, .partners-program-card {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    border-radius: 20px;
    width: 100%;
    padding: 24px 12px;
    box-shadow: 0 20px 50px #0003;
  }

  .contributors-card-image {
    border-radius: 12px;
  }

  .partners-card-image {
    border-radius: 16px;
  }

  .infinite-carousel-loop {
    box-sizing: border-box;
    width: 100%;
    overflow: auto;
  }

  .community-cards-carousel {
    grid-column-gap: 6px;
    grid-row-gap: 6px;
    margin-top: 36px;
    margin-right: 6px;
    padding-bottom: 36px;
    display: flex;
    overflow: clip;
  }

  .community-cards-carousel.mobile-2 {
    order: 0;
    display: none;
  }

  .channels-text-block {
    align-items: flex-start;
    margin-top: 12px;
    margin-bottom: 12px;
  }

  .community-card {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    background-image: url('../images/community-card-bg-mobile.png');
    background-size: cover;
    border-radius: 20px;
    flex-flow: column;
    height: auto;
    margin-top: 10px;
  }

  .community-card-content {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    justify-content: flex-start;
    align-items: center;
    margin-top: 24px;
    margin-left: 0;
  }

  .community-card-image {
    width: 100%;
    margin-top: 0;
    margin-bottom: 16px;
  }

  .div-block-26 {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    margin-bottom: 12px;
  }

  .div-block-27 {
    text-align: center;
  }

  .div-block-28 {
    text-align: center;
    margin-right: 10px;
  }

  .div-block-28.community-mobile {
    align-self: center;
    width: 100%;
  }

  .problem-statement-cards {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-flow: column;
    margin-top: 24px;
    margin-left: 4px;
    margin-right: 4px;
  }

  .ps-card {
    border-radius: 16px;
    width: 100%;
    margin-right: 0;
    padding: 12px 40px 24px 12px;
  }

  .hero-video {
    width: auto;
    margin-top: 24px;
    margin-left: 8px;
    margin-right: 8px;
  }

  .video-placeholder {
    border-width: 1px;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
    height: 53vw;
    margin-top: -1px;
  }

  .gp-card-content-block {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    width: 100%;
    margin-top: 24px;
    margin-left: 0;
  }

  .gp-card-video-content {
    flex-direction: column;
    margin-top: 0;
  }

  .gp-card-video {
    border-radius: 16px;
    width: 100%;
  }

  .problem-statement-section {
    margin-top: 64px;
    margin-left: 8px;
    margin-right: 8px;
  }

  .problem-statement-section.pu-title-section-mobile {
    margin-top: 100px;
    margin-bottom: 20px;
    margin-right: 0;
  }

  .problem-statement-section.pu-title-section-mobile.platform-hero-block {
    margin-top: 100px;
    margin-left: 0;
    margin-right: 0;
  }

  .problem-statement-section.pu-title-section-mobile.main-knowledgehub {
    margin-top: 64px;
  }

  .problem-statement-section.pu-title-section-mobile.hero-block {
    margin-top: 120px;
  }

  .problem-statement-section.mobile-section {
    margin-left: 4px;
    margin-right: 4px;
  }

  .growth-plans-section {
    margin-top: 64px;
    margin-left: 0;
    margin-right: 0;
  }

  .growth-plans-section.whatisit-block {
    margin-top: 0;
  }

  .platform-bg {
    height: 1400px;
  }

  .key-features-section {
    margin-top: 64px;
  }

  ._2-row {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-flow: column;
  }

  .key-feature-platform-card {
    border-radius: 16px;
  }

  ._1-row {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-flow: column;
    margin-bottom: 0;
  }

  .key-features-platform-cards {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    margin-top: 24px;
  }

  .kf-card-content {
    padding-top: 16px;
    padding-left: 14px;
  }

  .ai-assistant-section {
    margin-top: 64px;
  }

  .ai-assistant-cards {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-flow: column;
    margin-top: 24px;
  }

  .ai-cards-right {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .ai-card-left {
    background-image: url('../images/ai-block-1-mobile-bg.png');
    border-radius: 16px;
    width: 100%;
    min-width: 100%;
    max-width: 100%;
  }

  .ai-assistant-card-right-2 {
    border-radius: 16px;
  }

  .ai-assistant-card-right-1 {
    background-image: url('../images/ai-block-2-bg.png');
    border-radius: 16px;
  }

  .ai-card-content {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    padding-top: 24px;
    padding-left: 14px;
  }

  .ai-features-container.platform, .ai-features-container.left, .ai-features-container.centred {
    display: none;
  }

  .platform-get-started-section {
    border-radius: 20px;
    margin-top: 10px;
    margin-left: 8px;
    margin-right: 8px;
    padding: 24px 14px 32px;
  }

  .gs-right-column {
    width: 100%;
  }

  .advanced-report-section {
    margin-top: 64px;
  }

  .advanced-report-card {
    border-radius: 16px;
    margin-top: 24px;
  }

  .advanced-report-image {
    width: 100%;
  }

  .advanced-report-content {
    flex-flow: column;
  }

  .detailed-report-card-content {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    justify-content: flex-start;
    align-items: flex-start;
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 12px;
  }

  .report-tags {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    order: -1;
  }

  .content-bullets {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
  }

  .browser-header-image {
    border-width: 1px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
  }

  .gp-video {
    width: 100%;
  }

  .gp-video-placeholder {
    border-width: 1px;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
    height: 50vw;
    margin-top: -1px;
  }

  .gp-browser-header {
    border-width: 1px;
    border-radius: 6px 6px 0 0;
  }
}

#w-node-_3e7792d0-070b-8811-9228-1055a742a86f-a742a7fb, #w-node-bf7afa38-8912-8265-79ac-bec2e671ee5a-2fba5bc5 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_9cdb079b-38b7-9976-1e0a-4127cf4d3e2e-f953ae19 {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 2.6fr 1fr;
}

#w-node-_1e39ce06-6f43-eab1-eac4-49a723b2f259-f953ae19 {
  grid-column: span 3 / span 3;
}

#w-node-_886a9b7a-23b3-db99-a72f-3991a0930b1b-f953ae19 {
  grid-template-rows: auto auto;
  grid-template-columns: 2.6fr;
}

#w-node-c0c1d1a6-c3f6-3ffb-96c6-8c6ccf684667-f953ae19, #w-node-db9f1524-ba40-1a9a-396b-97be369484dd-f953ae19, #w-node-faef5883-75fc-2bfa-3f30-234965723a49-f953ae19, #w-node-_78a0fc45-ed0e-0aed-2569-21a22f4e5ad2-f953ae19, #w-node-f4886b8e-a021-d81e-1566-ba9804a26f05-f953ae19, #w-node-e8a18ea4-44f4-c47c-9dfd-3431f76ed4ad-f953ae19, #w-node-_4d01175d-876e-f5d1-db86-7ae4b094b360-f953ae19 {
  grid-template-rows: auto;
  grid-template-columns: .5fr 1fr;
}

#w-node-_0dcca6fb-5bef-a223-9874-aeb89ba9ac17-f953ae19 {
  grid-template-rows: auto auto;
  grid-template-columns: .5fr 1fr;
}

#w-node-debf4b21-84cd-6df4-8512-ba93ebcb879a-f953ae19 {
  grid-column: span 2 / span 2;
}

#w-node-d7b4bd35-902e-df63-c03d-8bea4abe4fad-f953ae19 {
  grid-template-rows: auto auto;
  grid-template-columns: .5fr 1fr;
}

#w-node-d7b4bd35-902e-df63-c03d-8bea4abe4fd5-f953ae19 {
  grid-column: span 2 / span 2;
}

#w-node-_11e893c2-d78d-7a60-4287-dd7875cb80e6-f953ae19 {
  grid-template-rows: auto auto;
  grid-template-columns: .5fr 1fr;
}

#w-node-_11e893c2-d78d-7a60-4287-dd7875cb80f7-f953ae19, #w-node-_11e893c2-d78d-7a60-4287-dd7875cb8106-f953ae19 {
  grid-column: span 2 / span 2;
}

#w-node-_5e0e2af1-830e-a538-0285-71ed938a6062-e654cbe3, #w-node-_8a9a51a2-f5a5-f529-6d55-97c98c13ba37-e654cbe3 {
  grid-template-rows: auto;
  grid-template-columns: .25fr 1fr;
}

#w-node-_02191e45-96ad-1f8c-5fb9-8755461fa4ff-8fe6072a {
  grid-template-rows: auto;
  grid-template-columns: .5fr 1fr;
}

#w-node-fd6ce8d2-17f2-983f-abdd-003005d2363c-a2378cdf {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
}

#w-node-db09fdd0-7d09-b1b8-05d7-f2538f92fdd7-a2378cdf {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

#w-node-_35796a1b-419b-619e-c54c-1ec760addf33-a2378cdf {
  grid-template-rows: auto;
  grid-template-columns: .75fr 1fr;
}

#w-node-_3376f0ee-e192-bf7f-3665-2b74b36624c9-a2378cdf {
  grid-template-rows: auto auto auto auto auto auto auto auto;
  grid-template-columns: .75fr 1fr;
}

#w-node-_8ac00670-848e-d9f8-e6c6-563b58e90e4d-a2378cdf {
  grid-column: span 2 / span 2;
}

#w-node-_118eea88-4518-fd40-a933-2925a6ec843e-a2378cdf {
  grid-row: span 7 / span 7;
}

#w-node-_29b78b00-e1b7-e889-904a-7574e25eb5f6-a2378cdf {
  grid-template-rows: auto auto auto auto auto auto auto auto minmax(452px, 5fr);
  grid-template-columns: .5fr;
  display: none;
}

#w-node-fabd28c4-d676-4a88-61a0-b8463de5c781-d3ddc7de {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_02191e45-96ad-1f8c-5fb9-8755461fa4ff-007f4d27 {
  grid-template-rows: auto;
  grid-template-columns: .5fr 1fr;
}

@media screen and (max-width: 479px) {
  #w-node-_9139c229-d42f-efed-e516-969a60571b2f-60571b11, #w-node-_0ab47623-ba4e-e58a-9f74-f388ebeed82a-ebeed826, #w-node-_0ab47623-ba4e-e58a-9f74-f388ebeed851-ebeed826 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_9cdb079b-38b7-9976-1e0a-4127cf4d3e2e-f953ae19 {
    grid-template-rows: 1fr;
    grid-template-columns: 2fr;
  }

  #w-node-_9cdb079b-38b7-9976-1e0a-4127cf4d3e2f-f953ae19 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_886a9b7a-23b3-db99-a72f-3991a0930b1b-f953ae19 {
    grid-template-rows: 1fr;
    grid-template-columns: 2fr;
  }

  #w-node-c0c1d1a6-c3f6-3ffb-96c6-8c6ccf684667-f953ae19, #w-node-db9f1524-ba40-1a9a-396b-97be369484dd-f953ae19, #w-node-faef5883-75fc-2bfa-3f30-234965723a49-f953ae19, #w-node-_78a0fc45-ed0e-0aed-2569-21a22f4e5ad2-f953ae19, #w-node-f4886b8e-a021-d81e-1566-ba9804a26f05-f953ae19 {
    grid-template-rows: 1fr;
    grid-template-columns: 1fr;
  }

  #w-node-e8a18ea4-44f4-c47c-9dfd-3431f76ed4ad-f953ae19, #w-node-_4d01175d-876e-f5d1-db86-7ae4b094b360-f953ae19 {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  #w-node-_0dcca6fb-5bef-a223-9874-aeb89ba9ac17-f953ae19 {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  #w-node-_0dcca6fb-5bef-a223-9874-aeb89ba9ac30-f953ae19 {
    order: 9999;
  }

  #w-node-debf4b21-84cd-6df4-8512-ba93ebcb879a-f953ae19 {
    grid-column: span 1 / span 1;
  }

  #w-node-d7b4bd35-902e-df63-c03d-8bea4abe4fad-f953ae19 {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  #w-node-d7b4bd35-902e-df63-c03d-8bea4abe4fc6-f953ae19 {
    order: 9999;
  }

  #w-node-d7b4bd35-902e-df63-c03d-8bea4abe4fd5-f953ae19 {
    grid-column: span 1 / span 1;
  }

  #w-node-_5e0e2af1-830e-a538-0285-71ed938a6062-e654cbe3 {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    display: none;
  }

  #w-node-_8a9a51a2-f5a5-f529-6d55-97c98c13ba37-e654cbe3, #w-node-_02191e45-96ad-1f8c-5fb9-8755461fa4ff-8fe6072a {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  #w-node-_02191e45-96ad-1f8c-5fb9-8755461fa516-8fe6072a {
    order: 9999;
  }

  #w-node-fd6ce8d2-17f2-983f-abdd-003005d2363c-a2378cdf {
    grid-template-rows: auto auto;
    grid-template-columns: 1.25fr;
  }

  #w-node-fd6ce8d2-17f2-983f-abdd-003005d2363d-a2378cdf, #w-node-a5b94812-f5cf-d4de-5e98-7f9f2dd15141-a2378cdf {
    order: -9999;
  }

  #w-node-db09fdd0-7d09-b1b8-05d7-f2538f92fdd7-a2378cdf {
    grid-template-rows: auto;
    grid-template-columns: 1.25fr;
  }

  #w-node-_35796a1b-419b-619e-c54c-1ec760addf33-a2378cdf {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  #w-node-_35796a1b-419b-619e-c54c-1ec760addf35-a2378cdf {
    order: -9999;
  }

  #w-node-_3376f0ee-e192-bf7f-3665-2b74b36624c9-a2378cdf {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    display: none;
  }

  #w-node-_118eea88-4518-fd40-a933-2925a6ec843e-a2378cdf {
    grid-row: span 7 / span 7;
  }

  #w-node-_29b78b00-e1b7-e889-904a-7574e25eb5f6-a2378cdf {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    display: grid;
  }

  #w-node-_29b78b00-e1b7-e889-904a-7574e25eb5f7-a2378cdf {
    order: -9999;
  }

  #w-node-_3e55c5fe-a761-758e-e0be-d5a555aacdc7-a2378cdf {
    order: 9999;
  }

  #w-node-_02191e45-96ad-1f8c-5fb9-8755461fa4ff-007f4d27 {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  #w-node-_02191e45-96ad-1f8c-5fb9-8755461fa516-007f4d27 {
    order: 9999;
  }
}


@font-face {
  font-family: 'Akkurat Mono';
  src: url('../fonts/Akkurat-Mono.OTF') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Neuemontreal';
  src: url('../fonts/NeueMontreal-RegularItalic.otf') format('opentype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Neuemontreal';
  src: url('../fonts/NeueMontreal-Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}