.container {
  display: flex;
  justify-content: center;
  background: linear-gradient(220deg, #ecf8da, white 80%);
}
.landing-wip {
  position: relative;
  padding: 100px 65px;
  display: flex;
  flex-direction: column;
  gap: 60px;
  height: 100vh;
  width: 1400px;
}
.logo-simple {
  width: 150px;
  height: 51.85px;
  position: absolute;
  left: 0;
  top: 0;
}
.icon {
  width: 38.66%;
  height: 100%;
  position: absolute;
  right: 61.34%;
  left: 0%;
  bottom: 0%;
  top: 0%;
}
.down {
  height: auto;
  position: absolute;
  left: 0px;
  top: 2.84px;
  overflow: visible;
}
.up {
  height: auto;
  position: absolute;
  left: 0px;
  top: 0px;
  overflow: visible;
}
.text {
  width: 54.43%;
  height: 60.86%;
  position: absolute;
  right: 0%;
  left: 45.57%;
  bottom: 19.14%;
  top: 20%;
  overflow: visible;
}
.heading {
  display: flex;
  flex-direction: column;
  gap: 20px;
  align-items: flex-start;
  justify-content: flex-end;
}
.heading2 {
  color: var(--neutral-colors-800, #19213d);
  text-align: left;
  font-family: "REM", sans-serif;
  font-size: 72px;
  line-height: 80px;
  font-weight: 600;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  max-width: 700px;
}
.subheading {
  color: var(--neutral-colors-600, #6d758f);
  text-align: left;
  font-family: "REM", sans-serif;
  font-size: 24px;
  line-height: 49px;
  font-weight: 300;
  position: relative;
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
}
.blur-bg {
  opacity: 0.800000011920929;
  width: 101.65%;
  height: 142.95%;
  position: absolute;
  right: -153.31%;
  left: 151.65%;
  bottom: -117.35%;
  top: 74.4%;
  transform-origin: 0 0;
  transform: rotate(-180deg) scale(1, 1);
}
.blur-colors {
  position: absolute;
  inset: 0;
}
.ellipse-457 {
  background: #84cc16;
  border-radius: 50%;
  width: 36.91%;
  height: 36.91%;
  position: absolute;
  right: 44.18%;
  left: 18.92%;
  bottom: 39.88%;
  top: 23.21%;
  transform-origin: 0 0;
  transform: rotate(0deg) scale(1, 1);
}
.ellipse-458 {
  background: #65a30d;
  border-radius: 50%;
  width: 36.91%;
  height: 36.91%;
  position: absolute;
  right: 18.91%;
  left: 44.18%;
  bottom: 39.88%;
  top: 23.21%;
  transform-origin: 0 0;
  transform: rotate(0deg) scale(1, 1);
}
.ellipse-459 {
  background: #84cc16;
  border-radius: 50%;
  width: 36.91%;
  height: 36.91%;
  position: absolute;
  right: 31.96%;
  left: 31.13%;
  bottom: 23.21%;
  top: 39.88%;
  transform-origin: 0 0;
  transform: rotate(0deg) scale(1, 1);
}
.blur {
  background: rgba(255, 255, 255, 0.8);
  border-radius: 50%;
  width: 96.23%;
  height: 96.23%;
  position: absolute;
  right: 1.88%;
  left: 1.88%;
  bottom: 1.88%;
  top: 1.88%;
  transform-origin: 0 0;
  transform: rotate(0deg) scale(1, 1);
  backdrop-filter: blur(156.61px);
}
.version-badge {
  background: var(--neutral-colors-100, #ffffff);
  border-radius: 50px;
  padding: 12px 16px;
  box-shadow: var(
    --primary-color-shadow-04-box-shadow,
    0px 4px 14px 0px rgba(78, 159, 255, 0.12)
  );
  overflow: hidden;
}
.subheading2 {
  color: var(--neutral-colors-800, #19213d);
  text-align: center;
  font-family: "REM", sans-serif;
  font-size: 20px;
  line-height: 28px;
  font-weight: 400;
  position: relative;
}
.frame-1 {
  display: flex;
  flex-direction: row;
  gap: 14px;
  align-items: center;
  justify-content: flex-start;
}
.subheading3 {
  color: var(--neutral-colors-600, #6d758f);
  text-align: left;
  font-family: "REM", sans-serif;
  font-size: 18px;
  line-height: 49px;
  font-weight: 300;
  position: relative;
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
}
.x-social-media-logo-1 {
  flex-shrink: 0;
  width: 36px;
  height: 36px;
  position: relative;
  overflow: visible;
}
.linkedin-square-icon-1 {
  flex-shrink: 0;
  width: 36px;
  height: 36px;
  position: relative;
  overflow: visible;
}
.header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

@media screen and (max-width: 700px) {
  .header {
    gap: 60px;
    flex-direction: column;
  }
  .version-badge {
    align-self: start;
  }
  .heading2 {
    font-size: 40px;
    line-height: 48px;
  }
  .subheading {
    font-size: 20px;
    line-height: 24px;
  }
  .landing-wip {
    padding: 80px 40px;
  }
}