html {
margin: 0;
padding: 0;
box-sizing: border-box
}

body {
margin: 0;
scrollbar-gutter: stable;
min-height: 100vh
}

.pg-head {
background: linear-gradient(160deg, #0d0f1a 0%, #111527 55%, #161a30 100%);
position: relative;
overflow: hidden
}

.pg-head::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: linear-gradient(90deg, #495db614 0%, transparent 60%);
pointer-events: none
}

.pg-head__band {
max-width: 1500px;
margin: 0 auto;
padding: 14px 56px;
display: flex;
flex-direction: column;
gap: 14px
}

.pg-head__top {
display: flex;
align-items: center;
justify-content: space-between;
gap: 28px
}

.pg-head__contacts {
display: flex;
align-items: center;
gap: 28px
}

.contact-link {
font-family: 'Roboto Mono', monospace;
font-size: 16px;
font-weight: 300;
line-height: 1.5;
color: #AD9DD2;
text-decoration: none;
letter-spacing: .04em;
display: flex;
align-items: center;
gap: 6px;
padding: 6px 14px;
border-radius: 2px;
border: 1px solid #ad9dd226;
background: #495db60f;
transition: color .6s ease, border-color .6s ease, background .7s cubic-bezier(0.25, 0.46, 0.45, 0.94)
}

.contact-link:focus {
outline: none;
border-bottom: 4px solid #AD9DD2
}

.contact-link:hover {
color: #F7F8FA;
border-color: #ad9dd266;
background: #495db624
}

.contact-link__icon {
width: 16px;
height: 16px;
flex-shrink: 0
}

.brand-mark {
display: flex;
align-items: center;
gap: 14px;
text-decoration: none
}

.brand-mark__img-wrap {
width: 62px;
height: 62px;
border-radius: 46px;
background: #f7f8fa0f;
border: 1px solid #ad9dd24d;
box-shadow: inset 2px 3px 2px 1px #495db60d 2px 4px 28px 1px #495db61a;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
overflow: hidden
}

.brand-mark__img {
width: 55px;
height: 55px;
object-fit: contain;
display: block
}

.brand-mark__label {
font-family: 'IBM Plex Mono', monospace;
font-size: 19px;
font-weight: 700;
line-height: 1.1;
letter-spacing: -.02em;
color: #F7F8FA;
white-space: nowrap
}

.brand-mark__label span {
display: block;
font-size: 16px;
font-weight: 300;
letter-spacing: .06em;
color: #AD9DD2;
margin-top: 6px
}

.pg-head__lower {
display: flex;
align-items: center;
justify-content: flex-start;
padding: 6px 0;
border-top: 1px solid #495db633
}

.site-nav {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 6px;
list-style: none;
margin: 0;
padding: 0
}

.site-nav__item {
position: relative
}

.site-nav__link {
font-family: 'Roboto Mono', monospace;
font-size: 16px;
font-weight: 400;
line-height: 1.5;
letter-spacing: .05em;
color: #AD9DD2;
text-decoration: none;
text-transform: uppercase;
padding: 14px 28px;
border-radius: 2px;
display: block;
position: relative;
overflow: hidden;
transition: color .5s ease
}

.site-nav__link::after {
content: '';
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 2px;
background: linear-gradient(90deg, #495DB6, #AD9DD2);
border-radius: 2px;
transform: scaleX(0);
transform-origin: right;
transition: transform .6s cubic-bezier(0.25, 0.46, 0.45, 0.94)
}

.site-nav__link:hover {
color: #F7F8FA
}

.site-nav__link:hover::after {
transform: scaleX(1);
transform-origin: left
}

.site-nav__link:focus {
outline: none;
border-bottom: 4px solid #AD9DD2
}

.site-nav__link--active {
color: #F7F8FA
}

.site-nav__link--active::after {
transform: scaleX(1)
}

@media (max-width: 1024px) {
.pg-head__band {
padding: 14px 28px
}
}

@media (max-width: 768px) {
.pg-head__band {
padding: 14px
}

.pg-head__top {
flex-direction: column;
align-items: flex-start;
gap: 14px
}

.pg-head__contacts {
flex-wrap: wrap;
gap: 14px
}

.site-nav__link {
padding: 14px;
font-size: 16px
}
}

@media (max-width: 375px) {
.brand-mark__label {
font-size: 16px
}

.contact-link {
font-size: 16px;
padding: 6px
}

.site-nav__link {
padding: 14px 6px
}
}

.pg-foot {
background: linear-gradient(170deg, #0d0f1a 0%, #111527 100%);
border-top: 1px solid #495db633
}

.pg-foot__grid {
max-width: 1500px;
margin: 0 auto;
padding: 56px 56px 28px;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 56px
}

.pg-foot__nav-col {
display: flex;
flex-direction: column;
gap: 28px
}

.foot-nav__label {
font-family: 'IBM Plex Mono', monospace;
font-size: 16px;
font-weight: 700;
letter-spacing: .1em;
text-transform: uppercase;
color: #495DB6;
line-height: 1.1
}

.foot-nav {
list-style: none;
margin: 0;
padding: 0;
display: flex;
flex-direction: column;
gap: 6px
}

.foot-nav__link {
font-family: 'Roboto Mono', monospace;
font-size: 16px;
font-weight: 300;
line-height: 1.8;
letter-spacing: .03em;
color: #AD9DD2;
text-decoration: none;
display: inline-block;
transition: color .5s ease;
position: relative
}

.foot-nav__link:hover {
color: #F7F8FA
}

.foot-nav__link:focus {
outline: none;
border-bottom: 4px solid #AD9DD2
}

.pg-foot__contact-col {
display: flex;
flex-direction: column;
gap: 28px;
align-items: flex-end
}

.foot-brand {
display: flex;
flex-direction: column;
align-items: flex-end;
gap: 14px
}

.foot-brand__img-wrap {
width: 55px;
height: 55px;
border-radius: 46px;
background: #f7f8fa0d;
border: 1px solid #ad9dd240;
box-shadow: inset 2px 3px 2px 1px #495db60d;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden
}

.foot-brand__img {
width: 48px;
height: 48px;
object-fit: contain;
display: block
}

.foot-brand__tag {
font-family: 'IBM Plex Mono', monospace;
font-size: 16px;
font-weight: 300;
letter-spacing: .06em;
color: #ad9dd299;
line-height: 1.5;
text-align: right
}

.foot-contacts {
display: flex;
flex-direction: column;
align-items: flex-end;
gap: 6px
}

.foot-contacts__label {
font-family: 'IBM Plex Mono', monospace;
font-size: 16px;
font-weight: 700;
letter-spacing: .1em;
text-transform: uppercase;
color: #495DB6;
line-height: 1.1
}

.foot-contact-item {
font-family: 'Roboto Mono', monospace;
font-size: 16px;
font-weight: 300;
line-height: 1.8;
letter-spacing: .03em;
color: #AD9DD2;
text-decoration: none;
text-align: right;
display: block;
transition: color .55s ease
}

.foot-contact-item:hover {
color: #F7F8FA
}

.foot-contact-item:focus {
outline: none;
border-bottom: 4px solid #AD9DD2
}

.foot-contact-item--addr {
color: #ad9dd28c;
cursor: default
}

.foot-contact-item--addr:hover {
color: #ad9dd28c
}

.pg-foot__base {
max-width: 1500px;
margin: 0 auto;
padding: 28px 56px;
border-top: 1px solid #495db626;
display: flex;
align-items: center;
justify-content: center;
gap: 28px;
flex-wrap: wrap
}

.foot-legal {
display: flex;
align-items: center;
gap: 28px;
flex-wrap: wrap;
justify-content: center
}

.foot-legal__link {
font-family: 'Roboto Mono', monospace;
font-size: 16px;
font-weight: 300;
letter-spacing: .04em;
color: #ad9dd280;
text-decoration: none;
transition: color .5s ease
}

.foot-legal__link:hover {
color: #AD9DD2
}

.foot-legal__link:focus {
outline: none;
border-bottom: 4px solid #AD9DD2
}

.foot-legal__sep {
width: 3px;
height: 3px;
border-radius: 46px;
background: #ad9dd24d;
flex-shrink: 0
}

.foot-copy {
font-family: 'Roboto Mono', monospace;
font-size: 16px;
font-weight: 300;
letter-spacing: .04em;
color: #ad9dd266;
line-height: 1.5
}

@media (max-width: 1024px) {
.pg-foot__grid {
padding: 56px 28px 28px;
gap: 28px
}

.pg-foot__base {
padding: 28px
}
}

@media (max-width: 768px) {
.pg-foot__grid {
grid-template-columns: 1fr;
padding: 56px 14px 28px;
gap: 28px
}

.pg-foot__contact-col {
align-items: flex-start
}

.foot-brand {
align-items: flex-start
}

.foot-brand__tag {
text-align: left
}

.foot-contacts {
align-items: flex-start
}

.foot-contact-item {
text-align: left
}

.pg-foot__base {
padding: 28px 14px;
flex-direction: column;
gap: 14px
}
}

@media (max-width: 375px) {
.pg-foot__grid {
padding: 28px 14px 14px
}

.foot-legal {
gap: 14px
}
}

.priv-tray {
position: fixed;
left: 0;
top: 50%;
transform: translateY(-50%);
z-index: 3500;
display: none
}

.priv-tray__tab {
background: #495DB6;
color: #F7F8FA;
font-family: 'Roboto Mono', monospace;
font-size: 16px;
font-weight: 400;
letter-spacing: .06em;
text-transform: uppercase;
writing-mode: vertical-rl;
text-orientation: mixed;
transform: rotate(180deg);
padding: 14px 6px;
cursor: pointer;
border: none;
border-radius: 0 2px 2px 0;
box-shadow: 2px 4px 28px 1px #495db61a;
transition: background .55s ease
}

.priv-tray__tab:hover {
background: #3d50a0
}

.priv-tray__tab:focus {
outline: none;
border-bottom: 4px solid #AD9DD2
}

.priv-panel {
position: fixed;
left: 0;
top: 0;
bottom: 0;
width: 320px;
background: #111527;
border-right: 1px solid #495db64d;
box-shadow: 2px 10px 60px 1px #495db624;
z-index: 3600;
display: none;
flex-direction: column;
padding: 28px;
gap: 28px;
overflow-y: auto
}

.priv-panel__heading {
font-family: 'IBM Plex Mono', monospace;
font-size: 19px;
font-weight: 700;
letter-spacing: -.01em;
line-height: 1.1;
color: #F7F8FA
}

.priv-panel__desc {
font-family: 'Roboto Mono', monospace;
font-size: 16px;
font-weight: 300;
line-height: 1.8;
color: #AD9DD2
}

.priv-panel__checks {
display: flex;
flex-direction: column;
gap: 14px
}

.priv-check {
display: flex;
align-items: center;
gap: 14px
}

.priv-check__input {
width: 18px;
height: 18px;
accent-color: #495DB6;
cursor: pointer;
flex-shrink: 0
}

.priv-check__lbl {
font-family: 'Roboto Mono', monospace;
font-size: 16px;
font-weight: 300;
line-height: 1.5;
color: #AD9DD2;
cursor: pointer
}

.priv-panel__btns {
display: flex;
flex-direction: column;
gap: 14px
}

.priv-btn {
font-family: 'Roboto Mono', monospace;
font-size: 16px;
font-weight: 400;
letter-spacing: .06em;
text-transform: uppercase;
color: #F7F8FA;
background: #495DB6;
border: none;
border-radius: 2px;
padding: 14px 28px;
cursor: pointer;
transition: background .55s ease
}

.priv-btn:hover {
background: #3d50a0
}

.priv-btn:focus {
outline: none;
border-bottom: 4px solid #AD9DD2
}

.priv-btn--ghost {
background: transparent;
border: 1px solid #ad9dd24d;
color: #AD9DD2
}

.priv-btn--ghost:hover {
background: #495db61a;
color: #F7F8FA
}

.consent-box {
position: fixed;
top: 28px;
left: 0;
right: 0;
margin: 0 auto;
width: 340px;
background: #111527;
border: 1px solid #495db659;
border-radius: 16px;
box-shadow: 2px 10px 60px 1px #495db624;
z-index: 4000;
padding: 28px;
display: none;
flex-direction: column;
gap: 14px
}

.consent-box__icon {
width: 32px;
height: 32px;
flex-shrink: 0
}

.consent-box__txt {
font-family: 'Roboto Mono', monospace;
font-size: 16px;
font-weight: 300;
line-height: 1.8;
color: #AD9DD2
}

.consent-box__uses {
list-style: none;
margin: 6px 0 0;
padding: 0;
display: flex;
flex-direction: column;
gap: 6px
}

.consent-box__uses li {
font-family: 'Roboto Mono', monospace;
font-size: 16px;
font-weight: 300;
line-height: 1.5;
color: #ad9dd2b3;
padding-left: 14px;
position: relative
}

.consent-box__uses li::before {
content: '';
position: absolute;
left: 0;
top: 10px;
width: 4px;
height: 4px;
border-radius: 46px;
background: #495DB6
}

.consent-box__acts {
display: flex;
gap: 14px;
flex-wrap: wrap
}

.consent-btn {
font-family: 'Roboto Mono', monospace;
font-size: 16px;
font-weight: 400;
letter-spacing: .05em;
background: none;
border: none;
cursor: pointer;
padding: 0;
text-decoration: underline;
text-underline-offset: 3px;
transition: color .5s ease
}

.consent-btn--yes {
color: #F7F8FA
}

.consent-btn--yes:hover {
color: #AD9DD2
}

.consent-btn--no {
color: #ad9dd28c
}

.consent-btn--no:hover {
color: #AD9DD2
}

.consent-btn:focus {
outline: none;
border-bottom: 4px solid #AD9DD2
}

.legal-box-qjd {
max-width: 1500px;
margin: 0 auto;
padding: 56px 28px;
color: #c8cfe8;
background: #111320;
min-height: 100vh
}

.legal-box-qjd p {
font-size: 16px;
line-height: 1.8;
margin-bottom: 28px;
color: #c8cfe8;
letter-spacing: .02em
}

.legal-box-qjd ul,
.legal-box-qjd ol {
margin: 0 0 28px 28px;
padding: 0
}

.legal-box-qjd li {
font-size: 16px;
line-height: 1.8;
color: #c8cfe8;
margin-bottom: 14px;
letter-spacing: .02em
}

.legal-box-qjd ul li {
list-style: none;
padding-left: 14px;
position: relative
}

.legal-box-qjd ul li::before {
content: '';
position: absolute;
left: -6px;
top: 11px;
width: 6px;
height: 6px;
border-radius: 2px;
background: #495DB6;
flex-shrink: 0
}

.legal-box-qjd ol {
list-style: decimal
}

.legal-box-qjd ol li {
padding-left: 6px
}

.legal-box-qjd ol li::marker {
color: #AD9DD2;
font-size: 16px
}

.legal-box-qjd strong,
.legal-box-qjd b {
color: #F7F8FA;
font-weight: 700;
letter-spacing: .01em
}

.legal-box-qjd a {
color: #AD9DD2;
text-decoration: underline;
text-decoration-color: #ad9dd259;
text-underline-offset: 3px;
transition: color .6s cubic-bezier(0.25, 0.46, 0.45, 0.94), text-decoration-color .6s cubic-bezier(0.25, 0.46, 0.45, 0.94)
}

.legal-box-qjd a:hover {
color: #F7F8FA;
text-decoration-color: #f7f8fa80
}

.legal-box-qjd table {
width: 100%;
border-collapse: collapse;
margin-bottom: 28px;
font-size: 16px;
border-radius: 16px;
overflow: hidden;
box-shadow: 2px 4px 28px 1px #495db61a
}

.legal-box-qjd thead {
background: linear-gradient(135deg, #1e2240 0%, #252a4a 100%)
}

.legal-box-qjd thead tr {
border-bottom: 2px solid #495db666
}

.legal-box-qjd th {
padding: 14px 28px;
text-align: left;
color: #F7F8FA;
font-size: 16px;
font-weight: 700;
letter-spacing: .04em;
line-height: 1.5
}

.legal-box-qjd tbody tr {
border-bottom: 1px solid #495db61f;
background: #161929;
transition: background .5s ease
}

.legal-box-qjd tbody tr:last-child {
border-bottom: none
}

.legal-box-qjd tbody tr:hover {
background: #1c2035
}

.legal-box-qjd td {
padding: 14px 28px;
color: #c8cfe8;
font-size: 16px;
line-height: 1.8;
vertical-align: top
}

.legal-box-qjd hr {
border: none;
height: 1px;
background: linear-gradient(90deg, transparent, #495db666, #ad9dd24d, transparent);
margin: 56px 0
}

.legal-box-qjd div {
margin-bottom: 28px
}

@media (max-width: 1024px) {
.legal-box-qjd {
padding: 56px 28px
}
}

@media (max-width: 768px) {
.legal-box-qjd {
padding: 28px 14px
}

.legal-box-qjd th,
.legal-box-qjd td {
padding: 14px
}

.legal-box-qjd table {
display: block;
overflow-x: auto;
-webkit-overflow-scrolling: touch
}
}

@media (max-width: 375px) {
.legal-box-qjd {
padding: 28px 6px
}

.legal-box-qjd p,
.legal-box-qjd li,
.legal-box-qjd td,
.legal-box-qjd th {
font-size: 16px
}

.legal-box-qjd ul,
.legal-box-qjd ol {
margin-left: 14px
}
}

.ab-us {
background: #0e0f14;
color: #d4d6e0;
overflow-x: hidden;
position: relative
}

.ab-us .pg-strip {
position: fixed;
inset: 0;
pointer-events: none;
z-index: 0;
overflow: hidden
}

.ab-us .pg-strip::before,
.ab-us .pg-strip::after {
content: "";
position: absolute;
width: 2px;
background: linear-gradient(31deg, #495db612 0%, #ad9dd20a 60%, transparent 100%);
top: -20%;
height: 160%;
animation: stripDrift 14s linear infinite
}

.ab-us .pg-strip::before {
left: 22%;
animation-duration: 18s
}

.ab-us .pg-strip::after {
left: 68%;
width: 1px;
animation-duration: 22s;
animation-delay: -6s
}

@keyframes stripDrift {
0% {
transform: translateY(0) rotate(31deg)
}

100% {
transform: translateY(40px) rotate(31deg)
}
}

.ab-us .ed-col {
max-width: 1500px;
margin-left: auto;
margin-right: auto;
padding-left: 56px;
padding-right: 56px
}

@media (max-width: 768px) {
.ab-us .ed-col {
padding-left: 28px;
padding-right: 28px
}
}

@media (max-width: 375px) {
.ab-us .ed-col {
padding-left: 14px;
padding-right: 14px
}
}

.ab-us .lbl-sm {
display: inline-block;
font-size: 16px;
letter-spacing: .12em;
text-transform: uppercase;
color: #AD9DD2;
margin-bottom: 14px
}

.ab-us .hl-strip {
display: inline;
background: #495db62e;
padding: 2px 6px;
border-radius: 2px
}

.ab-us a:focus-visible {
outline: 2px solid #AD9DD2;
outline-offset: 2px
}

.ab-us ::selection {
background: #495DB6;
color: #F7F8FA
}

.ab-us input::placeholder,
.ab-us textarea::placeholder {
font-style: italic;
opacity: .55
}

.ab-us .btn-prim {
display: inline-block;
padding: 14px 28px;
font-size: 16px;
letter-spacing: .1em;
text-transform: uppercase;
color: #F7F8FA;
background: #495DB6;
border: none;
border-radius: 46px;
cursor: pointer;
position: relative;
overflow: hidden;
transition: color .6s cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow .6s ease;
text-decoration: none;
box-shadow: 2px 4px 28px 1px #495db61a
}

.ab-us .btn-prim::after {
content: "";
position: absolute;
inset: 0;
background: #AD9DD2;
transform: translateX(100%);
transition: transform .7s cubic-bezier(0.25, 0.46, 0.45, 0.94);
border-radius: 46px;
z-index: 0
}

.ab-us .btn-prim:hover::after {
transform: translateX(0)
}

.ab-us .btn-prim:hover {
box-shadow: 2px 10px 60px 1px #495db624
}

.ab-us .btn-prim span {
position: relative;
z-index: 1
}

.ab-us .btn-prim:focus-visible {
outline: 2px solid #F7F8FA;
outline-offset: 3px
}

.ab-us .btn-prim:active {
transform: translateY(1px)
}

.ab-us .title-blk {
display: grid;
grid-template-columns: 1fr 1fr;
min-height: 560px;
position: relative;
z-index: 1
}

.ab-us .title-blk__txt {
padding: 96px 56px 96px 0;
display: flex;
flex-direction: column;
justify-content: center
}

.ab-us .title-blk__h1 {
font-size: 58px;
line-height: 1.1;
letter-spacing: -.02em;
color: #F7F8FA;
margin-bottom: 28px;
margin-top: 14px
}

.ab-us .title-blk__sub {
font-size: 19px;
line-height: 1.8;
color: #b0b3c4;
margin-bottom: 28px;
max-width: 480px
}

.ab-us .title-blk__arrow {
display: flex;
align-items: center;
gap: 14px;
margin-top: 6px
}

.ab-us .title-blk__arrow-line {
width: 56px;
height: 2px;
background: linear-gradient(31deg, #495DB6 0%, #AD9DD2 100%);
border-radius: 2px;
position: relative
}

.ab-us .title-blk__arrow-line::after {
content: "";
position: absolute;
right: -5px;
top: -3px;
width: 8px;
height: 8px;
border-top: 2px solid #AD9DD2;
border-right: 2px solid #AD9DD2;
transform: rotate(45deg)
}

.ab-us .title-blk__arrow-txt {
font-size: 16px;
letter-spacing: .08em;
color: #AD9DD2;
text-transform: uppercase
}

.ab-us .title-blk__img-wrap {
position: relative;
overflow: hidden
}

.ab-us .title-blk__img-wrap img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
display: block
}

.ab-us .title-blk__img-wrap::before {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(31deg, #0e0f14 0%, #0e0f148c 45%, #0e0f1414 100%);
z-index: 1
}

.ab-us .title-blk__abbr {
position: absolute;
bottom: 28px;
right: 28px;
font-size: 72px;
line-height: 1.1;
letter-spacing: -.04em;
color: #ad9dd214;
z-index: 2;
pointer-events: none;
user-select: none
}

@media (max-width: 1024px) {
.ab-us .title-blk {
grid-template-columns: 1fr
}

.ab-us .title-blk__img-wrap {
height: 320px
}

.ab-us .title-blk__txt {
padding: 56px 0
}
}

@media (max-width: 375px) {
.ab-us .title-blk__h1 {
font-size: 42px
}
}

.ab-us .story-sec {
padding: 96px 0;
position: relative;
z-index: 1;
border-top: 1px solid #ad9dd214
}

.ab-us .story-sec__grid {
display: grid;
grid-template-columns: 240px 1fr;
gap: 56px;
align-items: start
}

.ab-us .story-sec__aside {
position: sticky;
top: 56px
}

.ab-us .story-sec__big-abbr {
font-size: 72px;
line-height: 1.1;
letter-spacing: -.04em;
background: linear-gradient(31deg, #495DB6 0%, #AD9DD2 55%, #ad9dd24d 100%);
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
display: block;
margin-bottom: 14px
}

.ab-us .story-sec__year {
font-size: 16px;
color: #6e7289;
letter-spacing: .1em;
text-transform: uppercase
}

.ab-us .story-sec__body {
display: flex;
flex-direction: column;
gap: 28px
}

.ab-us .story-sec__p {
font-size: 19px;
line-height: 1.8;
color: #c2c5d4;
margin: 0
}

.ab-us .story-sec__steps {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 28px;
margin-top: 14px
}

.ab-us .step-card {
background: #495db612;
border: 1px solid #495db626;
border-radius: 16px;
padding: 28px;
position: relative;
transition: border-color .5s ease, box-shadow .5s ease;
box-shadow: 2px 3px 2px 1px #495db60d
}

.ab-us .step-card:hover {
border-color: #ad9dd259;
box-shadow: 2px 4px 28px 1px #495db61a
}

.ab-us .step-card__num {
font-size: 42px;
line-height: 1.1;
letter-spacing: -.03em;
color: #495DB6;
display: block;
margin-bottom: 6px
}

.ab-us .step-card__label {
font-size: 16px;
letter-spacing: .06em;
text-transform: uppercase;
color: #AD9DD2;
display: block;
margin-bottom: 14px
}

.ab-us .step-card__desc {
font-size: 16px;
line-height: 1.8;
color: #9194a8;
margin: 0
}

.ab-us .step-card--before {
border-left: 2px solid #495db666;
border-top: 1px solid #495db626
}

.ab-us .step-card--after {
border-left: 2px solid #ad9dd280;
border-top: 1px solid #ad9dd226;
background: #ad9dd20f
}

.ab-us .step-card--after .step-card__num {
color: #AD9DD2
}

@media (max-width: 1024px) {
.ab-us .story-sec__grid {
grid-template-columns: 1fr;
gap: 28px
}

.ab-us .story-sec__aside {
position: static;
display: flex;
flex-direction: row;
align-items: center;
gap: 28px
}
}

@media (max-width: 768px) {
.ab-us .story-sec__steps {
grid-template-columns: 1fr
}
}

.ab-us .img-bg-sec {
position: relative;
z-index: 1;
overflow: hidden;
border-radius: 16px;
margin: 0 56px
}

.ab-us .img-bg-sec__bg {
position: absolute;
inset: 0;
z-index: 0
}

.ab-us .img-bg-sec__bg img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
display: block
}

.ab-us .img-bg-sec__bg::after {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(31deg, #f7f8fae0 0%, #f7f8fab8 55%, #f7f8fa80 100%)
}

.ab-us .img-bg-sec__inner {
position: relative;
z-index: 1;
padding: 96px 56px;
max-width: 680px
}

.ab-us .img-bg-sec__h2 {
font-size: 42px;
line-height: 1.1;
letter-spacing: -.02em;
color: #141520;
margin-bottom: 28px;
margin-top: 14px
}

.ab-us .img-bg-sec__p {
font-size: 19px;
line-height: 1.8;
color: #2a2c3a;
margin: 0 0 28px
}

.ab-us .img-bg-sec .lbl-sm {
color: #495DB6
}

.ab-us .img-bg-sec__metrics {
display: flex;
flex-direction: row;
gap: 28px;
margin-top: 28px;
flex-wrap: wrap
}

.ab-us .met-item {
display: flex;
flex-direction: column;
gap: 6px
}

.ab-us .met-item__val {
font-size: 42px;
line-height: 1.1;
letter-spacing: -.03em;
color: #495DB6
}

.ab-us .met-item__lbl {
font-size: 16px;
letter-spacing: .06em;
text-transform: uppercase;
color: #3a3c50
}

@media (max-width: 1024px) {
.ab-us .img-bg-sec {
margin: 0 28px
}

.ab-us .img-bg-sec__inner {
padding: 56px 28px
}
}

@media (max-width: 768px) {
.ab-us .img-bg-sec {
margin: 0 14px
}

.ab-us .img-bg-sec__inner {
padding: 56px 14px;
max-width: 100%
}

.ab-us .img-bg-sec__h2 {
font-size: 30px
}
}

.ab-us .trust-sec {
padding: 96px 0;
position: relative;
z-index: 1;
border-top: 1px solid #ad9dd214
}

.ab-us .trust-sec__grid {
display: grid;
grid-template-columns: 1fr 380px;
gap: 56px;
align-items: start
}

.ab-us .trust-sec__left {
display: flex;
flex-direction: column;
gap: 28px
}

.ab-us .trust-sec__h2 {
font-size: 42px;
line-height: 1.1;
letter-spacing: -.02em;
color: #F7F8FA;
margin: 14px 0 0
}

.ab-us .trust-sec__p {
font-size: 19px;
line-height: 1.8;
color: #b0b3c4;
margin: 0
}

.ab-us .feat-list {
display: flex;
flex-direction: column;
gap: 14px;
margin-top: 6px
}

.ab-us .feat-item {
display: flex;
flex-direction: row;
align-items: flex-start;
gap: 14px;
padding: 14px;
border-radius: 16px;
background: #495db60f;
border: 1px solid #495db61f;
transition: background .6s ease, border-color .6s ease
}

.ab-us .feat-item:hover {
background: #495db61c;
border-color: #ad9dd240
}

.ab-us .feat-item__icon {
width: 36px;
height: 36px;
border-radius: 2px;
background: #495db633;
flex-shrink: 0;
display: flex;
align-items: center;
justify-content: center
}

.ab-us .feat-item__icon svg {
width: 18px;
height: 18px
}

.ab-us .feat-item__body {
display: flex;
flex-direction: column;
gap: 6px
}

.ab-us .feat-item__ttl {
font-size: 16px;
letter-spacing: .04em;
text-transform: uppercase;
color: #AD9DD2
}

.ab-us .feat-item__desc {
font-size: 16px;
line-height: 1.8;
color: #8a8da0;
margin: 0
}

.ab-us .trust-sec__right {
display: flex;
flex-direction: column;
gap: 28px
}

.ab-us .review-card {
background: #161720e6;
border: 1px solid #ad9dd21f;
border-radius: 16px;
padding: 28px;
box-shadow: 2px 4px 28px 1px #ad9dd21a;
box-shadow: inset 0 1px 0 #ad9dd212 2px 4px 28px 1px #495db61a;
transition: box-shadow .7s cubic-bezier(0.25, 0.46, 0.45, 0.94)
}

.ab-us .review-card:hover {
box-shadow: inset 0 1px 0 #ad9dd21f 2px 10px 60px 1px #495db624
}

.ab-us .review-card__quote {
font-size: 19px;
line-height: 1.8;
color: #c2c5d4;
margin: 0 0 28px;
font-style: italic
}

.ab-us .review-card__person {
display: flex;
flex-direction: row;
align-items: center;
gap: 14px
}

.ab-us .review-card__portrait {
width: 52px;
height: 52px;
border-radius: 50%;
overflow: hidden;
flex-shrink: 0;
border: 2px solid #ad9dd240
}

.ab-us .review-card__portrait img {
width: 52px;
height: 52px;
object-fit: cover;
object-position: center;
display: block
}

.ab-us .review-card__name {
font-size: 16px;
color: #F7F8FA;
letter-spacing: .04em;
display: block
}

.ab-us .review-card__role {
font-size: 16px;
color: #6e7289;
display: block;
margin-top: 6px
}

.ab-us .stat-row {
display: flex;
flex-direction: row;
gap: 14px
}

.ab-us .stat-box {
flex: 1;
background: #495db61a;
border: 1px solid #495db633;
border-radius: 16px;
padding: 14px;
text-align: center;
transition: background .5s ease
}

.ab-us .stat-box:hover {
background: #495db62b
}

.ab-us .stat-box__val {
font-size: 30px;
line-height: 1.1;
letter-spacing: -.02em;
color: #495DB6;
display: block
}

.ab-us .stat-box__lbl {
font-size: 16px;
color: #7a7d94;
letter-spacing: .04em;
text-transform: uppercase;
display: block;
margin-top: 6px
}

@media (max-width: 1024px) {
.ab-us .trust-sec__grid {
grid-template-columns: 1fr
}
}

@media (max-width: 375px) {
.ab-us .trust-sec__h2 {
font-size: 30px
}

.ab-us .stat-row {
flex-direction: column
}
}

.ab-us .img-pair-sec {
padding: 96px 0;
position: relative;
z-index: 1;
border-top: 1px solid #ad9dd214
}

.ab-us .img-pair-sec__grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 28px;
align-items: center
}

.ab-us .img-pair-sec__visual {
display: grid;
grid-template-columns: 1fr 1fr;
grid-template-rows: auto auto;
gap: 14px
}

.ab-us .img-pair-sec__img-a {
grid-column: 1 / 3;
border-radius: 16px;
overflow: hidden;
height: 220px
}

.ab-us .img-pair-sec__img-a img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
display: block
}

.ab-us .img-pair-sec__img-b {
border-radius: 16px;
overflow: hidden;
height: 160px
}

.ab-us .img-pair-sec__img-b img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
display: block
}

.ab-us .img-pair-sec__accent {
border-radius: 16px;
background: linear-gradient(31deg, #495DB6 0%, #AD9DD2 80%, #ad9dd266 100%);
height: 160px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 6px;
box-shadow: 2px 10px 60px 1px #495db624
}

.ab-us .img-pair-sec__accent-num {
font-size: 42px;
line-height: 1.1;
letter-spacing: -.03em;
color: #F7F8FA
}

.ab-us .img-pair-sec__accent-lbl {
font-size: 16px;
letter-spacing: .08em;
text-transform: uppercase;
color: #f7f8facc
}

.ab-us .img-pair-sec__txt {
display: flex;
flex-direction: column;
gap: 28px;
padding-left: 28px
}

.ab-us .img-pair-sec__h2 {
font-size: 42px;
line-height: 1.1;
letter-spacing: -.02em;
color: #F7F8FA;
margin: 14px 0 0
}

.ab-us .img-pair-sec__p {
font-size: 19px;
line-height: 1.8;
color: #b0b3c4;
margin: 0
}

.ab-us .approach-list {
display: flex;
flex-direction: column;
gap: 14px
}

.ab-us .appr-row {
display: flex;
flex-direction: row;
gap: 14px;
align-items: flex-start
}

.ab-us .appr-row__dot {
width: 8px;
height: 8px;
border-radius: 50%;
background: #495DB6;
flex-shrink: 0;
margin-top: 8px;
box-shadow: 0 0 0 3px #495db633
}

.ab-us .appr-row__txt {
font-size: 16px;
line-height: 1.8;
color: #9194a8;
margin: 0
}

@media (max-width: 1024px) {
.ab-us .img-pair-sec__grid {
grid-template-columns: 1fr
}

.ab-us .img-pair-sec__txt {
padding-left: 0
}
}

@media (max-width: 768px) {
.ab-us .img-pair-sec__visual {
grid-template-columns: 1fr
}

.ab-us .img-pair-sec__img-a {
grid-column: 1
}

.ab-us .img-pair-sec__h2 {
font-size: 30px
}
}

.ab-us .spacer-md {
height: 96px
}

.ab-us .spacer-sm {
height: 56px
}

.dbt {
background: #0e0f14;
color: #d8dae8;
overflow-x: hidden;
position: relative
}

.dbt .pg-wrap {
max-width: 1500px;
margin: 0 auto;
padding: 0 28px
}

@keyframes diagReveal {
from {
opacity: 0;
transform: translateY(18px) translateX(-10px)
}

to {
opacity: 1;
transform: translateY(0) translateX(0)
}
}

.dbt .rev-1 {
animation: diagReveal .7s cubic-bezier(0.25, 0.46, 0.45, 0.94) .05s both
}

.dbt .rev-2 {
animation: diagReveal .7s cubic-bezier(0.25, 0.46, 0.45, 0.94) .18s both
}

.dbt .rev-3 {
animation: diagReveal .7s cubic-bezier(0.25, 0.46, 0.45, 0.94) .32s both
}

.dbt .rev-4 {
animation: diagReveal .7s cubic-bezier(0.25, 0.46, 0.45, 0.94) .46s both
}

.dbt ::selection {
background: #495DB6;
color: #F7F8FA
}

.dbt .arrow-div {
display: flex;
justify-content: center;
gap: 6px;
padding: 14px 0
}

.dbt .arrow-div span {
width: 10px;
height: 10px;
border-right: 2px solid #495DB6;
border-bottom: 2px solid #495DB6;
transform: rotate(45deg);
display: block;
opacity: .45
}

.dbt .arrow-div--alt span {
border-color: #AD9DD2;
opacity: .3
}

.dbt .strip-label {
display: inline-block;
background: #495DB6;
color: #F7F8FA;
font-size: 16px;
letter-spacing: .08em;
padding: 6px 14px;
border-radius: 2px;
text-transform: uppercase;
margin-bottom: 14px
}

.dbt .title-blk {
min-height: 92vh;
display: grid;
grid-template-columns: 1fr 1fr;
position: relative
}

.dbt .title-blk__text {
padding: 96px 56px 96px 28px;
display: flex;
flex-direction: column;
justify-content: center;
position: relative;
z-index: 1
}

.dbt .title-blk__curves {
position: absolute;
inset: 0;
pointer-events: none;
overflow: hidden
}

.dbt .title-blk__curves svg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: .08
}

.dbt .title-blk__eyebrow {
font-size: 16px;
letter-spacing: .12em;
color: #AD9DD2;
text-transform: uppercase;
margin-bottom: 28px
}

.dbt .title-blk__h1 {
font-size: 58px;
line-height: 1.1;
letter-spacing: -.02em;
color: #F7F8FA;
margin-bottom: 28px
}

.dbt .title-blk__h1 .outlined {
-webkit-text-stroke: 1.5px #AD9DD2;
color: transparent
}

.dbt .title-blk__sub {
font-size: 19px;
line-height: 1.8;
color: #9a9db8;
max-width: 480px;
margin-bottom: 56px
}

.dbt .title-blk__badge {
display: inline-flex;
align-items: center;
gap: 14px;
border: 1px solid #2a2c3e;
border-radius: 2px;
padding: 14px 28px;
font-size: 16px;
color: #AD9DD2;
background: #495db60f;
box-shadow: 2px 3px 2px 1px #495db60d
}

.dbt .title-blk__badge-dot {
width: 8px;
height: 8px;
border-radius: 50%;
background: #495DB6;
flex-shrink: 0
}

.dbt .title-blk__img-col {
position: relative;
overflow: hidden
}

.dbt .title-blk__img-col img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
display: block
}

.dbt .title-blk__grain {
position: absolute;
inset: 0;
pointer-events: none;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23n)' opacity='0.12'/%3E%3C/svg%3E");
opacity: .35;
mix-blend-mode: overlay
}

.dbt .voices {
background: #111320;
padding: 96px 0
}

.dbt .voices__grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 28px;
margin-top: 56px
}

.dbt .voice-card {
background: #161828;
border-radius: 16px;
padding: 28px;
border: 1px solid #1f2235;
box-shadow: 2px 4px 28px 1px #495db61a;
transition: box-shadow .6s ease;
position: relative
}

.dbt .voices__grid:hover .voice-card {
opacity: .55;
transition: opacity .5s ease
}

.dbt .voices__grid:hover .voice-card:hover {
opacity: 1;
box-shadow: 2px 10px 60px 1px #495db624;
transition: opacity .5s ease, box-shadow .6s ease
}

.dbt .voice-card__quote {
font-size: 19px;
line-height: 1.8;
color: #c4c7de;
margin-bottom: 28px;
font-style: italic
}

.dbt .voice-card__accent {
color: #AD9DD2;
font-style: normal;
font-weight: 600
}

.dbt .voice-card__person {
display: flex;
flex-direction: row;
align-items: center;
gap: 14px
}

.dbt .voice-card__portrait {
width: 56px;
height: 74px;
border-radius: 16px;
overflow: hidden;
flex-shrink: 0
}

.dbt .voice-card__portrait img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center
}

.dbt .voice-card__name {
font-size: 16px;
color: #F7F8FA;
font-weight: 600;
letter-spacing: .04em
}

.dbt .voice-card__role {
font-size: 16px;
color: #6a6e8e;
margin-top: 6px
}

.dbt .voice-card__bar {
position: absolute;
top: 0;
left: 28px;
right: 28px;
height: 3px;
background: linear-gradient(31deg, #495DB6 20%, #AD9DD2 65%, #7b6bba 100%);
border-radius: 0 0 2px 2px
}

.dbt .chart-blk {
margin-top: 56px;
background: #161828;
border-radius: 16px;
padding: 28px;
border: 1px solid #1f2235
}

.dbt .chart-blk__label {
font-size: 16px;
color: #6a6e8e;
margin-bottom: 6px;
letter-spacing: .06em
}

.dbt .chart-blk__heading {
font-size: 23px;
color: #F7F8FA;
margin-bottom: 28px;
line-height: 1.5
}

.dbt .bar-chart {
display: flex;
flex-direction: column;
gap: 14px
}

.dbt .bar-row {
display: flex;
flex-direction: row;
align-items: center;
gap: 14px
}

.dbt .bar-row__name {
font-size: 16px;
color: #9a9db8;
width: 180px;
flex-shrink: 0
}

.dbt .bar-row__track {
flex: 1;
height: 10px;
background: #1f2235;
border-radius: 2px;
overflow: hidden
}

.dbt .bar-row__fill {
height: 100%;
border-radius: 2px;
background: linear-gradient(31deg, #495DB6 20%, #AD9DD2 65%, #7b6bba 100%);
transition: width .8s cubic-bezier(0.25, 0.46, 0.45, 0.94)
}

.dbt .bar-row__val {
font-size: 16px;
color: #AD9DD2;
width: 40px;
text-align: right;
flex-shrink: 0
}

.dbt .team {
padding: 96px 0;
background: #0e0f14;
position: relative
}

.dbt .team__layout {
display: grid;
grid-template-columns: 5fr 7fr;
gap: 56px;
align-items: start;
margin-top: 56px
}

.dbt .team__portrait-col {
display: flex;
flex-direction: column;
gap: 28px
}

.dbt .team__portrait-wrap {
width: 100%;
aspect-ratio: 3/4;
border-radius: 16px;
overflow: hidden;
box-shadow: 2px 4px 28px 1px #ad9dd21a
}

.dbt .team__portrait-wrap img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center
}

.dbt .team__portrait-caption {
font-size: 16px;
color: #6a6e8e;
line-height: 1.5
}

.dbt .team__text-col {
display: flex;
flex-direction: column;
gap: 28px
}

.dbt .team__h2 {
font-size: 42px;
line-height: 1.1;
color: #F7F8FA;
letter-spacing: -.02em
}

.dbt .team__h2 .outlined {
-webkit-text-stroke: 1.5px #495DB6;
color: transparent
}

.dbt .team__para {
font-size: 19px;
line-height: 1.8;
color: #9a9db8
}

.dbt .team__stat-row {
display: flex;
flex-direction: row;
gap: 28px;
flex-wrap: wrap
}

.dbt .team__stat {
border: 1px dashed #2a3060;
border-radius: 2px;
padding: 14px 28px;
flex: 1;
min-width: 120px
}

.dbt .team__stat-num {
font-size: 42px;
line-height: 1.1;
color: #495DB6;
letter-spacing: -.02em;
font-weight: 700
}

.dbt .team__stat-desc {
font-size: 16px;
color: #6a6e8e;
margin-top: 6px;
line-height: 1.5
}

.dbt .team__img-strip {
width: 100%;
border-radius: 16px;
overflow: hidden;
height: 220px
}

.dbt .team__img-strip img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center
}

.dbt .ident {
padding: 96px 0;
background: #3d3560;
position: relative
}

.dbt .ident__graph-paper {
position: absolute;
inset: 0;
pointer-events: none;
background-image: linear-gradient(#ad9dd20f 1px, transparent 1px), linear-gradient(90deg, #ad9dd20f 1px, transparent 1px), linear-gradient(#ad9dd208 1px, transparent 1px), linear-gradient(90deg, #ad9dd208 1px, transparent 1px);
background-size: 56px 56px, 56px 56px, 14px 14px, 14px 14px
}

.dbt .ident__layout {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 28px;
margin-top: 56px;
position: relative;
z-index: 1
}

.dbt .ident__card {
background: #0e0f14b8;
-webkit-backdrop-filter: blur(12px);
backdrop-filter: blur(12px);
border-radius: 16px;
padding: 28px;
border: 1px solid #495db633;
transition: border-color .6s ease, box-shadow .6s ease
}

.dbt .ident__card:hover {
border-color: #ad9dd273;
box-shadow: 2px 10px 60px 1px #ad9dd224
}

.dbt .ident__card-num {
font-size: 42px;
line-height: 1.1;
color: #495DB6;
font-weight: 700;
margin-bottom: 14px;
letter-spacing: -.02em
}

.dbt .ident__card-text {
font-size: 19px;
line-height: 1.8;
color: #c4c7de
}

.dbt .ident__heading {
font-size: 42px;
line-height: 1.1;
color: #F7F8FA;
letter-spacing: -.02em;
max-width: 680px;
margin-bottom: 14px
}

.dbt .ident__sub {
font-size: 19px;
line-height: 1.8;
color: #c4c7de;
max-width: 560px
}

.dbt .fit {
padding: 96px 0;
background: #0e0f14
}

.dbt .fit__layout {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 28px;
margin-top: 56px
}

.dbt .fit__col {
display: flex;
flex-direction: column;
gap: 14px
}

.dbt .fit__col-head {
font-size: 23px;
color: #F7F8FA;
margin-bottom: 14px;
line-height: 1.5
}

.dbt .fit__item {
display: flex;
flex-direction: row;
gap: 14px;
align-items: flex-start;
padding: 14px;
border-radius: 2px;
background: #111320;
border-left: 3px solid #495DB6;
border-top: 1px solid #1f2235;
border-right: 1px solid #1f2235;
border-bottom: 1px solid #1f2235;
transition: background .5s ease
}

.dbt .fit__item:hover {
background: #161828
}

.dbt .fit__item--no {
border-left-color: #3a2a4a
}

.dbt .fit__item-icon {
width: 20px;
height: 20px;
flex-shrink: 0;
margin-top: 2px
}

.dbt .fit__item-text {
font-size: 16px;
line-height: 1.8;
color: #9a9db8
}

.dbt .fit__img-wrap {
margin-top: 28px;
border-radius: 16px;
overflow: hidden;
height: 280px
}

.dbt .fit__img-wrap img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center
}

.dbt .fit__h2 {
font-size: 42px;
line-height: 1.1;
color: #F7F8FA;
letter-spacing: -.02em;
margin-bottom: 14px
}

.dbt .gap-sec {
padding: 96px 0;
background: #111320
}

.dbt .gap-sec__layout {
display: grid;
grid-template-columns: 7fr 5fr;
gap: 56px;
align-items: center
}

.dbt .gap-sec__h2 {
font-size: 42px;
line-height: 1.1;
color: #F7F8FA;
letter-spacing: -.02em;
margin-bottom: 28px
}

.dbt .gap-sec__h2 .outlined {
-webkit-text-stroke: 1.5px #AD9DD2;
color: transparent
}

.dbt .gap-sec__para {
font-size: 19px;
line-height: 1.8;
color: #9a9db8;
margin-bottom: 28px
}

.dbt .gap-sec__list {
list-style: none;
padding: 0;
margin: 0;
display: flex;
flex-direction: column;
gap: 14px
}

.dbt .gap-sec__list li {
font-size: 16px;
line-height: 1.8;
color: #c4c7de;
padding-left: 14px;
border-left: 2px solid #495DB6
}

.dbt .gap-sec__img-col {
display: flex;
flex-direction: column;
gap: 14px
}

.dbt .gap-sec__img-wrap {
border-radius: 16px;
overflow: hidden;
height: 340px
}

.dbt .gap-sec__img-wrap img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center
}

.dbt .gap-sec__note {
font-size: 16px;
line-height: 1.8;
color: #6a6e8e;
padding: 14px;
border-radius: 2px;
background: #0e0f14;
border: 1px solid #1f2235
}

.dbt .gap-sec__cta {
display: inline-block;
margin-top: 28px;
padding: 14px 28px;
background: #495DB6;
color: #F7F8FA;
font-size: 16px;
letter-spacing: .1em;
text-transform: uppercase;
border-radius: 46px;
text-decoration: none;
position: relative;
overflow: hidden;
border: none;
cursor: pointer;
transition: color .6s ease;
box-shadow: 2px 4px 28px 1px #495db61a
}

.dbt .gap-sec__cta::before {
content: "";
position: absolute;
inset: 0;
background: #AD9DD2;
transform: translateX(100%);
transition: transform .6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
border-radius: 46px;
z-index: 0
}

.dbt .gap-sec__cta:hover::before {
transform: translateX(0)
}

.dbt .gap-sec__cta span {
position: relative;
z-index: 1
}

@media (max-width: 1024px) {
.dbt .title-blk {
grid-template-columns: 1fr
}

.dbt .title-blk__img-col {
height: 420px
}

.dbt .title-blk__text {
padding: 56px 28px
}

.dbt .title-blk__h1 {
font-size: 42px
}

.dbt .team__layout {
grid-template-columns: 1fr
}

.dbt .team__portrait-wrap {
max-width: 320px
}

.dbt .ident__layout {
grid-template-columns: 1fr 1fr
}

.dbt .gap-sec__layout {
grid-template-columns: 1fr
}
}

@media (max-width: 768px) {
.dbt .voices__grid {
grid-template-columns: 1fr
}

.dbt .fit__layout {
grid-template-columns: 1fr
}

.dbt .ident__layout {
grid-template-columns: 1fr
}

.dbt .title-blk__h1 {
font-size: 30px
}

.dbt .team__stat-row {
flex-direction: column
}

.dbt .bar-row__name {
width: 120px;
font-size: 16px
}
}

@media (max-width: 375px) {
.dbt .title-blk__h1 {
font-size: 30px
}

.dbt .pg-wrap {
padding: 0 14px
}

.dbt .voices,
.dbt .team,
.dbt .ident,
.dbt .fit,
.dbt .gap-sec {
padding: 56px 0
}
}

.crs {
background: #0e0f1a;
color: #d4d6e8;
overflow-x: hidden;
position: relative
}

.crs .pg-limit {
max-width: 1500px;
margin-left: auto;
margin-right: auto;
padding-left: 56px;
padding-right: 56px
}

.crs .reveal {
opacity: 0;
transform: translateY(28px);
animation: revealUp .7s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards
}

.crs .reveal--2 {
animation-delay: .15s
}

.crs .reveal--3 {
animation-delay: .28s
}

.crs .reveal--4 {
animation-delay: .42s
}

.crs .reveal--5 {
animation-delay: .55s
}

@keyframes revealUp {
to {
opacity: 1;
transform: translateY(0)
}
}

.crs .stripe-bg {
position: absolute;
inset: 0;
background-image: repeating-linear-gradient(31deg, transparent, transparent 38px, #495db60a 38px, #495db60a 39px);
pointer-events: none;
z-index: 0
}

.crs .tb {
position: relative;
padding-top: 96px;
padding-bottom: 96px;
border-bottom: 1px solid #ad9dd21f
}

.crs .tb__inner {
display: flex;
flex-direction: row;
align-items: center;
gap: 56px;
position: relative;
z-index: 1
}

.crs .tb__img-frame {
flex: 0 0 420px;
position: relative
}

.crs .tb__img-border {
border: 1px solid #495db659;
border-radius: 16px;
padding: 6px;
background: #495db60f;
box-shadow: 2px 10px 60px 1px #495db624;
overflow: hidden
}

.crs .tb__img-border img {
width: 100%;
height: 320px;
object-fit: cover;
object-position: center;
border-radius: 2px;
display: block;
filter: blur(0px);
mask-image: radial-gradient(ellipse 85% 85% at 50% 50%, #000 60%, transparent 100%);
-webkit-mask-image: radial-gradient(ellipse 85% 85% at 50% 50%, #000 60%, transparent 100%)
}

.crs .tb__deco-line {
position: absolute;
top: -6px;
left: -6px;
width: 56px;
height: 56px;
border-top: 2px solid #495DB6;
border-left: 2px solid #495DB6;
border-radius: 2px;
pointer-events: none
}

.crs .tb__deco-line--br {
top: auto;
left: auto;
bottom: -6px;
right: -6px;
border-top: none;
border-left: none;
border-bottom: 2px solid #AD9DD2;
border-right: 2px solid #AD9DD2
}

.crs .tb__text {
flex: 1;
display: flex;
flex-direction: column;
gap: 28px
}

.crs .tb__label {
display: inline-flex;
align-items: center;
gap: 14px;
font-size: 16px;
letter-spacing: .12em;
color: #AD9DD2;
text-transform: uppercase
}

.crs .tb__label-line {
width: 28px;
height: 1px;
background: #AD9DD2
}

.crs .tb__h1 {
font-size: 58px;
line-height: 1.1;
letter-spacing: -.02em;
color: #F7F8FA;
margin: 0
}

.crs .tb__h1 em {
font-style: normal;
background: linear-gradient(31deg, #495DB6 0%, #AD9DD2 60%, #F7F8FA 100%);
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent
}

.crs .tb__desc {
font-size: 19px;
line-height: 1.8;
color: #d4d6e8c7;
margin: 0;
max-width: 520px
}

.crs .tb__stats {
display: flex;
flex-direction: row;
gap: 28px;
padding-top: 6px
}

.crs .tb__stat {
display: flex;
flex-direction: column;
gap: 6px
}

.crs .tb__stat-num {
font-size: 42px;
line-height: 1.1;
letter-spacing: -.02em;
color: #495DB6
}

.crs .tb__stat-lbl {
font-size: 16px;
line-height: 1.5;
color: #d4d6e899;
letter-spacing: .04em
}

.crs .pos {
padding-top: 96px;
padding-bottom: 96px;
background: #131424;
position: relative
}

.crs .pos__top {
display: flex;
flex-direction: row;
align-items: flex-end;
justify-content: space-between;
gap: 56px;
margin-bottom: 56px
}

.crs .pos__hl {
display: flex;
flex-direction: column;
gap: 14px
}

.crs .sec-tag {
font-size: 16px;
letter-spacing: .1em;
text-transform: uppercase;
color: #495DB6;
display: flex;
flex-direction: row;
align-items: center;
gap: 6px
}

.crs .sec-tag__dot {
width: 6px;
height: 6px;
border-radius: 2px;
background: #495DB6;
flex-shrink: 0
}

.crs .pos__h2 {
font-size: 42px;
line-height: 1.1;
letter-spacing: -.02em;
color: #F7F8FA;
margin: 0;
position: relative;
display: inline-block
}

.crs .pos__h2::before {
content: '';
position: absolute;
left: -14px;
top: 50%;
transform: translateY(-50%);
width: 4px;
height: 70%;
background: linear-gradient(31deg, #495DB6, #AD9DD2);
border-radius: 2px
}

.crs .pos__note {
font-size: 19px;
line-height: 1.8;
color: #d4d6e8a6;
max-width: 380px;
margin: 0
}

.crs .pos__grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 28px
}

.crs .job {
background: #0e0f1a;
border: 1px solid #495db62e;
border-radius: 16px;
padding: 28px;
display: flex;
flex-direction: column;
gap: 14px;
position: relative;
overflow: hidden;
transition: border-color .6s cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow .6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
box-shadow: 2px 3px 2px 1px #495db60d
}

.crs .job:hover {
border-color: #495db680;
box-shadow: 2px 4px 28px 1px #495db61a
}

.crs .job__accent {
position: absolute;
top: 0;
left: 0;
right: 0;
height: 2px;
background: linear-gradient(31deg, #495DB6 0%, #AD9DD2 100%);
border-radius: 2px 2px 0 0
}

.crs .job__dept {
font-size: 16px;
letter-spacing: .08em;
text-transform: uppercase;
color: #AD9DD2
}

.crs .job__title {
font-size: 23px;
line-height: 1.5;
color: #F7F8FA;
margin: 0
}

.crs .job__meta {
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: 6px
}

.crs .job__tag {
font-size: 16px;
padding: 6px 14px;
border-radius: 46px;
background: #495db61f;
color: #d4d6e8bf;
border: 1px solid #495db633
}

.crs .job__desc {
font-size: 16px;
line-height: 1.8;
color: #d4d6e8a6;
margin: 0;
flex: 1
}

.crs .job__btn {
display: inline-flex;
align-items: center;
gap: 6px;
font-size: 16px;
letter-spacing: .08em;
text-transform: uppercase;
color: #F7F8FA;
background: transparent;
border: 1px solid #495db666;
border-radius: 2px;
padding: 14px 28px;
cursor: pointer;
text-decoration: none;
position: relative;
overflow: hidden;
transition: color .5s ease, border-color .5s ease;
align-self: flex-start
}

.crs .job__btn::before {
content: '';
position: absolute;
inset: 0;
background: linear-gradient(31deg, #495DB6, #AD9DD2 120%);
transform: translateX(100%);
transition: transform .6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
z-index: 0
}

.crs .job__btn:hover::before {
transform: translateX(0)
}

.crs .job__btn:hover {
border-color: #495DB6
}

.crs .job__btn span {
position: relative;
z-index: 1
}

.crs .job__btn:focus-visible {
outline: 2px solid #AD9DD2;
outline-offset: 2px
}

.crs .team {
padding-top: 96px;
padding-bottom: 96px;
background: #AD9DD2;
position: relative;
border-top: 1px solid #495db633;
border-bottom: 1px solid #495db633
}

.crs .team__inner {
display: grid;
grid-template-columns: 1fr 2fr;
gap: 56px;
align-items: start
}

.crs .team__sidebar {
display: flex;
flex-direction: column;
gap: 28px;
position: sticky;
top: 56px
}

.crs .team__h2 {
font-size: 42px;
line-height: 1.1;
letter-spacing: -.02em;
color: #0e0f1a;
margin: 0
}

.crs .team__h2 strong {
display: inline-block;
background: #495DB6;
color: #F7F8FA;
padding: 0 6px;
border-radius: 2px
}

.crs .team__intro {
font-size: 19px;
line-height: 1.8;
color: #0e0f1abf;
margin: 0
}

.crs .team__img-wrap {
position: relative;
border-radius: 16px;
overflow: hidden;
box-shadow: 2px 10px 60px 1px #495db624
}

.crs .team__img-wrap img {
width: 100%;
height: 280px;
object-fit: cover;
object-position: center;
display: block
}

.crs .team__img-caption {
position: absolute;
bottom: 0;
left: 0;
right: 0;
padding: 14px 28px;
background: #0e0f1ab8;
backdrop-filter: blur(8px);
-webkit-backdrop-filter: blur(8px);
font-size: 16px;
color: #F7F8FA;
letter-spacing: .04em
}

.crs .team__right {
display: flex;
flex-direction: column;
gap: 28px
}

.crs .team__portraits {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 14px
}

.crs .portrait {
display: flex;
flex-direction: column;
gap: 14px
}

.crs .portrait__img {
width: 100%;
aspect-ratio: 4/5;
object-fit: cover;
object-position: center;
display: block;
border-radius: 2px;
box-shadow: 2px 4px 28px 1px #495db61a
}

.crs .portrait__name {
font-size: 19px;
line-height: 1.5;
color: #0e0f1a;
margin: 0
}

.crs .portrait__role {
font-size: 16px;
color: #0e0f1aa6;
margin: 0;
margin-top: -14px
}

.crs .team__glossary {
display: flex;
flex-direction: column;
gap: 0;
border: 1px solid #0e0f1a26;
border-radius: 16px;
overflow: hidden;
background: #0e0f1a0f
}

.crs .glos__item {
display: grid;
grid-template-columns: 1fr 2fr;
gap: 28px;
padding: 28px;
border-bottom: 1px solid #0e0f1a1a;
transition: background .5s ease
}

.crs .glos__item:last-child {
border-bottom: none
}

.crs .glos__item:hover {
background: #495db614
}

.crs .glos__term {
font-size: 16px;
letter-spacing: .06em;
text-transform: uppercase;
color: #0e0f1a;
margin: 0;
align-self: start;
padding-top: 6px
}

.crs .glos__def {
font-size: 16px;
line-height: 1.8;
color: #0e0f1abf;
margin: 0
}

.crs .wave-divider {
display: block;
width: 100%;
overflow: hidden;
line-height: 0
}

.crs .wave-divider svg {
display: block;
width: 100%
}

@media (max-width: 1024px) {
.crs .pg-limit {
padding-left: 28px;
padding-right: 28px
}

.crs .tb__inner {
flex-direction: column;
gap: 28px
}

.crs .tb__img-frame {
flex: 0 0 auto;
width: 100%
}

.crs .tb__h1 {
font-size: 42px
}

.crs .pos__grid {
grid-template-columns: repeat(2, 1fr)
}

.crs .team__inner {
grid-template-columns: 1fr
}

.crs .team__sidebar {
position: static
}

.crs .pos__top {
flex-direction: column;
align-items: flex-start;
gap: 14px
}
}

@media (max-width: 768px) {
.crs .tb__h1 {
font-size: 30px
}

.crs .tb__stats {
flex-direction: column;
gap: 14px
}

.crs .pos__grid {
grid-template-columns: 1fr
}

.crs .team__portraits {
grid-template-columns: repeat(2, 1fr)
}

.crs .glos__item {
grid-template-columns: 1fr;
gap: 6px
}

.crs .pos__h2 {
font-size: 30px
}
}

@media (max-width: 375px) {
.crs .pg-limit {
padding-left: 14px;
padding-right: 14px
}

.crs .tb__h1 {
font-size: 23px
}

.crs .team__portraits {
grid-template-columns: 1fr
}

.crs .tb__stat-num {
font-size: 30px
}
}

.ctus {
background: #0e0f14;
color: #d8dce8;
overflow-x: clip
}

.ctus .reach__split {
max-width: 1500px;
margin: 0 auto;
padding: 96px 56px;
display: grid;
grid-template-columns: 60fr 40fr;
gap: 56px;
align-items: start;
position: relative
}

.ctus .reach__deco-line {
position: absolute;
top: 56px;
left: 56px;
right: 56px;
bottom: 56px;
pointer-events: none;
border: 1px solid #495db61f;
border-radius: 16px
}

.ctus .reach__deco-line::before {
content: '';
position: absolute;
top: -1px;
left: 28px;
width: 56px;
height: 2px;
background: linear-gradient(31deg, #495DB6 0%, #AD9DD2 60%, #495DB6 100%)
}

.ctus .reach__deco-line::after {
content: '';
position: absolute;
bottom: -1px;
right: 28px;
width: 56px;
height: 2px;
background: linear-gradient(31deg, #AD9DD2 0%, #495DB6 100%)
}

.ctus .reach__left {
display: flex;
flex-direction: column;
gap: 28px
}

.ctus .reach__tag {
display: inline-flex;
align-items: center;
gap: 6px;
padding: 6px 14px;
border: 1px solid #ad9dd240;
border-radius: 2px;
font-size: 16px;
letter-spacing: .08em;
color: #AD9DD2;
width: fit-content
}

.ctus .reach__tag svg {
width: 14px;
height: 14px;
fill: none;
stroke: #AD9DD2;
stroke-width: 1.5
}

.ctus .reach__h1 {
font-size: 58px;
line-height: 1.1;
letter-spacing: -.02em;
color: #F7F8FA;
margin: 0
}

.ctus .reach__h1 span {
background: linear-gradient(31deg, #495DB6 0%, #AD9DD2 55%, #F7F8FA 100%);
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent
}

.ctus .reach__sub {
font-size: 19px;
line-height: 1.8;
color: #9ca3b8;
margin: 0;
max-width: 480px
}

.ctus .reach__channels {
display: flex;
flex-direction: column;
gap: 14px;
margin-top: 14px
}

.ctus .reach__ch {
display: flex;
flex-direction: row;
align-items: center;
gap: 14px;
padding: 14px 28px;
background: #495db60f;
border: 1px solid #495db624;
border-radius: 16px;
text-decoration: none;
color: #d8dce8;
transition: background .6s cubic-bezier(0.25, 0.46, 0.45, 0.94), border-color .6s cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow .7s ease;
position: relative;
overflow: hidden
}

.ctus .reach__ch::before {
content: '';
position: absolute;
inset: 0;
background: linear-gradient(31deg, #495db62e 0%, #ad9dd21a 100%);
opacity: 0;
transition: opacity .6s ease;
border-radius: 16px
}

.ctus .reach__ch:hover::before {
opacity: 1
}

.ctus .reach__ch:hover {
border-color: #ad9dd266;
box-shadow: 2px 4px 28px 1px #495db61a
}

.ctus .reach__ch:focus-visible {
outline: 2px solid #AD9DD2;
outline-offset: 2px
}

.ctus .reach__ch-icon {
width: 40px;
height: 40px;
border-radius: 2px;
background: #495db62e;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0
}

.ctus .reach__ch-icon svg {
width: 20px;
height: 20px;
fill: none;
stroke: #AD9DD2;
stroke-width: 1.5;
stroke-linecap: round;
stroke-linejoin: round
}

.ctus .reach__ch-body {
display: flex;
flex-direction: column;
gap: 2px
}

.ctus .reach__ch-label {
font-size: 16px;
color: #9ca3b8;
letter-spacing: .05em
}

.ctus .reach__ch-val {
font-size: 19px;
color: #F7F8FA;
letter-spacing: .01em
}

.ctus .reach__addr {
display: flex;
flex-direction: row;
align-items: flex-start;
gap: 14px;
padding: 14px 28px;
background: #ad9dd20d;
border: 1px solid #ad9dd21a;
border-radius: 16px
}

.ctus .reach__addr-icon {
width: 40px;
height: 40px;
border-radius: 2px;
background: #ad9dd21f;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0
}

.ctus .reach__addr-icon svg {
width: 20px;
height: 20px;
fill: none;
stroke: #AD9DD2;
stroke-width: 1.5;
stroke-linecap: round;
stroke-linejoin: round
}

.ctus .reach__addr-body {
display: flex;
flex-direction: column;
gap: 2px
}

.ctus .reach__addr-label {
font-size: 16px;
color: #9ca3b8;
letter-spacing: .05em
}

.ctus .reach__addr-text {
font-size: 19px;
color: #F7F8FA;
line-height: 1.5
}

.ctus .reach__right {
position: relative
}

.ctus .reach__img-wrap {
position: relative;
border-radius: 16px;
overflow: hidden;
box-shadow: 2px 10px 60px 1px #495db624
}

.ctus .reach__img-wrap::after {
content: '';
position: absolute;
inset: 0;
background: linear-gradient(31deg, #495db659 0%, #0e0f148c 100%);
pointer-events: none
}

.ctus .reach__img-glow {
position: absolute;
top: -28px;
right: -28px;
width: 200px;
height: 200px;
background: radial-gradient(ellipse at 30% 30%, #ad9dd238 0%, transparent 70%);
pointer-events: none;
border-radius: 46px
}

.ctus .reach__img {
display: block;
width: 100%;
height: 380px;
object-fit: cover;
transition: transform .7s cubic-bezier(0.25, 0.46, 0.45, 0.94), filter .7s ease;
filter: brightness(0.85)
}

.ctus .reach__img-wrap:hover .reach__img {
transform: scale(1.04);
filter: brightness(1.0)
}

.ctus .reach__img-caption {
position: absolute;
bottom: 0;
left: 0;
right: 0;
z-index: 1;
padding: 28px;
background: linear-gradient(0deg, #0e0f14d9 0%, transparent 100%)
}

.ctus .reach__img-caption p {
font-size: 16px;
line-height: 1.5;
color: #d8dce8;
margin: 0
}

.ctus .reach__img-caption strong {
color: #AD9DD2
}

.ctus .divider-band {
height: 4px;
background: linear-gradient(31deg, #0e0f14 0%, #495DB6 35%, #AD9DD2 70%, #F7F8FA 100%);
opacity: .6
}

.ctus .form-area {
background: #111318;
padding: 96px 0;
position: relative
}

.ctus .form-area__inner {
max-width: 1500px;
margin: 0 auto;
padding: 0 56px;
display: grid;
grid-template-columns: 40fr 60fr;
gap: 56px;
align-items: start
}

.ctus .form-area__glass {
background: #495db612;
border: 1px solid #495db62e;
border-radius: 16px;
padding: 56px;
backdrop-filter: blur(18px) saturate(1.4);
-webkit-backdrop-filter: blur(18px) saturate(1.4);
box-shadow: 2px 10px 60px 1px #495db624 inset 0 1px 0 #ad9dd21f
}

.ctus .form-area__eyebrow {
display: inline-block;
padding: 6px 14px;
background: #495db62e;
border-radius: 2px;
font-size: 16px;
letter-spacing: .08em;
color: #AD9DD2;
margin-bottom: 28px
}

.ctus .form-area__h2 {
font-size: 42px;
line-height: 1.1;
letter-spacing: -.02em;
color: #F7F8FA;
margin: 0 0 14px
}

.ctus .form-area__h2 em {
font-style: normal;
background: linear-gradient(31deg, #495DB6 0%, #AD9DD2 100%);
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent
}

.ctus .form-area__desc {
font-size: 19px;
line-height: 1.8;
color: #9ca3b8;
margin: 0 0 28px
}

.ctus .form-area__avail {
display: flex;
flex-direction: column;
gap: 14px;
padding: 28px;
background: #0e0f1499;
border-radius: 16px;
border: 1px solid #ad9dd21f
}

.ctus .form-area__avail-title {
font-size: 16px;
letter-spacing: .06em;
color: #AD9DD2
}

.ctus .avail-row {
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
gap: 14px
}

.ctus .avail-row__day {
font-size: 16px;
color: #9ca3b8;
width: 120px;
flex-shrink: 0
}

.ctus .avail-bar {
flex: 1;
height: 6px;
background: #495db626;
border-radius: 2px;
position: relative
}

.ctus .avail-bar__fill {
height: 100%;
border-radius: 2px;
background: linear-gradient(31deg, #495DB6 0%, #AD9DD2 100%);
animation: avail-pulse 3s ease-in-out infinite
}

@keyframes avail-pulse {

0%,
100% {
box-shadow: 2px 3px 2px 1px #495db60d
}

50% {
box-shadow: 2px 10px 60px 1px #495db624
}
}

.ctus .avail-row__time {
font-size: 16px;
color: #d8dce8;
white-space: nowrap
}

.ctus .form-area__img-wrap {
border-radius: 16px;
overflow: hidden;
box-shadow: 2px 4px 28px 1px #495db61a;
margin-top: 28px
}

.ctus .form-area__img {
display: block;
width: 100%;
height: 220px;
object-fit: cover;
transition: transform .8s cubic-bezier(0.25, 0.46, 0.45, 0.94), filter .7s ease;
filter: brightness(0.8) saturate(0.9)
}

.ctus .form-area__img-wrap:hover .form-area__img {
transform: scale(1.03);
filter: brightness(0.95) saturate(1.1)
}

.ctus .ctform {
display: flex;
flex-direction: column;
gap: 28px
}

.ctus .ctform__row {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 14px
}

.ctus .ctform__field {
display: flex;
flex-direction: column;
gap: 6px
}

.ctus .ctform__field--full {
grid-column: 1 / -1
}

.ctus .ctform__label {
font-size: 16px;
color: #9ca3b8;
letter-spacing: .04em
}

.ctus .ctform__label span {
color: #AD9DD2;
margin-left: 2px
}

.ctus .ctform__input {
background: #0e0f14cc;
border: 1px solid #495db640;
border-radius: 2px;
padding: 14px;
font-size: 19px;
color: #F7F8FA;
outline: none;
transition: border-color .5s ease, box-shadow .6s ease;
width: 100%;
box-sizing: border-box
}

.ctus .ctform__input::placeholder {
color: #9ca3b8;
opacity: .55;
font-style: italic
}

.ctus .ctform__input:focus {
border-color: #495DB6;
box-shadow: 2px 4px 28px 1px #495db61a inset 0 0 0 1px #495db62e
}

.ctus .ctform__select {
background: #0e0f14cc;
border: 1px solid #495db640;
border-radius: 2px;
padding: 14px;
font-size: 19px;
color: #F7F8FA;
outline: none;
transition: border-color .5s ease, box-shadow .6s ease;
width: 100%;
box-sizing: border-box;
appearance: none;
-webkit-appearance: none;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23AD9DD2' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: right 14px center;
cursor: pointer
}

.ctus .ctform__select:focus {
border-color: #495DB6;
box-shadow: 2px 4px 28px 1px #495db61a
}

.ctus .ctform__select option {
background: #111318;
color: #F7F8FA
}

.ctus .ctform__slots {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 6px
}

.ctus .ctform__slot {
position: relative
}

.ctus .ctform__slot input[type="radio"] {
position: absolute;
opacity: 0;
width: 0;
height: 0
}

.ctus .ctform__slot-label {
display: block;
padding: 14px 6px;
text-align: center;
font-size: 16px;
color: #9ca3b8;
background: #0e0f14cc;
border: 1px solid #495db633;
border-radius: 2px;
cursor: pointer;
transition: background .5s ease, border-color .5s ease, color .5s ease;
line-height: 1.5
}

.ctus .ctform__slot input[type="radio"]:checked+.ctform__slot-label {
background: #495db638;
border-color: #495DB6;
color: #F7F8FA;
box-shadow: inset 0 1px 0 #ad9dd22e
}

.ctus .ctform__slot-label:hover {
border-color: #ad9dd266;
color: #d8dce8
}

.ctus .ctform__slot input[type="radio"]:focus-visible+.ctform__slot-label {
outline: 2px solid #AD9DD2;
outline-offset: 2px
}

.ctus .ctform__privacy {
display: flex;
flex-direction: row;
align-items: flex-start;
gap: 14px;
padding: 14px;
background: #495db60d;
border: 1px solid #495db61f;
border-radius: 2px
}

.ctus .ctform__privacy input[type="checkbox"] {
width: 20px;
height: 20px;
flex-shrink: 0;
margin-top: 2px;
accent-color: #495DB6;
cursor: pointer
}

.ctus .ctform__privacy-text {
font-size: 16px;
line-height: 1.8;
color: #9ca3b8
}

.ctus .ctform__privacy-text a {
color: #AD9DD2;
text-decoration: none;
border-bottom: 1px solid #ad9dd259;
transition: color .5s ease, border-color .5s ease
}

.ctus .ctform__privacy-text a:hover {
color: #F7F8FA;
border-color: #F7F8FA
}

.ctus .ctform__privacy-text a:focus-visible {
outline: 2px solid #AD9DD2;
outline-offset: 2px
}

.ctus .ctform__btn-wrap {
display: flex;
flex-direction: row;
align-items: center;
gap: 14px
}

.ctus .ctform__btn {
display: inline-flex;
align-items: center;
gap: 6px;
padding: 14px 56px;
font-size: 16px;
letter-spacing: .1em;
text-transform: uppercase;
color: #F7F8FA;
background: #495DB6;
border: none;
border-radius: 2px;
cursor: pointer;
position: relative;
overflow: hidden;
transition: color .6s ease, box-shadow .6s ease;
box-shadow: 2px 3px 2px 1px #495db60d
}

.ctus .ctform__btn::before {
content: '';
position: absolute;
inset: 0;
background: linear-gradient(31deg, #AD9DD2 0%, #495DB6 100%);
transform: translateX(100%);
transition: transform .6s cubic-bezier(0.25, 0.46, 0.45, 0.94)
}

.ctus .ctform__btn:hover::before {
transform: translateX(0)
}

.ctus .ctform__btn:hover {
box-shadow: 2px 4px 28px 1px #495db61a
}

.ctus .ctform__btn:focus-visible {
outline: 2px solid #AD9DD2;
outline-offset: 2px
}

.ctus .ctform__btn span {
position: relative;
z-index: 1
}

.ctus .ctform__btn svg {
position: relative;
z-index: 1;
width: 16px;
height: 16px;
fill: none;
stroke: #F7F8FA;
stroke-width: 1.5;
stroke-linecap: round;
stroke-linejoin: round
}

.ctus .ctform__note {
font-size: 16px;
color: #9ca3b8;
line-height: 1.5
}

.ctus .ctform__note strong {
color: #495DB6
}

@keyframes card-flip {
0% {
transform: rotateY(90deg);
opacity: 0
}

100% {
transform: rotateY(0deg);
opacity: 1
}
}

.ctus .reach__ch {
animation: card-flip .7s cubic-bezier(0.25, 0.46, 0.45, 0.94) both
}

.ctus .reach__ch:nth-child(1) {
animation-delay: .1s
}

.ctus .reach__ch:nth-child(2) {
animation-delay: .25s
}

.ctus .reach__ch:nth-child(3) {
animation-delay: .4s
}

@media (max-width: 1024px) {
.ctus .reach__split {
grid-template-columns: 1fr;
padding: 56px 28px
}

.ctus .reach__deco-line {
left: 28px;
right: 28px
}

.ctus .reach__h1 {
font-size: 42px
}

.ctus .form-area__inner {
grid-template-columns: 1fr;
padding: 0 28px
}

.ctus .form-area {
padding: 56px 0
}
}

@media (max-width: 768px) {
.ctus .reach__split {
padding: 56px 14px
}

.ctus .reach__deco-line {
left: 14px;
right: 14px
}

.ctus .reach__h1 {
font-size: 30px
}

.ctus .form-area__h2 {
font-size: 30px
}

.ctus .form-area__inner {
padding: 0 14px
}

.ctus .form-area__glass {
padding: 28px 14px
}

.ctus .ctform__row {
grid-template-columns: 1fr
}

.ctus .ctform__slots {
grid-template-columns: repeat(2, 1fr)
}

.ctus .ctform__btn-wrap {
flex-direction: column;
align-items: flex-start
}
}

@media (max-width: 375px) {
.ctus .reach__h1 {
font-size: 23px
}

.ctus .form-area__h2 {
font-size: 23px
}

.ctus .ctform__slots {
grid-template-columns: 1fr 1fr
}

.ctus .ctform__btn {
padding: 14px 28px
}
}

.success-pg {
min-height: 80vh;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 96px 28px;
background: #0e0f18
}

.success-pg .card {
max-width: 560px;
width: 100%;
background: #13152a;
border-radius: 16px;
padding: 56px;
box-shadow: 2px 10px 60px 1px #495db624;
display: flex;
flex-direction: column;
align-items: center;
gap: 28px;
text-align: center
}

.success-pg .card__icon {
width: 72px;
height: 72px;
border-radius: 46px;
background: linear-gradient(31deg, #495DB6 0%, #AD9DD2 60%, #2a1f4a 100%);
display: flex;
align-items: center;
justify-content: center;
box-shadow: 2px 4px 28px 1px #ad9dd21a inset 0 1px 8px #f7f8fa14;
flex-shrink: 0
}

.success-pg .card__icon svg {
width: 32px;
height: 32px
}

.success-pg .card__label {
font-size: 16px;
letter-spacing: .12em;
text-transform: uppercase;
color: #AD9DD2;
line-height: 1.5;
display: inline-block;
background: #495db626;
padding: 6px 14px;
border-radius: 2px
}

.success-pg .card__heading {
font-size: 42px;
line-height: 1.1;
letter-spacing: -.02em;
color: #F7F8FA;
margin: 0
}

.success-pg .card__text {
font-size: 19px;
line-height: 1.8;
color: #b0b4cc;
margin: 0;
max-width: 420px
}

.success-pg .card__divider {
width: 56px;
height: 2px;
background: linear-gradient(31deg, #495DB6 0%, #AD9DD2 100%);
border-radius: 2px;
border: none;
margin: 0
}

.success-pg .card__actions {
display: flex;
flex-direction: row;
gap: 14px;
flex-wrap: wrap;
justify-content: center
}

.success-pg .btn {
display: inline-block;
padding: 14px 28px;
border-radius: 2px;
font-size: 16px;
letter-spacing: .1em;
text-transform: uppercase;
text-decoration: none;
font-weight: 600;
cursor: pointer;
border: none;
position: relative;
overflow: hidden;
transition: color .6s cubic-bezier(0.25, 0.46, 0.45, 0.94)
}

.success-pg .btn::after {
content: '';
position: absolute;
inset: 0;
background: #AD9DD2;
transform: translateX(100%);
transition: transform .5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
z-index: 0;
border-radius: 2px
}

.success-pg .btn:hover::after,
.success-pg .btn:focus::after {
transform: translateX(0)
}

.success-pg .btn span {
position: relative;
z-index: 1
}

.success-pg .btn--primary {
background: #495DB6;
color: #F7F8FA;
box-shadow: 2px 4px 28px 1px #495db61a
}

.success-pg .btn--primary:hover,
.success-pg .btn--primary:focus {
color: #0e0f18;
outline: none
}

.success-pg .btn--ghost {
background: transparent;
color: #AD9DD2;
border: 1px solid #ad9dd259
}

.success-pg .btn--ghost::after {
background: #ad9dd21f
}

.success-pg .btn--ghost:hover,
.success-pg .btn--ghost:focus {
color: #F7F8FA;
outline: none
}

@media (max-width: 768px) {
.success-pg .card {
padding: 56px 28px
}

.success-pg .card__heading {
font-size: 30px
}
}

@media (max-width: 375px) {
.success-pg {
padding: 56px 14px
}

.success-pg .card {
padding: 28px 14px;
gap: 14px
}

.success-pg .card__actions {
flex-direction: column;
width: 100%
}

.success-pg .btn {
text-align: center
}
}