.icon {
  height: 1.875vw;
  width: 1.875vw;
  position: relative;
  overflow: hidden;
  flex-shrink: 0
}

.linguiffic {
  margin: 0;
  position: relative;
  font-size: inherit;
  line-height: 100%;
  font-weight: 500;
  font-family: inherit
}

.number1 {
  overflow: hidden;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-y-3xs) 0;
  gap: var(--gap-3xs)
}

.how-it-works {
  flex: 1;
  position: relative;
  line-height: 120%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}

.image-icon {
  height: 2.7778vh;
  width: 1.5625vw;
  position: relative;
  border-radius: 150px;
  object-fit: cover
}

.usd {
  position: relative;
  line-height: 120%;
  font-weight: 500
}

.arrow-icon {
  height: 1.4815vh;
  width: 0.8333vw;
  position: relative
}

.price {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 0.463vmin 0.2604vmax
}

.image-wrapper {
  flex: 0.9599;
  backdrop-filter: blur(20px);
  border-radius: var(--br-base);
  background-color: var(--color-gray-100);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: var(--padding-y-lg) 0.6771vw;
  box-sizing: border-box;
  gap: var(--gap-3xs);
  min-height: 5.5556vh
}

.get-started {
  position: relative;
  font-size: var(--text-18-size);
  line-height: 120%;
  font-weight: 500;
  font-family: var(--text-18);
  color: var(--white);
  text-align: left;
  white-space: nowrap
}

.auth-buttons {
  cursor: pointer;
  border: none;
  padding: var(--padding-y-lg) 0.5729vw;
  background-color: var(--color-gray-100);
  flex: 1;
  backdrop-filter: blur(20px);
  border-radius: var(--br-base);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  min-height: 5.5556vh
}

.auth-buttons:hover {
  background-color: rgba(230, 230, 230, 0.05)
}

.login {
  position: relative;
  font-size: var(--text-18-size);
  line-height: 120%;
  font-weight: 500;
  font-family: var(--text-18);
  color: var(--dark);
  text-align: left
}

.auth-buttons1 {
  cursor: pointer;
  border: none;
  padding: var(--padding-y-lg) var(--padding-x-xl);
  background-color: var(--white);
  flex: 0.8195;
  border-radius: var(--br-base);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  min-height: 5.5556vh
}

.auth-buttons1:hover {
  background-color: var(--color-gainsboro-100)
}

.auth {
  width: 20.0521vw;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-3xs);
  text-align: left
}

.menu {
  flex: 1;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: var(--gap-21xl);
  text-align: right;
  font-size: var(--text-18-size)
}

.number {
  width: 100%;
  height: 5.5556vh;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding: 0 var(--padding-x-41xl);
  box-sizing: border-box;
  gap: var(--gap-21xl);
  max-width: 75vw
}

.dive {
  margin: 0;
  position: relative;
  font-size: inherit;
  line-height: 110%;
  font-weight: 500;
  font-family: inherit
}

.slogan-phrase {
  background-color: var(--blue);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: 0 var(--padding-x-mini) var(--padding-y-3xs)
}

.slogan-words {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start
}

.a-wrapper {
  background-color: var(--blue);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: 0 var(--padding-x-mini) var(--padding-y-3xs)
}

.slogan-words1 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  row-gap: var(--gap-xl)
}

.of {
  margin: 0;
  align-self: stretch;
  position: relative;
  font-size: inherit;
  line-height: 110%;
  font-weight: 500;
  font-family: inherit
}

.slogan-words2 {
  border-radius: var(--br-xl);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0 var(--padding-x-mini) var(--padding-y-3xs)
}

.slogan-words3 {
  border-radius: var(--br-xl);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: 0 var(--padding-x-mini) var(--padding-y-3xs)
}

.slogan-parts {
  flex: 1;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap;
  align-content: flex-start;
  gap: var(--gap-0);
  min-width: 27.0833vw;
  max-width: 41.6667vw
}

.our-platform-powered {
  margin: 0
}

.our-platform-powered-container {
  align-self: stretch;
  position: relative;
  line-height: 120%
}

.join-now {
  position: relative;
  font-size: var(--text-18-size);
  line-height: 120%;
  font-weight: 500;
  font-family: var(--text-18);
  color: var(--white);
  text-align: left
}

.arrow-right-icon {
  width: 1.25vw;
  position: relative;
  height: 2.2222vh;
  overflow: hidden;
  flex-shrink: 0
}

.button1:hover {
  filter: brightness(90%);
}

.button1 {
  cursor: pointer;
  border: none;
  padding: var(--padding-y-lg) var(--padding-x-xl);
  background-color: transparent;
  border-radius: var(--br-base);
  background: linear-gradient(90deg, var(--blue), #b42aff);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  gap: var(--gap-3xs);
  min-height: 5.5556vh
}

.description {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-y-xl) 0;
  box-sizing: border-box;
  gap: var(--gap-21xl);
  min-width: 10.6771vw;
  max-width: 16.4062vw;
  font-size: var(--text-18-size)
}

.slogan {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
  flex-wrap: wrap;
  align-content: flex-start;
  padding: 0 var(--padding-x-41xl);
  box-sizing: border-box;
  gap: var(--gap-0);
  max-width: 75vw
}

.hero-content-child {
  align-self: stretch;
  position: relative;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%
}

.hero-content {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: var(--gap-41xl)
}

.from-linguiffic {
  margin: 0;
  color: var(--dark)
}

.who-can-benefit-container {
  margin: 0;
  flex: 1;
  position: relative;
  font-size: inherit;
  line-height: 120%;
  font-weight: 500;
  font-family: inherit;
  display: inline-block;
  min-width: 21.9792vw;
  max-width: 33.8542vw
}

.our-ai-continuously-container {
  flex: 1;
  position: relative;
  font-size: var(--text-18-size);
  line-height: 120%;
  color: var(--dark);
  display: inline-block;
  min-width: 21.9792vw;
  max-width: 33.8542vw
}

.target-audience {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap;
  align-content: flex-start;
  gap: var(--gap-xl)
}

.why-do-users-container {
  margin: 0;
  align-self: stretch;
  position: relative;
  font-size: inherit;
  line-height: 120%;
  font-weight: 500;
  font-family: inherit
}

.ace-your-language {
  align-self: stretch;
  position: relative;
  font-size: var(--text-18-size);
  line-height: 120%
}

.students-parent {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-y-21xl) 0;
  box-sizing: border-box;
  gap: var(--gap-xl);
  min-width: 9.7917vw
}

.benefits-examples-child {
  align-self: stretch;
  width: 0.0521vw;
  position: relative;
  border-right: 0.0521vw solid var(--black);
  box-sizing: border-box
}

.benefits-examples {
  align-self: stretch;
  border-top: 0.0926vh solid var(--black);
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap;
  align-content: flex-start;
  padding: 0 var(--padding-x-mid) 0 var(--padding-x-xl);
  gap: var(--gap-xl);
  font-size: var(--h4-30px-1920-size);
  color: var(--dark)
}

.benefits-content {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: flex-start;
  padding: 0 var(--padding-x-41xl);
  box-sizing: border-box;
  gap: var(--gap-71xl);
  max-width: 75vw
}

.students {
  margin: 0;
  align-self: stretch;
  position: relative;
  font-size: inherit;
  line-height: 120%;
  font-weight: 500;
  font-family: inherit
}

.reasons-content {
  align-self: stretch;
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  gap: var(--gap-0);
  min-width: 21.9792vw;
  max-width: 33.8542vw
}

.pronunciation-feedback {
  margin: 0;
  position: relative;
  font-size: inherit;
  line-height: 120%;
  font-weight: 500;
  font-family: inherit
}

.feature-item {
  cursor: pointer;
  padding: var(--padding-y-base) var(--padding-x-lgi);
  background-color: var(--white);
  border-radius: var(--br-base);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  border-width: 0.0926vh 0.0521vw;
  border-style: solid;
  border-color: var(--dark)
}

.feature-item:hover {
  background-color: var(--color-gainsboro-100);
  box-sizing: border-box;
  border-width: 0.0926vh 0.0521vw;
  border-style: solid;
  border-color: var(--color-darkslategray)
}

.feature-item1 {
  border-radius: var(--br-base);
  background-color: var(--white);
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-y-base) var(--padding-x-lgi);
  border-width: 0.0926vh 0.0521vw;
  border-style: solid;
  border-color: var(--dark)
}

.feature-list {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap;
  align-content: flex-start;
  gap: var(--gap-3xs);
  font-size: var(--text-18-size)
}

.pronunciation-feedback-parent {
  align-self: stretch;
  border-radius: var(--br-xl);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-xl)
}

.separator {
  align-self: stretch;
  height: 0.0926vh;
  position: relative;
  border-top: 0.0926vh solid var(--dark);
  box-sizing: border-box
}

.reasons-content1 {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-21xl);
  min-width: 21.9792vw;
  font-size: var(--h4-30px-1920-size);
  color: var(--dark)
}

.reasons {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  align-content: center;
  padding: 0 var(--padding-x-41xl);
  box-sizing: border-box;
  gap: var(--gap-xl);
  max-width: 75vw
}

.arrow-right-icon1 {
  height: 2.2222vh;
  width: 1.25vw;
  position: relative;
  overflow: hidden;
  flex-shrink: 0
}

.button:hover {
  filter: brightness(90%);
}

.button {
  cursor: pointer;
  border: none;
  padding: var(--padding-y-lg) var(--padding-x-xl);
  background-color: transparent;
  border-radius: var(--br-base);
  background: linear-gradient(90deg, var(--blue), #b42aff);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  gap: var(--gap-3xs);
  min-height: 5.5556vh
}

.features {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: var(--gap-41xl);
  max-width: 75vw
}

.benefits {
  align-self: stretch;
  height: auto;
  background-color: var(--white);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  padding: var(--padding-y-91xl) 0;
  box-sizing: border-box;
  gap: var(--gap-181xl);
  margin-top: -0.0926vmin;
  position: relative;
  font-size: var(--h2-60px-1920-size);
  color: var(--blue)
}

.hero-child {
  align-self: stretch;
  position: relative;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
  margin-top: -0.0926vmin
}

.hero {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  text-align: left;
  font-size: var(--h1-90px-1920-size);
  color: var(--white);
  font-family: var(--text-18)
}

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

.steps {
  align-self: stretch;
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--gap-0);
  min-width: 21.9792vw;
  max-width: 33.8542vw
}

.step-1 {
  width: 3.125vw;
  position: relative;
  line-height: 120%;
  display: flex;
  align-items: center
}

.goal {
  align-self: stretch;
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-xl);
  min-width: 18.9583vw;
  font-size: var(--h4-30px-1920-size)
}

.step-1-parent {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-11xl)
}

.step1 {
  align-self: stretch;
  height: 0.0926vh;
  position: relative;
  border-top: 0.0926vh solid var(--white);
  box-sizing: border-box
}

.steps1 {
  align-self: stretch;
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-21xl);
  min-width: 21.9792vw;
  font-size: var(--text-18-size)
}

.a-community {
  color: var(--dark)
}

.language-learning-is-container {
  align-self: stretch;
  position: relative;
  font-size: var(--text-18-size);
  line-height: 120%;
  color: var(--dark)
}

.join-community {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-xl)
}

.community-block {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-11xl);
  min-width: 19.9479vw
}

.empty-community-icon {
  flex: 1;
  position: relative;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
  min-width: 19.9479vw
}

.community-container {
  align-self: stretch;
  border-radius: var(--br-11xl);
  background-color: var(--white);
  overflow: hidden;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  align-content: center;
  padding: var(--padding-y-41xl) var(--padding-x-41xl);
  gap: var(--gap-xl)
}

.community-container-wrapper {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  padding: 0 var(--padding-x-41xl);
  box-sizing: border-box;
  max-width: 75vw;
  color: var(--blue)
}

.process {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  padding: var(--padding-y-91xl) 0;
  gap: var(--gap-181xl);
  text-align: left;
  font-size: var(--h2-60px-1920-size);
  color: var(--white);
  font-family: var(--text-18)
}

.setup-wrapper {
  border-radius: var(--br-base);
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: var(--padding-y-lg) var(--padding-x-lgi);
  min-height: 5.5556vh;
  border-width: 0.0926vh 0.0521vw;
  border-style: solid;
  border-color: var(--white)
}

.frame-container {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap;
  align-content: flex-start;
  gap: var(--gap-3xs)
}

.kick-off-your {
  align-self: stretch;
  position: relative;
  line-height: 120%
}

.frame-wrapper {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  min-width: 21.9792vw;
  max-width: 33.8542vw;
  font-size: var(--text-18-size)
}

.start-now-parent {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap;
  align-content: flex-start;
  gap: var(--gap-xl);
  text-align: left;
  font-size: var(--h2-60px-1920-size);
  color: var(--white);
  font-family: var(--text-18)
}

.frame-child {
  align-self: stretch;
  position: relative;
  border-top: 0.0926vh solid var(--white);
  box-sizing: border-box;
  height: 0.0926vh
}

.techniques-links {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-21xl);
  min-width: 21.9792vw;
  max-width: 33.8542vw;
  font-size: var(--text-18-size)
}

.frame-parent {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0 var(--padding-x-41xl);
  box-sizing: border-box;
  gap: var(--gap-41xl);
  max-width: 75vw;
  text-align: left;
  font-size: var(--h2-60px-1920-size);
  color: var(--white);
  font-family: var(--text-18)
}

.polyglot-container {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start
}

.develop-fast-reading {
  width: 100%;
  position: relative;
  font-size: var(--text-18-size);
  line-height: 120%;
  color: var(--dark);
  display: inline-block;
  max-width: 31.25vw
}

.polyglot-content {
  align-self: stretch;
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-11xl);
  min-width: 21.9792vw;
  max-width: 33.8542vw
}

.polyglot-content-child {
  align-self: stretch;
  position: relative;
  border-top: 0.0926vh solid var(--dark);
  box-sizing: border-box;
  height: 0.0926vh
}

.polyglot-content-parent {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap;
  align-content: flex-start;
  padding: 0 var(--padding-x-41xl);
  box-sizing: border-box;
  gap: var(--gap-xl);
  max-width: 75vw
}

.your-plan {
  color: var(--blue)
}

.basic-wrapper {
  border-radius: var(--br-base);
  background-color: var(--white);
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: var(--padding-y-lg) var(--padding-x-lgi);
  min-height: 5.5556vh;
  border-width: 0.0926vh 0.0521vw;
  border-style: solid;
  border-color: var(--dark)
}

.month {
  position: relative;
  font-size: var(--h4-30px-1920-size);
  line-height: 120%;
  font-weight: 500;
  color: var(--blue)
}

.frame-div {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: var(--gap-xl)
}

.start-your-language-container {
  margin: 0;
  width: 100%;
  position: relative;
  font-size: var(--h4-30px-1920-size);
  line-height: 120%;
  font-weight: 500;
  font-family: inherit;
  display: inline-block
}

.frame-item {
  width: 100%;
  position: relative;
  border-top: 0.0926vh solid var(--dark);
  box-sizing: border-box;
  height: 0.0926vh
}

.adaptive-learning-features {
  width: 100%;
  position: relative;
  line-height: 120%;
  display: inline-block
}

.plan-details {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-xl);
  width: 100%;
}

.buy-now-parent:hover {
  filter: brightness(90%);
}

.buy-now-parent {
  cursor: pointer;
  border: none;
  padding: var(--padding-y-lg) var(--padding-x-xl);
  background-color: transparent;
  flex: 1;
  border-radius: var(--br-base);
  background: linear-gradient(90deg, var(--blue), #b42aff);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  gap: var(--gap-3xs);
  min-width: 5.8333vw;
  min-height: 5.5556vh
}

.read-more {
  flex: 1;
  position: relative;
  font-size: var(--text-18-size);
  line-height: 120%;
  font-weight: 500;
  font-family: var(--text-18);
  color: var(--dark);
  text-align: center
}

.read-more-wrapper {
  cursor: pointer;
  padding: var(--padding-y-lg) var(--padding-x-lgi);
  background-color: var(--white);
  flex: 1;
  border-radius: var(--br-base);
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  min-width: 5.8333vw;
  min-height: 5.5556vh;
  border-width: 0.0926vh 0.0521vw;
  border-style: solid;
  border-color: var(--dark)
}

.read-more-wrapper:hover {
  background-color: var(--color-gainsboro-100);
  box-sizing: border-box;
  border-width: 0.0926vh 0.0521vw;
  border-style: solid;
  border-color: var(--color-darkslategray)
}

.plan-buttons {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  align-content: center;
  gap: var(--gap-xl)
}

.plan-options {
  border-radius: var(--br-11xl);
  background-color: var(--white);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-y-9xl) var(--padding-x-10xl);
  gap: var(--gap-11xl);
  border-width: 0.0926vh 0.0521vw;
  border-style: solid;
  border-color: var(--black);
  margin: 0.2%;
}

.pro-wrapper {
  border-radius: var(--br-base);
  background-color: var(--dark);
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: var(--padding-y-lg) var(--padding-x-lgi);
  min-height: 5.5556vh;
  border-width: 0.0926vh 0.0521vw;
  border-style: solid;
  border-color: var(--dark)
}

.frame-parent2 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: var(--gap-xl);
  color: var(--white)
}

.elite-wrapper {
  border-radius: var(--br-base);
  background-color: var(--blue);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: var(--padding-y-lg) var(--padding-x-xl);
  box-sizing: border-box;
  min-height: 5.5556vh
}

.frame-parent5 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: var(--gap-xl);
  color: var(--white)
}

.plan-container {
  align-self: stretch;
  overflow-x: auto;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: var(--gap-xl);
  font-size: var(--text-18-size)
}

.choose-your-plan-parent {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0 var(--padding-x-41xl);
  box-sizing: border-box;
  gap: var(--gap-21xl);
  max-width: 75vw;
  color: var(--dark)
}

.polyglot-description {
  align-self: stretch;
  background-color: var(--white);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  padding: var(--padding-y-91xl) 0;
  gap: var(--gap-181xl);
  margin-top: -0.0926vmin;
  position: relative
}

.polyglot-container-parent {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  text-align: left;
  font-size: var(--h2-60px-1920-size);
  color: var(--blue);
  font-family: var(--text-18)
}

.dont-just-learn {
  margin: 0;
  flex: 1;
  position: relative;
  font-size: var(--h4-30px-1920-size);
  line-height: 120%;
  font-weight: 500;
  font-family: inherit;
  display: inline-block;
  min-width: 21.9792vw
}

.revolution-content {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap;
  align-content: flex-start;
  gap: var(--gap-xl);
  max-width: 68.75vw
}

.experience-the-future {
  margin: 0;
  align-self: stretch;
  flex: 1;
  position: relative;
  font-size: var(--h4-30px-1920-size);
  line-height: 120%;
  font-weight: 500;
  font-family: inherit;
  display: inline-block;
  min-width: 21.9792vw
}

.image-icon1 {
  height: 5.5556vh;
  width: 3.125vw;
  position: relative;
  border-radius: var(--br-base);
  object-fit: cover
}

.adventure-image-container {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 0.8333vmin 0.4688vmax
}

.div {
  position: relative;
  top: calc(50% - 1.11vh);
  line-height: 120%;
  font-weight: 500
}

.adventure-welcome {
  height: 5.5556vh;
  width: 3.125vw;
  position: relative;
  border-radius: var(--br-base);
  box-sizing: border-box;
  border-width: 0.0926vh 0.0521vw;
  border-style: solid;
  border-color: var(--white)
}

.adventure-image {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: var(--gap-3xs);
  text-align: center
}

.welcome-to-linguiffic {
  margin: 0;
  align-self: stretch;
  position: relative;
  font-size: var(--h4-30px-1920-size);
  line-height: 120%;
  font-weight: 500;
  font-family: inherit
}

.immersion-container {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  min-width: 21.9792vw;
  font-size: var(--text-18-size)
}

.revolution-container {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  padding: 0 var(--padding-x-41xl);
  box-sizing: border-box;
  gap: var(--gap-41xl);
  max-width: 75vw
}

.explore-cultural-insights {
  flex: 1;
  position: relative;
  font-size: var(--text-18-size);
  line-height: 120%;
  display: inline-block;
  min-width: 21.9792vw
}

.insights-container-child {
  align-self: stretch;
  width: 0.0521vw;
  position: relative;
  border-right: 0.0521vw solid var(--white);
  box-sizing: border-box
}

.insights-container {
  align-self: stretch;
  border-top: 0.0926vh solid var(--white);
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap;
  align-content: flex-start;
  padding: 0 var(--padding-x-mid) 0 var(--padding-x-xl);
  gap: var(--gap-xl);
  font-size: var(--h4-30px-1920-size)
}

.get-started-today {
  margin: 0;
  align-self: stretch;
  position: relative;
  font-size: var(--h2-60px-1920-size);
  line-height: 120%;
  font-weight: 500;
  font-family: var(--text-18);
  color: var(--white);
  text-align: left
}

.label {
  position: relative;
  font-size: var(--text-18-size);
  line-height: 120%;
  font-family: var(--text-18);
  color: var(--white);
  text-align: left
}

.label1 {
  width: 100%;
  border: none;
  outline: none;
  font-family: var(--text-18);
  font-size: var(--text-18-size);
  background-color: transparent;
  position: relative;
  line-height: 120%;
  color: var(--white);
  text-align: left;
  display: inline-block;
  min-width: 3.9583vw;
  padding: 0
}

.px {
  align-self: stretch;
  border-radius: var(--br-base);
  box-sizing: border-box;
  overflow: hidden;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding: var(--padding-y-lg) var(--padding-x-xl);
  min-width: 4.1667vw;
  min-height: 5.5556vh;
  border-width: 0.0926vh 0.0521vw;
  border-style: solid;
  border-color: var(--white)
}

.button-pair {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-3xs);
  min-width: 19.9479vw
}

.label3 {
  width: 100%;
  border: none;
  outline: none;
  font-family: var(--text-18);
  font-size: var(--text-18-size);
  background-color: transparent;
  position: relative;
  line-height: 120%;
  color: var(--white);
  text-align: left;
  display: inline-block;
  min-width: 2.7604vw;
  padding: 0
}

.legal-container {
  cursor: pointer;
  border: none;
  padding: var(--padding-y-lg) var(--padding-x-xl);
  background-color: var(--dark);
  border-radius: var(--br-base);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  gap: var(--gap-3xs);
  min-height: 5.5556vh
}

.legal-container:hover {
  background-color: var(--color-darkslategray)
}

.by-submitting-an {
  flex: 1;
  position: relative;
  font-size: var(--text-18-size);
  line-height: 120%;
  font-family: var(--text-18);
  color: var(--white);
  text-align: left;
  display: inline-block;
  min-width: 30.6771vw
}

.legal-container-parent {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  align-content: center;
  gap: var(--gap-11xl)
}

.action-container {
  margin: 0;
  width: 100%;
  border-radius: var(--br-11xl);
  background-color: var(--blue);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-y-41xl) var(--padding-x-41xl);
  box-sizing: border-box;
  gap: var(--gap-11xl);
  max-width: 68.75vw
}

.action-container-wrapper {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  padding: 0 var(--padding-x-41xl);
  box-sizing: border-box;
  max-width: 75vw
}

.navigation-links {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-xl);
  font-size: var(--text-18-size)
}

.navigation-columns {
  flex: 1;
  border-top: 0.0926vh solid var(--white);
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-y-39xl) 0 var(--padding-y-41xl);
  min-width: 10.6771vw;
  max-width: 16.4062vmax
}

.policy-parent {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-lg)
}

.navigation-columns1 {
  flex: 1;
  border-top: 0.0926vh solid var(--white);
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-y-39xl) 0 var(--padding-y-41xl);
  min-width: 10.6771vw;
  max-width: 16.4062vax
}

.footer-navigation {
  flex: 1;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-xl);
  min-width: 29.5312vw
}

.company-address {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-xl);
}

.company-details {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-xl);
  font-size: var(--text-18-size)
}

.company-info {
  flex: 1;
  border-top: 0.0926vh solid var(--white);
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-y-39xl) 0 var(--padding-y-41xl);
  min-width: 14.4792vw;
  max-width: 22.2396vw
}

.linguiffic-icon {
  height: 3vh;
  width: 8.2344vw;
  position: relative
}

.copyright-elements {
  width: 11.151vw;
  height: 3.463vh;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding: 0 0 0.1296vmin;
  box-sizing: border-box;
  gap: var(--gap-xl)
}

.copyright-container {
  height: 6.4815vh;
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  min-width: 10.6771vw;
  max-width: 16.4062vw
}

.linguifficio-wrapper {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  padding: var(--padding-y-xl) 0;
  box-sizing: border-box;
  min-width: 10.6771vw;
  max-width: 16.4062vw
}

.copyright-content {
  flex: 1;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: var(--gap-xl);
  min-width: 29.5312vw
}

.image-780-traced {
  height: 6.4815vh;
  width: 3.6458vw;
  position: relative;
  overflow: hidden;
  flex-shrink: 0
}

.icons-container {
  width: 22.2917vw;
  height: 6.4815vh;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: var(--gap-3xs)
}

.social-icons {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  min-width: 14.4792vw;
  max-width: 22.2396vw
}

.copyright-content-parent {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  align-content: center;
  padding: 0 var(--padding-x-41xl);
  box-sizing: border-box;
  gap: var(--gap-xl);
  max-width: 75vw;
  font-size: var(--text-18-size)
}

.footer {
  width: 77.0833vw;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  padding: 0 var(--padding-x-xl);
  box-sizing: border-box;
  gap: var(--gap-41xl);
  font-size: var(--h4-30px-1920-size)
}

.revolution-container-parent {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  padding: var(--padding-y-91xl) 0 0;
  box-sizing: border-box;
  gap: var(--gap-181xl);
  text-align: left;
  font-size: var(--h2-60px-1920-size);
  color: var(--white);
  font-family: var(--text-18)
}

.graph-homepage {
  width: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  padding: var(--padding-y-21xl) 0;
  box-sizing: border-box;
  gap: var(--gap-71xl);
  background: var(--dark) url(../public/noise.svg);
  position: relative;
  min-width: 75vw;
  max-width: 100vw;
  line-height: normal;
  letter-spacing: normal;
  text-align: left;
  font-size: var(--font-size-17xl);
  color: var(--white);
  font-family: var(--text-18);
}

@media screen and (max-width: 1450px) {
  .how-it-works {
    display: none;
  }

  .number {
    padding-left: var(--padding-x-11xl);
    padding-right: var(--padding-x-11xl);
    box-sizing: border-box;
    max-width: 100%
  }

  .slogan {
    padding-left: var(--padding-x-11xl);
    padding-right: var(--padding-x-11xl);
    box-sizing: border-box;
    max-width: 100%
  }

  .benefits-content {
    padding-left: var(--padding-x-11xl);
    padding-right: var(--padding-x-11xl);
    box-sizing: border-box;
    max-width: 100%
  }

  .reasons {
    padding-left: var(--padding-x-11xl);
    padding-right: var(--padding-x-11xl);
    box-sizing: border-box;
    max-width: 100%
  }

  .features {
    max-width: 100%;
  }

  .benefits {
    gap: var(--gap-81xl);
  }

  .community-container {
    padding-left: var(--padding-x-11xl);
    padding-right: var(--padding-x-11xl);
    box-sizing: border-box
  }

  .community-container-wrapper {
    padding-left: var(--padding-x-11xl);
    padding-right: var(--padding-x-11xl);
    box-sizing: border-box;
    max-width: 100%
  }

  .process {
    gap: var(--gap-81xl);
    padding-top: var(--padding-y-52xl);
    padding-bottom: var(--padding-y-52xl);
    box-sizing: border-box
  }

  .frame-parent {
    padding-left: var(--padding-x-11xl);
    padding-right: var(--padding-x-11xl);
    box-sizing: border-box;
    max-width: 100%
  }

  .polyglot-content-parent {
    padding-left: var(--padding-x-11xl);
    padding-right: var(--padding-x-11xl);
    box-sizing: border-box;
    max-width: 100%
  }

  .choose-your-plan-parent {
    padding-left: var(--padding-x-11xl);
    padding-right: var(--padding-x-11xl);
    box-sizing: border-box;
    max-width: 100%
  }

  .polyglot-description {
    gap: var(--gap-81xl);
  }

  .revolution-content {
    max-width: 100%;
  }

  .revolution-container {
    padding-left: var(--padding-x-11xl);
    padding-right: var(--padding-x-11xl);
    box-sizing: border-box;
    max-width: 100%
  }

  .action-container {
    padding-left: var(--padding-x-11xl);
    padding-right: var(--padding-x-11xl);
    box-sizing: border-box;
    max-width: 100%
  }

  .action-container-wrapper {
    padding-left: var(--padding-x-11xl);
    padding-right: var(--padding-x-11xl);
    box-sizing: border-box;
    max-width: 100%
  }

  .copyright-content-parent {
    padding-left: var(--padding-x-11xl);
    padding-right: var(--padding-x-11xl);
    box-sizing: border-box;
    max-width: 100%
  }

  .revolution-container-parent {
    gap: var(--gap-81xl);
    padding-top: var(--padding-y-27xl);
    box-sizing: border-box
  }
}

@media screen and (max-width: 1200px) {
  .hero-content {
    gap: var(--gap-11xl);
  }

  .benefits-examples-child {
    width: 5.2083vw;
    height: 0.0926vh;
    border-top: 0.0926vh solid var(--black);
    box-sizing: border-box
  }

  .benefits {
    height: auto;
  }

  .process {
    padding-top: var(--padding-y-27xl);
    padding-bottom: var(--padding-y-27xl);
    box-sizing: border-box
  }

  .insights-container-child {
    width: 5.2083vw;
    height: 0.0926vh;
    border-top: 0.0926vh solid var(--white);
    box-sizing: border-box
  }

  .by-submitting-an {
    min-width: 100%;
  }

  .revolution-container-parent {
    height: auto;
    padding-top: var(--padding-y-11xl);
    box-sizing: border-box
  }

  .graph-homepage {
    gap: var(--gap-26xl);
  }
}

@media screen and (max-width: 825px) {
  .auth {
    display: none
  }

  .menu {
    gap: var(--gap-xl)
  }

  .number {
    gap: var(--gap-xl)
  }

  .slogan-parts {
    max-width: 100%;
    min-width: 100%
  }

  .who-can-benefit-container {
    max-width: 100%;
    min-width: 100%
  }

  .our-ai-continuously-container {
    max-width: 100%;
    min-width: 100%
  }

  .benefits-content {
    gap: var(--gap-26xl);
  }

  .reasons-content {
    max-width: 100%;
    min-width: 100%
  }

  .reasons-content1 {
    gap: var(--gap-xl);
    min-width: 100%
  }

  .features {
    gap: var(--gap-11xl);
  }

  .benefits {
    gap: var(--gap-31xl);
  }

  .steps {
    max-width: 100%;
    min-width: 100%
  }

  .goal {
    min-width: 100%
  }

  .step-1-parent {
    flex-wrap: wrap
  }

  .steps1 {
    gap: var(--gap-xl);
    min-width: 100%
  }

  .community-block {
    min-width: 100%
  }

  .empty-community-icon {
    min-width: 100%
  }

  .community-container {
    padding-top: var(--padding-y-20xl);
    padding-bottom: var(--padding-y-20xl);
    box-sizing: border-box
  }

  .process {
    gap: var(--gap-31xl);
  }

  .frame-wrapper {
    gap: var(--gap-xl);
    max-width: 100%;
    min-width: 100%
  }

  .techniques-links {
    gap: var(--gap-xl);
    max-width: 100%;
    min-width: 100%
  }

  .frame-parent {
    gap: var(--gap-11xl);
  }

  .develop-fast-reading {
    max-width: 100%;
  }

  .polyglot-content {
    max-width: 100%;
    min-width: 100%
  }

  .choose-your-plan-parent {
    gap: var(--gap-xl);
  }

  .polyglot-description {
    gap: var(--gap-31xl);
  }

  .dont-just-learn {
    min-width: 100%
  }

  .experience-the-future {
    min-width: 100%
  }

  .immersion-container {
    gap: var(--gap-xl);
    min-width: 100%
  }

  .revolution-container {
    gap: var(--gap-11xl);
  }

  .explore-cultural-insights {
    min-width: 100%
  }

  .button-pair {
    min-width: 100%;
  }

  .action-container {
    gap: var(--gap-mini);
  }

  .footer-navigation {
    flex-wrap: wrap;
    min-width: 100%;
  }

  .copyright-content {
    flex-wrap: wrap;
    min-width: 100%;
  }

  .footer {
    gap: var(--gap-11xl);
  }

  .revolution-container-parent {
    gap: var(--gap-31xl);
  }

  .graph-homepage {
    gap: var(--gap-3xl);
  }
}

@media screen and (max-width: 450px) {
  .slogan-phrase {
    flex: 1
  }

  .slogan-words {
    flex-wrap: wrap
  }

  .slogan-words1 {
    flex-wrap: wrap
  }

  .description {
    gap: var(--gap-xl)
  }

  .why-do-users-container {
    font-size: var(--text-18-size);
    line-height: 2.037vh
  }

  .benefits-content {
    gap: var(--gap-3xl);
  }

  .pronunciation-feedback {
    font-size: var(--text-18-size);
    line-height: 2.037vh
  }

  .button {
    width: calc(100% - 8.9vw);
  }

  .benefits {
    gap: var(--gap-6xl);
  }

  .process {
    gap: var(--gap-6xl);
    padding-top: var(--padding-y-11xl);
    padding-bottom: var(--padding-y-11xl);
    box-sizing: border-box
  }

  .month {
    font-size: var(--text-18-size);
    line-height: 2.037vh
  }

  .frame-div {
    flex-wrap: wrap
  }

  .start-your-language-container {
    font-size: var(--text-18-size);
    line-height: 2.037vh
  }

  .plan-options {
    gap: var(--gap-mini);
  }

  .frame-parent5 {
    flex-wrap: wrap
  }

  .polyglot-description {
    gap: var(--gap-6xl)
  }

  .dont-just-learn {
    font-size: var(--text-18-size);
    line-height: 2.037vh
  }

  .experience-the-future {
    font-size: var(--text-18-size);
    line-height: 2.037vh
  }

  .adventure-image {
    flex-wrap: wrap
  }

  .welcome-to-linguiffic {
    font-size: var(--text-18-size);
    line-height: 2.037vh
  }

  .action-container {
    padding-top: var(--padding-y-20xl);
    padding-bottom: var(--padding-y-20xl);
    box-sizing: border-box
  }

  .navigation-columns {
    gap: var(--gap-6xl)
  }

  .company-details {
    flex-wrap: wrap
  }

  .company-info {
    max-width: 100%
  }

  .social-icons {
    max-width: 100%
  }

  .revolution-container-parent {
    gap: var(--gap-6xl);
    padding-top: var(--padding-y-xl);
    box-sizing: border-box
  }
}

@media (max-aspect-ratio: 1/1) {
  .benefits-examples {
    flex-direction: column;
  }
  .description {
    max-width: 100%;
    min-width: 100%;
  }
  .footer {
    max-width: 100%;
    min-width: 100%;
  }
  body, .graph-homepage {
    max-width: 100vw !important;
    min-width: 100vw !important;
    width: 100vw !important;
  }
  .benefits, .hero-content-child, .hero-child, .process, .polyglot-container-parent, .revolution-container, .frame-parent, .benefits-content, .navigation-columns, .copyright-container {
    display: none !important;
  }
  .company-info {
    width: 100%;
    min-width: 100%;
    max-width: 100%;
  }
}