:root {
  --flux-copy-dim: #f5f5f599;
  --flux-copy-subtle: #f5f5f5b3;
  --flux-copy: #f5f5f5;
  --color-line: #f5f5f51f;
  --color-text-muted: #f5f5f5b3;
  --flux-bg: #0a0a0a;
  --flux-surface: #161616;
  --flux-surface-2: #1a1a1a;
  --flux-copy-soft: #f5f5f580;
  --flux-stroke: #ffffff2e;
  --flux-lime: #8bed02;
  --flux-lime-dark: #8bed0214;
  --color-bg: #0a0a0a;
  --color-surface: #161616;
  --color-surface-2: #1b1b1b;
  --color-text: #f5f5f5;
  --color-text-soft: #f5f5f58c;
  --color-line-strong: #f5f5f547;
  --color-accent: #8bed02;
}

.flux-container {
  width: min(1504px, 100vw - 100px);
  margin: 0 auto;
}

.flux-section-title {
  letter-spacing: -.03em;
  margin: 0;
  font-size: 62.694px;
  font-weight: 500;
  line-height: 1;
}

.flux-section-title--center {
  text-align: center;
}

.flux-btn {
  white-space: nowrap;
  border: 1.306px solid #ffffff4d;
  justify-content: center;
  align-items: center;
  padding: 14.367px 37.878px;
  font-size: 18.286px;
  font-weight: 500;
  line-height: 26.122px;
  text-decoration: none;
  transition: transform .3s, background-color .3s, color .3s, border-color .3s;
  display: inline-flex;
  position: relative;
}

.flux-btn--light {
  color: #0a0a0a;
  background-color: #f5f5f5;
}

.flux-btn--dark {
  color: #f5f5f5;
  background-color: #0a0a0a;
}

.flux-hero {
  background-color: #050607;
  min-height: 1080px;
  position: relative;
  overflow: hidden;
}

.flux-hero__bg {
  background-image: linear-gradient(#04080cfa, #050506d9 58%, #0a0a0a);
  position: absolute;
  inset: 0;
  transform: scale(1.05);
}

.flux-hero__overlay {
  background-color: #0a0a0a7a;
  position: absolute;
  inset: 0;
}

.flux-nav {
  z-index: 3;
  justify-content: space-between;
  align-items: center;
  padding: 26.122px 50px;
  display: flex;
  position: relative;
}

.flux-nav__links {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  align-items: center;
  font-size: 18.286px;
  font-weight: 500;
  line-height: 26.122px;
  display: flex;
}

.flux-hero__content {
  z-index: 2;
  grid-column-gap: 52.245px;
  grid-row-gap: 52.245px;
  text-align: center;
  flex-direction: column;
  align-items: center;
  padding: 204px 31px 250px;
  display: flex;
  position: relative;
}

.flux-pill {
  grid-column-gap: 10.449px;
  grid-row-gap: 10.449px;
  background-color: #f5f5f51a;
  border: 1.306px solid #f5f5f533;
  border-radius: 26.122px;
  align-items: center;
  padding: 11.755px 22.204px;
  font-size: 16.98px;
  line-height: 25.469px;
  display: flex;
}

.flux-pill__dot {
  background-color: #f5f5f5;
  border-radius: 50%;
  width: 5.224px;
  height: 5.224px;
  display: block;
}

.flux-pill__muted {
  color: var(--flux-copy-dim);
}

.flux-hero__title {
  letter-spacing: -.04em;
  max-width: 1272px;
  margin: 0;
  font-size: 92.445px;
  font-weight: 500;
  line-height: 89.643px;
}

.flux-hero__subtitle {
  color: var(--flux-copy-subtle);
  margin: 0;
  font-size: 19.592px;
  line-height: 29.388px;
}

.flux-about {
  background-color: #191919;
  min-height: 1074px;
  padding: 95.12px 0 0;
  position: relative;
  overflow: hidden;
}

.flux-about__grid {
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  grid-template-columns: 762px 1fr;
  align-items: start;
  min-height: 978.88px;
  display: grid;
  position: relative;
}

.flux-about__copy {
  padding-top: 6.88px;
}

.flux-highlight {
  background-image: linear-gradient(176deg, transparent 16%, var(--flux-lime) 18%, var(--flux-lime) 84%, transparent 86%);
  color: #0a0a0a;
  padding: 0 5px;
  font-style: italic;
  font-weight: 700;
  display: inline-block;
  transform: skewX(-12deg);
}

.flux-about__closing {
  opacity: .7;
  color: var(--flux-copy);
  margin-top: 20px;
  font-style: italic;
}

.flux-about__visual {
  height: 978.88px;
  position: relative;
}

.flux-about__portrait {
  width: 847.197px;
  max-width: 100%;
  height: auto;
  display: block;
  position: absolute;
  top: 20.98px;
  left: 0;
}

.flux-about__name {
  color: #f5f5f5;
  text-align: center;
  letter-spacing: -.06em;
  font-size: 103px;
  font-weight: 700;
  line-height: .98;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-22%);
}

.flux-about__role {
  opacity: .8;
  color: #f5f5f5;
  font-size: 40px;
  line-height: 1;
  position: absolute;
  bottom: 10px;
  right: 259px;
}

.flux-story {
  padding-bottom: 208px;
  position: relative;
  overflow: hidden;
}

.flux-story__wave {
  opacity: .32;
  pointer-events: none;
  width: 100%;
  height: 1280px;
  position: absolute;
  top: 492px;
  left: 0;
}

.flux-wave {
  opacity: .4;
  background-repeat: no-repeat;
  background-size: contain;
  width: 1948.62px;
  height: 1474.49px;
  position: absolute;
  left: 0;
  -webkit-mask-image: url("https://www.figma.com/api/mcp/asset/4b322b02-0c32-4dc6-8a33-e9d8f485614c");
  mask-image: url("https://www.figma.com/api/mcp/asset/4b322b02-0c32-4dc6-8a33-e9d8f485614c");
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}

.flux-wave--one {
  background-image: url("https://www.figma.com/api/mcp/asset/e8f96f3f-ac17-4053-bf42-b6e34ac90a83");
  top: 0;
}

.flux-wave--two {
  background-image: url("https://www.figma.com/api/mcp/asset/b0e9e707-cc0a-4eed-8154-32053ed0c6f6");
  height: 837.168px;
  top: 286px;
}

.flux-wave--three {
  background-image: url("https://www.figma.com/api/mcp/asset/12544fa9-0ba0-4859-8016-3cb2bdc1cd54");
  height: 457.966px;
  top: 497px;
}

.flux-copy-section {
  padding-top: 167px;
  position: relative;
}

.flux-copy-section__inner {
  grid-column-gap: 41px;
  grid-row-gap: 41px;
  text-align: center;
  flex-direction: column;
  align-items: center;
  width: min(1060px, 100vw - 100px);
  margin: 0 auto;
  display: flex;
}

.flux-copy-section__text {
  color: var(--flux-copy-dim);
  font-size: 23.51px;
  line-height: 1.25;
}

.flux-benefits {
  padding-top: 167px;
  position: relative;
}

.flux-benefits__grid {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  grid-template-columns: repeat(3, 468px);
  justify-content: center;
  margin-top: 84px;
  display: grid;
}

.flux-benefit-card {
  grid-column-gap: 27.602px;
  grid-row-gap: 27.602px;
  background-color: #161616;
  align-items: center;
  height: 160px;
  padding: 26px 30px;
  display: flex;
}

.flux-benefits__cta {
  grid-column-gap: 33px;
  grid-row-gap: 33px;
  justify-content: center;
  align-items: center;
  margin-top: 50px;
  display: flex;
}

.flux-members {
  padding-top: 167.184px;
}

.flux-members__wrap {
  grid-column-gap: 83.592px;
  grid-row-gap: 83.592px;
  flex-direction: column;
  display: flex;
}

.flux-members__grid {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  grid-template-columns: repeat(3, 1fr);
  display: grid;
}

.flux-member-card {
  text-align: center;
}

.flux-member-card__image-wrap {
  background-color: #1c1c1c;
  border-radius: 20.898px;
  height: 473.678px;
  overflow: hidden;
}

.flux-linkedin {
  color: #0a0a0a;
  background-color: #fff;
  border-radius: 7px;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  font-size: 16px;
  font-weight: 700;
  line-height: 1;
  display: inline-flex;
}

.flux-notice {
  padding: 60px 0 0;
}

.flux-notice__inner {
  grid-column-gap: 33px;
  grid-row-gap: 33px;
  background-color: #8bed020d;
  border: 1.306px solid #8bed024d;
  border-radius: 15.673px;
  justify-content: space-between;
  align-items: center;
  padding: 30px 32.653px;
  display: flex;
}

.flux-events {
  text-align: center;
  padding-top: 327px;
}

.flux-faq {
  padding-top: 167.184px;
}

.flux-faq__inner {
  grid-column-gap: 83.54px;
  grid-row-gap: 83.54px;
  flex-direction: column;
  width: min(1003px, 100vw - 100px);
  margin: 0 auto;
  display: flex;
}

.flux-faq__list {
  grid-column-gap: 15.673px;
  grid-row-gap: 15.673px;
  flex-direction: column;
  display: flex;
}

.flux-faq-item {
  background-color: #f5f5f50d;
  border: 1.306px solid #f5f5f51a;
  border-radius: 15.673px;
  padding: 1.306px 32.653px;
  overflow: hidden;
}

.flux-faq-item__trigger {
  color: #f5f5f5;
  text-align: left;
  cursor: pointer;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 20.898px 0;
  font-size: 20.898px;
  font-weight: 500;
  line-height: 31.347px;
  display: flex;
}

.flux-faq-item__icon {
  font-size: 24px;
  transition: transform .25s;
}

.flux-faq-item__body {
  grid-template-rows: 0fr;
  transition: grid-template-rows .3s;
  display: grid;
}

.flux-final-cta {
  border-top: 1.306px solid #f5f5f51a;
  padding: 176.306px 0 220px;
  position: relative;
  overflow: hidden;
}

.flux-final-cta__inner {
  z-index: 2;
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  text-align: center;
  flex-direction: column;
  align-items: center;
  width: min(1266px, 100vw - 100px);
  margin: 0 auto;
  display: flex;
  position: relative;
}

.flux-final-cta__title {
  letter-spacing: -.04em;
  margin: 0;
  font-size: 92.44px;
  font-weight: 500;
  line-height: 89.6px;
}

.flux-final-cta__text {
  max-width: 888px;
  color: var(--flux-copy-subtle);
  margin: 0;
  font-size: 19.592px;
  line-height: 29.388px;
}

.flux-final-cta__noise {
  opacity: .7;
  mix-blend-mode: soft-light;
  background-image: url("https://www.figma.com/api/mcp/asset/fed504b8-1d4a-48a1-9648-90e720b8a766"), url("https://www.figma.com/api/mcp/asset/353f838e-80d0-4e10-b047-ab7a36e1fe65");
  background-repeat: no-repeat, no-repeat;
  height: 257px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.flux-footer {
  border-top: 1.306px solid #f5f5f51a;
  justify-content: space-between;
  align-items: flex-end;
  padding: 261.306px 50px 24px;
  display: flex;
}

.flux-footer__brand {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  flex-direction: column;
  display: flex;
}

.flux-footer__makers {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  align-items: flex-end;
  font-size: 24.733px;
  font-weight: 300;
  line-height: 1.04;
  display: flex;
}

.flux-footer__mark {
  width: 808px;
  max-width: 60vw;
  height: auto;
}

.flux-footer__contact {
  grid-column-gap: 52px;
  grid-row-gap: 52px;
  flex-direction: column;
  align-items: flex-start;
  padding-bottom: 70px;
  display: flex;
}

.flux-footer__label {
  letter-spacing: 2px;
  text-transform: uppercase;
  font-size: 16px;
  line-height: 15px;
}

.flux-footer__socials {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  display: flex;
}

.flux-copyright {
  color: #52525b;
  border-top: 1px solid #18181b;
  justify-content: center;
  align-items: center;
  padding: 33px 50px 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 15px;
  display: flex;
}

.flux-loader {
  z-index: 9999;
  color: #f5f5f5;
  background-color: #0a0a0a;
  display: none;
  position: fixed;
  inset: 0;
}

.flux-loader__label {
  color: #888;
  letter-spacing: .3em;
  text-transform: uppercase;
  font-size: 14px;
  position: absolute;
  top: 48px;
  left: 48px;
}

.flux-loader__word-wrap {
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0;
}

.flux-loader__word {
  color: #f5f5f5d1;
  font-family: Playfair Display, serif;
  font-size: 112px;
  font-style: italic;
  line-height: 1;
  transition: opacity .4s cubic-bezier(.4, 0, .2, 1), transform .4s cubic-bezier(.4, 0, .2, 1);
  transform: translateY(0);
}

.flux-loader__counter {
  font-variant-numeric: tabular-nums;
  font-family: Playfair Display, serif;
  font-size: 144px;
  line-height: .88;
  position: absolute;
  bottom: 48px;
  right: 48px;
}

.flux-loader__bar {
  background-color: #1f1f1f80;
  height: 3px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.flux-loader__bar-fill {
  transform-origin: 0;
  background-image: linear-gradient(90deg, #89aacc 0%, #4e85bf 100%);
  width: 100%;
  height: 100%;
  transform: scaleX(0);
  box-shadow: 0 0 8px #89aacc59;
}

@media screen and (min-width: 1280px) {
  .real-pioneer-section {
    padding-top: 35px;
    padding-bottom: 72px;
  }
}

@media screen and (min-width: 1440px) {
  .real-pioneer-section {
    padding-top: 35px;
    padding-bottom: 72px;
  }

  .pioneer-phone-input {
    background-color: #0a0a0a;
  }

  .pioneer-success-btn {
    padding: 13px 26px;
    font-size: 20px;
  }

  .true-icon {
    width: 30px;
    height: 30px;
  }

  .large-font, .text-block {
    font-size: 20px;
  }
}

@media screen and (min-width: 1920px) {
  .real-pioneer-section {
    padding-top: 35px;
    padding-bottom: 72px;
  }
}

@media screen and (max-width: 991px) {
  .flux-container {
    width: calc(100vw - 48px);
  }

  .flux-hero {
    min-height: auto;
  }

  .flux-nav {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-direction: column;
    align-items: flex-start;
    padding: 26px 24px;
  }

  .flux-nav__links {
    grid-column-gap: 28px;
    grid-row-gap: 20px;
    flex-wrap: wrap;
  }

  .flux-hero__content {
    padding: 160px 24px 120px;
  }

  .flux-hero__title {
    max-width: 100%;
    font-size: 62px;
    line-height: 1.02;
  }

  .flux-about {
    min-height: auto;
    padding-top: 72px;
  }

  .flux-about__grid {
    grid-column-gap: 48px;
    grid-row-gap: 48px;
    grid-template-columns: 1fr;
    padding-bottom: 240px;
  }

  .flux-about__visual {
    justify-content: center;
    height: auto;
    display: flex;
  }

  .flux-about__portrait {
    width: min(640px, 100%);
    position: relative;
    top: auto;
    left: auto;
  }

  .flux-about__name {
    font-size: 82px;
    bottom: 48px;
    left: 50%;
    transform: translateX(-50%);
  }

  .flux-about__role {
    font-size: 24px;
    bottom: 24px;
    right: 24px;
  }

  .flux-copy-section__inner {
    width: calc(100vw - 48px);
  }

  .flux-copy-section__text {
    font-size: 20px;
  }

  .flux-benefits__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    width: 100%;
  }

  .flux-benefit-card {
    width: auto;
  }

  .flux-benefits__cta {
    flex-direction: column;
  }

  .flux-members__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .flux-notice__inner {
    flex-direction: column;
    align-items: flex-start;
  }

  .flux-faq__inner {
    width: calc(100vw - 48px);
  }

  .flux-final-cta__title {
    font-size: 64px;
    line-height: 1;
  }

  .flux-footer {
    grid-column-gap: 64px;
    grid-row-gap: 64px;
    flex-direction: column;
    align-items: flex-start;
    padding: 120px 24px 24px;
  }

  .flux-footer__mark {
    width: 560px;
    max-width: 100%;
  }

  .flux-footer__contact {
    padding-bottom: 0;
  }

  .pioneer-input {
    height: 72px;
    min-height: 72px;
    font-size: 16px;
  }

  .visual-pioneer-row {
    grid-row-gap: 0;
    grid-column-gap: 0;
    grid-template-columns: minmax(0, 1fr);
  }

  .visual-pioneer-side {
    width: 100%;
    margin-left: 0;
    padding-top: 42px;
  }

  .visual-pioneer-consent {
    margin-top: 30px;
  }

  .real-pioneer-section {
    max-width: 100%;
    min-height: auto;
    padding: 48px 32px 64px;
  }

  .pioneer-phone-input {
    height: 72px;
    min-height: 72px;
    font-size: 16px;
  }

  .large-font {
    font-size: 16px;
  }
}

@media screen and (max-width: 767px) {
  .flux-section-title {
    font-size: 42px;
  }

  .flux-btn {
    width: 100%;
    max-width: 320px;
  }

  .flux-pill {
    padding: 10px 16px;
    font-size: 14px;
    line-height: 1.4;
  }

  .flux-hero__title {
    font-size: 44px;
  }

  .flux-hero__subtitle {
    font-size: 17px;
    line-height: 1.5;
  }

  .flux-about__name {
    font-size: 58px;
    bottom: 72px;
  }

  .flux-about__role {
    text-align: center;
    margin-top: 16px;
    font-size: 18px;
    position: relative;
    bottom: auto;
    right: auto;
  }

  .flux-benefits__grid, .flux-members__grid {
    grid-template-columns: 1fr;
  }

  .flux-faq-item__trigger {
    font-size: 18px;
    line-height: 1.5;
  }

  .flux-final-cta__title {
    font-size: 44px;
  }

  .flux-loader__label {
    top: 32px;
    left: 32px;
  }

  .flux-loader__word {
    font-size: 64px;
  }

  .flux-loader__counter {
    font-size: 88px;
    bottom: 32px;
    right: 32px;
  }

  .pioneer-input, .pioneer-hidden-checkbox-label {
    font-size: 14px;
  }

  .visual-pioneer-fields {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }

  .visual-pioneer-row {
    flex-flow: column;
  }

  .visual-pioneer-side {
    padding-top: 34px;
  }

  .visual-pioneer-consent {
    font-size: 14px;
    line-height: 22px;
  }

  .real-pioneer-section {
    padding: 36px 22px 52px;
  }

  .pioneer-phone-input {
    font-size: 14px;
  }

  .pioneer-form-success {
    grid-column-gap: 42px;
    grid-row-gap: 42px;
  }

  .pioneer-success-btn {
    letter-spacing: 0;
    padding-left: 16px;
    padding-right: 16px;
    font-size: 16px;
  }

  .true-icon {
    width: 22px;
    height: 22px;
  }

  .pionner-what-next-block {
    padding: 20px;
  }

  .what-next-list-item {
    font-size: 14px;
    line-height: 20px;
  }

  .selected-code {
    font-size: 14px;
  }

  .visual-pioneer-row-wrap {
    width: 100%;
  }
}

@media screen and (max-width: 479px) {
  .flux-container {
    width: calc(100vw - 32px);
  }

  .flux-nav {
    padding: 20px 16px;
  }

  .flux-nav__links {
    grid-column-gap: 18px;
    grid-row-gap: 12px;
    font-size: 15px;
    line-height: 1.4;
  }

  .flux-hero__content {
    padding: 136px 16px 96px;
  }

  .flux-hero__title {
    font-size: 36px;
  }

  .flux-about__name {
    font-size: 44px;
    bottom: 88px;
  }

  .flux-copy-section__inner, .flux-faq__inner {
    width: calc(100vw - 32px);
  }

  .flux-footer {
    padding: 96px 16px 20px;
  }

  .flux-footer__makers {
    font-size: 18px;
  }

  .flux-loader__label {
    font-size: 12px;
    top: 24px;
    left: 24px;
  }

  .flux-loader__word {
    font-size: 48px;
  }

  .flux-loader__counter {
    font-size: 64px;
    bottom: 24px;
    right: 24px;
  }

  .visual-pioneer-side {
    padding-top: 28px;
  }

  .visual-pioneer-legend {
    margin-bottom: 14px;
    font-size: 15px;
    line-height: 22px;
  }

  .visual-pioneer-option {
    font-size: 15px;
  }

  .real-pioneer-section {
    padding: 28px 16px 44px;
  }

  .pionner-what-next-block {
    padding: 16px;
  }

  .what-next-list-item {
    font-size: 12px;
  }
}