@font-face {
    font-family: 'SpaceMono';
    src:
        url('../fonts/SpaceMono-Regular.woff2') format('woff2'),
        url('../fonts/SpaceMono-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'SpaceMono';
    src:
        url('../fonts/SpaceMono-Italic.woff2') format('woff2'),
        url('../fonts/SpaceMono-Italic.woff') format('woff');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'SpaceMono';
    src:
        url('../fonts/SpaceMono-Bold.woff2') format('woff2'),
        url('../fonts/SpaceMono-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'SpaceMono';
    src:
        url('../fonts/SpaceMono-BoldItalic.woff2') format('woff2'),
        url('../fonts/SpaceMono-BoldItalic.woff') format('woff');
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}

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

time,
picture,
img,
svg,
video,
audio,
label,
input,
textarea,
button,
canvas,
iframe,
:before,
:after {
    display: block;
}

header,
footer,
main,
section,
table,
input,
textarea,
select,
button {
    width: 100%;
}

img,
video,
svg,
iframe {
    max-width: 100%;
}

html,
body {
    height: 100%;
}

html {
    scroll-behavior: smooth;
}

input,
textarea,
select,
button {
    background-color: transparent;
}

fieldset,
input,
textarea,
select,
button,
iframe,
hr {
    border: none;
}

input,
textarea {
    border-radius: unset;
}

ul,
ol {
    list-style: none;
}

table {
    border-collapse: collapse;
}

textarea {
    resize: none;
}

select {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
}

input,
textarea,
select,
button {
    font-family: inherit;
}

address {
    font-style: inherit;
}

h1,
h2,
h3,
h4,
h5,
h6,
th,
input,
textarea,
select,
button {
    font-weight: inherit;
}

strong {
    font-weight: 700;
}

h1,
h2,
h3,
h4,
h5,
h6,
input,
textarea,
select,
button {
    font-size: inherit;
    line-height: inherit;
}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
    color: inherit;
}

input::-moz-placeholder, textarea::-moz-placeholder {
    color: inherit;
}

input:-ms-input-placeholder, textarea:-ms-input-placeholder {
    color: inherit;
}

input::-ms-input-placeholder, textarea::-ms-input-placeholder {
    color: inherit;
}

a,
input,
input::placeholder,
textarea,
textarea::placeholder,
select,
button {
    color: inherit;
}

th,
button {
    text-align: unset;
}

a {
    text-decoration: unset;
}

body,
blockquote,
figure,
input[type='checkbox'],
input[type='radio'] {
    margin: 0;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
ol,
pre,
hr {
    margin-top: 0;
    margin-bottom: 0;
}

fieldset {
    margin-left: 0;
    margin-right: 0;
}

th,
td,
fieldset,
input,
textarea,
button {
    padding: 0;
}

ul,
ol {
    padding-left: 0;
}

label,
input[type='checkbox']:not([disabled]),
input[type='radio']:not([disabled]),
input[type='file']:not([disabled]),
input[type='file']:not([disabled])::-webkit-file-upload-button,
select:not([disabled]),
button:not([disabled]) {
    cursor: pointer;
}

:focus {
    outline: none;
}

:root {
    --color-white: #ffffff;
    --color-black: #000000;
    --color-red: #ff0000;
    --color-green-100: #dfece4;
    --color-green-400: #0fff6a;
    --color-green-400-10: rgb(15, 255, 106, 0.1);
    --color-green-400-30: rgb(15, 255, 106, 0.3);
    --color-green-600: #8fa397;
    --color-green-700: #212c25;
    --color-green-800: #0b130e;
    --color-green-900: #001408;
    --color-green-900-70: rgb(0, 20, 8, 0.7);
    --color-green-900-95: rgb(0, 20, 8, 0.95);
    --color-primary: var(--color-green-400);
    --color-primary-10: var(--color-green-400-10);
    --color-primary-30: var(--color-green-400-30);
    --color-primary-light: var(--color-green-100);
    --color-primary-dark: var(--color-green-700);
    --color-primary-extra-dark: var(--color-green-900);
    --color-primary-extra-dark-70: var(--color-green-900-70);
    --color-primary-extra-dark-95: var(--color-green-900-95);
    --color-primary-muted: var(--color-green-600);
    --color-error: var(--color-red);
    --color-success: var(--color-primary);
    --font-family: 'Space Mono', monospace;
    --border-radius: 6rem;
    --transition-duration: 0.3s;
    --body-background: var(--color-primary-extra-dark);
    --body-font-family: var(--font-family);
    --body-font-weight: 400;
    --body-font-size: 14rem;
    --body-line-height: 20rem;
    --body-color: var(--color-primary-muted);
    --header-height: 64rem;
    --wpadminbar-height: 46px;
    --container-width: 100%;
    --container-padding-x: 16rem;
    --container-width-outside: var(--container-padding-x);
    --section-padding-y: 96rem;
    --logo-width: 130rem;
    --logo-height: 30rem;
    --main-banner-height: 73rem;
}

html {
    font-size: 0.2666666667vw;
}

body {
    background: var(--body-background);
    font-family: var(--body-font-family);
    font-weight: var(--body-font-weight);
    font-size: var(--body-font-size);
    line-height: var(--body-line-height);
    color: var(--body-color);
}

body.lock {
    overflow: hidden;
}

body::-webkit-scrollbar {
    width: 10px;
}

body::-webkit-scrollbar-track {
    background-color: var(--color-primary-extra-dark);
}

body::-webkit-scrollbar-thumb {
    background-color: var(--color-primary);
    border: 2px solid var(--color-primary-extra-dark);
    border-radius: 5px;
}

.wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 100%;
    min-height: 100%;
    overflow: hidden;
    padding-top: var(--header-height);
}

.main {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
}

.section {
    padding: var(--section-padding-y) 0;
}

.section--light:has(+ .section--light),
.section--dark:has(+ .section--dark) {
    padding-bottom: 0;
}

.container {
    width: 100%;
    padding-left: var(--container-padding-x);
    padding-right: var(--container-padding-x);
}

.button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
    background-color: var(--color-primary);
    border: 1px solid var(--color-primary);
    -webkit-box-shadow: 0 0 15rem var(--color-primary-30);
            box-shadow: 0 0 15rem var(--color-primary-30);
    border-radius: var(--border-radius);
    font-size: 14rem;
    line-height: 20rem;
    color: var(--color-primary-extra-dark);
    text-align: center;
    padding: 9rem 18rem;
    -webkit-transition-duration: var(--transition-duration);
            transition-duration: var(--transition-duration);
    -webkit-transition-property: background-color, border-color, color;
    transition-property: background-color, border-color, color;
}

.button:not([disabled]) {
    cursor: pointer;
}

.button--transparent {
    background-color: transparent;
    color: var(--color-primary-light);
}

.buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 24rem;
}

.buttons:not(:first-child) {
    margin-top: 32rem;
}

@-webkit-keyframes buttonGlitch {
    0%,
    100% {
        -webkit-transform: translate(0);
                transform: translate(0);
    }

    20% {
        -webkit-transform: translate(-2px, 2px);
                transform: translate(-2px, 2px);
    }

    40% {
        -webkit-transform: translate(-2px, -2px);
                transform: translate(-2px, -2px);
    }

    60% {
        -webkit-transform: translate(2px, 2px);
                transform: translate(2px, 2px);
    }

    80% {
        -webkit-transform: translate(2px, -2px);
                transform: translate(2px, -2px);
    }
}

@keyframes buttonGlitch {
    0%,
    100% {
        -webkit-transform: translate(0);
                transform: translate(0);
    }

    20% {
        -webkit-transform: translate(-2px, 2px);
                transform: translate(-2px, 2px);
    }

    40% {
        -webkit-transform: translate(-2px, -2px);
                transform: translate(-2px, -2px);
    }

    60% {
        -webkit-transform: translate(2px, 2px);
                transform: translate(2px, 2px);
    }

    80% {
        -webkit-transform: translate(2px, -2px);
                transform: translate(2px, -2px);
    }
}

.arrow-button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 40rem;
    min-width: 40rem;
    height: 40rem;
    border: 1px solid var(--color-primary);
    border-radius: 50%;
    -webkit-transition-duration: var(--transition-duration);
            transition-duration: var(--transition-duration);
    -webkit-transition-property: background-color;
    transition-property: background-color;
}

.arrow-button:not([disabled]) {
    cursor: pointer;
}

.arrow-button:after {
    content: '';
    width: 50%;
    height: 50%;
    background: url('../img/icons/chevron-left.svg') center/contain no-repeat;
}

.arrow-button--right:after {
    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg);
}

.burger-button {
    width: 40rem;
    height: 40rem;
    position: relative;
    cursor: pointer;
}

.burger-button svg {
    width: 100%;
    height: 100%;
    fill: none;
    -webkit-transition: -webkit-transform var(--transition-duration) cubic-bezier(0.4, 0, 0.2, 1);
    transition: -webkit-transform var(--transition-duration) cubic-bezier(0.4, 0, 0.2, 1);
    transition: transform var(--transition-duration) cubic-bezier(0.4, 0, 0.2, 1);
    transition: transform var(--transition-duration) cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform var(--transition-duration) cubic-bezier(0.4, 0, 0.2, 1);
}

.burger-button svg path {
    stroke: var(--color-primary-light);
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 2;
    -webkit-transition:
        stroke-dasharray var(--transition-duration) cubic-bezier(0.4, 0, 0.2, 1),
        stroke-dashoffset var(--transition-duration) cubic-bezier(0.4, 0, 0.2, 1),
        stroke var(--transition-duration);
    transition:
        stroke-dasharray var(--transition-duration) cubic-bezier(0.4, 0, 0.2, 1),
        stroke-dashoffset var(--transition-duration) cubic-bezier(0.4, 0, 0.2, 1),
        stroke var(--transition-duration);
}

.burger-button svg path:first-child {
    stroke-dasharray: 12 63;
}

.burger-button.active svg {
    -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);
}

.burger-button.active svg path {
    stroke: var(--color-primary);
}

.burger-button.active svg path:first-child {
    stroke-dasharray: 20 300;
    stroke-dashoffset: -32.42;
}

.title {
    font-size: 32rem;
    line-height: 40rem;
}

.title span {
    color: var(--color-primary);
}

.xs-title {
    font-size: 18rem;
    line-height: 24rem;
}

.sm-title {
    font-size: 20rem;
    line-height: 26rem;
}

.md-title {
    font-size: 24rem;
    line-height: 30rem;
}

.lg-title {
    font-size: 40rem;
    line-height: 48rem;
}

.lg-title span {
    display: inline-block;
    color: var(--color-primary);
}

.lg-title span.glitch-active {
    -webkit-animation: lgTitleGlitch var(--transition-duration) ease-in-out;
            animation: lgTitleGlitch var(--transition-duration) ease-in-out;
}

.eyebrow {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    max-width: 100%;
    border: 1px solid var(--color-primary-30);
    border-radius: 19rem;
    font-size: 12rem;
    line-height: 18rem;
    color: var(--color-primary);
    padding: 8rem 16rem;
}

.eyebrow--center {
    margin-left: auto;
    margin-right: auto;
}

.eyebrow:not(:last-child) {
    margin-bottom: 24rem;
}

.subtitle:not(:first-child) {
    margin-top: 16rem;
}

.md-text {
    font-size: 20rem;
    line-height: 26rem;
}

.lg-text {
    font-size: 20rem;
    line-height: 26rem;
}

@-webkit-keyframes lgTitleGlitch {
    0%,
    100% {
        -webkit-transform: translate(0);
                transform: translate(0);
    }

    20% {
        -webkit-transform: translate(-2px, 2px);
                transform: translate(-2px, 2px);
    }

    40% {
        -webkit-transform: translate(-2px, -2px);
                transform: translate(-2px, -2px);
    }

    60% {
        -webkit-transform: translate(2px, 2px);
                transform: translate(2px, 2px);
    }

    80% {
        -webkit-transform: translate(2px, -2px);
                transform: translate(2px, -2px);
    }
}

@keyframes lgTitleGlitch {
    0%,
    100% {
        -webkit-transform: translate(0);
                transform: translate(0);
    }

    20% {
        -webkit-transform: translate(-2px, 2px);
                transform: translate(-2px, 2px);
    }

    40% {
        -webkit-transform: translate(-2px, -2px);
                transform: translate(-2px, -2px);
    }

    60% {
        -webkit-transform: translate(2px, 2px);
                transform: translate(2px, 2px);
    }

    80% {
        -webkit-transform: translate(2px, -2px);
                transform: translate(2px, -2px);
    }
}

.input,
.textarea,
.select {
    border: 1px solid var(--color-primary-dark);
    border-radius: var(--border-radius);
    font-size: 16px;
    line-height: 22px;
    padding: 0 16rem;
    -webkit-transition:
        border-color var(--transition-duration),
        color var(--transition-duration);
    transition:
        border-color var(--transition-duration),
        color var(--transition-duration);
}

.input[aria-invalid='true']:not(:focus),
.textarea[aria-invalid='true']:not(:focus),
.select[aria-invalid='true']:not(:focus) {
    border-color: var(--color-error);
    color: var(--color-error);
}

.input:focus,
.textarea:focus,
.select:focus {
    border-color: var(--color-primary);
}

.input,
.textarea {
    color: var(--color-primary);
    caret-color: var(--color-primary);
}

.input:focus,
.textarea:focus {
    color: var(--color-primary-light);
}

.input::-webkit-input-placeholder, .textarea::-webkit-input-placeholder {
    color: var(--color-primary-muted);
    -webkit-transition: opacity var(--transition-duration);
    transition: opacity var(--transition-duration);
}

.input::-moz-placeholder, .textarea::-moz-placeholder {
    color: var(--color-primary-muted);
    -moz-transition: opacity var(--transition-duration);
    transition: opacity var(--transition-duration);
}

.input:-ms-input-placeholder, .textarea:-ms-input-placeholder {
    color: var(--color-primary-muted);
    -ms-transition: opacity var(--transition-duration);
    transition: opacity var(--transition-duration);
}

.input::-ms-input-placeholder, .textarea::-ms-input-placeholder {
    color: var(--color-primary-muted);
    -ms-transition: opacity var(--transition-duration);
    transition: opacity var(--transition-duration);
}

.input::placeholder,
.textarea::placeholder {
    color: var(--color-primary-muted);
    -webkit-transition: opacity var(--transition-duration);
    transition: opacity var(--transition-duration);
}

.input:focus::-webkit-input-placeholder, .textarea:focus::-webkit-input-placeholder {
    opacity: 0;
}

.input:focus::-moz-placeholder, .textarea:focus::-moz-placeholder {
    opacity: 0;
}

.input:focus:-ms-input-placeholder, .textarea:focus:-ms-input-placeholder {
    opacity: 0;
}

.input:focus::-ms-input-placeholder, .textarea:focus::-ms-input-placeholder {
    opacity: 0;
}

.input:focus::placeholder,
.textarea:focus::placeholder {
    opacity: 0;
}

.input,
.select {
    height: 40rem;
}

.textarea {
    height: 180rem;
    padding-top: 9rem;
    padding-bottom: 9rem;
}

.select {
    background-image: url('../img/icons/chevron-down-primary.svg');
    background-position: center right 16rem;
    background-size: 16rem;
    background-repeat: no-repeat;
    padding-right: 48rem;
}

.select > option[selected][disabled]:first-child {
    display: none;
}

.responsive-media {
    width: 100%;
    position: relative;
    overflow: hidden;
    padding-top: calc(var(--rm-h, 100) / var(--rm-w, 100) * 100%);
}

.responsive-media img,
.responsive-media video,
.responsive-media iframe,
.responsive-media canvas {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.responsive-media img,
.responsive-media video {
    -o-object-fit: cover;
       object-fit: cover;
}

.responsive-media--contain img,
.responsive-media--contain video {
    -o-object-fit: contain;
       object-fit: contain;
}

.language-switch {
    position: relative;
    font-size: 14rem;
    line-height: 20rem;
}

.language-switch__button {
    width: 100%;
    position: relative;
    border: 1px solid var(--color-primary-dark);
    border-radius: var(--border-radius);
    color: var(--color-primary-light);
    padding: 9rem 38rem 9rem 18rem;
    -webkit-transition: border-color var(--transition-duration);
    transition: border-color var(--transition-duration);
}

.language-switch__button:after {
    content: '';
    width: 12rem;
    height: 12rem;
    position: absolute;
    top: 50%;
    right: 18rem;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    background: url('../img/icons/chevron-down-primary.svg') center/contain no-repeat;
    -webkit-transition: -webkit-transform var(--transition-duration);
    transition: -webkit-transform var(--transition-duration);
    transition: transform var(--transition-duration);
    transition: transform var(--transition-duration), -webkit-transform var(--transition-duration);
}

.language-switch.active .language-switch__button {
    border-color: var(--color-primary);
}

.language-switch.active .language-switch__button:after {
    -webkit-transform: translateY(-50%) rotate(180deg);
        -ms-transform: translateY(-50%) rotate(180deg);
            transform: translateY(-50%) rotate(180deg);
}

.language-switch__dropdown {
    width: 100%;
    min-width: -webkit-max-content;
    min-width: -moz-max-content;
    min-width: max-content;
    position: absolute;
    top: -12rem;
    left: 50%;
    -webkit-transform: translate(-50%, -100%);
        -ms-transform: translate(-50%, -100%);
            transform: translate(-50%, -100%);
    background-color: var(--color-primary-extra-dark-95);
    border: 1px solid var(--color-primary-dark);
    border-radius: var(--border-radius);
    -webkit-transition:
        visibility var(--transition-duration),
        opacity var(--transition-duration),
        border-color var(--transition-duration),
        -webkit-transform var(--transition-duration);
    transition:
        visibility var(--transition-duration),
        opacity var(--transition-duration),
        border-color var(--transition-duration),
        -webkit-transform var(--transition-duration);
    transition:
        transform var(--transition-duration),
        visibility var(--transition-duration),
        opacity var(--transition-duration),
        border-color var(--transition-duration);
    transition:
        transform var(--transition-duration),
        visibility var(--transition-duration),
        opacity var(--transition-duration),
        border-color var(--transition-duration),
        -webkit-transform var(--transition-duration);
}

.language-switch__dropdown-body {
    overflow: hidden;
}

.language-switch:not(.active) .language-switch__dropdown {
    -webkit-transform: translate(-50%, calc(-100% - 24rem));
        -ms-transform: translate(-50%, calc(-100% - 24rem));
            transform: translate(-50%, calc(-100% - 24rem));
    visibility: hidden;
    opacity: 0;
}

.language-switch__menu a {
    display: block;
    padding: 9rem 18rem;
    -webkit-transition: color var(--transition-duration);
    transition: color var(--transition-duration);
}

.info-block {
    width: 100%;
    border: 1px solid var(--color-primary-dark);
    border-radius: var(--border-radius);
    padding: 24rem;
}

.info-block--primary {
    border-color: var(--color-primary);
    -webkit-box-shadow: 0 0 15rem var(--color-primary-30);
            box-shadow: 0 0 15rem var(--color-primary-30);
}

.info-block__title:not(:first-child) {
    margin-top: 24rem;
}

.info-block__text:not(:first-child) {
    margin-top: 12rem;
}

.info-block__list:not(:first-child) {
    margin-top: 12rem;
}

.info-block__list > li {
    position: relative;
    padding-left: 12rem;
}

.info-block__list > li:not(:first-child) {
    margin-top: 8rem;
}

.info-block__list > li:before {
    content: '';
    width: 4rem;
    height: 4rem;
    position: absolute;
    top: 8rem;
    left: 0;
    background-color: var(--color-primary);
    border-radius: 50%;
}

.info-block__tags {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 8rem;
}

.info-block__tags:not(:first-child) {
    margin-top: 12rem;
}

.info-block__tags > li {
    background-color: var(--color-primary-10);
    border-radius: var(--border-radius);
    font-size: 12rem;
    line-height: 18rem;
    text-align: center;
    color: var(--color-primary);
    padding: 6rem 12rem;
}

.info-block__steps {
    counter-reset: infoBlockSteps;
}

.info-block__steps:not(:first-child) {
    margin-top: 24rem;
}

.info-block__steps > li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 8rem;
    position: relative;
    counter-increment: infoBlockSteps;
    padding-left: 40rem;
}

.info-block__steps > li:not(:first-child) {
    margin-top: 24rem;
}

.info-block__steps > li:before {
    content: counter(infoBlockSteps) '.';
    position: absolute;
    top: 0;
    left: 0;
    font-weight: 700;
    font-size: 18rem;
    line-height: 24rem;
    color: var(--color-primary);
}

.info-block__steps > li:nth-child(1):before,
.info-block__steps > li:nth-child(2):before,
.info-block__steps > li:nth-child(3):before,
.info-block__steps > li:nth-child(4):before,
.info-block__steps > li:nth-child(5):before,
.info-block__steps > li:nth-child(6):before,
.info-block__steps > li:nth-child(7):before,
.info-block__steps > li:nth-child(8):before,
.info-block__steps > li:nth-child(9):before {
    content: '0' counter(infoBlockSteps) '.';
}

.info-block__benefits {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
    gap: 32rem;
}

.info-block__benefits > li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 4rem;
}

.info-block__benefits span {
    display: block;
    min-height: 30rem;
}

.info-block__row {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    gap: 24rem;
}

.info-block__row:not(:first-child) {
    margin-top: 24rem;
}

.info-blocks {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    gap: 32rem;
}

.info-blocks:not(:first-child) {
    margin-top: 48rem;
}

.fw-400 {
    font-weight: 400;
}

.fw-700 {
    font-weight: 700;
}

.color-primary {
    color: var(--color-primary);
}

.color-primary-light {
    color: var(--color-primary-light);
}

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

.text-uppercase {
    text-transform: uppercase;
}

@media screen and (min-width: 375px) {
    .input,
    .textarea,
    .select {
        font-size: 16rem;
        line-height: 22rem;
    }
}

@media screen and (min-width: 576px) {
    :root {
        --container-width: 510rem;
        --container-width-outside: calc(((100% - var(--container-width)) / 2));
    }

    html {
        font-size: 1px;
    }

    .container {
        max-width: calc(var(--container-width) + var(--container-padding-x) * 2);
        margin-left: auto;
        margin-right: auto;
    }
}

@media screen and (min-width: 768px) {
    :root {
        --container-width: 690rem;
    }

    html {
        font-size: 0.1302083333vw;
    }

    .button {
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        max-width: 100%;
    }

    .button--full {
        width: 100%;
    }

    .buttons--center {
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
    }

    .title {
        font-size: 48rem;
        line-height: 56rem;
    }

    .lg-title {
        font-size: 72rem;
        line-height: 80rem;
    }

    .eyebrow {
        font-size: 14rem;
        line-height: 20rem;
    }

    .lg-text {
        font-size: 24rem;
        line-height: 30rem;
    }

    .language-switch__button {
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        max-width: 100%;
    }

    .info-block__row {
        -ms-grid-columns: (1fr)[2];
        grid-template-columns: repeat(2, 1fr);
    }
}

@media screen and (min-width: 783px) {
    :root {
        --wpadminbar-height: 32px;
    }
}

@media screen and (min-width: 1024px) and (orientation: landscape) {
    :root {
        --header-height: 80rem;
        --container-width: 1280rem;
        --section-padding-y: 128rem;
        --logo-width: 173rem;
        --logo-height: 40rem;
    }

    html {
        font-size: 0.0694444444vw;
    }

    .subtitle--center {
        max-width: 768rem;
        margin-left: auto;
        margin-right: auto;
    }

    .input,
    .textarea,
    .select {
        font-size: 14rem;
        line-height: 20rem;
    }

    .language-switch__dropdown {
        top: unset;
        bottom: -12rem;
        -webkit-transform: translate(-50%, 100%);
            -ms-transform: translate(-50%, 100%);
                transform: translate(-50%, 100%);
    }

    .language-switch:not(.active) .language-switch__dropdown {
        -webkit-transform: translate(-50%, calc(100% + 24rem));
            -ms-transform: translate(-50%, calc(100% + 24rem));
                transform: translate(-50%, calc(100% + 24rem));
    }

    .info-blocks--lg-2 {
        -ms-grid-columns: (1fr)[2];
        grid-template-columns: repeat(2, 1fr);
    }
}

@media screen and (min-width: 1440px) and (orientation: landscape) {
    html {
        font-size: 1px;
    }
}

@media (hover: hover) {
    .button:not([disabled]):hover {
        background-color: transparent;
        color: var(--color-primary);
        -webkit-animation: buttonGlitch var(--transition-duration) ease-in-out;
                animation: buttonGlitch var(--transition-duration) ease-in-out;
    }

    .arrow-button:not([disabled]):hover {
        background-color: var(--color-primary);
    }

    .language-switch__button:hover {
        border-color: var(--color-primary);
    }

    .language-switch__dropdown:hover {
        border-color: var(--color-primary);
    }

    .language-switch__menu a:hover {
        color: var(--color-primary);
    }
}