*,
*::before,
*::after {box-sizing: border-box;}
html {-webkit-text-size-adjust: 100%;scroll-behavior: smooth;scroll-padding-top: calc(var(--topbar-h) + var(--header-h) + 1rem);}
body {margin: 0;min-height: 100vh;background-color: var(--bg-1);color: var(--clr-body);font-family: var(--font-main);letter-spacing: var(--font-tracking);-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;overflow-x: hidden;}
h1,
h2,
h3,
h4,
h5,
h6,
p,
figure,
blockquote,
dl,
dd {margin: 0;}
ul,
ol {margin: 0;padding: 0;list-style: none;}
a {color: inherit;text-decoration: none;transition: color var(--transition-1),opacity var(--transition-1);}
img,
picture,
svg,
video {display: block;max-width: 100%;}
button {padding: 0;border: 0;background: none;color: inherit;font: inherit;cursor: pointer;}
input,
textarea,
select {font: inherit;color: inherit;}
textarea {resize: vertical;}
:focus-visible {outline: 2px solid var(--clr-accent);outline-offset: 2px;}
@media (prefers-reduced-motion: reduce) {
html {scroll-behavior: auto;}
*,
*::before,
*::after {animation-duration: 0.01ms !important;animation-iteration-count: 1 !important;transition-duration: 0.01ms !important;}
}
:root {--clr-accent: #1398d5;--clr-accent-dark: #0f7cae;--clr-dark: #131313;--clr-black: #202020;--clr-body: rgba(32, 32, 32, 0.75);--clr-placeholder: rgba(19, 19, 19, 0.6);--clr-white: #fff;--clr-white-75: rgba(255, 255, 255, 0.75);--clr-line: rgba(19, 19, 19, 0.12);--bg-1: #f0f0f0;--bg-dark: #131313;--bg-card: #fff;--glass-bg: rgba(32, 32, 32, 0.2);--glass-border: rgba(255, 255, 255, 0.2);--container: 116.25rem;--gutter: 1.875rem;--radius: 0.5rem;--topbar-h: 2.5rem;--header-h: 3.75rem;--sp-xl: clamp(3.5rem, 1.8271119843rem + 6.8107400131vw, 10rem);--sp-lg: clamp(2rem, 1.5496070727rem + 1.8336607728vw, 3.75rem);--sp-md: clamp(1.5rem, 1.242632613rem + 1.0478061559vw, 2.5rem);--sp-sm: clamp(1rem, 0.8713163065rem + 0.5239030779vw, 1.5rem);--sp-xs: clamp(0.75rem, 0.6856581532rem + 0.261951539vw, 1rem);--gap-grid: clamp(0.75rem, 0.6213163065rem + 0.5239030779vw, 1.25rem);--transition-1: 0.3s ease;--font-display: "Gotham Narrow","Helvetica Neue",Arial,sans-serif;--font-main: "Gotham Narrow","Helvetica Neue",Arial,sans-serif;--font-tracking: normal;}
@media (max-width: 767px) {
:root {--gutter: 1rem;--header-h: 3.5rem;}
}
.container {width: 100%;max-width: calc(var(--container) + var(--gutter) * 2);margin-inline: auto;padding-inline: var(--gutter);}
.container--narrow {max-width: calc(77.125rem + var(--gutter) * 2);}
.section {margin-top: var(--sp-xl);}
.section:last-child {margin-bottom: var(--sp-xl);}
.spacer-xl {margin-top: var(--sp-xl);}
.spacer-lg {margin-top: var(--sp-lg);}
.spacer-md {margin-top: var(--sp-md);}
.spacer-sm {margin-top: var(--sp-sm);}
.spacer-xs {margin-top: var(--sp-xs);}
.section__head {margin-bottom: var(--sp-md);}
.section__head--center {text-align: center;}
.visually-hidden {position: absolute;width: 1px;height: 1px;margin: -1px;padding: 0;overflow: hidden;clip: rect(0 0 0 0);clip-path: inset(50%);white-space: nowrap;border: 0;}
.no-scroll {overflow: hidden;}
@font-face {font-family: "Gotham Narrow";src: url("../fonts/GothamNarrow-Light.woff2") format("woff2");font-weight: 300;font-style: normal;font-display: swap;}
@font-face {font-family: "Gotham Narrow";src: url("../fonts/GothamNarrow-Book.woff2") format("woff2");font-weight: 400;font-style: normal;font-display: swap;}
@font-face {font-family: "Gotham Narrow";src: url("../fonts/GothamNarrow-Medium.woff2") format("woff2");font-weight: 500;font-style: normal;font-display: swap;}
@font-face {font-family: "Gotham Narrow";src: url("../fonts/GothamNarrow-Bold.woff2") format("woff2");font-weight: 700;font-style: normal;font-display: swap;}
h1,
.h1 {font-family: var(--font-display);font-size: clamp(1.875rem, 1.5211198428rem + 1.4407334643vw, 3.25rem);font-weight: 300;line-height: 1.14;}
h2,
.h2 {font-family: var(--font-display);font-size: clamp(1.75rem, 1.5248035363rem + 0.9168303864vw, 2.625rem);font-weight: 300;line-height: 1.16;}
h3,
.h3 {font-family: var(--font-display);font-size: clamp(1.25rem, 1.1856581532rem + 0.261951539vw, 1.5rem);font-weight: 500;line-height: 1.2;}
h4,
.h4,
h5,
.h5 {font-family: var(--font-main);font-size: clamp(1rem, 0.9678290766rem + 0.1309757695vw, 1.125rem);font-weight: 500;line-height: 1.25;}
.text-lg {font-family: var(--font-main);font-size: clamp(1.125rem, 1.0284872299rem + 0.3929273084vw, 1.5rem);font-weight: 400;line-height: 1.3;}
p,
.text-md {font-family: var(--font-main);font-size: clamp(1rem, 0.9678290766rem + 0.1309757695vw, 1.125rem);font-weight: 400;line-height: 1.5;}
.text-sm {font-family: var(--font-main);font-size: clamp(0.875rem, 0.8428290766rem + 0.1309757695vw, 1rem);font-weight: 400;line-height: 1.4;}
.text-xs {font-family: var(--font-main);font-size: clamp(0.8125rem, 0.7964145383rem + 0.0654878847vw, 0.875rem);font-weight: 400;line-height: 1.4;}
.fw-light {font-weight: 300;}
.fw-book {font-weight: 400;}
.fw-medium {font-weight: 500;}
.fw-bold {font-weight: 700;}
.clr-accent {color: var(--clr-accent);}
.clr-dark {color: var(--clr-dark);}
.clr-black {color: var(--clr-black);}
.clr-body {color: var(--clr-body);}
.clr-white {color: var(--clr-white);}
.clr-white-75 {color: var(--clr-white-75);}
.text-center {text-align: center;}
.text-upper {text-transform: uppercase;}
.btn {display: inline-flex;align-items: center;justify-content: center;gap: 1rem;min-height: 3.375rem;padding: 1rem 1.5rem;border: 1px solid transparent;border-radius: var(--radius);font-family: var(--font-main);font-size: 0.875rem;font-weight: 500;line-height: 1.2;text-align: center;cursor: pointer;transition: background-color var(--transition-1),border-color var(--transition-1),color var(--transition-1);}
@media (max-width: 767px) {
.btn {gap: 0.75rem;padding-inline: 1.125rem;}
}
.btn__icon {flex: 0 0 auto;width: 1.25rem;height: 1.25rem;background-color: currentColor;mask: url("../img/icon-arrow.svg") center/contain no-repeat;-webkit-mask: url("../img/icon-arrow.svg") center/contain no-repeat;transition: transform var(--transition-1);}
.btn:hover .btn__icon {transform: translateX(0.1875rem);}
.btn__icon--down {transform: rotate(90deg);}
.btn:hover .btn__icon--down {transform: rotate(90deg) translateX(0.1875rem);}
.btn--primary {background-color: var(--clr-accent);border-color: var(--clr-accent);color: var(--clr-white);}
.btn--primary:hover {background-color: var(--clr-accent-dark);border-color: var(--clr-accent-dark);}
.btn--outline {border-color: var(--clr-accent);color: var(--clr-accent);}
.btn--outline:hover {background-color: var(--clr-accent);color: var(--clr-white);}
.btn--ghost {border-color: var(--glass-border);color: var(--clr-white);}
.btn--ghost:hover {background-color: rgba(255, 255, 255, 0.14);border-color: rgba(255, 255, 255, 0.45);}
.btn--block {width: 100%;}
.btn-icon {display: inline-flex;align-items: center;justify-content: center;width: 3.375rem;height: 3.375rem;border-radius: var(--radius);background-color: var(--clr-white);color: var(--clr-accent);transition: background-color var(--transition-1),transform var(--transition-1);}
.btn-icon .btn__icon {transform: rotate(-90deg);}
.btn-icon:hover {background-color: var(--clr-accent);color: var(--clr-white);}
.btn-icon:hover .btn__icon {transform: rotate(-90deg) translateX(0.1875rem);}
@media (max-width: 767px) {
.btn-icon {width: 2.75rem;height: 2.75rem;}
}
.link-underline {display: inline-block;font-size: 0.875rem;font-weight: 500;text-decoration: underline;text-underline-offset: 0.1875rem;}
.link-underline:hover {color: var(--clr-accent);}
.header {position: fixed;inset: 0 0 auto;z-index: 100;}
.topbar {background-color: var(--clr-dark);color: var(--clr-white);}
.topbar__inner {display: flex;align-items: center;justify-content: space-between;gap: 1rem;min-height: var(--topbar-h);}
.topbar__brands {display: flex;align-items: center;justify-content: center;gap: clamp(1.25rem, 0.7674361493rem + 1.9646365422vw, 3.125rem);}
@media (max-width: 1199px) {
.topbar__brands {display: none;}
}
.topbar__brand {display: flex;align-items: center;opacity: 0.85;transition: opacity var(--transition-1);}
.topbar__brand:hover {opacity: 1;}
.topbar__brand img {width: auto;height: auto;max-height: 1.0625rem;}
.picker {position: relative;display: flex;align-items: center;gap: 0.375rem;flex: 0 0 auto;font-size: 0.875rem;line-height: 1.2;white-space: nowrap;}
.picker__label {color: var(--clr-white);}
@media (max-width: 575px) {
.picker__label {display: none;}
}
.picker__btn {display: inline-flex;align-items: center;gap: 0.25rem;color: var(--clr-accent);font-weight: 500;}
.picker__caret {width: 0.5rem;height: 0.3125rem;background-color: currentColor;mask: url("../img/icon-caret.svg") center/contain no-repeat;-webkit-mask: url("../img/icon-caret.svg") center/contain no-repeat;transition: transform var(--transition-1);}
.picker__btn[aria-expanded=true] .picker__caret {transform: rotate(180deg);}
.picker__list {position: absolute;top: calc(100% + 0.375rem);z-index: 20;min-width: 11.25rem;padding: 0.375rem;border: 1px solid rgba(255, 255, 255, 0.14);border-radius: var(--radius);background-color: var(--clr-dark);box-shadow: 0 0.875rem 1.75rem rgba(0, 0, 0, 0.45);}
.picker[data-align=start] .picker__list {left: 0;}
.picker[data-align=end] .picker__list {right: 0;}
.picker__option {display: flex;align-items: center;gap: 0.5rem;padding: 0.5rem 0.625rem;border-radius: 0.25rem;color: var(--clr-white);transition: background-color var(--transition-1),color var(--transition-1);}
.picker__option:hover,
.picker__option:focus-visible {background-color: rgba(255, 255, 255, 0.08);color: var(--clr-accent);}
.picker__option.is-current {color: var(--clr-accent);}
.picker__flag {flex: 0 0 auto;width: 1rem;height: 1rem;border-radius: 0.125rem;}
.picker__code {font-weight: 500;}
.picker__name {color: var(--clr-white-75);font-size: 0.8125rem;}
.picker__option:hover .picker__name {color: inherit;}
.header__bar {position: relative;background-color: rgba(0, 0, 0, 0.01);backdrop-filter: blur(1.375rem);-webkit-backdrop-filter: blur(1.375rem);transition: background-color var(--transition-1);}
.header.is-scrolled .header__bar {background-color: rgba(19, 19, 19, 0.92);}
.header.is-nav-open .header__bar {background-color: var(--clr-dark);}
.header__inner {display: flex;align-items: center;justify-content: space-between;gap: 1.5rem;min-height: var(--header-h);padding-block: 0.75rem;}
.header__logo {flex: 0 0 auto;}
.header__logo img {width: auto;height: clamp(1.375rem, 1.2784872299rem + 0.3929273084vw, 1.75rem);}
.nav__list {display: flex;align-items: center;gap: clamp(1.125rem, 0.9319744597rem + 0.7858546169vw, 1.875rem);}
.nav__link {display: block;color: var(--clr-white);font-size: 0.875rem;font-weight: 500;line-height: 1.2;text-transform: uppercase;white-space: nowrap;}
.nav__link:hover,
.nav__link.is-active {color: var(--clr-accent);}
.burger {display: none;position: relative;z-index: 2;width: 1.75rem;height: 1.25rem;flex: 0 0 auto;}
.burger span {position: absolute;left: 0;width: 100%;height: 2px;background-color: var(--clr-white);border-radius: 2px;transition: transform var(--transition-1),opacity var(--transition-1),top var(--transition-1);}
.burger span:nth-child(1) {top: 0;}
.burger span:nth-child(2) {top: 0.5625rem;}
.burger span:nth-child(3) {top: 1.125rem;}
.burger.is-open span:nth-child(1) {top: 0.5625rem;transform: rotate(45deg);}
.burger.is-open span:nth-child(2) {opacity: 0;}
.burger.is-open span:nth-child(3) {top: 0.5625rem;transform: rotate(-45deg);}
@media (max-width: 991px) {
.burger {display: block;}
.nav {position: absolute;inset: 100% 0 auto;max-height: calc(100vh - var(--topbar-h) - var(--header-h));max-height: calc(100dvh - var(--topbar-h) - var(--header-h));overflow-y: auto;background-color: var(--clr-dark);box-shadow: 0 1.125rem 1.875rem rgba(0, 0, 0, 0.35);transform: translateY(-150%);visibility: hidden;transition: transform 0.35s ease,visibility 0.35s ease;}
.nav.is-open {transform: translateY(0);visibility: visible;}
.nav__list {flex-direction: column;align-items: stretch;gap: 0;padding: 0.5rem var(--gutter) 1.5rem;}
.nav__link {padding-block: 1rem;border-bottom: 1px solid rgba(255, 255, 255, 0.12);font-size: 1rem;}
.nav__list li:last-child .nav__link {border-bottom: 0;}
}
.footer {position: relative;margin-top: var(--sp-xl);background-color: var(--bg-dark);color: var(--clr-white-75);overflow: hidden;}
.footer__bg {position: absolute;inset: 0;z-index: 0;pointer-events: none;}
.footer__bg picture {width: 100%;height: 100%;}
.footer__bg img {width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;-o-object-position: center bottom;object-position: center bottom;opacity: 0.28;filter: blur(1rem);}
.footer__main,
.footer__bottom {position: relative;z-index: 1;}
.footer__main {display: flex;align-items: flex-start;justify-content: space-between;gap: var(--sp-lg);padding-block: clamp(2.25rem, 1.8639489194rem + 1.5717092338vw, 3.75rem);}
@media (max-width: 1199px) {
.footer__main {flex-wrap: wrap;}
}
.footer__logo {flex: 0 0 auto;}
.footer__logo img {width: auto;height: clamp(2.875rem, 2.3280943026rem + 2.2265880812vw, 5rem);}
@media (max-width: 1199px) {
.footer__logo {flex-basis: 100%;}
}
.footer__col {display: flex;flex-direction: column;gap: var(--sp-sm);max-width: 18.75rem;}
@media (max-width: 767px) {
.footer__col {max-width: none;flex-basis: 100%;}
}
.footer__note {max-width: 18.75rem;}
.footer__socials {display: flex;align-items: center;gap: 0.625rem;}
.footer__social {display: block;width: 2.5rem;height: 2.5rem;transition: opacity var(--transition-1),transform var(--transition-1);}
.footer__social:hover {opacity: 0.75;transform: translateY(-0.125rem);}
.footer__social img {width: 100%;height: 100%;}
.footer__address {max-width: 15.875rem;font-size: 0.8125rem;line-height: 1.4;text-align: right;opacity: 0.85;}
.footer__address a {text-underline-offset: 0.125rem;}
.footer__address a:hover,
.footer__address a:focus-visible {color: var(--clr-accent);text-decoration: underline;}
@media (max-width: 1199px) {
.footer__address {text-align: left;flex-basis: 100%;max-width: none;}
}
.footer__bottom {display: flex;align-items: center;justify-content: space-between;gap: 1rem 1.5rem;padding-block: 0.5rem;border-top: 1px solid rgba(255, 255, 255, 0.1);font-size: 0.875rem;font-weight: 300;line-height: 1.4;}
@media (max-width: 767px) {
.footer__bottom {flex-direction: column;align-items: flex-start;padding-block: 0.875rem;}
}
.footer__legal {display: flex;flex-wrap: wrap;align-items: center;gap: 0.5rem 1.25rem;}
.footer__legal a:hover {color: var(--clr-white);}
.footer__by {display: flex;align-items: center;gap: 0.5rem;flex: 0 0 auto;}
.footer__by img {width: auto;height: 1.1875rem;}
.footer__by-link {display: flex;transition: opacity var(--transition-1);}
.footer__by-link:hover {opacity: 0.7;}
.to-top {position: fixed;right: var(--gutter);bottom: calc(var(--gutter) + env(safe-area-inset-bottom, 0px));z-index: 90;opacity: 0;visibility: hidden;transform: translateY(0.75rem);pointer-events: none;box-shadow: 0 0.375rem 1.125rem rgba(0, 0, 0, 0.22);transition: opacity var(--transition-1),transform var(--transition-1),visibility var(--transition-1),background-color var(--transition-1);}
.to-top.is-visible {opacity: 1;visibility: visible;transform: translateY(0);pointer-events: auto;}