/* http://meyerweb.com/eric/tools/css/reset/
   v4.0 | 20180602
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
main, menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, main, menu, nav, section {
	display: block;
}
/* HTML5 hidden-attribute fix for newer browsers */
*[hidden] {
    display: none;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

html {
  font-size: calc(10000vw / 1440); }

@media all and (max-width: 768px) {
  html {
    font-size: calc(10000vw / 768); } }

@media all and (max-width: 480px) {
  html {
    font-size: calc(10000vw / 320); } }

:root {
  --main-font:                     'Roboto Mono', monospace;
  --sub-font:                      'Roboto', sans-serif;
  --font-size-h1:                  0.42rem;
  --font-size-h2:                  0.3rem;
  --font-size-h3:                  0.2rem;
  --font-size-desc1:               0.18rem;
  --font-size-desc2:               0.16rem;
  --font-size-link:                0.16rem;
  --font-size-btn-title-1:         0.16rem;
  --font-size-btn-title-2:         0.14rem;
  --font-weight-1:                 100;
  --font-weight-2:                 200;
  --font-weight-3:                 300;
  --font-weight-4:                 400;
  --font-weight-5:                 500;
  --font-weight-6:                 600;
  --font-weight-7:                 700;
  --line-height-0:                 0;
  --line-height-initial:           initial;
  --line-height-h1:                0.5rem;
  --line-height-h2:                0.36rem;
  --line-height-h3:                0.3rem;
  --line-height-desc1:             0.26rem;
  --line-height-desc2:             0.22rem;
  --line-height-link:              0.24rem;
  --line-height-btn-title-1:       0.5rem;
  --line-height-btn-title-2:       0.2rem;
  --letter-spacing:                normal;
  --letter-spacing-0:              0; }

@media all and (max-width: 768px) {
  :root {
    --font-size-h1:                  0.36rem;
    --font-size-h2:                  0.28rem;
    --line-height-h1:                0.42rem;
    --line-height-h2:                0.32rem;
    --font-size-desc1:               0.14rem;
    --font-size-desc2:               0.14rem;
    --line-height-desc1:             0.2rem;
    --line-height-desc2:             0.2rem;
    --font-size-btn-title-1:         0.14rem;
    --font-size-btn-title-2:         0.14rem; } }

@media all and (max-width: 480px) {
  :root {
    --font-size-h1:                  0.22rem;
    --font-size-h2:                  0.2rem;
    --font-size-h3:                  0.16rem;
    --font-size-desc1:               0.12rem;
    --font-size-desc2:               0.12rem;
    --font-size-link:                0.12rem;
    --font-size-btn-title-1:         0.12rem;
    --font-size-btn-title-2:         0.12rem;
    --line-height-h1:                0.28rem;
    --line-height-h2:                0.24rem;
    --line-height-h3:                0.2rem;
    --line-height-desc1:             0.17rem;
    --line-height-desc2:             0.17rem;
    --line-height-link:              0.17rem;
    --line-height-btn-title-1:       0.2rem;
    --line-height-btn-title-2:       0.17rem; } }

:root {
  --color-black:                  #121212;
  --color-white:                  #FFFFFF;
  --color-white-off:              #EEEEEE;
  --color-gray:                   #808080;
  --color-green:                  #00FF57; }

:root {
  --container-width:  12rem;
  --header-nav-ml:    2.62rem;
  --logo-width:       1.38rem;
  --logo-ml:          0.22rem; }

@media all and (max-width: 768px) {
  :root {
    --container-width: 7.46rem; } }

@media all and (max-width: 480px) {
  :root {
    --container-width: 2.8rem; } }

:root {
  --main-font:                     'Roboto Mono', monospace;
  --sub-font:                      'Roboto', sans-serif;
  --font-size-h1:                  0.42rem;
  --font-size-h2:                  0.3rem;
  --font-size-h3:                  0.2rem;
  --font-size-desc1:               0.18rem;
  --font-size-desc2:               0.16rem;
  --font-size-link:                0.16rem;
  --font-size-btn-title-1:         0.16rem;
  --font-size-btn-title-2:         0.14rem;
  --font-weight-1:                 100;
  --font-weight-2:                 200;
  --font-weight-3:                 300;
  --font-weight-4:                 400;
  --font-weight-5:                 500;
  --font-weight-6:                 600;
  --font-weight-7:                 700;
  --line-height-0:                 0;
  --line-height-initial:           initial;
  --line-height-h1:                0.5rem;
  --line-height-h2:                0.36rem;
  --line-height-h3:                0.3rem;
  --line-height-desc1:             0.26rem;
  --line-height-desc2:             0.22rem;
  --line-height-link:              0.24rem;
  --line-height-btn-title-1:       0.5rem;
  --line-height-btn-title-2:       0.2rem;
  --letter-spacing:                normal;
  --letter-spacing-0:              0; }

@media all and (max-width: 768px) {
  :root {
    --font-size-h1:                  0.36rem;
    --font-size-h2:                  0.28rem;
    --line-height-h1:                0.42rem;
    --line-height-h2:                0.32rem;
    --font-size-desc1:               0.14rem;
    --font-size-desc2:               0.14rem;
    --line-height-desc1:             0.2rem;
    --line-height-desc2:             0.2rem;
    --font-size-btn-title-1:         0.14rem;
    --font-size-btn-title-2:         0.14rem; } }

@media all and (max-width: 480px) {
  :root {
    --font-size-h1:                  0.22rem;
    --font-size-h2:                  0.2rem;
    --font-size-h3:                  0.16rem;
    --font-size-desc1:               0.12rem;
    --font-size-desc2:               0.12rem;
    --font-size-link:                0.12rem;
    --font-size-btn-title-1:         0.12rem;
    --font-size-btn-title-2:         0.12rem;
    --line-height-h1:                0.28rem;
    --line-height-h2:                0.24rem;
    --line-height-h3:                0.2rem;
    --line-height-desc1:             0.17rem;
    --line-height-desc2:             0.17rem;
    --line-height-link:              0.17rem;
    --line-height-btn-title-1:       0.2rem;
    --line-height-btn-title-2:       0.17rem; } }

:root {
  --color-black:                  #121212;
  --color-white:                  #FFFFFF;
  --color-white-off:              #EEEEEE;
  --color-gray:                   #808080;
  --color-green:                  #00FF57; }

:root {
  --container-width:  12rem;
  --header-nav-ml:    2.62rem;
  --logo-width:       1.38rem;
  --logo-ml:          0.22rem; }

@media all and (max-width: 768px) {
  :root {
    --container-width: 7.46rem; } }

@media all and (max-width: 480px) {
  :root {
    --container-width: 2.8rem; } }

html.center-text, body.center-text, div.center-text, span.center-text,
h1.center-text, h2.center-text, h3.center-text, h4.center-text, h5.center-text, h6.center-text, p.center-text, blockquote.center-text,
a.center-text, small.center-text, strong.center-text, ul.center-text, li.center-text, form.center-text, label.center-text,
article.center-text, footer.center-text, header.center-text, nav.center-text, section.center-text {
  text-align: center; }

html.left-text, body.left-text, div.left-text, span.left-text,
h1.left-text, h2.left-text, h3.left-text, h4.left-text, h5.left-text, h6.left-text, p.left-text, blockquote.left-text,
a.left-text, small.left-text, strong.left-text, ul.left-text, li.left-text, form.left-text, label.left-text,
article.left-text, footer.left-text, header.left-text, nav.left-text, section.left-text {
  text-align: left; }

html.right-text, body.right-text, div.right-text, span.right-text,
h1.right-text, h2.right-text, h3.right-text, h4.right-text, h5.right-text, h6.right-text, p.right-text, blockquote.right-text,
a.right-text, small.right-text, strong.right-text, ul.right-text, li.right-text, form.right-text, label.right-text,
article.right-text, footer.right-text, header.right-text, nav.right-text, section.right-text {
  text-align: right; }

html.cap-text, body.cap-text, div.cap-text, span.cap-text,
h1.cap-text, h2.cap-text, h3.cap-text, h4.cap-text, h5.cap-text, h6.cap-text, p.cap-text, blockquote.cap-text,
a.cap-text, small.cap-text, strong.cap-text, ul.cap-text, li.cap-text, form.cap-text, label.cap-text,
article.cap-text, footer.cap-text, header.cap-text, nav.cap-text, section.cap-text {
  text-transform: capitalize; }

html.up-text, body.up-text, div.up-text, span.up-text,
h1.up-text, h2.up-text, h3.up-text, h4.up-text, h5.up-text, h6.up-text, p.up-text, blockquote.up-text,
a.up-text, small.up-text, strong.up-text, ul.up-text, li.up-text, form.up-text, label.up-text,
article.up-text, footer.up-text, header.up-text, nav.up-text, section.up-text {
  text-transform: uppercase; }

html.low-text, body.low-text, div.low-text, span.low-text,
h1.low-text, h2.low-text, h3.low-text, h4.low-text, h5.low-text, h6.low-text, p.low-text, blockquote.low-text,
a.low-text, small.low-text, strong.low-text, ul.low-text, li.low-text, form.low-text, label.low-text,
article.low-text, footer.low-text, header.low-text, nav.low-text, section.low-text {
  text-transform: lowercase; }

html.title-h1, body.title-h1, div.title-h1, span.title-h1,
h1.title-h1, h2.title-h1, h3.title-h1, h4.title-h1, h5.title-h1, h6.title-h1, p.title-h1, blockquote.title-h1,
a.title-h1, small.title-h1, strong.title-h1, ul.title-h1, li.title-h1, form.title-h1, label.title-h1,
article.title-h1, footer.title-h1, header.title-h1, nav.title-h1, section.title-h1 {
  color: #FFFFFF;
  color: var(--color-white);
  font-family: 'Roboto Mono', monospace;
  font-family: var(--main-font);
  font-size: 0.42rem;
  font-size: var(--font-size-h1);
  font-weight: 300;
  font-weight: var(--font-weight-3);
  letter-spacing: normal;
  letter-spacing: var(--letter-spacing);
  line-height: 0.5rem;
  line-height: var(--line-height-h1); }

html.title-h2, body.title-h2, div.title-h2, span.title-h2,
h1.title-h2, h2.title-h2, h3.title-h2, h4.title-h2, h5.title-h2, h6.title-h2, p.title-h2, blockquote.title-h2,
a.title-h2, small.title-h2, strong.title-h2, ul.title-h2, li.title-h2, form.title-h2, label.title-h2,
article.title-h2, footer.title-h2, header.title-h2, nav.title-h2, section.title-h2 {
  color: #FFFFFF;
  color: var(--color-white);
  font-family: 'Roboto Mono', monospace;
  font-family: var(--main-font);
  font-size: 0.3rem;
  font-size: var(--font-size-h2);
  font-weight: 300;
  font-weight: var(--font-weight-3);
  letter-spacing: normal;
  letter-spacing: var(--letter-spacing);
  line-height: 0.36rem;
  line-height: var(--line-height-h2); }

html.title-h3, body.title-h3, div.title-h3, span.title-h3,
h1.title-h3, h2.title-h3, h3.title-h3, h4.title-h3, h5.title-h3, h6.title-h3, p.title-h3, blockquote.title-h3,
a.title-h3, small.title-h3, strong.title-h3, ul.title-h3, li.title-h3, form.title-h3, label.title-h3,
article.title-h3, footer.title-h3, header.title-h3, nav.title-h3, section.title-h3 {
  color: #FFFFFF;
  color: var(--color-white);
  font-family: 'Roboto Mono', monospace;
  font-family: var(--main-font);
  font-size: 0.2rem;
  font-size: var(--font-size-h3);
  font-weight: 300;
  font-weight: var(--font-weight-3);
  letter-spacing: normal;
  letter-spacing: var(--letter-spacing);
  line-height: 0.3rem;
  line-height: var(--line-height-h3); }

html.desc-1, body.desc-1, div.desc-1, span.desc-1,
h1.desc-1, h2.desc-1, h3.desc-1, h4.desc-1, h5.desc-1, h6.desc-1, p.desc-1, blockquote.desc-1,
a.desc-1, small.desc-1, strong.desc-1, ul.desc-1, li.desc-1, form.desc-1, label.desc-1,
article.desc-1, footer.desc-1, header.desc-1, nav.desc-1, section.desc-1 {
  color: #EEEEEE;
  color: var(--color-white-off);
  font-family: 'Roboto', sans-serif;
  font-family: var(--sub-font);
  font-size: 0.18rem;
  font-size: var(--font-size-desc1);
  font-weight: 400;
  font-weight: var(--font-weight-4);
  letter-spacing: normal;
  letter-spacing: var(--letter-spacing);
  line-height: 0.26rem;
  line-height: var(--line-height-desc1); }

html.desc-2, body.desc-2, div.desc-2, span.desc-2,
h1.desc-2, h2.desc-2, h3.desc-2, h4.desc-2, h5.desc-2, h6.desc-2, p.desc-2, blockquote.desc-2,
a.desc-2, small.desc-2, strong.desc-2, ul.desc-2, li.desc-2, form.desc-2, label.desc-2,
article.desc-2, footer.desc-2, header.desc-2, nav.desc-2, section.desc-2 {
  color: #EEEEEE;
  color: var(--color-white-off);
  font-family: 'Roboto', sans-serif;
  font-family: var(--sub-font);
  font-size: 0.16rem;
  font-size: var(--font-size-desc2);
  font-weight: 400;
  font-weight: var(--font-weight-4);
  letter-spacing: normal;
  letter-spacing: var(--letter-spacing);
  line-height: 0.22rem;
  line-height: var(--line-height-desc2); }

html.link, body.link, div.link, span.link,
h1.link, h2.link, h3.link, h4.link, h5.link, h6.link, p.link, blockquote.link,
a.link, small.link, strong.link, ul.link, li.link, form.link, label.link,
article.link, footer.link, header.link, nav.link, section.link {
  color: #EEEEEE;
  color: var(--color-white-off);
  font-family: 'Roboto', sans-serif;
  font-family: var(--sub-font);
  font-size: 0.16rem;
  font-size: var(--font-size-link);
  font-weight: 400;
  font-weight: var(--font-weight-4);
  letter-spacing: normal;
  letter-spacing: var(--letter-spacing);
  line-height: 0.24rem;
  line-height: var(--line-height-link);
  transition: color 0.25s ease; }
  html.link:hover, body.link:hover, div.link:hover, span.link:hover,
  h1.link:hover, h2.link:hover, h3.link:hover, h4.link:hover, h5.link:hover, h6.link:hover, p.link:hover, blockquote.link:hover,
  a.link:hover, small.link:hover, strong.link:hover, ul.link:hover, li.link:hover, form.link:hover, label.link:hover,
  article.link:hover, footer.link:hover, header.link:hover, nav.link:hover, section.link:hover {
    color: #FFFFFF;
    color: var(--color-white); }

html.link-cta, body.link-cta, div.link-cta, span.link-cta,
h1.link-cta, h2.link-cta, h3.link-cta, h4.link-cta, h5.link-cta, h6.link-cta, p.link-cta, blockquote.link-cta,
a.link-cta, small.link-cta, strong.link-cta, ul.link-cta, li.link-cta, form.link-cta, label.link-cta,
article.link-cta, footer.link-cta, header.link-cta, nav.link-cta, section.link-cta {
  color: #00FF57;
  color: var(--color-green);
  font-family: 'Roboto Mono', monospace;
  font-family: var(--main-font);
  font-size: 0.16rem;
  font-size: var(--font-size-link);
  font-weight: 400;
  font-weight: var(--font-weight-4);
  letter-spacing: normal;
  letter-spacing: var(--letter-spacing);
  line-height: 0.24rem;
  line-height: var(--line-height-link);
  overflow: visible;
  display: inline-block;
  position: relative; }
  html.link-cta:after, body.link-cta:after, div.link-cta:after, span.link-cta:after,
  h1.link-cta:after, h2.link-cta:after, h3.link-cta:after, h4.link-cta:after, h5.link-cta:after, h6.link-cta:after, p.link-cta:after, blockquote.link-cta:after,
  a.link-cta:after, small.link-cta:after, strong.link-cta:after, ul.link-cta:after, li.link-cta:after, form.link-cta:after, label.link-cta:after,
  article.link-cta:after, footer.link-cta:after, header.link-cta:after, nav.link-cta:after, section.link-cta:after {
    content: '';
    display: block;
    width: 0.1rem;
    height: 0.056rem;
    position: absolute;
    top: 58%;
    -webkit-transform: translate(0, -50%);
            transform: translate(0, -50%);
    right: -0.15rem;
    background-image: url(assets/img/link-arrow.svg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    will-change: transform;
    transition: -webkit-transform 0.25s ease;
    transition: transform 0.25s ease;
    transition: transform 0.25s ease, -webkit-transform 0.25s ease; }
  html.link-cta:hover:after, body.link-cta:hover:after, div.link-cta:hover:after, span.link-cta:hover:after,
  h1.link-cta:hover:after, h2.link-cta:hover:after, h3.link-cta:hover:after, h4.link-cta:hover:after, h5.link-cta:hover:after, h6.link-cta:hover:after, p.link-cta:hover:after, blockquote.link-cta:hover:after,
  a.link-cta:hover:after, small.link-cta:hover:after, strong.link-cta:hover:after, ul.link-cta:hover:after, li.link-cta:hover:after, form.link-cta:hover:after, label.link-cta:hover:after,
  article.link-cta:hover:after, footer.link-cta:hover:after, header.link-cta:hover:after, nav.link-cta:hover:after, section.link-cta:hover:after {
    -webkit-transform: translate(0.05rem, -50%);
            transform: translate(0.05rem, -50%); }

html.btn-title-1, body.btn-title-1, div.btn-title-1, span.btn-title-1,
h1.btn-title-1, h2.btn-title-1, h3.btn-title-1, h4.btn-title-1, h5.btn-title-1, h6.btn-title-1, p.btn-title-1, blockquote.btn-title-1,
a.btn-title-1, small.btn-title-1, strong.btn-title-1, ul.btn-title-1, li.btn-title-1, form.btn-title-1, label.btn-title-1,
article.btn-title-1, footer.btn-title-1, header.btn-title-1, nav.btn-title-1, section.btn-title-1 {
  color: #121212;
  color: var(--color-black);
  font-family: 'Roboto Mono', monospace;
  font-family: var(--main-font);
  font-size: 0.16rem;
  font-size: var(--font-size-btn-title-1);
  font-weight: 400;
  font-weight: var(--font-weight-4);
  letter-spacing: normal;
  letter-spacing: var(--letter-spacing);
  line-height: 0.5rem;
  line-height: var(--line-height-btn-title-1); }

html.btn-title-2, body.btn-title-2, div.btn-title-2, span.btn-title-2,
h1.btn-title-2, h2.btn-title-2, h3.btn-title-2, h4.btn-title-2, h5.btn-title-2, h6.btn-title-2, p.btn-title-2, blockquote.btn-title-2,
a.btn-title-2, small.btn-title-2, strong.btn-title-2, ul.btn-title-2, li.btn-title-2, form.btn-title-2, label.btn-title-2,
article.btn-title-2, footer.btn-title-2, header.btn-title-2, nav.btn-title-2, section.btn-title-2 {
  color: #00FF57;
  color: var(--color-green);
  font-family: 'Roboto', sans-serif;
  font-family: var(--sub-font);
  font-size: 0.14rem;
  font-size: var(--font-size-btn-title-2);
  font-weight: 400;
  font-weight: var(--font-weight-4);
  letter-spacing: normal;
  letter-spacing: var(--letter-spacing);
  line-height: 0.2rem;
  line-height: var(--line-height-btn-title-2); }

html::-moz-selection, body::-moz-selection, div::-moz-selection, span::-moz-selection,
h1::-moz-selection, h2::-moz-selection, h3::-moz-selection, h4::-moz-selection, h5::-moz-selection, h6::-moz-selection, p::-moz-selection, blockquote::-moz-selection,
a::-moz-selection, small::-moz-selection, strong::-moz-selection, ul::-moz-selection, li::-moz-selection, form::-moz-selection, label::-moz-selection,
article::-moz-selection, footer::-moz-selection, header::-moz-selection, nav::-moz-selection, section::-moz-selection {
  color: #00FF57;
  color: var(--color-green);
  background: none;
  text-shadow: none; }

html::selection, body::selection, div::selection, span::selection,
h1::selection, h2::selection, h3::selection, h4::selection, h5::selection, h6::selection, p::selection, blockquote::selection,
a::selection, small::selection, strong::selection, ul::selection, li::selection, form::selection, label::selection,
article::selection, footer::selection, header::selection, nav::selection, section::selection {
  color: #00FF57;
  color: var(--color-green);
  background: none;
  text-shadow: none; }

:root {
  --main-font:                     'Roboto Mono', monospace;
  --sub-font:                      'Roboto', sans-serif;
  --font-size-h1:                  0.42rem;
  --font-size-h2:                  0.3rem;
  --font-size-h3:                  0.2rem;
  --font-size-desc1:               0.18rem;
  --font-size-desc2:               0.16rem;
  --font-size-link:                0.16rem;
  --font-size-btn-title-1:         0.16rem;
  --font-size-btn-title-2:         0.14rem;
  --font-weight-1:                 100;
  --font-weight-2:                 200;
  --font-weight-3:                 300;
  --font-weight-4:                 400;
  --font-weight-5:                 500;
  --font-weight-6:                 600;
  --font-weight-7:                 700;
  --line-height-0:                 0;
  --line-height-initial:           initial;
  --line-height-h1:                0.5rem;
  --line-height-h2:                0.36rem;
  --line-height-h3:                0.3rem;
  --line-height-desc1:             0.26rem;
  --line-height-desc2:             0.22rem;
  --line-height-link:              0.24rem;
  --line-height-btn-title-1:       0.5rem;
  --line-height-btn-title-2:       0.2rem;
  --letter-spacing:                normal;
  --letter-spacing-0:              0; }

@media all and (max-width: 768px) {
  :root {
    --font-size-h1:                  0.36rem;
    --font-size-h2:                  0.28rem;
    --line-height-h1:                0.42rem;
    --line-height-h2:                0.32rem;
    --font-size-desc1:               0.14rem;
    --font-size-desc2:               0.14rem;
    --line-height-desc1:             0.2rem;
    --line-height-desc2:             0.2rem;
    --font-size-btn-title-1:         0.14rem;
    --font-size-btn-title-2:         0.14rem; } }

@media all and (max-width: 480px) {
  :root {
    --font-size-h1:                  0.22rem;
    --font-size-h2:                  0.2rem;
    --font-size-h3:                  0.16rem;
    --font-size-desc1:               0.12rem;
    --font-size-desc2:               0.12rem;
    --font-size-link:                0.12rem;
    --font-size-btn-title-1:         0.12rem;
    --font-size-btn-title-2:         0.12rem;
    --line-height-h1:                0.28rem;
    --line-height-h2:                0.24rem;
    --line-height-h3:                0.2rem;
    --line-height-desc1:             0.17rem;
    --line-height-desc2:             0.17rem;
    --line-height-link:              0.17rem;
    --line-height-btn-title-1:       0.2rem;
    --line-height-btn-title-2:       0.17rem; } }

:root {
  --color-black:                  #121212;
  --color-white:                  #FFFFFF;
  --color-white-off:              #EEEEEE;
  --color-gray:                   #808080;
  --color-green:                  #00FF57; }

:root {
  --container-width:  12rem;
  --header-nav-ml:    2.62rem;
  --logo-width:       1.38rem;
  --logo-ml:          0.22rem; }

@media all and (max-width: 768px) {
  :root {
    --container-width: 7.46rem; } }

@media all and (max-width: 480px) {
  :root {
    --container-width: 2.8rem; } }

.btn {
  position: relative;
  display: inline-flex;
  align-items: center;
  outline: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  padding: 0 0.25rem;
  overflow: hidden;
  text-align: center;
  transition: all 0.4s ease; }
  .btn.btn-primary {
    position: relative;
    height: 0.5rem;
    background-color: #00FF57;
    background-color: var(--color-green);
    overflow: visible;
    box-shadow: inset 0 0 0 1px #00FF57;
    box-shadow: inset 0 0 0 1px var(--color-green); }
    .btn.btn-primary:after {
      content: '';
      display: block;
      position: absolute;
      bottom: -0.01rem;
      left: 0;
      height: 1px;
      width: 100%;
      background-color: #00FF57;
      background-color: var(--color-green);
      -webkit-transform: translateY(0);
              transform: translateY(0);
      transition: all 0.3s ease;
      will-change: transform;
      opacity: 0; }
    .btn.btn-primary:hover:after {
      opacity: 1;
      -webkit-transform: translateY(0.05rem);
              transform: translateY(0.05rem); }
    .btn.btn-primary:active:after {
      -webkit-transform: translateY(0.03rem);
              transform: translateY(0.03rem); }
  .btn.btn-ghost {
    height: 0.4rem;
    background-color: transparent;
    overflow: visible;
    padding: 0 0.2rem;
    box-shadow: inset 0 0 0 1px #00FF57;
    box-shadow: inset 0 0 0 1px var(--color-green); }
    .btn.btn-ghost:after {
      content: '';
      display: block;
      position: absolute;
      bottom: -0.01rem;
      left: 0;
      height: 1px;
      width: 100%;
      background-color: #00FF57;
      background-color: var(--color-green);
      -webkit-transform: translateY(0);
              transform: translateY(0);
      transition: all 0.3s ease;
      will-change: transform;
      opacity: 0; }
    .btn.btn-ghost:hover:after {
      opacity: 1;
      -webkit-transform: translateY(0.05rem);
              transform: translateY(0.05rem); }
    .btn.btn-ghost:active:after {
      -webkit-transform: translateY(0.03rem);
              transform: translateY(0.03rem); }

@media only screen and (max-width: 768px) {
  .btn {
    padding: 0 0.2rem; } }

@media only screen and (max-width: 480px) {
  .btn {
    padding: 0 0.15rem; }
    .btn.btn-ghost {
      padding: 0 0.15rem;
      height: 0.3rem; }
    .btn.btn-primary {
      height: 0.4rem; } }

header {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 200;
  border-bottom: 1px solid transparent;
  opacity: 0; }
  header.show-menu {
    background-color: #121212;
    background-color: var(--color-black);
    border-bottom: 1px solid #FFFFFF;
    border-bottom: 1px solid var(--color-white); }
    header.show-menu .header-container {
      height: 0.8rem; }

.header-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 1.2rem;
  background-color: transparent;
  transition: all 0.3s ease; }
  .header-container .logo-wrap {
    display: inline-block;
    width: 1.38rem;
    width: var(--logo-width);
    height: 0.2rem;
    margin-left: 0.22rem;
    margin-left: var(--logo-ml); }
    .header-container .logo-wrap .logo {
      display: inline-block; }
      .header-container .logo-wrap .logo img {
        width: 100%;
        height: 100%; }
  .header-container .main-nav-wrap .menu-list {
    display: flex;
    margin-left: -1.18rem; }
    .header-container .main-nav-wrap .menu-list .menu-item:not(:last-child) {
      margin-right: 0.24rem; }
    .header-container .main-nav-wrap .menu-list .menu-item .link {
      cursor: pointer;
      transition: all 0.4s ease;
      will-change: color; }
      .header-container .main-nav-wrap .menu-list .menu-item .link:hover {
        color: #FFFFFF;
        color: var(--color-white); }
  .header-container .cta-nav-wrap {
    margin-left: 0; }
    .header-container .cta-nav-wrap .btn {
      margin-left: 0; }

.menu-btn {
  display: none;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 0.3rem;
  height: 0.3rem;
  border: 1px solid #FFFFFF;
  border: 1px solid var(--color-white);
  position: absolute;
  left: 0.11rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%); }
  .menu-btn span {
    display: block;
    width: 0.14rem;
    height: 1px;
    border: 1px solid #FFFFFF;
    border: 1px solid var(--color-white);
    transition: 0.25s ease;
    will-change: transform; }
    .menu-btn span:not(:last-child) {
      margin-bottom: 0.026rem; }
  .menu-btn.active span:nth-child(1) {
    -webkit-transform: rotate(-45deg) translate(-0.03rem, 0.032rem);
            transform: rotate(-45deg) translate(-0.03rem, 0.032rem); }
  .menu-btn.active span:nth-child(2) {
    opacity: 0; }
  .menu-btn.active span:nth-child(3) {
    -webkit-transform: rotate(45deg) translate(-0.03rem, -0.0345rem);
            transform: rotate(45deg) translate(-0.03rem, -0.0345rem); }

@media all and (max-width: 768px) {
  header {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    background-color: transparent;
    z-index: 200;
    background-color: #121212;
    background-color: var(--color-black); }
  .menu-btn {
    display: flex; }
  .header-container {
    height: 1rem;
    justify-content: space-between;
    padding: 0 0.11rem; }
    .header-container .logo-wrap {
      margin-left: 0.5rem; }
    .header-container .main-nav-wrap {
      display: none; }
    .header-container .cta-nav-wrap {
      margin-left: 0; }
      .header-container .cta-nav-wrap .btn {
        margin-left: 0.21rem; } }

@media all and (max-width: 480px) {
  header.show-menu .header-container {
    height: 0.5rem; }
  .menu-btn {
    left: 0; }
  .header-container {
    height: 0.9rem;
    padding: 0; }
    .header-container .logo-wrap {
      height: 0.12rem;
      width: 0.84rem;
      margin-left: 0.42rem; }
      .header-container .logo-wrap .logo {
        height: 100%; }
    .header-container .main-nav-wrap {
      display: none; }
    .header-container .cta-nav-wrap {
      margin-left: 0; }
      .header-container .cta-nav-wrap .link {
        display: none; }
      .header-container .cta-nav-wrap .btn {
        margin-left: 0; } }

footer {
  width: 100%;
  padding-top: 2rem;
  padding-bottom: 1rem; }
  footer .footer-container {
    display: flex;
    justify-content: space-between;
    padding-left: 0.22rem;
    padding-right: 0.07rem; }

@media only screen and (max-width: 768px) {
  footer {
    padding-top: 1rem;
    padding-bottom: 0.5rem; }
    footer .footer-container {
      padding-left: 0.12rem;
      padding-right: 0.1rem; } }

@media only screen and (max-width: 480px) {
  footer {
    padding-top: 0.5rem;
    padding-bottom: 0.3rem; }
    footer .footer-container {
      padding-left: 0;
      padding-right: 0; } }

#mobile-menu {
  position: fixed;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  height: 100vh;
  top: 0;
  left: 0;
  right: 0;
  overflow-y: auto;
  z-index: 10;
  -webkit-transform: translate3d(0, -100%, 0);
          transform: translate3d(0, -100%, 0);
  background-color: #121212;
  background-color: var(--color-black); }
  #mobile-menu .container {
    width: 100%; }

.menu-header {
  margin-top: 1rem;
  padding: 0.2rem;
  padding-top: 0.15rem;
  padding-bottom: 0.18rem;
  border: 1px solid #FFFFFF;
  border: 1px solid var(--color-white); }
  .menu-header .title {
    text-transform: uppercase;
    font-weight: 300;
    font-size: 0.13rem;
    line-height: 0.24rem;
    color: #FFFFFF;
    color: var(--color-white); }

.menu-items-list {
  margin-top: 0rem; }
  .menu-items-list .menu-item {
    position: relative;
    display: flex;
    justify-content: space-between;
    border: 1px solid #FFFFFF;
    border: 1px solid var(--color-white);
    border-top: none; }
    .menu-items-list .menu-item .anchor-link {
      width: 100%;
      padding: 0.2rem;
      padding-bottom: 0.24rem; }
    .menu-items-list .menu-item img {
      position: absolute;
      right: 0.2rem;
      top: 50%;
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%); }

@media all and (min-width: 768px) {
  #mobile-menu {
    display: none; } }

@media only screen and (max-width: 767px) and (orientation: landscape) {
  .menu-items-list {
    overflow-y: scroll; }
  #mobile-menu .container {
    overflow-y: scroll; } }

@media all and (max-width: 768px) {
  #mobile-menu {
    display: flex; }
  .menu-header {
    margin-top: 0.8rem; } }

@media all and (max-width: 480px) {
  .menu-header {
    margin-top: 0.5rem; } }

* {
  box-sizing: border-box; }

html, body {
  width: 100%; }

body,
main {
  overflow-x: hidden; }

body {
  display: flex;
  flex-direction: column;
  font-family: 'Roboto Mono', monospace;
  font-family: var(--main-font);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  background-color: #121212;
  background-color: var(--color-black);
  font-size: medium;
  font-size: initial; }
  body.mobile-menu-open {
    overflow: hidden; }
  body.modal-active {
    overflow: hidden; }

main {
  position: relative;
  width: 100%; }

.footer {
  width: 100%;
  flex: 0 0 auto; }

a {
  text-decoration: none;
  outline: none; }

img {
  max-width: 100%;
  height: auto; }

section {
  position: relative;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  overflow: hidden; }

.fluid-container {
  width: 100%;
  position: relative; }

.container {
  position: relative;
  width: 12rem;
  width: var(--container-width);
  min-width: 12rem;
  min-width: var(--container-width);
  margin: 0 auto; }

.row {
  display: flex;
  flex-direction: row; }

.row-reverse {
  display: flex;
  flex-direction: row-reverse; }

.column {
  display: flex;
  flex-direction: column; }

.column-reverse {
  display: flex;
  flex-direction: column-reverse; }

.s-visible,
.xs-visible,
.xxs-visible {
  display: none; }

.lazy {
  opacity: 0;
  transition: opacity 0.4s ease; }
  .lazyLoaded {
    opacity: 1; }

input::-webkit-input-placeholder, input::-webkit-input-placeholder {
  transition: all .3s; }

input::-webkit-input-placeholder, input::placeholder {
  transition: all .3s; }

input:focus::-webkit-input-placeholder, input:focus::-webkit-input-placeholder {
  color: transparent; }

input:focus::-webkit-input-placeholder, input:focus::placeholder {
  color: transparent; }

button[type='submit'] {
  cursor: pointer; }

img::-moz-selection {
  color: #00FF57;
  color: var(--color-green);
  background: none;
  text-shadow: none; }

img::selection {
  color: #00FF57;
  color: var(--color-green);
  background: none;
  text-shadow: none; }

@media only screen and (max-width: 1024px) {
  .s-hidden {
    display: none; }
  .s-visible {
    display: block; } }

@media only screen and (max-width: 850px) {
  .xs-hidden {
    display: none; }
  .xs-visible {
    display: block; } }

@media only screen and (max-width: 690px) {
  body.modal-active {
    position: fixed; }
  .xxs-visible {
    display: block; }
  .xxs-hidden {
    display: none; } }

main, header {
  opacity: 1; }
  main.ie__main, header.ie__main {
    background-color: #000000 !important; }
    main.ie__main span, main.ie__main p, main.ie__main h2, header.ie__main span, header.ie__main p, header.ie__main h2 {
      color: white !important; }

.section-ie {
  visibility: visible;
  display: flex;
  align-items: center;
  z-index: auto;
  z-index: initial;
  height: 100vh; }
  .section-ie .container {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: -0.02rem; }
  .section-ie .ie__text-block {
    text-align: center;
    margin-top: -0.38rem; }
  .section-ie .ie__text-block__title {
    margin-bottom: 0.65rem; }
  .section-ie .ie__text-block__subtitle {
    margin-bottom: 0.48rem; }
  .section-ie .ie-browsers {
    display: flex;
    justify-content: space-between;
    width: 5.6rem;
    margin: 0 auto; }
  .section-ie .ie-browsers__item .ie-browsers__item__image,
  .section-ie .ie-browsers__item .ie-browsers__item__text {
    transition: all .3s ease; }
  .section-ie .ie-browsers__item:first-child .ie-browsers__item__image {
    width: 0.63rem;
    height: 0.63rem; }
  .section-ie .ie-browsers__item__link {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    height: 0.91rem; }
    .section-ie .ie-browsers__item__link:hover .ie-browsers__item__image {
      -webkit-transform: scale(1.2);
              transform: scale(1.2); }
    .section-ie .ie-browsers__item__link:hover .ie-browsers__item__text {
      line-height: 0.8rem; }
  .section-ie .ie-browsers__item__image {
    width: 0.6rem;
    height: 0.6rem; }

@media only screen and (max-width: 768px) {
  body.one-page-scroll .section-ie {
    position: absolute; } }

html {
  font-size: calc(10000vw / 1440); }

@media all and (max-width: 768px) {
  html {
    font-size: calc(10000vw / 768); } }

@media all and (max-width: 480px) {
  html {
    font-size: calc(10000vw / 320); } }

:root {
  --main-font:                     'Roboto Mono', monospace;
  --sub-font:                      'Roboto', sans-serif;
  --font-size-h1:                  0.42rem;
  --font-size-h2:                  0.3rem;
  --font-size-h3:                  0.2rem;
  --font-size-desc1:               0.18rem;
  --font-size-desc2:               0.16rem;
  --font-size-link:                0.16rem;
  --font-size-btn-title-1:         0.16rem;
  --font-size-btn-title-2:         0.14rem;
  --font-weight-1:                 100;
  --font-weight-2:                 200;
  --font-weight-3:                 300;
  --font-weight-4:                 400;
  --font-weight-5:                 500;
  --font-weight-6:                 600;
  --font-weight-7:                 700;
  --line-height-0:                 0;
  --line-height-initial:           initial;
  --line-height-h1:                0.5rem;
  --line-height-h2:                0.36rem;
  --line-height-h3:                0.3rem;
  --line-height-desc1:             0.26rem;
  --line-height-desc2:             0.22rem;
  --line-height-link:              0.24rem;
  --line-height-btn-title-1:       0.5rem;
  --line-height-btn-title-2:       0.2rem;
  --letter-spacing:                normal;
  --letter-spacing-0:              0; }

@media all and (max-width: 768px) {
  :root {
    --font-size-h1:                  0.36rem;
    --font-size-h2:                  0.28rem;
    --line-height-h1:                0.42rem;
    --line-height-h2:                0.32rem;
    --font-size-desc1:               0.14rem;
    --font-size-desc2:               0.14rem;
    --line-height-desc1:             0.2rem;
    --line-height-desc2:             0.2rem;
    --font-size-btn-title-1:         0.14rem;
    --font-size-btn-title-2:         0.14rem; } }

@media all and (max-width: 480px) {
  :root {
    --font-size-h1:                  0.22rem;
    --font-size-h2:                  0.2rem;
    --font-size-h3:                  0.16rem;
    --font-size-desc1:               0.12rem;
    --font-size-desc2:               0.12rem;
    --font-size-link:                0.12rem;
    --font-size-btn-title-1:         0.12rem;
    --font-size-btn-title-2:         0.12rem;
    --line-height-h1:                0.28rem;
    --line-height-h2:                0.24rem;
    --line-height-h3:                0.2rem;
    --line-height-desc1:             0.17rem;
    --line-height-desc2:             0.17rem;
    --line-height-link:              0.17rem;
    --line-height-btn-title-1:       0.2rem;
    --line-height-btn-title-2:       0.17rem; } }

:root {
  --color-black:                  #121212;
  --color-white:                  #FFFFFF;
  --color-white-off:              #EEEEEE;
  --color-gray:                   #808080;
  --color-green:                  #00FF57; }

:root {
  --container-width:  12rem;
  --header-nav-ml:    2.62rem;
  --logo-width:       1.38rem;
  --logo-ml:          0.22rem; }

@media all and (max-width: 768px) {
  :root {
    --container-width: 7.46rem; } }

@media all and (max-width: 480px) {
  :root {
    --container-width: 2.8rem; } }

:root {
  --main-font:                     'Roboto Mono', monospace;
  --sub-font:                      'Roboto', sans-serif;
  --font-size-h1:                  0.42rem;
  --font-size-h2:                  0.3rem;
  --font-size-h3:                  0.2rem;
  --font-size-desc1:               0.18rem;
  --font-size-desc2:               0.16rem;
  --font-size-link:                0.16rem;
  --font-size-btn-title-1:         0.16rem;
  --font-size-btn-title-2:         0.14rem;
  --font-weight-1:                 100;
  --font-weight-2:                 200;
  --font-weight-3:                 300;
  --font-weight-4:                 400;
  --font-weight-5:                 500;
  --font-weight-6:                 600;
  --font-weight-7:                 700;
  --line-height-0:                 0;
  --line-height-initial:           initial;
  --line-height-h1:                0.5rem;
  --line-height-h2:                0.36rem;
  --line-height-h3:                0.3rem;
  --line-height-desc1:             0.26rem;
  --line-height-desc2:             0.22rem;
  --line-height-link:              0.24rem;
  --line-height-btn-title-1:       0.5rem;
  --line-height-btn-title-2:       0.2rem;
  --letter-spacing:                normal;
  --letter-spacing-0:              0; }

@media all and (max-width: 768px) {
  :root {
    --font-size-h1:                  0.36rem;
    --font-size-h2:                  0.28rem;
    --line-height-h1:                0.42rem;
    --line-height-h2:                0.32rem;
    --font-size-desc1:               0.14rem;
    --font-size-desc2:               0.14rem;
    --line-height-desc1:             0.2rem;
    --line-height-desc2:             0.2rem;
    --font-size-btn-title-1:         0.14rem;
    --font-size-btn-title-2:         0.14rem; } }

@media all and (max-width: 480px) {
  :root {
    --font-size-h1:                  0.22rem;
    --font-size-h2:                  0.2rem;
    --font-size-h3:                  0.16rem;
    --font-size-desc1:               0.12rem;
    --font-size-desc2:               0.12rem;
    --font-size-link:                0.12rem;
    --font-size-btn-title-1:         0.12rem;
    --font-size-btn-title-2:         0.12rem;
    --line-height-h1:                0.28rem;
    --line-height-h2:                0.24rem;
    --line-height-h3:                0.2rem;
    --line-height-desc1:             0.17rem;
    --line-height-desc2:             0.17rem;
    --line-height-link:              0.17rem;
    --line-height-btn-title-1:       0.2rem;
    --line-height-btn-title-2:       0.17rem; } }

:root {
  --color-black:                  #121212;
  --color-white:                  #FFFFFF;
  --color-white-off:              #EEEEEE;
  --color-gray:                   #808080;
  --color-green:                  #00FF57; }

:root {
  --container-width:  12rem;
  --header-nav-ml:    2.62rem;
  --logo-width:       1.38rem;
  --logo-ml:          0.22rem; }

@media all and (max-width: 768px) {
  :root {
    --container-width: 7.46rem; } }

@media all and (max-width: 480px) {
  :root {
    --container-width: 2.8rem; } }

html.center-text, body.center-text, div.center-text, span.center-text,
h1.center-text, h2.center-text, h3.center-text, h4.center-text, h5.center-text, h6.center-text, p.center-text, blockquote.center-text,
a.center-text, small.center-text, strong.center-text, ul.center-text, li.center-text, form.center-text, label.center-text,
article.center-text, footer.center-text, header.center-text, nav.center-text, section.center-text {
  text-align: center; }

html.left-text, body.left-text, div.left-text, span.left-text,
h1.left-text, h2.left-text, h3.left-text, h4.left-text, h5.left-text, h6.left-text, p.left-text, blockquote.left-text,
a.left-text, small.left-text, strong.left-text, ul.left-text, li.left-text, form.left-text, label.left-text,
article.left-text, footer.left-text, header.left-text, nav.left-text, section.left-text {
  text-align: left; }

html.right-text, body.right-text, div.right-text, span.right-text,
h1.right-text, h2.right-text, h3.right-text, h4.right-text, h5.right-text, h6.right-text, p.right-text, blockquote.right-text,
a.right-text, small.right-text, strong.right-text, ul.right-text, li.right-text, form.right-text, label.right-text,
article.right-text, footer.right-text, header.right-text, nav.right-text, section.right-text {
  text-align: right; }

html.cap-text, body.cap-text, div.cap-text, span.cap-text,
h1.cap-text, h2.cap-text, h3.cap-text, h4.cap-text, h5.cap-text, h6.cap-text, p.cap-text, blockquote.cap-text,
a.cap-text, small.cap-text, strong.cap-text, ul.cap-text, li.cap-text, form.cap-text, label.cap-text,
article.cap-text, footer.cap-text, header.cap-text, nav.cap-text, section.cap-text {
  text-transform: capitalize; }

html.up-text, body.up-text, div.up-text, span.up-text,
h1.up-text, h2.up-text, h3.up-text, h4.up-text, h5.up-text, h6.up-text, p.up-text, blockquote.up-text,
a.up-text, small.up-text, strong.up-text, ul.up-text, li.up-text, form.up-text, label.up-text,
article.up-text, footer.up-text, header.up-text, nav.up-text, section.up-text {
  text-transform: uppercase; }

html.low-text, body.low-text, div.low-text, span.low-text,
h1.low-text, h2.low-text, h3.low-text, h4.low-text, h5.low-text, h6.low-text, p.low-text, blockquote.low-text,
a.low-text, small.low-text, strong.low-text, ul.low-text, li.low-text, form.low-text, label.low-text,
article.low-text, footer.low-text, header.low-text, nav.low-text, section.low-text {
  text-transform: lowercase; }

html.title-h1, body.title-h1, div.title-h1, span.title-h1,
h1.title-h1, h2.title-h1, h3.title-h1, h4.title-h1, h5.title-h1, h6.title-h1, p.title-h1, blockquote.title-h1,
a.title-h1, small.title-h1, strong.title-h1, ul.title-h1, li.title-h1, form.title-h1, label.title-h1,
article.title-h1, footer.title-h1, header.title-h1, nav.title-h1, section.title-h1 {
  color: #FFFFFF;
  color: var(--color-white);
  font-family: 'Roboto Mono', monospace;
  font-family: var(--main-font);
  font-size: 0.42rem;
  font-size: var(--font-size-h1);
  font-weight: 300;
  font-weight: var(--font-weight-3);
  letter-spacing: normal;
  letter-spacing: var(--letter-spacing);
  line-height: 0.5rem;
  line-height: var(--line-height-h1); }

html.title-h2, body.title-h2, div.title-h2, span.title-h2,
h1.title-h2, h2.title-h2, h3.title-h2, h4.title-h2, h5.title-h2, h6.title-h2, p.title-h2, blockquote.title-h2,
a.title-h2, small.title-h2, strong.title-h2, ul.title-h2, li.title-h2, form.title-h2, label.title-h2,
article.title-h2, footer.title-h2, header.title-h2, nav.title-h2, section.title-h2 {
  color: #FFFFFF;
  color: var(--color-white);
  font-family: 'Roboto Mono', monospace;
  font-family: var(--main-font);
  font-size: 0.3rem;
  font-size: var(--font-size-h2);
  font-weight: 300;
  font-weight: var(--font-weight-3);
  letter-spacing: normal;
  letter-spacing: var(--letter-spacing);
  line-height: 0.36rem;
  line-height: var(--line-height-h2); }

html.title-h3, body.title-h3, div.title-h3, span.title-h3,
h1.title-h3, h2.title-h3, h3.title-h3, h4.title-h3, h5.title-h3, h6.title-h3, p.title-h3, blockquote.title-h3,
a.title-h3, small.title-h3, strong.title-h3, ul.title-h3, li.title-h3, form.title-h3, label.title-h3,
article.title-h3, footer.title-h3, header.title-h3, nav.title-h3, section.title-h3 {
  color: #FFFFFF;
  color: var(--color-white);
  font-family: 'Roboto Mono', monospace;
  font-family: var(--main-font);
  font-size: 0.2rem;
  font-size: var(--font-size-h3);
  font-weight: 300;
  font-weight: var(--font-weight-3);
  letter-spacing: normal;
  letter-spacing: var(--letter-spacing);
  line-height: 0.3rem;
  line-height: var(--line-height-h3); }

html.desc-1, body.desc-1, div.desc-1, span.desc-1,
h1.desc-1, h2.desc-1, h3.desc-1, h4.desc-1, h5.desc-1, h6.desc-1, p.desc-1, blockquote.desc-1,
a.desc-1, small.desc-1, strong.desc-1, ul.desc-1, li.desc-1, form.desc-1, label.desc-1,
article.desc-1, footer.desc-1, header.desc-1, nav.desc-1, section.desc-1 {
  color: #EEEEEE;
  color: var(--color-white-off);
  font-family: 'Roboto', sans-serif;
  font-family: var(--sub-font);
  font-size: 0.18rem;
  font-size: var(--font-size-desc1);
  font-weight: 400;
  font-weight: var(--font-weight-4);
  letter-spacing: normal;
  letter-spacing: var(--letter-spacing);
  line-height: 0.26rem;
  line-height: var(--line-height-desc1); }

html.desc-2, body.desc-2, div.desc-2, span.desc-2,
h1.desc-2, h2.desc-2, h3.desc-2, h4.desc-2, h5.desc-2, h6.desc-2, p.desc-2, blockquote.desc-2,
a.desc-2, small.desc-2, strong.desc-2, ul.desc-2, li.desc-2, form.desc-2, label.desc-2,
article.desc-2, footer.desc-2, header.desc-2, nav.desc-2, section.desc-2 {
  color: #EEEEEE;
  color: var(--color-white-off);
  font-family: 'Roboto', sans-serif;
  font-family: var(--sub-font);
  font-size: 0.16rem;
  font-size: var(--font-size-desc2);
  font-weight: 400;
  font-weight: var(--font-weight-4);
  letter-spacing: normal;
  letter-spacing: var(--letter-spacing);
  line-height: 0.22rem;
  line-height: var(--line-height-desc2); }

html.link, body.link, div.link, span.link,
h1.link, h2.link, h3.link, h4.link, h5.link, h6.link, p.link, blockquote.link,
a.link, small.link, strong.link, ul.link, li.link, form.link, label.link,
article.link, footer.link, header.link, nav.link, section.link {
  color: #EEEEEE;
  color: var(--color-white-off);
  font-family: 'Roboto', sans-serif;
  font-family: var(--sub-font);
  font-size: 0.16rem;
  font-size: var(--font-size-link);
  font-weight: 400;
  font-weight: var(--font-weight-4);
  letter-spacing: normal;
  letter-spacing: var(--letter-spacing);
  line-height: 0.24rem;
  line-height: var(--line-height-link);
  transition: color 0.25s ease; }
  html.link:hover, body.link:hover, div.link:hover, span.link:hover,
  h1.link:hover, h2.link:hover, h3.link:hover, h4.link:hover, h5.link:hover, h6.link:hover, p.link:hover, blockquote.link:hover,
  a.link:hover, small.link:hover, strong.link:hover, ul.link:hover, li.link:hover, form.link:hover, label.link:hover,
  article.link:hover, footer.link:hover, header.link:hover, nav.link:hover, section.link:hover {
    color: #FFFFFF;
    color: var(--color-white); }

html.link-cta, body.link-cta, div.link-cta, span.link-cta,
h1.link-cta, h2.link-cta, h3.link-cta, h4.link-cta, h5.link-cta, h6.link-cta, p.link-cta, blockquote.link-cta,
a.link-cta, small.link-cta, strong.link-cta, ul.link-cta, li.link-cta, form.link-cta, label.link-cta,
article.link-cta, footer.link-cta, header.link-cta, nav.link-cta, section.link-cta {
  color: #00FF57;
  color: var(--color-green);
  font-family: 'Roboto Mono', monospace;
  font-family: var(--main-font);
  font-size: 0.16rem;
  font-size: var(--font-size-link);
  font-weight: 400;
  font-weight: var(--font-weight-4);
  letter-spacing: normal;
  letter-spacing: var(--letter-spacing);
  line-height: 0.24rem;
  line-height: var(--line-height-link);
  overflow: visible;
  display: inline-block;
  position: relative; }
  html.link-cta:after, body.link-cta:after, div.link-cta:after, span.link-cta:after,
  h1.link-cta:after, h2.link-cta:after, h3.link-cta:after, h4.link-cta:after, h5.link-cta:after, h6.link-cta:after, p.link-cta:after, blockquote.link-cta:after,
  a.link-cta:after, small.link-cta:after, strong.link-cta:after, ul.link-cta:after, li.link-cta:after, form.link-cta:after, label.link-cta:after,
  article.link-cta:after, footer.link-cta:after, header.link-cta:after, nav.link-cta:after, section.link-cta:after {
    content: '';
    display: block;
    width: 0.1rem;
    height: 0.056rem;
    position: absolute;
    top: 58%;
    -webkit-transform: translate(0, -50%);
            transform: translate(0, -50%);
    right: -0.15rem;
    background-image: url(assets/img/link-arrow.svg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    will-change: transform;
    transition: -webkit-transform 0.25s ease;
    transition: transform 0.25s ease;
    transition: transform 0.25s ease, -webkit-transform 0.25s ease; }
  html.link-cta:hover:after, body.link-cta:hover:after, div.link-cta:hover:after, span.link-cta:hover:after,
  h1.link-cta:hover:after, h2.link-cta:hover:after, h3.link-cta:hover:after, h4.link-cta:hover:after, h5.link-cta:hover:after, h6.link-cta:hover:after, p.link-cta:hover:after, blockquote.link-cta:hover:after,
  a.link-cta:hover:after, small.link-cta:hover:after, strong.link-cta:hover:after, ul.link-cta:hover:after, li.link-cta:hover:after, form.link-cta:hover:after, label.link-cta:hover:after,
  article.link-cta:hover:after, footer.link-cta:hover:after, header.link-cta:hover:after, nav.link-cta:hover:after, section.link-cta:hover:after {
    -webkit-transform: translate(0.05rem, -50%);
            transform: translate(0.05rem, -50%); }

html.btn-title-1, body.btn-title-1, div.btn-title-1, span.btn-title-1,
h1.btn-title-1, h2.btn-title-1, h3.btn-title-1, h4.btn-title-1, h5.btn-title-1, h6.btn-title-1, p.btn-title-1, blockquote.btn-title-1,
a.btn-title-1, small.btn-title-1, strong.btn-title-1, ul.btn-title-1, li.btn-title-1, form.btn-title-1, label.btn-title-1,
article.btn-title-1, footer.btn-title-1, header.btn-title-1, nav.btn-title-1, section.btn-title-1 {
  color: #121212;
  color: var(--color-black);
  font-family: 'Roboto Mono', monospace;
  font-family: var(--main-font);
  font-size: 0.16rem;
  font-size: var(--font-size-btn-title-1);
  font-weight: 400;
  font-weight: var(--font-weight-4);
  letter-spacing: normal;
  letter-spacing: var(--letter-spacing);
  line-height: 0.5rem;
  line-height: var(--line-height-btn-title-1); }

html.btn-title-2, body.btn-title-2, div.btn-title-2, span.btn-title-2,
h1.btn-title-2, h2.btn-title-2, h3.btn-title-2, h4.btn-title-2, h5.btn-title-2, h6.btn-title-2, p.btn-title-2, blockquote.btn-title-2,
a.btn-title-2, small.btn-title-2, strong.btn-title-2, ul.btn-title-2, li.btn-title-2, form.btn-title-2, label.btn-title-2,
article.btn-title-2, footer.btn-title-2, header.btn-title-2, nav.btn-title-2, section.btn-title-2 {
  color: #00FF57;
  color: var(--color-green);
  font-family: 'Roboto', sans-serif;
  font-family: var(--sub-font);
  font-size: 0.14rem;
  font-size: var(--font-size-btn-title-2);
  font-weight: 400;
  font-weight: var(--font-weight-4);
  letter-spacing: normal;
  letter-spacing: var(--letter-spacing);
  line-height: 0.2rem;
  line-height: var(--line-height-btn-title-2); }

html::-moz-selection, body::-moz-selection, div::-moz-selection, span::-moz-selection,
h1::-moz-selection, h2::-moz-selection, h3::-moz-selection, h4::-moz-selection, h5::-moz-selection, h6::-moz-selection, p::-moz-selection, blockquote::-moz-selection,
a::-moz-selection, small::-moz-selection, strong::-moz-selection, ul::-moz-selection, li::-moz-selection, form::-moz-selection, label::-moz-selection,
article::-moz-selection, footer::-moz-selection, header::-moz-selection, nav::-moz-selection, section::-moz-selection {
  color: #00FF57;
  color: var(--color-green);
  background: none;
  text-shadow: none; }

html::selection, body::selection, div::selection, span::selection,
h1::selection, h2::selection, h3::selection, h4::selection, h5::selection, h6::selection, p::selection, blockquote::selection,
a::selection, small::selection, strong::selection, ul::selection, li::selection, form::selection, label::selection,
article::selection, footer::selection, header::selection, nav::selection, section::selection {
  color: #00FF57;
  color: var(--color-green);
  background: none;
  text-shadow: none; }

:root {
  --main-font:                     'Roboto Mono', monospace;
  --sub-font:                      'Roboto', sans-serif;
  --font-size-h1:                  0.42rem;
  --font-size-h2:                  0.3rem;
  --font-size-h3:                  0.2rem;
  --font-size-desc1:               0.18rem;
  --font-size-desc2:               0.16rem;
  --font-size-link:                0.16rem;
  --font-size-btn-title-1:         0.16rem;
  --font-size-btn-title-2:         0.14rem;
  --font-weight-1:                 100;
  --font-weight-2:                 200;
  --font-weight-3:                 300;
  --font-weight-4:                 400;
  --font-weight-5:                 500;
  --font-weight-6:                 600;
  --font-weight-7:                 700;
  --line-height-0:                 0;
  --line-height-initial:           initial;
  --line-height-h1:                0.5rem;
  --line-height-h2:                0.36rem;
  --line-height-h3:                0.3rem;
  --line-height-desc1:             0.26rem;
  --line-height-desc2:             0.22rem;
  --line-height-link:              0.24rem;
  --line-height-btn-title-1:       0.5rem;
  --line-height-btn-title-2:       0.2rem;
  --letter-spacing:                normal;
  --letter-spacing-0:              0; }

@media all and (max-width: 768px) {
  :root {
    --font-size-h1:                  0.36rem;
    --font-size-h2:                  0.28rem;
    --line-height-h1:                0.42rem;
    --line-height-h2:                0.32rem;
    --font-size-desc1:               0.14rem;
    --font-size-desc2:               0.14rem;
    --line-height-desc1:             0.2rem;
    --line-height-desc2:             0.2rem;
    --font-size-btn-title-1:         0.14rem;
    --font-size-btn-title-2:         0.14rem; } }

@media all and (max-width: 480px) {
  :root {
    --font-size-h1:                  0.22rem;
    --font-size-h2:                  0.2rem;
    --font-size-h3:                  0.16rem;
    --font-size-desc1:               0.12rem;
    --font-size-desc2:               0.12rem;
    --font-size-link:                0.12rem;
    --font-size-btn-title-1:         0.12rem;
    --font-size-btn-title-2:         0.12rem;
    --line-height-h1:                0.28rem;
    --line-height-h2:                0.24rem;
    --line-height-h3:                0.2rem;
    --line-height-desc1:             0.17rem;
    --line-height-desc2:             0.17rem;
    --line-height-link:              0.17rem;
    --line-height-btn-title-1:       0.2rem;
    --line-height-btn-title-2:       0.17rem; } }

:root {
  --color-black:                  #121212;
  --color-white:                  #FFFFFF;
  --color-white-off:              #EEEEEE;
  --color-gray:                   #808080;
  --color-green:                  #00FF57; }

:root {
  --container-width:  12rem;
  --header-nav-ml:    2.62rem;
  --logo-width:       1.38rem;
  --logo-ml:          0.22rem; }

@media all and (max-width: 768px) {
  :root {
    --container-width: 7.46rem; } }

@media all and (max-width: 480px) {
  :root {
    --container-width: 2.8rem; } }

.btn {
  position: relative;
  display: inline-flex;
  align-items: center;
  outline: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  padding: 0 0.25rem;
  overflow: hidden;
  text-align: center;
  transition: all 0.4s ease; }
  .btn.btn-primary {
    position: relative;
    height: 0.5rem;
    background-color: #00FF57;
    background-color: var(--color-green);
    overflow: visible;
    box-shadow: inset 0 0 0 1px #00FF57;
    box-shadow: inset 0 0 0 1px var(--color-green); }
    .btn.btn-primary:after {
      content: '';
      display: block;
      position: absolute;
      bottom: -0.01rem;
      left: 0;
      height: 1px;
      width: 100%;
      background-color: #00FF57;
      background-color: var(--color-green);
      -webkit-transform: translateY(0);
              transform: translateY(0);
      transition: all 0.3s ease;
      will-change: transform;
      opacity: 0; }
    .btn.btn-primary:hover:after {
      opacity: 1;
      -webkit-transform: translateY(0.05rem);
              transform: translateY(0.05rem); }
    .btn.btn-primary:active:after {
      -webkit-transform: translateY(0.03rem);
              transform: translateY(0.03rem); }
  .btn.btn-ghost {
    height: 0.4rem;
    background-color: transparent;
    overflow: visible;
    padding: 0 0.2rem;
    box-shadow: inset 0 0 0 1px #00FF57;
    box-shadow: inset 0 0 0 1px var(--color-green); }
    .btn.btn-ghost:after {
      content: '';
      display: block;
      position: absolute;
      bottom: -0.01rem;
      left: 0;
      height: 1px;
      width: 100%;
      background-color: #00FF57;
      background-color: var(--color-green);
      -webkit-transform: translateY(0);
              transform: translateY(0);
      transition: all 0.3s ease;
      will-change: transform;
      opacity: 0; }
    .btn.btn-ghost:hover:after {
      opacity: 1;
      -webkit-transform: translateY(0.05rem);
              transform: translateY(0.05rem); }
    .btn.btn-ghost:active:after {
      -webkit-transform: translateY(0.03rem);
              transform: translateY(0.03rem); }

@media only screen and (max-width: 768px) {
  .btn {
    padding: 0 0.2rem; } }

@media only screen and (max-width: 480px) {
  .btn {
    padding: 0 0.15rem; }
    .btn.btn-ghost {
      padding: 0 0.15rem;
      height: 0.3rem; }
    .btn.btn-primary {
      height: 0.4rem; } }

header {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 200;
  border-bottom: 1px solid transparent;
  opacity: 0; }
  header.show-menu {
    background-color: #121212;
    background-color: var(--color-black);
    border-bottom: 1px solid #FFFFFF;
    border-bottom: 1px solid var(--color-white); }
    header.show-menu .header-container {
      height: 0.8rem; }

.header-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 1.2rem;
  background-color: transparent;
  transition: all 0.3s ease; }
  .header-container .logo-wrap {
    display: inline-block;
    width: 1.38rem;
    width: var(--logo-width);
    height: 0.2rem;
    margin-left: 0.22rem;
    margin-left: var(--logo-ml); }
    .header-container .logo-wrap .logo {
      display: inline-block; }
      .header-container .logo-wrap .logo img {
        width: 100%;
        height: 100%; }
  .header-container .main-nav-wrap .menu-list {
    display: flex;
    margin-left: -1.18rem; }
    .header-container .main-nav-wrap .menu-list .menu-item:not(:last-child) {
      margin-right: 0.24rem; }
    .header-container .main-nav-wrap .menu-list .menu-item .link {
      cursor: pointer;
      transition: all 0.4s ease;
      will-change: color; }
      .header-container .main-nav-wrap .menu-list .menu-item .link:hover {
        color: #FFFFFF;
        color: var(--color-white); }
  .header-container .cta-nav-wrap {
    margin-left: 0; }
    .header-container .cta-nav-wrap .btn {
      margin-left: 0; }

.menu-btn {
  display: none;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 0.3rem;
  height: 0.3rem;
  border: 1px solid #FFFFFF;
  border: 1px solid var(--color-white);
  position: absolute;
  left: 0.11rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%); }
  .menu-btn span {
    display: block;
    width: 0.14rem;
    height: 1px;
    border: 1px solid #FFFFFF;
    border: 1px solid var(--color-white);
    transition: 0.25s ease;
    will-change: transform; }
    .menu-btn span:not(:last-child) {
      margin-bottom: 0.026rem; }
  .menu-btn.active span:nth-child(1) {
    -webkit-transform: rotate(-45deg) translate(-0.03rem, 0.032rem);
            transform: rotate(-45deg) translate(-0.03rem, 0.032rem); }
  .menu-btn.active span:nth-child(2) {
    opacity: 0; }
  .menu-btn.active span:nth-child(3) {
    -webkit-transform: rotate(45deg) translate(-0.03rem, -0.0345rem);
            transform: rotate(45deg) translate(-0.03rem, -0.0345rem); }

@media all and (max-width: 768px) {
  header {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    background-color: transparent;
    z-index: 200;
    background-color: #121212;
    background-color: var(--color-black); }
  .menu-btn {
    display: flex; }
  .header-container {
    height: 1rem;
    justify-content: space-between;
    padding: 0 0.11rem; }
    .header-container .logo-wrap {
      margin-left: 0.5rem; }
    .header-container .main-nav-wrap {
      display: none; }
    .header-container .cta-nav-wrap {
      margin-left: 0; }
      .header-container .cta-nav-wrap .btn {
        margin-left: 0.21rem; } }

@media all and (max-width: 480px) {
  header.show-menu .header-container {
    height: 0.5rem; }
  .menu-btn {
    left: 0; }
  .header-container {
    height: 0.9rem;
    padding: 0; }
    .header-container .logo-wrap {
      height: 0.12rem;
      width: 0.84rem;
      margin-left: 0.42rem; }
      .header-container .logo-wrap .logo {
        height: 100%; }
    .header-container .main-nav-wrap {
      display: none; }
    .header-container .cta-nav-wrap {
      margin-left: 0; }
      .header-container .cta-nav-wrap .link {
        display: none; }
      .header-container .cta-nav-wrap .btn {
        margin-left: 0; } }

footer {
  width: 100%;
  padding-top: 2rem;
  padding-bottom: 1rem; }
  footer .footer-container {
    display: flex;
    justify-content: space-between;
    padding-left: 0.22rem;
    padding-right: 0.07rem; }

@media only screen and (max-width: 768px) {
  footer {
    padding-top: 1rem;
    padding-bottom: 0.5rem; }
    footer .footer-container {
      padding-left: 0.12rem;
      padding-right: 0.1rem; } }

@media only screen and (max-width: 480px) {
  footer {
    padding-top: 0.5rem;
    padding-bottom: 0.3rem; }
    footer .footer-container {
      padding-left: 0;
      padding-right: 0; } }

#mobile-menu {
  position: fixed;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  height: 100vh;
  top: 0;
  left: 0;
  right: 0;
  overflow-y: auto;
  z-index: 10;
  -webkit-transform: translate3d(0, -100%, 0);
          transform: translate3d(0, -100%, 0);
  background-color: #121212;
  background-color: var(--color-black); }
  #mobile-menu .container {
    width: 100%; }

.menu-header {
  margin-top: 1rem;
  padding: 0.2rem;
  padding-top: 0.15rem;
  padding-bottom: 0.18rem;
  border: 1px solid #FFFFFF;
  border: 1px solid var(--color-white); }
  .menu-header .title {
    text-transform: uppercase;
    font-weight: 300;
    font-size: 0.13rem;
    line-height: 0.24rem;
    color: #FFFFFF;
    color: var(--color-white); }

.menu-items-list {
  margin-top: 0rem; }
  .menu-items-list .menu-item {
    position: relative;
    display: flex;
    justify-content: space-between;
    border: 1px solid #FFFFFF;
    border: 1px solid var(--color-white);
    border-top: none; }
    .menu-items-list .menu-item .anchor-link {
      width: 100%;
      padding: 0.2rem;
      padding-bottom: 0.24rem; }
    .menu-items-list .menu-item img {
      position: absolute;
      right: 0.2rem;
      top: 50%;
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%); }

@media all and (min-width: 768px) {
  #mobile-menu {
    display: none; } }

@media only screen and (max-width: 767px) and (orientation: landscape) {
  .menu-items-list {
    overflow-y: scroll; }
  #mobile-menu .container {
    overflow-y: scroll; } }

@media all and (max-width: 768px) {
  #mobile-menu {
    display: flex; }
  .menu-header {
    margin-top: 0.8rem; } }

@media all and (max-width: 480px) {
  .menu-header {
    margin-top: 0.5rem; } }

* {
  box-sizing: border-box; }

html, body {
  width: 100%; }

body,
main {
  overflow-x: hidden; }

body {
  display: flex;
  flex-direction: column;
  font-family: 'Roboto Mono', monospace;
  font-family: var(--main-font);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  background-color: #121212;
  background-color: var(--color-black);
  font-size: medium;
  font-size: initial; }
  body.mobile-menu-open {
    overflow: hidden; }
  body.modal-active {
    overflow: hidden; }

main {
  position: relative;
  width: 100%; }

.footer {
  width: 100%;
  flex: 0 0 auto; }

a {
  text-decoration: none;
  outline: none; }

img {
  max-width: 100%;
  height: auto; }

section {
  position: relative;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  overflow: hidden; }

.fluid-container {
  width: 100%;
  position: relative; }

.container {
  position: relative;
  width: 12rem;
  width: var(--container-width);
  min-width: 12rem;
  min-width: var(--container-width);
  margin: 0 auto; }

.row {
  display: flex;
  flex-direction: row; }

.row-reverse {
  display: flex;
  flex-direction: row-reverse; }

.column {
  display: flex;
  flex-direction: column; }

.column-reverse {
  display: flex;
  flex-direction: column-reverse; }

.s-visible,
.xs-visible,
.xxs-visible {
  display: none; }

.lazy {
  opacity: 0;
  transition: opacity 0.4s ease; }
  .lazyLoaded {
    opacity: 1; }

input::-webkit-input-placeholder, input::-webkit-input-placeholder {
  transition: all .3s; }

input::-webkit-input-placeholder, input::placeholder {
  transition: all .3s; }

input:focus::-webkit-input-placeholder, input:focus::-webkit-input-placeholder {
  color: transparent; }

input:focus::-webkit-input-placeholder, input:focus::placeholder {
  color: transparent; }

button[type='submit'] {
  cursor: pointer; }

img::-moz-selection {
  color: #00FF57;
  color: var(--color-green);
  background: none;
  text-shadow: none; }

img::selection {
  color: #00FF57;
  color: var(--color-green);
  background: none;
  text-shadow: none; }

@media only screen and (max-width: 1024px) {
  .s-hidden {
    display: none; }
  .s-visible {
    display: block; } }

@media only screen and (max-width: 850px) {
  .xs-hidden {
    display: none; }
  .xs-visible {
    display: block; } }

@media only screen and (max-width: 690px) {
  body.modal-active {
    position: fixed; }
  .xxs-visible {
    display: block; }
  .xxs-hidden {
    display: none; } }

.animated {
  opacity: 0; }

.animated-image {
  opacity: 0; }

.bg-texture {
  background-image: url(assets/img/dots-texture.svg);
  background-repeat: repeat;
  background-size: cover;
  width: 100%;
  height: 7.05rem;
  display: block;
  position: absolute;
  left: 0;
  top: 0.27rem; }

.hero-section {
  padding-top: 2.5rem;
  padding-bottom: 2rem; }
  .hero-section .text-block {
    display: block;
    position: relative;
    margin-left: calc( 1.38rem + 2.62rem + 0.22rem);
    margin-left: calc( var(--logo-width) + var(--header-nav-ml) + var(--logo-ml));
    z-index: 1; }
    .hero-section .text-block .title {
      max-width: 5.5rem; }
    .hero-section .text-block .description {
      max-width: 5.7rem;
      margin-top: 0.25rem; }
    .hero-section .text-block .btn-wrap {
      margin-top: 0.34rem; }
  .hero-section .visuals-wrap {
    position: absolute;
    display: flex;
    justify-content: space-between;
    top: 1.89rem;
    left: 0;
    width: 100%; }
    .hero-section .visuals-wrap img {
      width: 100%;
      height: 100%; }
    .hero-section .visuals-wrap .visual-left {
      width: 4.03rem;
      height: 4.28rem; }
    .hero-section .visuals-wrap .visual-right {
      width: 2.05rem;
      height: 3.88rem;
      margin-top: 0.22rem;
      margin-right: -0.16rem; }

.table-wrap {
  border: 1px solid #FFFFFF;
  border: 1px solid var(--color-white);
  display: flex; }

.promise-section .left-block {
  display: flex;
  width: 3.99rem;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  padding: 0.3rem;
  border-right: 1px solid #FFFFFF;
  border-right: 1px solid var(--color-white); }

.promise-section .right-block {
  width: 7.99rem; }

.feature-list {
  display: flex;
  flex-wrap: wrap; }
  .feature-list .feature-list-item {
    width: 3.98rem;
    padding: 0.3rem;
    border-right: 1px solid #FFFFFF;
    border-right: 1px solid var(--color-white);
    border-bottom: 1px solid #FFFFFF;
    border-bottom: 1px solid var(--color-white); }
    .feature-list .feature-list-item .icon-wrap {
      width: 0.4rem;
      height: 0.4rem;
      overflow: visible; }
      .feature-list .feature-list-item .icon-wrap img {
        width: 100%;
        height: 100%; }
    .feature-list .feature-list-item .title {
      margin-top: 0.185rem; }
    .feature-list .feature-list-item .description {
      margin-top: 0.06rem;
      width: 100%;
      max-width: 3rem; }
    .feature-list .feature-list-item:nth-child(2n) {
      border-right: none; }
    .feature-list .feature-list-item:last-child {
      border-bottom: none;
      border-right: none; }
    .feature-list .feature-list-item:nth-last-child(2) {
      border-bottom: none; }

.feature-list.feature-list-fluid .feature-list-item:nth-child(2n) {
  border-right: 1px solid #FFFFFF;
  border-right: 1px solid var(--color-white); }

.feature-list.feature-list-fluid .feature-list-item:nth-child(3n) {
  border-right: none; }

.feature-list.feature-list-fluid .feature-list-item:last-child {
  border-bottom: none;
  border-right: none; }

.feature-list.feature-list-fluid .feature-list-item:nth-last-child(2) {
  border-bottom: none; }

.feature-list.feature-list-fluid .feature-list-item:nth-last-child(3) {
  border-bottom: none; }

.feature {
  display: flex;
  flex-direction: row; }
  .feature .image-wrap {
    width: 3.7rem;
    height: 2.95rem; }
  .feature .text-wrap {
    width: 100%;
    max-width: 3.7rem; }
    .feature .text-wrap .title {
      display: block;
      padding-bottom: 0.025rem; }
    .feature .text-wrap .description {
      margin-top: 0.24rem; }
    .feature .text-wrap .link-cta {
      margin-top: 0.3rem; }
  .feature.image-right {
    flex-direction: row-reverse;
    justify-content: flex-end; }
    .feature.image-right .image-wrap {
      margin-left: 1.3rem; }
    .feature.image-right .text-wrap {
      margin-left: 2.15rem;
      margin-top: 0.33rem; }
      .feature.image-right .text-wrap .title {
        max-width: 2.5rem; }
  .feature.image-left {
    justify-content: flex-start; }
    .feature.image-left .image-wrap {
      margin-left: 1.15rem; }
    .feature.image-left .text-wrap {
      margin-left: 1.4rem;
      margin-top: 0.17rem; }
  .feature.promise-feature {
    padding-top: 1.83rem; }
    .feature.promise-feature .container {
      display: flex; }
    .feature.promise-feature .image-wrap {
      border: none; }
      .feature.promise-feature .image-wrap img {
        width: 100%;
        height: 100%; }

.features-section {
  padding-top: 1.83rem; }

.table.table-fluid {
  flex-direction: column; }
  .table.table-fluid .table-title-wrap {
    padding: 0.3rem 0.3rem 0.33rem 0.3rem;
    border-bottom: 1px solid #FFFFFF;
    border-bottom: 1px solid var(--color-white); }

.cases-section {
  padding-top: 2rem;
  justify-content: flex-start; }

.case {
  display: flex;
  align-items: center;
  padding: 0.7rem 0; }
  .case:not(:last-child) {
    border-bottom: 1px solid #FFFFFF;
    border-bottom: 1px solid var(--color-white); }
  .case .image-wrap {
    width: 2.7rem;
    height: 2.7rem; }
    .case .image-wrap img {
      width: 100%;
      height: 100%; }
  .case .text-wrap {
    width: 100%;
    max-width: 2.7rem; }
    .case .text-wrap .description {
      margin-top: 0.11rem; }
  .case.authorized-payments .image-wrap {
    height: 2.24rem; }

.case.image-left .image-wrap {
  margin-left: 2.15rem; }

.case.image-left .text-wrap {
  margin-left: 1.3rem; }

.case.image-right {
  flex-direction: row-reverse;
  justify-content: flex-end; }
  .case.image-right .text-wrap {
    margin-left: 2.15rem; }
  .case.image-right .image-wrap {
    margin-left: 1.3rem; }

.my-bills-section {
  padding-top: 1.71rem; }

.advisor-section {
  padding-top: 1.71rem; }
  .advisor-section .title-wrap {
    min-width: 2.99rem;
    padding: 0.3rem;
    border-right: 1px solid #FFFFFF;
    border-right: 1px solid var(--color-white); }
  .advisor-section .advisor-list {
    display: flex;
    flex-wrap: wrap; }
    .advisor-section .advisor-list .advisor {
      width: 2.99rem;
      padding: 0.3rem;
      border-right: 1px solid #FFFFFF;
      border-right: 1px solid var(--color-white);
      border-bottom: 1px solid #FFFFFF;
      border-bottom: 1px solid var(--color-white); }
      .advisor-section .advisor-list .advisor .picture-wrap {
        width: 1.7rem;
        height: 1.7rem;
        position: relative;
        display: block; }
        .advisor-section .advisor-list .advisor .picture-wrap img {
          width: 100%;
          height: 100%;
          -o-object-fit: cover;
             object-fit: cover; }
      .advisor-section .advisor-list .advisor .title {
        margin-top: 0.2rem; }
      .advisor-section .advisor-list .advisor .description {
        width: 100%;
        max-width: 1.45rem;
        margin-top: 0.08rem; }
      .advisor-section .advisor-list .advisor .link-cta {
        margin-top: 0.1rem; }
      .advisor-section .advisor-list .advisor:nth-child(3n) {
        border-right: none; }
      .advisor-section .advisor-list .advisor.border-bottom-hidden {
        border-bottom: none; }

.roadmap-section {
  padding-top: 2rem; }
  .roadmap-section .roadmap-wrap {
    display: flex;
    position: relative;
    margin-top: 0.955rem; }
    .roadmap-section .roadmap-wrap .left-block {
      margin-left: 2.06rem; }
    .roadmap-section .roadmap-wrap .right-block {
      margin-left: 1.84rem;
      margin-top: 1.04rem; }
      .roadmap-section .roadmap-wrap .right-block .roadmap-item:last-child {
        margin-bottom: 0.96rem; }

.roadmap-item {
  width: 100%;
  max-width: 100%;
  margin-bottom: 1.48rem; }
  .roadmap-item .title {
    position: relative;
    padding-left: 0.1rem; }
    .roadmap-item .title img {
      position: absolute;
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%);
      top: 50%;
      left: -42px; }
  .roadmap-item .roadmap-events-list {
    margin-top: 0.08rem; }
    .roadmap-item .roadmap-events-list .roadmap-event {
      display: flex; }
      .roadmap-item .roadmap-events-list .roadmap-event span {
        display: inline-block;
        width: 0.04rem;
        height: 0.04rem;
        background-color: #EEEEEE;
        background-color: var(--color-white-off);
        margin-right: 0.04rem;
        margin-top: 0.08rem;
        border-radius: 50%; }
  .roadmap-item.large {
    margin-bottom: 1.6rem; }

.progress-wrap {
  position: absolute;
  left: 50%;
  top: 0.1rem;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 1px;
  height: 6.5rem;
  background-color: #00FF57;
  background-color: var(--color-green); }
  .progress-wrap .progress {
    position: absolute;
    left: -0.04rem;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column; }
    .progress-wrap .progress span {
      width: 0.09rem;
      height: 0.09rem;
      background-color: #121212;
      background-color: var(--color-black);
      border: 1px solid #00FF57;
      border: 1px solid var(--color-green);
      display: block;
      position: absolute;
      left: 0; }
      .progress-wrap .progress span:nth-child(1) {
        top: 0; }
      .progress-wrap .progress span:nth-child(2) {
        top: 1.07rem; }
      .progress-wrap .progress span:nth-child(3) {
        top: 2.3rem; }
      .progress-wrap .progress span:nth-child(4) {
        top: 3.55rem; }
      .progress-wrap .progress span:nth-child(5) {
        top: 4.95rem; }
      .progress-wrap .progress span:nth-child(6) {
        top: 6.43rem; }

.mobile-block {
  display: none; }
  .mobile-block .progress-wrap {
    top: 0.1rem;
    height: 7.09rem; }
    .mobile-block .progress-wrap .progress {
      position: absolute;
      left: -0.04rem;
      top: 0; }
      .mobile-block .progress-wrap .progress span {
        width: 0.09rem;
        height: 0.09rem; }
        .mobile-block .progress-wrap .progress span:nth-child(2) {
          margin-top: 1.35rem; }
        .mobile-block .progress-wrap .progress span:nth-child(3) {
          margin-top: 1.35rem; }

.partners-section {
  padding-top: 2rem; }
  .partners-section .title-wrap {
    width: 3.99rem;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    border-right: 1px solid #FFFFFF;
    border-right: 1px solid var(--color-white);
    padding: 0.3rem; }
  .partners-section .partners-item-wrap {
    display: flex;
    justify-content: center;
    width: 7.99rem; }
    .partners-section .partners-item-wrap .partners-item {
      width: 1.8667rem;
      height: 0.4rem;
      margin: 0.75rem 0; }

.mobile-link-wrap {
  display: none;
  padding: 0.2rem;
  border-top: 1px solid #FFFFFF;
  border-top: 1px solid var(--color-white); }

.link-cta.tablet {
  display: none; }

.indicator {
  position: absolute;
  width: 0.05rem;
  height: 0.03rem;
  background-color: #FFFFFF;
  background-color: var(--color-white);
  display: none; }

.roadmap-item.lt .indicator {
  top: 8px;
  left: -35px; }

.roadmap-item.rt .indicator {
  left: -24px;
  top: 8px; }

.roadmap-item.lb .indicator {
  top: 17px;
  left: -35px; }

.roadmap-item.rb .indicator {
  left: -24px;
  top: 17px; }

@media only screen and (max-width: 820px) {
  .roadmap-item .title img {
    display: none; } }

@media only screen and (max-width: 768px) {
  .bg-texture {
    height: 5.55rem; }
  .hero-section {
    padding-top: 1.9rem;
    padding-bottom: 1.7rem; }
    .hero-section .text-block {
      margin-left: 0.74rem; }
      .hero-section .text-block .title {
        max-width: 4.75rem; }
      .hero-section .text-block .description {
        max-width: 4.75rem;
        margin-top: 0.15rem; }
      .hero-section .text-block .btn-wrap {
        margin-top: 0.24rem; }
    .hero-section .visuals-wrap {
      top: 1.8rem; }
      .hero-section .visuals-wrap .visual-left {
        width: 0.22rem;
        height: 2.78rem; }
      .hero-section .visuals-wrap .visual-right {
        width: 1.26rem;
        height: 3.1rem;
        margin-top: -0.15rem;
        margin-right: 0; }
  .promise-section .table-wrap {
    flex-direction: column; }
  .promise-section .left-block {
    width: 100%;
    padding: 0.2rem;
    border-right: none;
    border-bottom: 1px solid #FFFFFF;
    border-bottom: 1px solid var(--color-white); }
    .promise-section .left-block .link-cta {
      margin-top: 0.14rem; }
  .promise-section .right-block {
    width: 100%; }
  .feature-list .feature-list-item {
    width: 3.71rem;
    padding: 0.2rem; }
    .feature-list .feature-list-item .title {
      margin-top: 0.185rem; }
    .feature-list .feature-list-item .description {
      margin-top: 0.06rem;
      width: 100%;
      max-width: 2.7rem; }
  .feature .image-wrap {
    width: 2.28rem;
    height: 1.78rem; }
  .feature .text-wrap {
    max-width: 2.9rem; }
    .feature .text-wrap .title {
      padding-bottom: 0.025rem; }
    .feature .text-wrap .description {
      margin-top: 0.14rem; }
    .feature .text-wrap .link-cta {
      margin-top: 0.21rem; }
  .feature.image-right .image-wrap {
    margin-left: 0.82rem;
    margin-top: 0.38rem; }
  .feature.image-right .text-wrap {
    margin-left: 0.72rem;
    margin-top: 0.03rem; }
  .feature.image-left {
    justify-content: flex-start; }
    .feature.image-left .image-wrap {
      margin-left: 0.72rem;
      margin-top: 0.94rem; }
    .feature.image-left .text-wrap {
      margin-left: 0.82rem;
      margin-top: 0.17rem; }
      .feature.image-left .text-wrap .title {
        max-width: 2.2rem; }
  .feature.promise-feature {
    padding-top: 1.05rem; }
  .features-section {
    padding-top: 1.2rem; }
    .features-section .pb {
      padding-bottom: 0.21rem; }
  .table.table-fluid {
    flex-direction: column; }
    .table.table-fluid .table-title-wrap {
      padding: 0.2rem 0.2rem 0.23rem 0.2rem; }
  .feature-list.feature-list-fluid .feature-list-item:nth-child(2n) {
    border-right: none; }
  .feature-list.feature-list-fluid .feature-list-item:nth-child(3n) {
    border-right: 1px solid #FFFFFF;
    border-right: 1px solid var(--color-white); }
  .feature-list.feature-list-fluid .feature-list-item:last-child {
    border-bottom: none;
    border-right: none; }
  .feature-list.feature-list-fluid .feature-list-item:nth-last-child(2) {
    border-bottom: none; }
  .feature-list.feature-list-fluid .feature-list-item:nth-last-child(3) {
    border-bottom: 1px solid #FFFFFF;
    border-bottom: 1px solid var(--color-white); }
  .cases-section {
    padding-top: 1.2rem;
    justify-content: flex-start; }
  .case {
    padding: 0.5rem 0; }
    .case .image-wrap {
      width: 2.28rem;
      height: 2.28rem; }
  .case.image-left .image-wrap {
    margin-left: 0.72rem; }
  .case.image-left .text-wrap {
    margin-left: 0.82rem; }
  .case.image-right .text-wrap {
    margin-left: 0.72rem; }
  .case.image-right .image-wrap {
    margin-left: 1.02rem; }
  .case.authorized-payments .image-wrap {
    height: 2rem; }
  .my-bills-section {
    padding-top: 1.19rem; }
  .advisor-section {
    padding-top: 1.285rem; }
    .advisor-section .table-wrap {
      flex-direction: column; }
    .advisor-section .title-wrap {
      min-width: 100%;
      padding: 0.2rem;
      border-bottom: 1px solid #FFFFFF;
      border-bottom: 1px solid var(--color-white);
      border-right: none; }
    .advisor-section .advisor-list .advisor {
      width: 2.47rem;
      padding: 0.2rem; }
      .advisor-section .advisor-list .advisor .picture-wrap {
        width: 1.7rem;
        height: 1.7rem; }
      .advisor-section .advisor-list .advisor .title {
        margin-top: 0.2rem; }
      .advisor-section .advisor-list .advisor .description {
        width: 100%;
        max-width: 1.15rem;
        margin-top: 0.08rem; }
      .advisor-section .advisor-list .advisor .link-cta {
        margin-top: 0.1rem; }
      .advisor-section .advisor-list .advisor:nth-child(3n) {
        border-right: none; }
      .advisor-section .advisor-list .advisor.border-bottom-hidden {
        border-bottom: none; }
  .roadmap-section {
    padding-top: 1.2rem; }
    .roadmap-section .roadmap-wrap {
      margin-top: 0.41rem; }
      .roadmap-section .roadmap-wrap .progress span:nth-child(1) {
        top: 0; }
      .roadmap-section .roadmap-wrap .progress span:nth-child(2) {
        top: 1.43rem; }
      .roadmap-section .roadmap-wrap .progress span:nth-child(3) {
        top: 2.86rem; }
      .roadmap-section .roadmap-wrap .progress span:nth-child(4) {
        top: 4.1rem; }
      .roadmap-section .roadmap-wrap .progress span:nth-child(5) {
        top: 5.55rem; }
      .roadmap-section .roadmap-wrap .progress span:nth-child(6) {
        top: 6.98rem; }
      .roadmap-section .roadmap-wrap .progress-wrap {
        height: 7.05rem; }
      .roadmap-section .roadmap-wrap .left-block {
        margin-left: 0.65rem; }
        .roadmap-section .roadmap-wrap .left-block .roadmap-item:not(:last-child) {
          margin-bottom: 1.68rem; }
      .roadmap-section .roadmap-wrap .right-block {
        margin-left: 1.35rem;
        margin-top: 1.44rem; }
        .roadmap-section .roadmap-wrap .right-block .roadmap-item:last-child {
          margin-bottom: 0rem; }
  .roadmap-item {
    max-width: 2.37rem;
    margin-bottom: 1.48rem; }
    .roadmap-item .title img {
      display: none; }
    .roadmap-item .roadmap-events-list {
      margin-top: 0.08rem;
      max-width: 2.37rem; }
    .roadmap-item.large {
      margin-bottom: 1.7rem; }
  .partners-section {
    padding-top: 1.2rem; }
    .partners-section .title-wrap {
      width: 2.47rem;
      padding: 0.2rem; }
    .partners-section .partners-item-wrap {
      width: 4.96rem; }
      .partners-section .partners-item-wrap .partners-item {
        width: 1.4rem;
        height: 0.3rem;
        margin: 0.39rem 0; }
  .indicator {
    display: none; } }

@media only screen and (max-width: 480px) {
  .bg-texture {
    height: 4.05rem;
    top: 0; }
  .hero-section {
    padding-top: 1.3rem;
    padding-bottom: 0.27rem; }
    .hero-section .text-block {
      margin-left: 0; }
      .hero-section .text-block .description {
        margin-top: 0.2rem; }
      .hero-section .text-block .btn-wrap {
        margin-top: 0.25rem; }
    .hero-section .visuals-wrap {
      position: relative;
      top: 0.205rem; }
      .hero-section .visuals-wrap .visual-left {
        display: none; }
      .hero-section .visuals-wrap .visual-right {
        width: 100%; }
  .promise-section .container {
    width: 100%;
    max-width: 100%; }
  .promise-section .table-wrap {
    flex-direction: column; }
  .promise-section .left-block {
    padding: 0.19rem 0.19rem 0.24rem 0.19rem; }
    .promise-section .left-block .link-cta {
      display: none; }
  .promise-section .right-block {
    width: 100%; }
  .mobile-link-wrap {
    display: block; }
  .feature-list .feature-list-item {
    width: 100%;
    border-right: none; }
    .feature-list .feature-list-item:nth-last-child(2) {
      border-bottom: 1px solid #FFFFFF;
      border-bottom: 1px solid var(--color-white); }
    .feature-list .feature-list-item:last-child {
      border-right: none; }
    .feature-list .feature-list-item .icon-wrap {
      width: 0.3rem;
      height: 0.3rem; }
    .feature-list .feature-list-item .title {
      margin-top: 0.15rem; }
    .feature-list .feature-list-item .description {
      margin-top: 0.08rem;
      max-width: 100%; }
  .feature-list.feature-list-fluid .feature-list-item:nth-child(2n) {
    border-right: none; }
  .feature-list.feature-list-fluid .feature-list-item:nth-child(3n) {
    border-right: none; }
  .feature-list.feature-list-fluid .feature-list-item:last-child {
    border-bottom: none;
    border-right: none; }
  .feature-list.feature-list-fluid .feature-list-item:nth-last-child(2) {
    border-bottom: 1px solid #FFFFFF;
    border-bottom: 1px solid var(--color-white); }
  .feature-list.feature-list-fluid .feature-list-item:nth-last-child(3) {
    border-bottom: 1px solid #FFFFFF;
    border-bottom: 1px solid var(--color-white); }
  .feature {
    flex-direction: column; }
    .feature .image-wrap {
      width: 100%;
      height: 2.19rem; }
    .feature .text-wrap {
      max-width: 100%;
      margin-top: 0.3rem; }
      .feature .text-wrap .title {
        padding-bottom: 0.1rem; }
      .feature .text-wrap .description {
        margin-top: 0.13rem; }
      .feature .text-wrap .link-cta {
        margin-top: 0.21rem; }
    .feature.image-right {
      flex-direction: column; }
      .feature.image-right .image-wrap {
        margin-left: 0;
        margin-top: 0; }
      .feature.image-right .text-wrap {
        margin-left: 0;
        margin-top: 0.29rem; }
        .feature.image-right .text-wrap .title {
          max-width: 1.5rem; }
    .feature.image-left {
      justify-content: flex-start; }
      .feature.image-left .image-wrap {
        margin-left: 0;
        margin-top: 0; }
      .feature.image-left .text-wrap {
        margin-left: 0;
        margin-top: 0.29rem; }
        .feature.image-left .text-wrap .title {
          max-width: 1.5rem; }
    .feature.promise-feature {
      padding-top: 0.7rem;
      width: 100%;
      max-width: 12rem;
      max-width: var(--container-width);
      margin-left: auto;
      margin-right: auto; }
      .feature.promise-feature .container {
        flex-direction: column; }
  .features-section {
    padding-top: 0.67rem; }
    .features-section .container {
      width: 100%; }
    .features-section .pb {
      padding-bottom: 0.21rem; }
  .table.table-fluid {
    flex-direction: column; }
    .table.table-fluid .table-title-wrap {
      padding: 0.2rem 0.2rem 0.23rem 0.2rem; }
  .cases-section {
    padding-top: 0.7rem; }
    .cases-section .container {
      max-width: 100%;
      width: 100%; }
  .case {
    padding: 0.2rem; }
    .case .image-wrap {
      width: 1.2rem;
      height: 1.2rem; }
  .case {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start; }
    .case .text-wrap .title {
      margin-top: 0.15rem; }
    .case .text-wrap .description {
      margin-top: 0.08rem; }
    .case.image-left {
      flex-direction: column;
      justify-content: flex-start;
      align-items: flex-start; }
      .case.image-left .image-wrap {
        margin-left: 0; }
      .case.image-left .text-wrap {
        margin-left: 0; }
        .case.image-left .text-wrap .title {
          margin-top: 0.15rem; }
    .case.image-right {
      flex-direction: column;
      justify-content: flex-start;
      align-items: flex-start; }
      .case.image-right .text-wrap {
        margin-left: 0; }
      .case.image-right .image-wrap {
        margin-left: 0; }
    .case.authorized-payments .image-wrap {
      height: 1.2rem;
      width: 1.4rem; }
  .my-bills-section {
    padding-top: 0.7rem; }
  .advisor-section {
    padding-top: 0.7rem; }
    .advisor-section .container {
      width: 100%; }
    .advisor-section .title-wrap {
      min-width: 100%;
      padding: 0.2rem;
      padding-bottom: 0.25rem; }
    .advisor-section .advisor-list .advisor {
      width: 100%;
      padding: 0.17rem 0.2rem 0.2rem 0.2rem;
      border-right: none;
      display: flex; }
      .advisor-section .advisor-list .advisor .picture-wrap {
        width: 0.8rem;
        height: 0.8rem;
        margin-top: 0.03rem; }
      .advisor-section .advisor-list .advisor .text-wrap {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        margin-left: 0.19rem; }
        .advisor-section .advisor-list .advisor .text-wrap .title {
          margin-top: 0rem; }
        .advisor-section .advisor-list .advisor .text-wrap .description {
          width: 100%;
          max-width: 1.15rem;
          margin-top: 0.08rem; }
        .advisor-section .advisor-list .advisor .text-wrap .link-cta {
          margin-top: 0.06rem; }
      .advisor-section .advisor-list .advisor:nth-child(3n) {
        border-right: none; }
      .advisor-section .advisor-list .advisor.border-bottom-hidden:not(:last-child) {
        border-bottom: 1px solid #FFFFFF;
        border-bottom: 1px solid var(--color-white); }
  .roadmap-section {
    padding-top: 0.7rem; }
    .roadmap-section .container {
      width: 100%; }
    .roadmap-section .roadmap-wrap {
      margin-top: 0.3rem;
      display: flex;
      flex-direction: column; }
      .roadmap-section .roadmap-wrap .mobile-block {
        margin-left: 0.6rem;
        display: flex;
        flex-direction: column; }
        .roadmap-section .roadmap-wrap .mobile-block .roadmap-item .title {
          position: relative; }
          .roadmap-section .roadmap-wrap .mobile-block .roadmap-item .title:before {
            content: '';
            position: absolute;
            width: 0.09rem;
            height: 0.09rem;
            left: -0.27rem;
            top: 50%;
            -webkit-transform: translateY(-50%);
                    transform: translateY(-50%);
            background-color: #121212;
            background-color: var(--color-black);
            border: 1px solid #00FF57;
            border: 1px solid var(--color-green); }
      .roadmap-section .roadmap-wrap .left-block {
        display: none; }
      .roadmap-section .roadmap-wrap .right-block {
        display: none; }
  .roadmap-item {
    max-width: 2.4rem;
    margin-bottom: 0.26rem; }
    .roadmap-item .roadmap-events-list {
      margin-top: 0.1rem;
      max-width: 100%; }
      .roadmap-item .roadmap-events-list .roadmap-event span {
        width: 0.02rem;
        height: 0.02rem; }
    .roadmap-item.large {
      margin-bottom: 0.26rem; }
  .roadmap-section .roadmap-wrap .progress-wrap {
    top: 0.07rem;
    left: 0.38rem;
    height: 87%;
    -webkit-transform: translateX(0);
            transform: translateX(0); }
    .roadmap-section .roadmap-wrap .progress-wrap .progress {
      position: absolute;
      left: -0.04rem;
      top: 0;
      display: block; }
      .roadmap-section .roadmap-wrap .progress-wrap .progress span {
        width: 0.09rem;
        height: 0.09rem;
        display: none; }
  .partners-section {
    padding-top: 0.7rem; }
    .partners-section .container {
      width: 100%; }
    .partners-section .title-wrap {
      width: 100%;
      padding: 0.2rem;
      padding-bottom: 0.24rem;
      border-bottom: 1px solid #FFFFFF;
      border-bottom: 1px solid var(--color-white);
      border-right: none; }
      .partners-section .title-wrap .link-cta {
        display: none; }
    .partners-section .table-wrap {
      flex-direction: column; }
    .partners-section .partners-item-wrap {
      width: 100%;
      justify-content: flex-start; }
      .partners-section .partners-item-wrap .partners-item {
        width: 1.4rem;
        height: 0.3rem;
        margin: 0.3rem 0;
        margin-left: 0.2rem; } }