/* Common */

.about-page {
  margin-top: 40px;

  font-size: 15px;
  line-height: 1.6;
  letter-spacing: -0.29px;
  color: #4a5565;
}

.about-section {
  margin-bottom: 96px;
}

.about-section__title {
  font-size: 24px;
  font-weight: 400;
  line-height: 1.333;
  letter-spacing: 0.4px;

  color: #101828;
}

@media screen and (min-width: 768px) {
  .about-page {
    margin-top: 60px;

    font-size: 16px;
    line-height: 1.625;
    letter-spacing: -0.312px;
  }

  .about-section {
    margin-bottom: 112px;
  }

  .about-section__title {
    font-size: 27px;
    font-weight: 400;
    line-height: 1.222;
    letter-spacing: 0.4px;
  }
}

@media screen and (min-width: 1280px) {
  .about-page {
    margin-top: calc(80px + (100) * calc((100vw - 1280px) / (2560 - 1280)));

    font-size: calc(16px + (24 - 16) * calc((100vw - 1280px) / (2560 - 1280)));
    line-height: 1.625;
    letter-spacing: -0.312px;
  }

  .about-page__container {
    padding-left: calc(
      70px + (400 - 70) * calc((100vw - 1280px) / (2560 - 1280))
    );
    padding-right: calc(
      70px + (400 - 70) * calc((100vw - 1280px) / (2560 - 1280))
    );
  }

  .about-section {
    margin-bottom: 128px;
  }

  .about-section__title {
    font-size: calc(30px + (40 - 30) * calc((100vw - 1280px) / (2560 - 1280)));
  }
}

@media screen and (min-width: 1920px) {
  .about-page {
    line-height: 1.5;
  }

  .about-section {
    margin-bottom: 134px;
  }
}

@media screen and (min-width: 2560px) {
  .about-page {
    margin-top: calc((100 / 2560) * 100vw);
    font-size: calc((24 / 2560) * 100vw);
    line-height: 1.42;
  }

  .about-page__container {
    padding-left: calc((400 / 2560) * 100vw);
    padding-right: calc((400 / 2560) * 100vw);
  }

  .about-section {
    margin-bottom: calc((140 / 2560) * 100vw);
  }

  .about-section__title {
    font-size: calc((40 / 2560) * 100vw);
    line-height: 1.15;
  }
}

/* About hero */

.about-hero__title {
  margin-bottom: 16px;

  font-size: 32px;
  font-weight: 400;
  line-height: 1.25;
  letter-spacing: 0.35px;
  text-align: center;

  color: #101828;
}

.about-hero__description {
  margin-bottom: 24px;

  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.31px;
  text-align: center;
}

.about-hero__list {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
}

.about-hero__item {
  padding: 8px 16px;

  font-size: 14px;
  line-height: 1.429;
  text-align: center;

  border-radius: 40px;
  border: 1px solid #dbeafe;
  color: #364153;
  background: linear-gradient(180deg, #eff6ff 0%, #fdf2f8 100%);
}

@media screen and (min-width: 768px) {
  .about-hero__title {
    margin-bottom: 20px;

    font-size: 40px;
    line-height: 1;
    letter-spacing: 0.352px;
  }

  .about-hero__description {
    margin-bottom: 28px;

    font-size: 18px;
    line-height: 1.625;
    letter-spacing: -0.439px;
  }

  .about-hero__description--block {
    display: block;
  }

  .about-hero__list {
    flex-direction: row;
    justify-content: center;
    gap: 16px;
  }

  .about-hero__item {
    padding: 10px 26px;
    background: linear-gradient(90deg, #eff6ff 0%, #fdf2f8 100%);
  }
}

@media screen and (min-width: 1280px) {
  .about-hero__title {
    margin-bottom: calc(
      24px + (36 - 24) * calc((100vw - 1280px) / (2560 - 1280))
    );
    font-size: calc(48px + (56 - 48) * calc((100vw - 1280px) / (2560 - 1280)));
  }

  .about-hero__description {
    margin-bottom: calc(
      32px + (44 - 32) * calc((100vw - 1280px) / (2560 - 1280))
    );
    font-size: calc(18px + (26 - 18) * calc((100vw - 1280px) / (2560 - 1280)));
  }

  .about-hero__list {
    gap: calc(16px + (28 - 16) * calc((100vw - 1280px) / (2560 - 1280)));
  }

  .about-hero__item {
    padding-top: calc(
      13px + (20 - 13) * calc((100vw - 1280px) / (2560 - 1280))
    );
    padding-bottom: calc(
      13px + (20 - 13) * calc((100vw - 1280px) / (2560 - 1280))
    );
    padding-left: calc(
      30px + (40 - 30) * calc((100vw - 1280px) / (2560 - 1280))
    );
    padding-right: calc(
      30px + (40 - 30) * calc((100vw - 1280px) / (2560 - 1280))
    );
    font-size: calc(14px + (22 - 14) * calc((100vw - 1280px) / (2560 - 1280)));
    line-height: 1;
  }
}

@media screen and (min-width: 1920px) {
  .about-hero__description {
    line-height: 1.43;
  }
}

@media screen and (min-width: 2560px) {
  .about-hero__title {
    margin-bottom: calc((36 / 2560) * 100vw);
    font-size: calc((56 / 2560) * 100vw);
  }

  .about-hero__description {
    margin-bottom: calc((44 / 2560) * 100vw);
    font-size: calc((26 / 2560) * 100vw);
  }

  .about-hero__list {
    gap: calc((28 / 2560) * 100vw);
  }

  .about-hero__item {
    padding-top: calc((20 / 2560) * 100vw);
    margin-bottom: calc((20 / 2560) * 100vw);
    padding-left: calc((40 / 2560) * 100vw);
    padding-right: calc((40 / 2560) * 100vw);
    font-size: calc((22 / 2560) * 100vw);
  }
}

/* About Story */

.about-story {
  display: flex;
  flex-direction: column;
  gap: 21px;
}

.about-story__media {
  flex-shrink: 0;
}

.about-story__image-wrapper {
  margin-left: auto;
  margin-right: auto;
  max-width: 300px;
  width: 100%;
  height: auto;
  border-radius: 50%;
  overflow: hidden;
}

.about-story__image {
  display: block;
  width: 100%;
  height: 100%;
}

.about-story__content {
  max-width: 650px;
  margin-left: auto;
  margin-right: auto;
}

.about-story__title {
  margin-bottom: 21px;
  text-align: center;
}

.about-story__text {
  margin-bottom: 21px;
  text-align: center;
}

.about-story__paragraph:not(:last-child) {
  margin-bottom: 16px;
}

.about-story__author {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.429;
  letter-spacing: -0.15px;

  color: #6a7282;

  text-align: center;
}

@media screen and (min-width: 768px) {
  .about-story__image-wrapper {
    max-width: none;
    width: 350px;
    height: 350px;
  }
}

@media screen and (min-width: 1280px) {
  .about-story {
    flex-direction: row;
    align-items: center;
    gap: calc(64px + (92 - 64) * calc((100vw - 1280px) / (2560 - 1280)));
  }

  .about-story > div {
    flex-basis: calc(
      (100% - calc(64px + (92 - 64) * calc((100vw - 1280px) / (2560 - 1280)))) /
        2
    );
  }

  .about-story__image-wrapper {
    width: calc(350px + (500 - 350) * calc((100vw - 1280px) / (2560 - 1280)));
    height: calc(350px + (500 - 350) * calc((100vw - 1280px) / (2560 - 1280)));
  }

  .about-story__content {
    max-width: none;
    margin-left: 0;
  }

  .about-story__title {
    margin-bottom: calc(
      21px + (34 - 21) * calc((100vw - 1280px) / (2560 - 1280))
    );
    text-align: left;
  }

  .about-story__text {
    margin-bottom: calc(
      14px + (26 - 14) * calc((100vw - 1280px) / (2560 - 1280))
    );
    text-align: left;
  }

  .about-story__paragraph:not(:last-child) {
    margin-bottom: 0px;
  }

  .about-story__author {
    font-size: calc(14px + (22 - 14) * calc((100vw - 1280px) / (2560 - 1280)));
    text-align: left;
  }
}

@media screen and (min-width: 1920px) {
}

@media screen and (min-width: 2560px) {
  .about-story {
    gap: calc((92 / 2560) * 100vw);
  }

  .about-story > div {
    flex-basis: calc((100% - calc((92 / 2560) * 100vw)) / 2);
  }

  .about-story__image-wrapper {
    width: calc((500 / 2560) * 100vw);
    height: calc((500 / 2560) * 100vw);
  }

  .about-story__title {
    margin-bottom: calc((34 / 2560) * 100vw);
  }

  .about-story__text {
    margin-bottom: calc((26 / 2560) * 100vw);
  }

  .about-story__author {
    font-size: calc((22 / 2560) * 100vw);
  }
}

/* About difference */

.about-difference__title {
  margin-bottom: 14px;

  text-align: center;
}

.about-difference__description {
  margin-bottom: 32px;

  text-align: center;
}

.about-difference__list {
  display: flex;
  flex-direction: column;

  gap: 16px;
}

.about-difference__item {
  flex-basis: 100%;
  padding: 24px;

  border-radius: 16px;
  border: 1px solid #e5e7eb;
  background: #fff;
  box-shadow:
    0 1px 3px 0 rgba(0, 0, 0, 0.1),
    0 1px 2px 0 rgba(0, 0, 0, 0.1);
}

.about-difference__media {
  margin-bottom: 16px;

  display: flex;
  align-items: center;
  justify-content: center;

  width: 44px;
  height: 44px;

  border-radius: 14px;
}

.about-difference__media--blue {
  background: linear-gradient(135deg, #eff6ff 0%, #dbeafe 100%);
}

.about-difference__media--pink {
  background: linear-gradient(135deg, #fdf2f8 0%, #fce7f3 100%);
}

.about-difference__media--purple {
  background: linear-gradient(135deg, #faf5ff 0%, #f3e8ff 100%);
}

.about-difference__media--indigo {
  background: linear-gradient(135deg, #eef2ff 0%, #e0e7ff 100%);
}

.about-difference__item-title {
  margin-bottom: 8px;

  font-size: 18px;
  font-weight: 400;
  line-height: 1.444;
  letter-spacing: -0.42px;

  color: #101828;
}

@media screen and (min-width: 768px) {
  .about-difference__title {
    margin-bottom: 16px;
  }

  .about-difference__description {
    margin-bottom: 40px;
  }

  .about-difference__list {
    flex-direction: row;
    flex-wrap: wrap;
    align-items: stretch;

    gap: 24px;
  }

  .about-difference__item {
    flex-basis: calc((100% - 24px) / 2);
    padding: 28px;
  }

  .about-difference__media {
    width: 46px;
    height: 46px;
  }

  .about-difference__item-title {
    margin-bottom: 10px;

    font-size: 19px;
  }
}

@media screen and (min-width: 1280px) {
  .about-difference__title {
    margin-bottom: calc(
      16px + (28 - 16) * calc((100vw - 1280px) / (2560 - 1280))
    );
  }

  .about-difference__description {
    margin-bottom: calc(
      48px + (60 - 48) * calc((100vw - 1280px) / (2560 - 1280))
    );
  }

  .about-difference__list {
    gap: calc(24px + (40 - 24) * calc((100vw - 1280px) / (2560 - 1280)));
  }

  .about-difference__item {
    flex-basis: calc(
      (100% - calc(24px + (40 - 24) * calc((100vw - 1280px) / (2560 - 1280)))) /
        2
    );
    padding: calc(32px + (40 - 32) * calc((100vw - 1280px) / (2560 - 1280)));
    box-shadow:
      0 1px 3px 0 rgba(0, 0, 0, 0.1),
      0 1px 2px -1px rgba(0, 0, 0, 0.1);
  }

  .about-difference__media {
    margin-bottom: calc(
      16px + (24 - 16) * calc((100vw - 1280px) / (2560 - 1280))
    );

    width: calc(48px + (60 - 48) * calc((100vw - 1280px) / (2560 - 1280)));
    height: calc(48px + (60 - 48) * calc((100vw - 1280px) / (2560 - 1280)));
  }

  .about-difference__icon {
    width: calc(
      24px + (36 - 24) * calc((100vw - 1280px) / (2560 - 1280))
    ) !important;
    height: calc(
      24px + (36 - 24) * calc((100vw - 1280px) / (2560 - 1280))
    ) !important;
  }

  .about-difference__item-title {
    margin-bottom: calc(
      12px + (20 - 12) * calc((100vw - 1280px) / (2560 - 1280))
    );

    font-size: calc(20px + (28 - 20) * calc((100vw - 1280px) / (2560 - 1280)));
    line-height: 1.4;
    letter-spacing: -0.449px;
  }
}

@media screen and (min-width: 1920px) {
  .about-difference__item-title {
    line-height: 1.333;
  }
}

@media screen and (min-width: 2560px) {
  .about-difference__title {
    margin-bottom: calc((26 / 2560) * 100vw);
  }

  .about-difference__description {
    margin-bottom: calc((60 / 2560) * 100vw);
  }

  .about-difference__list {
    gap: calc((40 / 2560) * 100vw);
  }

  .about-difference__item {
    flex-basis: calc((100% - calc((40 / 2560) * 100vw)) / 2);
    padding: calc((40 / 2560) * 100vw);
  }

  .about-difference__media {
    margin-bottom: calc((24 / 2560) * 100vw);
    width: calc((60 / 2560) * 100vw);
    height: calc((60 / 2560) * 100vw);
  }

  .about-difference__icon {
    width: calc((36 / 2560) * 100vw) !important;
    height: calc((36 / 2560) * 100vw) !important;
  }

  .about-difference__item-title {
    margin-bottom: calc((20 / 2560) * 100vw);
    font-size: calc((28 / 2560) * 100vw);
    line-height: 1.286;
  }
}

/* About process */

.about-process__title {
  margin-bottom: 32px;

  text-align: center;
}

.about-process__content {
  margin-bottom: 50px;
}

.about-process__list {
  display: flex;
  flex-direction: column;

  gap: 24px;
}

.about-process__item {
  display: flex;
  align-items: flex-start;
  gap: 16px;
}

.about-process__step {
  width: 36px;
  height: 36px;

  display: flex;
  align-items: center;
  justify-content: center;

  border-radius: 50%;

  flex-shrink: 0;

  font-size: 15px;
  font-weight: 700;
  line-height: 1.467;
  text-align: center;
  letter-spacing: -0.29px;
}

.about-process__step--blue {
  color: #1447e6;
  background: linear-gradient(135deg, #dbeafe 0%, #bedbff 100%);
}

.about-process__step--pink {
  color: #c6005c;
  background: linear-gradient(135deg, #fce7f3 0%, #fccee8 100%);
}

.about-process__step--purple {
  color: #8200db;
  background: linear-gradient(135deg, #f3e8ff 0%, #e9d4ff 100%);
}

.about-process__step--indigo {
  color: #432dd7;
  background: linear-gradient(135deg, #e0e7ff 0%, #c6d2ff 100%);
}

.about-process__item-title {
  margin-bottom: 4px;

  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: -0.42px;

  color: #101828;
}

.about-process__image-wrapper {
  max-width: 410px;
  width: 100%;
  height: auto;
  margin-left: auto;
  margin-right: auto;
}

.about-process__image {
  display: block;
  width: 100%;
  height: 100%;
}

@media screen and (min-width: 768px) {
  .about-process__title {
    margin-bottom: 40px;
  }

  .about-process__item {
    display: flex;
    align-items: flex-start;
    gap: 16px;
  }

  .about-process__step {
    width: 38px;
    height: 38px;
  }

  .about-process__item-title {
    margin-bottom: 6px;

    font-size: 17px;
  }

  .about-process__image-wrapper {
    max-width: 540px;
  }
}

@media screen and (min-width: 1280px) {
  .about-process__layout {
    display: flex;
    align-items: flex-start;
    gap: calc(64px + (92 - 64) * calc((100vw - 1280px) / (2560 - 1280)));
  }

  .about-process__layout > div {
    flex-basis: calc(
      (100% - calc(64px + (92 - 64) * calc((100vw - 1280px) / (2560 - 1280)))) /
        2
    );
  }

  .about-process__title {
    margin-bottom: calc(
      48px + (56 - 48) * calc((100vw - 1280px) / (2560 - 1280))
    );
  }

  .about-process__content {
    margin-bottom: 0px;
  }

  .about-process__list {
    gap: calc(24px + (40 - 24) * calc((100vw - 1280px) / (2560 - 1280)));
  }

  .about-process__item {
    gap: calc(16px + (28 - 16) * calc((100vw - 1280px) / (2560 - 1280)));
  }

  .about-process__step {
    width: calc(40px + (52 - 40) * calc((100vw - 1280px) / (2560 - 1280)));
    height: calc(40px + (52 - 40) * calc((100vw - 1280px) / (2560 - 1280)));

    font-size: calc(16px + (24 - 16) * calc((100vw - 1280px) / (2560 - 1280)));
    line-height: 1.5;
  }

  .about-process__item-title {
    margin-bottom: calc(
      8px + (16 - 8) * calc((100vw - 1280px) / (2560 - 1280))
    );

    font-size: calc(18px + (26 - 18) * calc((100vw - 1280px) / (2560 - 1280)));
    line-height: 1.556;
    letter-spacing: -0.439px;
  }

  .about-process__image-wrapper {
    max-width: none;
    margin-left: 0;
  }
}

@media screen and (min-width: 1920px) {
  .about-process__step {
    line-height: 1.4;
  }

  .about-process__item-title {
    line-height: 1.417;
  }
}

@media screen and (min-width: 2560px) {
  .about-process__layout {
    gap: calc((92 / 2560) * 100vw);
  }

  .about-process__layout > div {
    flex-basis: calc((100% - calc((92 / 2560) * 100vw)) / 2);
  }

  .about-process__title {
    margin-bottom: calc((56 / 2560) * 100vw);
  }

  .about-process__list {
    gap: calc((40 / 2560) * 100vw);
  }

  .about-process__item {
    gap: calc((28 / 2560) * 100vw);
  }

  .about-process__step {
    width: calc((52 / 2560) * 100vw);
    height: calc((52 / 2560) * 100vw);

    font-size: calc((24 / 2560) * 100vw);
    line-height: 1.333;
  }

  .about-process__item-title {
    margin-bottom: calc((16 / 2560) * 100vw);
    font-size: calc((26 / 2560) * 100vw);
    line-height: 1.385;
  }
}

/* About benefits */

.about-benefits__title {
  margin-bottom: 32px;

  text-align: center;
}

.about-benefits__list {
  max-width: 832px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.about-benefits__item {
  position: relative;
  padding-left: 18px;

  color: #364153;
}

.about-benefits__item::before {
  content: "";
  position: absolute;
  left: 0;
  top: calc(0.8em - 3px);

  width: 6px;
  height: 6px;

  border-radius: 50%;
}

.about-benefits__item:nth-child(4n + 1)::before {
  background: #51a2ff;
}

.about-benefits__item:nth-child(4n + 2)::before {
  background: #fb64b6;
}

.about-benefits__item:nth-child(4n + 3)::before {
  background: #c27aff;
}

.about-benefits__item:nth-child(4n)::before {
  background: #7c86ff;
}

@media screen and (min-width: 768px) {
  .about-benefits__title {
    margin-bottom: 40px;
  }

  .about-benefits__list {
    display: flex;
    flex-wrap: wrap;
    column-gap: 64px;
    row-gap: 24px;
  }

  .about-benefits__item {
    flex-basis: calc((100% - 64px) / 2);
  }
}

@media screen and (min-width: 1280px) {
  .about-benefits__title {
    margin-bottom: calc(
      48px + (56 - 48) * calc((100vw - 1280px) / (2560 - 1280))
    );
  }

  .about-benefits__list {
    max-width: none;
    width: calc(832px + (1200 - 832) * calc((100vw - 1280px) / (2560 - 1280)));
    column-gap: calc(64px + (92 - 64) * calc((100vw - 1280px) / (2560 - 1280)));
    row-gap: calc(24px + (40 - 24) * calc((100vw - 1280px) / (2560 - 1280)));
  }

  .about-benefits__item {
    padding-left: calc(
      18px + (22 - 18) * calc((100vw - 1280px) / (2560 - 1280))
    );
    flex-basis: calc(
      (100% - calc(64px + (92 - 64) * calc((100vw - 1280px) / (2560 - 1280)))) /
        2
    );
  }

  .about-benefits__item::before {
    top: calc(0.7em - 3px);

    width: calc(6px + (10 - 6) * calc((100vw - 1280px) / (2560 - 1280)));
    height: calc(6px + (10 - 6) * calc((100vw - 1280px) / (2560 - 1280)));
  }
}

@media screen and (min-width: 2560px) {
  .about-benefits__title {
    margin-bottom: calc((56 / 2560) * 100vw);
  }

  .about-benefits__list {
    width: calc((1200 / 2560) * 100vw);
    column-gap: calc((92 / 2560) * 100vw);
    row-gap: calc((40 / 2560) * 100vw);
  }

  .about-benefits__item {
    padding-left: calc((22 / 2560) * 100vw);
    flex-basis: calc((100% - calc((92 / 2560) * 100vw)) / 2);
  }
}

/* About trust */

.about-trust__title {
  margin-bottom: 32px;

  text-align: center;
}

.about-trust__item:not(:last-child) {
  margin-bottom: 16px;
}

.about-trust__item {
  padding: 24px;

  border-radius: 16px;
  border: 1px solid #e5e7eb;
  background: #fff;
  box-shadow:
    0 1px 3px 0 rgba(0, 0, 0, 0.1),
    0 1px 2px 0 rgba(0, 0, 0, 0.1);
}

.about-trust__item-title {
  margin-bottom: 8px;

  font-size: 18px;
  font-weight: 400;
  line-height: 1.444;
  letter-spacing: -0.42px;

  color: #101828;
}

@media screen and (min-width: 768px) {
  .about-trust__title {
    margin-bottom: 40px;
  }

  .about-trust__item {
    padding: 28px;
  }

  .about-trust__item-title {
    margin-bottom: 10px;

    font-size: 19px;
  }
}

@media screen and (min-width: 1280px) {
  .about-trust__title {
    margin-bottom: calc(
      48px + (56 - 48) * calc((100vw - 1280px) / (2560 - 1280))
    );
  }

  .about-trust__item:not(:last-child) {
    margin-bottom: calc(
      16px + (32 - 16) * calc((100vw - 1280px) / (2560 - 1280))
    );
  }

  .about-trust__item {
    padding: calc(32px + (40 - 32) * calc((100vw - 1280px) / (2560 - 1280)));
    border-radius: 16px;
  }

  .about-trust__item-title {
    margin-bottom: calc(
      12px + (20 - 12) * calc((100vw - 1280px) / (2560 - 1280))
    );

    font-size: calc(20px + (28 - 20) * calc((100vw - 1280px) / (2560 - 1280)));
    line-height: 1.4;
    letter-spacing: -0.449px;
  }
}

@media screen and (min-width: 1920px) {
  .about-trust__item-title {
    line-height: 1.333;
  }
}

@media screen and (min-width: 2560px) {
  .about-trust__title {
    margin-bottom: calc((56 / 2560) * 100vw);
  }

  .about-trust__item:not(:last-child) {
    margin-bottom: calc((32 / 2560) * 100vw);
  }

  .about-trust__item {
    padding: calc((40 / 2560) * 100vw);
  }

  .about-trust__item-title {
    margin-bottom: calc((20 / 2560) * 100vw);
    font-size: calc((28 / 2560) * 100vw);
    line-height: 1.286;
  }
}

/* About founder notes */

.about-founder-note__title {
  margin-bottom: 24px;

  text-align: center;
}

.about-founder-note__text {
  max-width: 672px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  font-style: italic;
}

@media screen and (min-width: 768px) {
  .about-founder-note__title {
    margin-bottom: 28px;
  }
}

@media screen and (min-width: 1280px) {
  .about-founder-note__title {
    margin-bottom: calc(
      32px + (40 - 32) * calc((100vw - 1280px) / (2560 - 1280))
    );
  }

  .about-founder-note__text {
    max-width: none;
    width: calc(672px + (1008 - 672) * calc((100vw - 1280px) / (2560 - 1280)));
  }
}

@media screen and (min-width: 2560px) {
  .about-founder-note__title {
    margin-bottom: calc((40 / 2560) * 100vw);
  }

  .about-founder-note__text {
    width: calc((1008 / 2560) * 100vw);
  }
}

/* FAQ */

.about-faq__title {
  margin-bottom: 32px;

  text-align: center;
}

.about-faq__list {
  max-width: 768px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.about-faq__item:not(:last-child) {
  margin-bottom: 12px;
}

.about-faq__item {
  padding: 20px 24px;

  border-radius: 14px;
  border: 1px solid #e5e7eb;
  background: #fff;
  box-shadow:
    0 1px 3px 0 rgba(0, 0, 0, 0.1),
    0 1px 2px -1px rgba(0, 0, 0, 0.1);
}

.about-faq__trigger {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  gap: 10px;

  border: none;
  padding: 0;
  margin: 0;
  background-color: transparent;
  cursor: pointer;
  text-align: left;
  color: currentColor;
}

.about-faq__question {
  font-size: 15px;
  font-weight: 400;
  line-height: 1.467;
  text-align: left;
  letter-spacing: -0.29px;
  color: #101828;
}

.about-faq__icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform 0.25s ease;
}

.about-faq__icon > svg {
  width: 12px;
  height: 7px;
}

.about-faq__trigger[aria-expanded="true"] .about-faq__icon {
  transform: rotate(-180deg);
}

.about-faq__panel[hidden] {
  display: none;
}

.about-faq__panel {
  display: block;
}

.about-faq__answer {
  margin-top: 20px;

  color: #4a5565;

  opacity: 0;
  transform: translateY(-10px);
  animation: faq-answer-enter 250ms cubic-bezier(0.22, 1, 0.36, 1) forwards;
}

@keyframes faq-answer-enter {
  from {
    opacity: 0;
    transform: translateY(-10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@media screen and (min-width: 768px) {
  .about-faq__title {
    margin-bottom: 40px;
  }

  .about-faq__question {
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: -0.312px;
  }
}

@media screen and (min-width: 1280px) {
  .about-faq__title {
    margin-bottom: calc(
      48px + (56 - 48) * calc((100vw - 1280px) / (2560 - 1280))
    );
  }

  .about-faq__list {
    max-width: none;
    width: calc(768px + (1152 - 768) * calc((100vw - 1280px) / (2560 - 1280)));
    margin-left: auto;
    margin-right: auto;
  }

  .about-faq__item:not(:last-child) {
    margin-bottom: calc(
      12px + (28 - 12) * calc((100vw - 1280px) / (2560 - 1280))
    );
  }

  .about-faq__item {
    padding-top: calc(
      20px + (36 - 20) * calc((100vw - 1280px) / (2560 - 1280))
    );
    padding-bottom: calc(
      20px + (36 - 20) * calc((100vw - 1280px) / (2560 - 1280))
    );
    padding-left: calc(
      24px + (40 - 24) * calc((100vw - 1280px) / (2560 - 1280))
    );
    padding-right: calc(
      24px + (40 - 24) * calc((100vw - 1280px) / (2560 - 1280))
    );

    box-shadow:
      0 1px 3px 0 rgba(0, 0, 0, 0.1),
      0 1px 2px -1px rgba(0, 0, 0, 0.1);
  }

  .about-faq__question {
    font-size: calc(16px + (24 - 16) * calc((100vw - 1280px) / (2560 - 1280)));
    line-height: 1.5;
    letter-spacing: -0.312px;
  }

  .about-faq__icon {
    width: calc(20px + (28 - 20) * calc((100vw - 1280px) / (2560 - 1280)));
    height: calc(20px + (28 - 20) * calc((100vw - 1280px) / (2560 - 1280)));
  }

  .about-faq__icon > svg {
    width: calc(12px + (20 - 12) * calc((100vw - 1280px) / (2560 - 1280)));
    height: auto;
  }

  .about-faq__answer {
    margin-top: calc(20px + (28 - 20) * calc((100vw - 1280px) / (2560 - 1280)));
  }
}

@media screen and (min-width: 1920px) {
  .about-faq__question {
    line-height: 1.4;
  }
}

@media screen and (min-width: 2560px) {
  .about-faq__title {
    margin-bottom: calc((56 / 2560) * 100vw);
  }

  .about-faq__list {
    width: calc((1152 / 2560) * 100vw);
  }

  .about-faq__item:not(:last-child) {
    margin-bottom: calc((28 / 2560) * 100vw);
  }

  .about-faq__item {
    padding-left: calc((40 / 2560) * 100vw);
    padding-right: calc((40 / 2560) * 100vw);
    padding-bottom: calc((36 / 2560) * 100vw);
    padding-top: calc((36 / 2560) * 100vw);
  }

  .about-faq__question {
    font-size: calc((24 / 2560) * 100vw);
    line-height: 1.333;
  }

  .about-faq__icon {
    width: calc((28 / 2560) * 100vw);
    height: calc((28 / 2560) * 100vw);
  }

  .about-faq__icon > svg {
    width: calc((20 / 2560) * 100vw);
  }

  .about-faq__answer {
    margin-top: calc((28 / 2560) * 100vw);
  }
}

/* Join community */

.join-community {
  margin-bottom: 70px;
  color: #051c2c;
}

.join-community__mobile {
  margin-top: 85px;
}

.join-community__title-mob {
  margin-bottom: 10px;

  font-size: 24px;
  font-weight: 700;
  line-height: 1;
  text-align: center;
}

.join-community__description-mob {
  margin-bottom: 30px;

  font-size: 16px;
  font-weight: 400;
  line-height: 1;

  text-align: center;
}

.join-community__link-web {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 380px;
  width: 100%;
  height: 54px;

  display: flex;
  align-items: center;
  justify-content: center;

  font-size: 20px;
  font-weight: 700;
  line-height: 1;
  text-align: center;

  color: #fcfcfc;
  background-color: rgba(229, 72, 145, 0.82);
  box-shadow: 0 2px 8.3px 0 rgba(253, 253, 253, 0.36) inset;
  backdrop-filter: blur(30.15px);
  border-radius: 27px;
}

.join-community__badges {
  margin-top: 40px;

  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.join-community__badge--appstore {
  margin-top: 10px;
  display: block;
  width: 144px;
  height: 48px;
}

.join-community__badge--googleplay {
  display: block;
  width: 155px;
  height: 60px;
}

.join-community__badge--appstore img,
.join-community__badge--googleplay img {
  display: block;
  width: 100%;
  height: 100%;
}

.join-community__qr {
  display: none;
}

.join-community__qr-title {
  margin-bottom: 20px;

  font-size: 27px;
  font-weight: 400;
  text-align: center;
}

.join-community__qr-description {
  margin-bottom: 75px;
  font-size: 20px;
  text-align: center;
}

.join-community__qr-bg {
  margin-bottom: 40px;
  padding-bottom: 65px;

  background: transparent -o-linear-gradient(
      271deg,
      #ffffff 0%,
      #d4f4ff 38%,
      #a7e3ea 61%,
      #a6e3ea 100%
    )
    0% 0% no-repeat padding-box;

  background: transparent
    linear-gradient(179deg, #ffffff 0%, #d4f4ff 38%, #a7e3ea 61%, #a6e3ea 100%)
    0% 0% no-repeat padding-box;
}

.join-community__qr-text-description {
  margin-bottom: 50px;
  font-size: 20px;
  line-height: 1.188;
  text-align: center;
}

.join-community__qr-text-description--block {
  display: block;
}

.web-app-prompt__wrapper {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 100px;
  padding-left: 100px;
  padding-right: 100px;
  padding-top: 35px;
  padding-bottom: 35px;
  max-width: fit-content;

  display: flex;
  align-items: center;
  justify-content: center;

  background-color: rgba(255, 255, 255, 0.59);
  box-shadow: 0px 3px 6px #00000029;
  border-radius: 11px;
}

.web-app-prompt__message {
  margin-bottom: 5px;
}

.web-app-prompt__message,
.web-app-prompt__note {
  font-size: 18px;
  line-height: 1.1;
  font-weight: 700;
}

.web-app-prompt__link {
  text-decoration: underline;
  color: #b2175e;
}

.web-app-prompt__icon {
  flex-shrink: 0;
  margin-right: 15px;
  width: 40px;
  height: auto;
}

.join-community__qr-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.join-community__qr-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.join-community__qr-item-title {
  margin-bottom: 18px;

  font-size: 18px;
  font-weight: 700;
  line-height: 1;
}

.join-community__qr-code {
  width: 170px;
  height: 170px;
  background-color: var(--white);
}

.join-community__qr-code-image {
  display: block;
  width: 100%;
  height: 100%;
}

.join-community__how-to-title {
  margin-bottom: 20px;

  font-size: 18px;
  font-weight: 700;
  line-height: 1.188;
  text-align: center;
}

.join-community__how-to-list-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.join-community__how-to-list {
  -ms-flex-negative: 0;
  flex-shrink: 0;

  font-size: 16px;
  font-weight: 400;
  line-height: 1.188;
}

.join-community__enjoy {
  font-size: 18px;
  line-height: 1.2;

  text-align: center;
}

.join-community__mobile.hide {
  display: none !important;
}

.join-community__qr.show {
  display: block !important;
}

@media screen and (min-width: 768px) {
  .join-community__mobile {
    margin-bottom: calc(
      70px + (85 - 70) * calc((100vw - 768px) / (1280 - 768))
    );
    margin-top: 112px;
  }

  .join-community__title {
    margin-bottom: calc(
      20px + (40 - 20) * calc((100vw - 768px) / (1280 - 768))
    );
    font-size: calc(27px + (42 - 27) * calc((100vw - 768px) / (1280 - 768)));
    font-weight: 400;
    line-height: 1;
    text-align: center;
  }

  .join-community__description {
    text-align: center;
  }

  .join-community__qr {
    margin-top: 87px;
    padding-top: 25px;
    position: relative;

    margin-bottom: calc(
      70px + (85 - 70) * calc((100vw - 768px) / (1280 - 768))
    );
  }

  .join-community__qr-title {
    font-size: calc(27px + (42 - 27) * calc((100vw - 768px) / (1280 - 768)));
    font-weight: 400;
  }

  .join-community__qr-description {
    margin-bottom: calc(
      50px + (75 - 50) * calc((100vw - 768px) / (1280 - 768))
    );
    font-size: calc(18px + (24 - 18) * calc((100vw - 768px) / (1280 - 768)));
  }

  .join-community__qr-content {
    display: block;
    position: relative;

    padding-left: 50px;
    padding-right: 50px;
  }

  .join-community__qr-bg {
    padding-bottom: calc(
      60px + (75 - 60) * calc((100vw - 768px) / (1280 - 768))
    );
  }

  .join-community__qr-text-description {
    font-size: 20px;
  }

  .join-community__qr-list {
    margin-bottom: calc(
      35px + (50 - 35) * calc((100vw - 768px) / (1280 - 768))
    );
    gap: calc(100px + (260 - 100) * calc((100vw - 768px) / (1280 - 768)));
  }

  .join-community__qr-item-title {
    margin-bottom: calc(
      25px + (40 - 25) * calc((100vw - 768px) / (1280 - 768))
    );
    font-size: calc(18px + (20 - 18) * calc((100vw - 768px) / (1280 - 768)));
  }

  .join-community__qr-code {
    width: calc(130px + (170 - 130) * calc((100vw - 768px) / (1280 - 768)));
    height: calc(130px + (170 - 130) * calc((100vw - 768px) / (1280 - 768)));
  }

  .join-community__how-to-title {
    margin-bottom: calc(
      20px + (25 - 20) * calc((100vw - 768px) / (1280 - 768))
    );
    font-size: calc(18px + (20 - 18) * calc((100vw - 768px) / (1280 - 768)));
  }

  .join-community__enjoy {
    font-size: calc(18px + (20 - 18) * calc((100vw - 768px) / (1280 - 768)));
  }
}

@media screen and (min-width: 1280px) {
  .join-community__mobile {
    margin-top: calc(
      128px + (140 - 128) * calc((100vw - 1280px) / (2560 - 1280))
    );
    margin-bottom: calc(
      85px + (140 - 85) * calc((100vw - 1280px) / (2560 - 1280))
    );
  }

  .join-community__title {
    margin-bottom: calc(
      40px + (65 - 40) * calc((100vw - 1280px) / (2560 - 1280))
    );
    font-size: calc(42px + (60 - 42) * calc((100vw - 1280px) / (2560 - 1280)));
  }

  .join-community__qr {
    padding-top: calc(
      25px + (50 - 25) * calc((100vw - 1280px) / (2560 - 1280))
    );
    margin-bottom: calc(
      85px + (140 - 85) * calc((100vw - 1280px) / (2560 - 1280))
    );
    margin-top: calc(
      103px + (90 - 103) * calc((100vw - 1280px) / (2560 - 1280))
    );
  }

  .join-community__qr-title {
    margin-bottom: calc(
      20px + (45 - 20) * calc((100vw - 1280px) / (2560 - 1280))
    );
    font-size: calc(42px + (60 - 42) * calc((100vw - 1280px) / (2560 - 1280)));
  }

  .join-community__qr-description {
    margin-bottom: calc(
      75px + (100 - 75) * calc((100vw - 1280px) / (2560 - 1280))
    );
    font-size: calc(24px + (32 - 24) * calc((100vw - 1280px) / (2560 - 1280)));
  }

  .join-community__qr-content {
    padding-left: calc(
      100px + (400 - 100) * calc((100vw - 1280px) / (2560 - 1280))
    );
    padding-right: calc(
      100px + (400 - 100) * calc((100vw - 1280px) / (2560 - 1280))
    );
  }

  .join-community__qr-bg {
    margin-bottom: calc(
      50px + (75 - 50) * calc((100vw - 1280px) / (2560 - 1280))
    );
    padding-bottom: calc(
      75px + (100 - 75) * calc((100vw - 1280px) / (2560 - 1280))
    );
  }

  .join-community__qr-text-description {
    margin-bottom: calc(
      50px + (75 - 50) * calc((100vw - 1280px) / (2560 - 1280))
    );
    font-size: calc(22px + (30 - 22) * calc((100vw - 1280px) / (2560 - 1280)));
  }

  .web-app-prompt__wrapper {
    margin-bottom: calc(
      100px + (125 - 100) * calc((100vw - 1280px) / (2560 - 1280))
    );
  }

  .web-app-prompt__message,
  .web-app-prompt__note {
    font-size: calc(20px + (28 - 20) * calc((100vw - 1280px) / (2560 - 1280)));
  }

  .web-app-prompt__icon {
    width: calc(40px + (46 - 40) * calc((100vw - 1280px) / (2560 - 1280)));
    margin-right: calc(
      15px + (25 - 15) * calc((100vw - 1280px) / (2560 - 1280))
    );
  }

  .join-community__qr-list {
    margin-bottom: calc(
      50px + (75 - 50) * calc((100vw - 1280px) / (2560 - 1280))
    );
    gap: calc(260px + (480 - 260) * calc((100vw - 1280px) / (2560 - 1280)));
  }

  .join-community__qr-item-title {
    margin-bottom: calc(
      40px + (50 - 40) * calc((100vw - 1280px) / (2560 - 1280))
    );
    font-size: calc(20px + (28 - 20) * calc((100vw - 1280px) / (2560 - 1280)));
  }

  .join-community__qr-code {
    width: calc(170px + (230 - 170) * calc((100vw - 1280px) / (1920 - 1280)));
    height: calc(170px + (230 - 170) * calc((100vw - 1280px) / (1920 - 1280)));
  }

  .join-community__how-to-title {
    margin-bottom: calc(
      25px + (45 - 25) * calc((100vw - 1280px) / (2560 - 1280))
    );
    font-size: calc(20px + (28 - 20) * calc((100vw - 1280px) / (2560 - 1280)));
  }

  .join-community__how-to-list {
    font-size: calc(16px + (28 - 16) * calc((100vw - 1280px) / (2560 - 1280)));
  }

  .join-community__enjoy {
    font-size: calc(20px + (28 - 20) * calc((100vw - 1280px) / (2560 - 1280)));
  }
}

@media screen and (min-width: 1920px) {
  .join-community__qr-code {
    width: calc(230px + (300 - 230) * calc((100vw - 1920px) / (2650 - 1920)));
    height: calc(230px + (300 - 230) * calc((100vw - 1920px) / (2650 - 1920)));
  }
}

@media screen and (min-width: 2560px) {
  .join-community__mobile {
    margin-bottom: calc((140 / 2560) * 100vw);
    margin-top: calc((140 / 2560) * 100vw);
  }

  .join-community__title {
    margin-bottom: calc((65 / 2560) * 100vw);
    font-size: calc((60 / 2560) * 100vw);
  }

  .join-community__qr {
    padding-top: calc((50 / 2560) * 100vw);
    margin-bottom: calc((140 / 2560) * 100vw);
    margin-top: calc((90 / 2560) * 100vw);
  }

  .join-community__qr-title {
    margin-bottom: calc((45 / 2560) * 100vw);
    font-size: calc((60 / 2560) * 100vw);
  }

  .join-community__qr-description {
    margin-bottom: calc((100 / 2560) * 100vw);
    font-size: calc((32 / 2560) * 100vw);
  }

  .join-community__qr-content {
    padding-left: calc((400 / 2560) * 100vw);
    padding-right: calc((400 / 2560) * 100vw);
  }

  .join-community__qr-bg {
    margin-bottom: calc((75 / 2560) * 100vw);
    padding-bottom: calc((100 / 2560) * 100vw);
  }

  .join-community__qr-text-description {
    margin-bottom: calc((75 / 2560) * 100vw);
    font-size: calc((30 / 2560) * 100vw);
  }

  .web-app-prompt__wrapper {
    margin-bottom: calc((125 / 2560) * 100vw);
    border-radius: calc((11 / 2560) * 100vw);
  }

  .web-app-prompt__message,
  .web-app-prompt__note {
    font-size: calc((28 / 2560) * 100vw);
  }

  .web-app-prompt__icon {
    width: calc((46 / 2560) * 100vw);
    margin-right: calc((25 / 2560) * 100vw);
  }

  .join-community__qr-list {
    margin-bottom: calc((75 / 2560) * 100vw);
    gap: calc((480 / 2560) * 100vw);
  }

  .join-community__qr-item-title {
    margin-bottom: calc((50 / 2560) * 100vw);
    font-size: calc((28 / 2560) * 100vw);
  }

  .join-community__qr-code {
    width: calc((300 / 2560) * 100vw);
    height: calc((300 / 2560) * 100vw);
  }

  .join-community__how-to-title {
    margin-bottom: calc((45 / 2560) * 100vw);
    font-size: calc((28 / 2560) * 100vw);
  }

  .join-community__how-to-list {
    font-size: calc((28 / 2560) * 100vw);
  }

  .join-community__enjoy {
    font-size: calc((28 / 2560) * 100vw);
  }
}