@font-face {
  font-family: "Atyp Display";
  src: url("../fonts/AtypDisplay-Light.eot");
  src: local("Atyp Display Light"), local("AtypDisplay-Light"), url("../fonts/AtypDisplay-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/AtypDisplay-Light.woff2") format("woff2"), url("../fonts/AtypDisplay-Light.woff") format("woff"), url("../fonts/AtypDisplay-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "Atyp Display";
  src: url("../fonts/AtypDisplay-Regular.eot");
  src: local("Atyp Display"), local("AtypDisplay-Regular"), url("../fonts/AtypDisplay-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/AtypDisplay-Regular.woff2") format("woff2"), url("../fonts/AtypDisplay-Regular.woff") format("woff"), url("../fonts/AtypDisplay-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Atyp Display";
  src: url("../fonts/AtypDisplay-Semibold.eot");
  src: local("Atyp Display Semibold"), local("AtypDisplay-Semibold"), url("../fonts/AtypDisplay-Semibold.eot?#iefix") format("embedded-opentype"), url("../fonts/AtypDisplay-Semibold.woff2") format("woff2"), url("../fonts/AtypDisplay-Semibold.woff") format("woff"), url("../fonts/AtypDisplay-Semibold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
}
:root {
  --font-weight-light: 300;
  --font-weight-regular: 400;
  --font-weight-semibold: 600;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

body {
  margin: 0;
  font-family: "Atyp Display", sans-serif;
  font-size: 16px;
  font-weight: var(--font-weight-light);
  line-height: 1.7;
  color: rgba(255, 255, 255, 0.8);
  background-color: #000;
}

.body {
  background: linear-gradient(180deg, #000 0%, #000 69.71%, #0a0633 100%);
}

.bottom {
  background-color: #030114;
}

.section-header {
  display: flex;
  flex-direction: column;
  row-gap: 48px;
}
.section-header--center {
  align-items: center;
  text-align: center;
}
.section-header__sign {
  margin-bottom: 16px;
}
.section-header__caption {
  text-transform: uppercase;
  letter-spacing: 0.2em;
}
.section-header__title {
  font-size: 56px;
  font-weight: var(--font-weight-regular);
  line-height: 1.2;
  background: linear-gradient(95.33deg, #000 -14.79%, #fff 14.46%, #dad7e9 100%);
  background-clip: text;
}
.section-header__text {
  font-size: 24px;
  line-height: 1.2;
}
.section-header__body {
  margin-top: 8px;
  font-size: 28px;
}

.header {
  position: fixed;
  z-index: 100;
  top: 56px;
  right: 56px;
  left: 56px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.header__btn {
  display: flex;
  align-items: center;
  height: 40px;
  padding: 0 24px;
  font-size: 14px;
  line-height: 40px;
  color: #fff;
  text-decoration: none;
  background-color: #191919;
  border-radius: 20px;
  transition: background-color 0.15s;
}
.header__btn:hover {
  background-color: #222;
}

.intro {
  position: relative;
}
.intro__left {
  position: absolute;
  top: 28%;
  left: 10%;
  max-width: 480px;
}
.intro__right {
  position: absolute;
  top: 45%;
  right: 18%;
  max-width: 300px;
}
.intro__bg {
  width: 100%;
}

.truth {
  padding-bottom: 240px;
}
.truth__top {
  display: flex;
  align-items: center;
  margin-top: -5%;
  padding: 0 80px 0 160px;
}
.truth__title {
  max-width: 520px;
}
.truth__img {
  max-width: 100%;
  margin: 0 auto;
}
.truth__bottom {
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 160px;
  padding: 0 160px;
}
.truth__text {
  font-size: 20px;
}

.settlement {
  padding-bottom: 240px;
}
.settlement__header {
  max-width: 640px;
  margin: 0 auto 120px;
}
.settlement__body {
  position: relative;
}
.settlement__left {
  position: absolute;
  top: 48px;
  left: 80px;
  max-width: 420px;
  font-size: 28px;
}
.settlement__right {
  position: absolute;
  right: 80px;
  bottom: 16px;
  max-width: 420px;
  font-size: 20px;
}
.settlement__img {
  width: 100%;
}

.role {
  padding-bottom: 240px;
}
.role__header {
  max-width: 680px;
  margin: 0 auto 120px;
}
.role__body {
  position: relative;
}
.role__left {
  position: absolute;
  top: 48px;
  left: 80px;
  max-width: 420px;
  font-size: 28px;
}
.role__right {
  position: absolute;
  right: 80px;
  bottom: 16px;
  max-width: 420px;
  font-size: 20px;
}
.role__img {
  width: 100%;
}

.final {
  max-width: 840px;
  margin: 0 auto;
  padding-bottom: 180px;
}

.news {
  padding: 120px 80px 140px;
}
.news__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 64px;
}
.news__title {
  font-size: 36px;
  font-weight: var(--font-weight-semibold);
  line-height: 1.2;
}
.news__actions {
  display: flex;
}
.news__arrow {
  width: 40px;
  height: 40px;
  background: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.3992 12.0008L15.2992 8.10078C15.4826 7.91745 15.5742 7.68411 15.5742 7.40078C15.5742 7.11745 15.4826 6.88411 15.2992 6.70078C15.1159 6.51745 14.8826 6.42578 14.5992 6.42578C14.3159 6.42578 14.0826 6.51745 13.8992 6.70078L9.29922 11.3008C9.19922 11.4008 9.12839 11.5091 9.08672 11.6258C9.04505 11.7424 9.02422 11.8674 9.02422 12.0008C9.02422 12.1341 9.04505 12.2591 9.08672 12.3758C9.12839 12.4924 9.19922 12.6008 9.29922 12.7008L13.8992 17.3008C14.0826 17.4841 14.3159 17.5758 14.5992 17.5758C14.8826 17.5758 15.1159 17.4841 15.2992 17.3008C15.4826 17.1174 15.5742 16.8841 15.5742 16.6008C15.5742 16.3174 15.4826 16.0841 15.2992 15.9008L11.3992 12.0008Z' fill='white'/%3E%3C/svg%3E%0A") no-repeat center;
  border: 1px solid rgba(255, 255, 255, 0.2);
  cursor: pointer;
  transition: background-color 0.15s;
}
.news__arrow:hover {
  background-color: rgba(255, 255, 255, 0.1);
}
.news__arrow--prev {
  border-radius: 4px 0 0 4px;
}
.news__arrow--next {
  border-right: 0;
  border-radius: 4px 0 0 4px;
  transform: scaleX(-1);
}
.news__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  column-gap: 40px;
}
.news__item {
  text-decoration: none;
  color: inherit;
}
.news__img {
  width: 100%;
  border-radius: 8px;
  transition: opacity 0.3s;
}
.news__name {
  display: block;
  margin: 40px 0 24px;
  font-size: 24px;
  font-weight: var(--font-weight-semibold);
  line-height: 1.2;
}
.news__item:hover .news__img {
  opacity: 0.6;
}

.footer {
  display: flex;
  align-items: center;
  margin: 0 80px;
  padding: 48px 0;
  color: rgba(255, 255, 255, 0.5);
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.footer__logo {
  margin-right: 56px;
  opacity: 0.5;
}
.footer__links {
  display: flex;
  column-gap: 40px;
  margin-left: auto;
}
.footer__link {
  color: inherit;
  text-decoration: none;
  transition: color 0.15s;
}
.footer__link:hover {
  color: rgba(255, 255, 255, 0.8);
}

/*# sourceMappingURL=main.css.map */