:root { --layout-unit: 1vw; --header-unit: 1vw; --site-header-height: 72px; --site-font: "Noto Sans SC", "Noto Sans", sans-serif; }
/* Independent quality cards retain the exact PSD geometry. */
.desktop .quality-card,
.home-content .quality-card {
  position: absolute;
  background: #fff;
  border-radius: 1.041667vw;
  border-radius: calc(1.04167vw);
  border-radius: calc(1.04167 * var(--layout-unit));
}

.desktop .quality-card-1,
.home-content .quality-card-1 {
  left: 31.406250vw;
  left: calc(31.40625vw);
  left: calc(31.40625 * var(--layout-unit));
  top: 6.666667vw;
  top: calc(6.66667vw);
  top: calc(6.66667 * var(--layout-unit));
  width: 17.604167vw;
  width: calc(17.60417vw);
  width: calc(17.60417 * var(--layout-unit));
  height: 15.468750vw;
  height: calc(15.46875vw);
  height: calc(15.46875 * var(--layout-unit));
}

.desktop .quality-card-2,
.home-content .quality-card-2 {
  left: 50.572917vw;
  left: calc(50.57292vw);
  left: calc(50.57292 * var(--layout-unit));
  top: 6.666667vw;
  top: calc(6.66667vw);
  top: calc(6.66667 * var(--layout-unit));
  width: 17.604167vw;
  width: calc(17.60417vw);
  width: calc(17.60417 * var(--layout-unit));
  height: 15.468750vw;
  height: calc(15.46875vw);
  height: calc(15.46875 * var(--layout-unit));
}

.desktop .quality-card-3,
.home-content .quality-card-3 {
  left: 69.843750vw;
  left: calc(69.84375vw);
  left: calc(69.84375 * var(--layout-unit));
  top: 6.666667vw;
  top: calc(6.66667vw);
  top: calc(6.66667 * var(--layout-unit));
  width: 17.552083vw;
  width: calc(17.55208vw);
  width: calc(17.55208 * var(--layout-unit));
  height: 15.468750vw;
  height: calc(15.46875vw);
  height: calc(15.46875 * var(--layout-unit));
}

.desktop .quality-card-4,
.home-content .quality-card-4 {
  left: 12.135417vw;
  left: calc(12.13542vw);
  left: calc(12.13542 * var(--layout-unit));
  top: 23.802083vw;
  top: calc(23.80208vw);
  top: calc(23.80208 * var(--layout-unit));
  width: 17.604167vw;
  width: calc(17.60417vw);
  width: calc(17.60417 * var(--layout-unit));
  height: 15.468750vw;
  height: calc(15.46875vw);
  height: calc(15.46875 * var(--layout-unit));
}

.desktop .quality-card-5,
.home-content .quality-card-5 {
  left: 31.406250vw;
  left: calc(31.40625vw);
  left: calc(31.40625 * var(--layout-unit));
  top: 23.802083vw;
  top: calc(23.80208vw);
  top: calc(23.80208 * var(--layout-unit));
  width: 17.604167vw;
  width: calc(17.60417vw);
  width: calc(17.60417 * var(--layout-unit));
  height: 15.468750vw;
  height: calc(15.46875vw);
  height: calc(15.46875 * var(--layout-unit));
}

.desktop .quality-card-6,
.home-content .quality-card-6 {
  left: 50.572917vw;
  left: calc(50.57292vw);
  left: calc(50.57292 * var(--layout-unit));
  top: 23.802083vw;
  top: calc(23.80208vw);
  top: calc(23.80208 * var(--layout-unit));
  width: 17.604167vw;
  width: calc(17.60417vw);
  width: calc(17.60417 * var(--layout-unit));
  height: 15.468750vw;
  height: calc(15.46875vw);
  height: calc(15.46875 * var(--layout-unit));
}

.desktop .quality-card-7,
.home-content .quality-card-7 {
  left: 69.843750vw;
  left: calc(69.84375vw);
  left: calc(69.84375 * var(--layout-unit));
  top: 23.802083vw;
  top: calc(23.80208vw);
  top: calc(23.80208 * var(--layout-unit));
  width: 17.552083vw;
  width: calc(17.55208vw);
  width: calc(17.55208 * var(--layout-unit));
  height: 15.468750vw;
  height: calc(15.46875vw);
  height: calc(15.46875 * var(--layout-unit));
}

.quality-card[data-reveal-order] {
  --reveal-delay: 0ms;
}

.quality-card[data-reveal-order="1"] {
  --reveal-delay: 120ms;
}

.quality-card[data-reveal-order="2"] {
  --reveal-delay: 240ms;
}

.quality-card[data-reveal-order="3"] {
  --reveal-delay: 360ms;
}

.quality-card[data-reveal-order="4"] {
  --reveal-delay: 480ms;
}

.quality-card[data-reveal-order="5"] {
  --reveal-delay: 600ms;
}

.quality-card[data-reveal-order="6"] {
  --reveal-delay: 720ms;
}

.quality-card.reveal-ready {
  opacity: 0;
  transform: translateY(24px);
  transition: opacity 650ms ease, transform 650ms cubic-bezier(0.22, 1, 0.36, 1);
  transition-delay: var(--reveal-delay);
}

.quality-card.reveal-ready.is-revealed,
.quality-card.reveal-ready:focus-within {
  opacity: 1;
  transform: none;
}

html[lang="en"] .desktop .quality-card .quality-number,
html[lang="en"] .home-content .quality-card .quality-number,
html[lang="ru"] .desktop .quality-card .quality-number,
html[lang="ru"] .home-content .quality-card .quality-number {
  font-size: 2.447917vw;
  font-size: calc(2.44792vw);
  font-size: calc(2.44792 * var(--layout-unit));
  line-height: 2.815104vw;
  line-height: calc(2.8151vw);
  line-height: calc(2.8151 * var(--layout-unit));
}

@media (max-width: 639px) {
  #m-quality .quality-card {
    --reveal-delay: 0ms;
  }
}

@media (min-width: 640px) and (max-width: 1199px) {
  #m-quality .quality-card {
    --reveal-delay: 0ms;
  }

  #m-quality .quality-card:nth-child(even) {
    --reveal-delay: 120ms;
  }
}

@media (prefers-reduced-motion: reduce) {
  .quality-card.reveal-ready {
    opacity: 1;
    transform: none;
    transition: none;
  }
}