html {
box-sizing: border-box;
font-size: 100%
}

*,
::before,
::after {
box-sizing: inherit
}

html,
body {
margin: 0
}

body {
min-height: 100dvh;
overflow-x: hidden;
font-family: 'IBM Plex Mono', monospace
}

.brand__mark {
display: flex;
flex-direction: column;
align-items: center;
gap: 6px;
text-decoration: none
}

.brand__emblem {
width: 46px;
height: 46px;
border-radius: 22px;
background-color: #fff;
display: flex;
align-items: center;
justify-content: center;
box-shadow: -1px 2px 5px 1px #2625440f -1px 4px 22px 1px #26254417;
border: 2px solid #c9e5a980;
overflow: hidden;
flex-shrink: 0
}

.brand__emblem img {
width: 38px;
height: 38px;
object-fit: contain;
display: block
}

.brand__name {
font-size: 14px;
font-weight: 700;
font-style: italic;
color: #fff;
letter-spacing: -.02em;
line-height: 1.1;
text-align: center
}

.site-hd {
position: relative;
background-color: #262544;
overflow: hidden
}

.site-hd::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 220px;
height: 100%;
background: linear-gradient(135deg, #1e1d38 0%, #2e2c55 100%);
border-right: 2px solid #c9e5a940;
pointer-events: none
}

.site-hd__inner {
max-width: 1024px;
margin: 0 auto;
padding: 0 20px;
display: flex;
align-items: stretch;
min-height: 100px
}

.site-hd__brand {
position: relative;
z-index: 2;
width: 200px;
flex-shrink: 0;
display: flex;
align-items: center;
justify-content: center;
padding: 20px 20px 20px 0
}

.site-hd__right {
flex: 1;
display: flex;
flex-direction: column;
justify-content: space-between;
padding: 20px 0 0 40px;
border-left: 1px solid #c9e5a91f
}

.site-hd__tagline {
font-size: 14px;
color: #c9e5a9b3;
font-style: italic;
line-height: 1.75;
letter-spacing: .01em;
margin: 0
}

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

.menu__item {
display: block
}

.menu__lnk {
display: inline-flex;
align-items: center;
gap: 6px;
font-size: 14px;
font-family: 'IBM Plex Mono', monospace;
color: #ffffffbf;
text-decoration: none;
padding: 12px 20px;
border-radius: 4px;
border: 1px solid transparent;
line-height: 1.1;
transition: color .15s ease-out, border-color .15s ease-out, background-color .12s ease-out;
position: relative
}

.menu__lnk::after {
content: '';
position: absolute;
inset: -3px;
border-radius: 6px;
border: 1px solid transparent;
transition: border-color .18s ease-out;
pointer-events: none
}

.menu__lnk:hover {
color: #C9E5A9;
border-color: #c9e5a933;
background-color: #c9e5a90f
}

.menu__lnk:hover::after {
border-color: #c9e5a926
}

.menu__lnk:focus {
outline: none;
box-shadow: 0 0 0 3px #c9e5a959;
border-radius: 4px
}

.menu__lnk--active {
color: #C9E5A9;
border-color: #c9e5a94d
}

.menu__sep {
width: 1px;
height: 16px;
background-color: #ffffff26;
margin: 0 6px
}

.site-hd__accent-bar {
height: 3px;
background: linear-gradient(90deg, #C9E5A9 0%, #54667e66 60%, transparent 100%);
margin-top: 20px
}

@media (max-width: 992px) {
.site-hd::before {
width: 160px
}

.site-hd__brand {
width: 160px
}

.site-hd__right {
padding-left: 20px
}

.menu__lnk {
padding: 12px;
font-size: 14px
}
}

@media (max-width: 576px) {
.site-hd::before {
width: 100%;
height: 90px;
border-right: none;
border-bottom: 2px solid #c9e5a933
}

.site-hd__inner {
flex-direction: column;
padding: 0
}

.site-hd__brand {
width: 100%;
padding: 20px;
justify-content: flex-start;
flex-direction: row;
gap: 12px
}

.brand__mark {
flex-direction: row;
align-items: center
}

.brand__name {
text-align: left
}

.site-hd__right {
border-left: none;
border-top: 1px solid #c9e5a91f;
padding: 12px 20px 0
}

.site-hd__tagline {
display: none
}

.site-hd__menu {
gap: 0
}

.menu__sep {
display: none
}
}

.foot {
background-color: #262544;
position: relative
}

.foot::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
height: 3px;
background: linear-gradient(90deg, transparent 0%, #c9e5a980 50%, transparent 100%);
pointer-events: none
}

.foot__body {
max-width: 1024px;
margin: 0 auto;
padding: 80px 20px 40px;
display: flex;
flex-direction: column;
align-items: center;
gap: 40px
}

.foot__brand {
display: flex;
flex-direction: column;
align-items: center;
gap: 12px
}

.foot__emblem {
width: 50px;
height: 50px;
border-radius: 22px;
background-color: #fff;
display: flex;
align-items: center;
justify-content: center;
box-shadow: -1px 2px 5px 1px #2625440f -1px 4px 22px 1px #2625441f;
border: 2px solid #c9e5a94d;
overflow: hidden
}

.foot__emblem img {
width: 40px;
height: 40px;
object-fit: contain;
display: block
}

.foot__brand-name {
font-size: 18px;
font-weight: 700;
font-style: italic;
color: #C9E5A9;
letter-spacing: -.02em;
line-height: 1.1
}

.foot__brand-desc {
font-size: 14px;
color: #ffffff80;
line-height: 1.75;
text-align: center;
max-width: 420px
}

.foot__cols {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 40px;
width: 100%
}

.foot__col {
display: flex;
flex-direction: column;
align-items: center;
gap: 12px;
min-width: 160px
}

.foot__col-label {
font-size: 14px;
font-weight: 700;
font-style: italic;
color: #c9e5a9cc;
letter-spacing: .03em;
line-height: 1.1;
text-transform: uppercase;
font-size: 14px
}

.foot__col-desc {
font-size: 14px;
color: #fff6;
line-height: 1.75;
text-align: center
}

.foot__links {
display: flex;
flex-direction: column;
align-items: center;
gap: 6px;
list-style: none;
margin: 0;
padding: 0
}

.foot__lnk {
font-size: 14px;
color: #ffffffa6;
text-decoration: none;
line-height: 1.75;
padding: 6px 12px;
border-radius: 4px;
border: 1px solid transparent;
transition: color .15s ease-out, border-color .12s ease-out;
display: block;
text-align: center
}

.foot__lnk:hover {
color: #C9E5A9;
border-color: #c9e5a933
}

.foot__lnk:focus {
outline: none;
box-shadow: 0 0 0 3px #c9e5a94d;
border-radius: 4px
}

.foot__divider {
width: 100%;
height: 1px;
background: linear-gradient(90deg, transparent, #c9e5a933, transparent)
}

.foot__contact {
display: flex;
flex-direction: column;
align-items: center;
gap: 6px
}

.foot__contact-item {
font-size: 14px;
color: #ffffff80;
line-height: 1.75;
text-align: center
}

.foot__contact-item a {
color: #ffffffa6;
text-decoration: none;
transition: color .15s ease-out
}

.foot__contact-item a:hover {
color: #C9E5A9
}

.foot__contact-item a:focus {
outline: none;
box-shadow: 0 0 0 3px #c9e5a94d;
border-radius: 2px
}

.foot__copy {
font-size: 14px;
color: #ffffff4d;
line-height: 1.75;
text-align: center
}

.foot__neo-card {
background: linear-gradient(145deg, #ffffff0a 0%, #ffffff03 100%);
border-radius: 8px;
border: 1px solid #ffffff12;
box-shadow: inset 0 2px 6px #2625444d -1px 4px 22px 1px #26254417;
padding: 40px;
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
gap: 40px
}

@media (max-width: 576px) {
.foot__body {
padding: 40px 20px
}

.foot__neo-card {
padding: 20px
}

.foot__cols {
gap: 20px
}
}

.ck-tray {
position: fixed;
bottom: 20px;
left: 20px;
z-index: 1200;
max-width: 420px;
width: calc(100vw - 40px);
background: #262544;
border-radius: 8px;
border: 1px solid #c9e5a940;
box-shadow: -1px 12px 40px 1px #2625441f inset 0 2px 6px #26254440;
padding: 20px;
display: none;
flex-direction: column;
gap: 12px;
transform: translateY(20px);
opacity: 0;
transition: transform .22s ease-out, opacity .22s ease-out
}

.ck-tray.visible {
transform: translateY(0);
opacity: 1
}

.ck-tray__msg {
font-size: 14px;
font-family: 'IBM Plex Mono', monospace;
color: #ffffffbf;
line-height: 1.75;
margin: 0
}

.ck-tray__msg a {
color: #C9E5A9;
text-decoration: underline;
text-underline-offset: 3px;
transition: color .12s ease-out
}

.ck-tray__msg a:hover {
color: #fff
}

.ck-tray__opt {
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
padding: 6px 0;
border-top: 1px solid #ffffff14
}

.ck-tray__opt-label {
font-size: 14px;
font-family: 'IBM Plex Mono', monospace;
color: #ffffff8c;
line-height: 1.1
}

.ck-toggle {
position: relative;
width: 40px;
height: 22px;
flex-shrink: 0
}

.ck-toggle input {
opacity: 0;
width: 0;
height: 0;
position: absolute
}

.ck-toggle__track {
position: absolute;
inset: 0;
background-color: #ffffff26;
border-radius: 22px;
cursor: pointer;
transition: background-color .15s ease-out
}

.ck-toggle__track::after {
content: '';
position: absolute;
top: 3px;
left: 3px;
width: 16px;
height: 16px;
border-radius: 22px;
background: #fff;
transition: transform .15s ease-out
}

.ck-toggle input:checked+.ck-toggle__track {
background-color: #54667E
}

.ck-toggle input:checked+.ck-toggle__track::after {
transform: translateX(18px)
}

.ck-toggle input:focus+.ck-toggle__track {
box-shadow: 0 0 0 3px #c9e5a94d
}

.ck-tray__actions {
display: flex;
align-items: center;
gap: 12px;
flex-wrap: wrap
}

.ck-btn--accept {
flex: 1;
min-height: 44px;
background-color: #C9E5A9;
color: #262544;
border: none;
border-radius: 4px;
font-size: 14px;
font-family: 'IBM Plex Mono', monospace;
font-weight: 700;
cursor: pointer;
padding: 12px 20px;
line-height: 1.1;
transition: background-color .15s ease-out, box-shadow .12s ease-out;
position: relative
}

.ck-btn--accept::after {
content: '';
position: absolute;
inset: -3px;
border-radius: 6px;
border: 1px solid transparent;
transition: border-color .18s ease-out;
pointer-events: none
}

.ck-btn--accept:hover {
background-color: #b8d896
}

.ck-btn--accept:hover::after {
border-color: #c9e5a980
}

.ck-btn--accept:focus {
outline: none;
box-shadow: 0 0 0 3px #c9e5a966
}

.ck-btn--decline {
min-height: 44px;
background-color: transparent;
color: #ffffff8c;
border: 1px solid #fff3;
border-radius: 4px;
font-size: 14px;
font-family: 'IBM Plex Mono', monospace;
cursor: pointer;
padding: 12px 20px;
line-height: 1.1;
transition: color .15s ease-out, border-color .15s ease-out;
position: relative
}

.ck-btn--decline::after {
content: '';
position: absolute;
inset: -3px;
border-radius: 6px;
border: 1px solid transparent;
transition: border-color .18s ease-out;
pointer-events: none
}

.ck-btn--decline:hover {
color: #ffffffd9;
border-color: #fff6
}

.ck-btn--decline:hover::after {
border-color: #ffffff26
}

.ck-btn--decline:focus {
outline: none;
box-shadow: 0 0 0 3px #c9e5a940
}

.policy-info {
max-width: 1024px;
margin: 0 auto;
padding: 80px 40px;
color: #262544
}

.policy-info h1 {
font-size: 52px;
line-height: 1.1;
letter-spacing: -.02em;
margin-bottom: 40px;
margin-top: 0;
color: #262544;
padding-bottom: 20px;
border-bottom: 2px solid #C9E5A9
}

.policy-info h2 {
font-size: 36px;
line-height: 1.1;
letter-spacing: -.015em;
margin-top: 80px;
margin-bottom: 20px;
color: #262544
}

.policy-info h3 {
font-size: 24px;
line-height: 1.1;
letter-spacing: -.01em;
margin-top: 40px;
margin-bottom: 12px;
color: #262544
}

.policy-info h4 {
font-size: 18px;
line-height: 1.75;
letter-spacing: -.005em;
margin-top: 40px;
margin-bottom: 12px;
color: #54667E
}

.policy-info h5 {
font-size: 16px;
line-height: 1.75;
letter-spacing: 0;
margin-top: 20px;
margin-bottom: 6px;
color: #54667E
}

.policy-info h6 {
font-size: 14px;
line-height: 1.75;
letter-spacing: .01em;
margin-top: 20px;
margin-bottom: 6px;
color: #54667E;
text-transform: uppercase
}

.policy-info p {
font-size: 16px;
line-height: 1.75;
margin-top: 0;
margin-bottom: 20px;
color: #262544
}

.policy-info a {
color: #54667E;
text-decoration: underline;
text-decoration-thickness: 1px;
text-underline-offset: 3px;
transition: color .15s ease-out, text-decoration-color .15s ease-out
}

.policy-info a:hover {
color: #262544;
text-decoration-color: #C9E5A9
}

.policy-info a:visited {
color: #54667E
}

.policy-info hr {
border: none;
border-top: 1px solid #C9E5A9;
margin-top: 40px;
margin-bottom: 40px;
height: 0
}

.policy-info table {
width: 100%;
border-collapse: collapse;
margin-top: 20px;
margin-bottom: 40px;
font-size: 14px;
line-height: 1.75;
border-radius: 8px;
overflow: hidden;
box-shadow: -1px 4px 22px 1px #26254417
}

.policy-info thead {
background-color: #262544;
color: #fff
}

.policy-info thead th {
padding: 12px 20px;
font-size: 14px;
font-weight: 600;
letter-spacing: .02em;
text-align: left;
color: #fff;
border: none
}

.policy-info tbody tr {
border-bottom: 1px solid #54667e26;
transition: background-color .1s ease-out
}

.policy-info tbody tr:last-child {
border-bottom: none
}

.policy-info tbody tr:nth-child(even) {
background-color: #c9e5a91a
}

.policy-info tbody tr:hover {
background-color: #c9e5a933
}

.policy-info td {
padding: 12px 20px;
font-size: 14px;
color: #262544;
vertical-align: top
}

.policy-info th {
padding: 12px 20px;
text-align: left
}

@media (max-width: 992px) {
.policy-info {
padding: 40px 20px
}

.policy-info h1 {
font-size: 36px
}

.policy-info h2 {
font-size: 24px;
margin-top: 40px
}

.policy-info h3 {
font-size: 18px
}

.policy-info table {
display: block;
overflow-x: auto;
-webkit-overflow-scrolling: touch
}
}

@media (max-width: 576px) {
.policy-info {
padding: 40px 12px
}

.policy-info h1 {
font-size: 24px;
margin-bottom: 20px
}

.policy-info h2 {
font-size: 18px;
margin-top: 40px;
margin-bottom: 12px
}

.policy-info h3 {
font-size: 16px
}

.policy-info h4,
.policy-info h5,
.policy-info h6 {
font-size: 14px
}

.policy-info p {
font-size: 14px
}

.policy-info td,
.policy-info th {
padding: 6px 12px;
font-size: 14px
}
}

.srv {
background: #fff;
overflow-x: clip
}

.srv .db-strip {
width: 100%;
height: 4px;
background: linear-gradient(90deg, #262544 0%, #54667E 60%, #C9E5A9 100%)
}

.srv .pg-head {
position: relative;
padding: 80px 20px;
background: #262544;
overflow: hidden
}

.srv .pg-head__grain {
position: absolute;
inset: 0;
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%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23n)' opacity='0.18'/%3E%3C/svg%3E");
background-size: 200px 200px;
pointer-events: none
}

.srv .pg-head__diag {
position: absolute;
bottom: 0;
right: 0;
width: 45%;
height: 100%;
background: linear-gradient(155deg, transparent 40%, #54667e2e 100%);
pointer-events: none
}

.srv .pg-head__band {
position: absolute;
left: 0;
top: 0;
width: 5px;
height: 100%;
background: #C9E5A9
}

.srv .pg-head__inner {
max-width: 1024px;
margin: 0 auto;
display: flex;
flex-direction: row;
align-items: center;
gap: 40px
}

.srv .pg-head__text {
flex: 1 1 0
}

.srv .pg-head__label {
display: inline-block;
font-size: 14px;
letter-spacing: .18em;
color: #C9E5A9;
text-transform: uppercase;
margin-bottom: 20px;
border-bottom: 1px solid #c9e5a959;
padding-bottom: 6px
}

.srv .pg-head__acline {
width: 40px;
height: 2px;
background: #C9E5A9;
margin-bottom: 12px
}

.srv .pg-head__h1 {
font-size: 52px;
line-height: 1.1;
color: #fff;
letter-spacing: -.02em;
margin: 0 0 20px
}

.srv .pg-head__h1 .framed {
display: inline;
border: 1.5px solid #C9E5A9;
border-radius: 4px;
padding: 0 6px;
color: #C9E5A9
}

.srv .pg-head__sub {
font-size: 16px;
line-height: 1.75;
color: #ffffffb8;
max-width: 480px;
margin: 0 0 20px
}

.srv .pg-head__counter {
display: flex;
flex-direction: row;
align-items: baseline;
gap: 12px;
margin-top: 20px
}

.srv .pg-head__num {
font-size: 52px;
line-height: 1.1;
color: #C9E5A9;
letter-spacing: -.03em;
font-weight: 700
}

.srv .pg-head__numlabel {
font-size: 14px;
color: #ffffff8c;
letter-spacing: .06em;
max-width: 160px;
line-height: 1.75
}

.srv .pg-head__img-col {
flex: 0 0 320px;
position: relative
}

.srv .pg-head__img-wrap {
aspect-ratio: 1/1;
border-radius: 8px;
overflow: hidden;
box-shadow: -1px 12px 40px 1px #2625441f;
position: relative
}

.srv .pg-head__img-wrap img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
display: block
}

.srv .pg-head__img-texture {
position: absolute;
inset: 0;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='120' height='120' filter='url(%23g)' opacity='0.12'/%3E%3C/svg%3E");
background-size: 120px 120px;
pointer-events: none;
border-radius: 8px
}

.srv .pg-head__arrow {
position: absolute;
bottom: -20px;
left: 50%;
transform: translateX(-50%);
opacity: .35
}

.srv .svc-grid {
padding: 80px 20px;
background: #fff;
position: relative
}

.srv .svc-grid__bg-split {
position: absolute;
inset: 0;
pointer-events: none;
overflow: hidden
}

.srv .svc-grid__bg-split::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(162deg, #c9e5a912 0%, transparent 48%)
}

.srv .svc-grid__inner {
max-width: 1024px;
margin: 0 auto
}

.srv .svc-grid__head {
margin-bottom: 40px
}

.srv .svc-grid__acline {
width: 32px;
height: 2px;
background: #54667E;
margin-bottom: 12px
}

.srv .svc-grid__h2 {
font-size: 36px;
line-height: 1.1;
color: #262544;
letter-spacing: -.02em;
margin: 0 0 12px
}

.srv .svc-grid__cap {
font-size: 14px;
letter-spacing: .14em;
color: #54667E;
text-transform: uppercase;
border-bottom: 1px solid #54667e33;
display: inline-block;
padding-bottom: 6px
}

.srv .svc-grid__intro {
font-size: 16px;
line-height: 1.75;
color: #54667E;
max-width: 560px;
margin: 20px 0 0
}

.srv .svc-grid__context {
background: #262544;
border-radius: 8px;
padding: 40px;
margin-bottom: 40px;
position: relative;
box-shadow: -1px 4px 22px 1px #26254417
}

.srv .svc-grid__context-p {
font-size: 18px;
line-height: 1.75;
color: #ffffffe0;
margin: 0 0 12px;
max-width: 680px
}

.srv .svc-grid__context-note {
font-size: 14px;
color: #c9e5a9b3;
line-height: 1.75;
margin: 0
}

.srv .svc-grid__context-deco {
position: absolute;
top: 0;
right: 0;
width: 120px;
height: 100%;
background: linear-gradient(135deg, transparent 60%, #c9e5a90f 100%);
border-radius: 0 8px 8px 0;
pointer-events: none
}

.srv .svc-cards {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 20px;
margin-bottom: 40px
}

.srv .svc-card {
background: #fff;
border: 1px solid #54667e24;
border-radius: 8px;
padding: 40px;
box-shadow: -1px 2px 5px 1px #2625440f;
transition: box-shadow .18s ease-out, border-color .15s ease-out;
position: relative
}

.srv .svc-card:hover {
box-shadow: -1px 4px 22px 1px #26254417;
border-color: #54667e4d
}

.srv .svc-card--featured {
border-top: 3px solid #C9E5A9
}

.srv .svc-card__icon {
width: 44px;
height: 44px;
margin-bottom: 20px;
animation: icon-float 3.2s ease-in-out infinite
}

.srv .svc-card:nth-child(2) .svc-card__icon {
animation-delay: .8s;
animation-duration: 3.8s
}

.srv .svc-card:nth-child(3) .svc-card__icon {
animation-delay: 1.4s;
animation-duration: 3.5s
}

.srv .svc-card:nth-child(4) .svc-card__icon {
animation-delay: .4s;
animation-duration: 4s
}

@keyframes icon-float {

0%,
100% {
transform: translateY(0px)
}

50% {
transform: translateY(-6px)
}
}

.srv .svc-card__h3 {
font-size: 18px;
line-height: 1.1;
color: #262544;
letter-spacing: -.01em;
margin: 0 0 12px
}

.srv .svc-card__p {
font-size: 14px;
line-height: 1.75;
color: #54667E;
margin: 0
}

.srv .svc-card__tag {
display: inline-block;
font-size: 14px;
color: #54667E;
border: 1px solid #54667e40;
border-radius: 2px;
padding: 2px 6px;
margin-top: 12px;
letter-spacing: .06em
}

.srv .metrics-row {
display: grid;
grid-template-columns: 1fr 1fr;
grid-template-rows: 1fr 1fr;
gap: 20px;
margin-bottom: 40px
}

.srv .metric {
background: linear-gradient(155deg, #262544 0%, #2e2c52 100%);
border-radius: 8px;
padding: 40px;
display: flex;
flex-direction: column;
gap: 6px;
box-shadow: -1px 4px 22px 1px #26254417
}

.srv .metric__val {
font-size: 36px;
line-height: 1.1;
color: #C9E5A9;
letter-spacing: -.02em;
font-weight: 700
}

.srv .metric__label {
font-size: 14px;
color: #fff9;
line-height: 1.75
}

.srv .checkerboard {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 20px;
margin-bottom: 40px;
align-items: start
}

.srv .chk-item {
padding: 40px;
border-radius: 8px
}

.srv .chk-item--light {
background: #c9e5a91a;
border: 1px solid #c9e5a94d
}

.srv .chk-item--dark {
background: #262544
}

.srv .chk-item--offset {
margin-top: 40px
}

.srv .chk-item__h4 {
font-size: 18px;
line-height: 1.1;
color: #262544;
letter-spacing: -.01em;
margin: 0 0 12px
}

.srv .chk-item--dark .chk-item__h4 {
color: #fff
}

.srv .chk-item__p {
font-size: 14px;
line-height: 1.75;
color: #54667E;
margin: 0
}

.srv .chk-item--dark .chk-item__p {
color: #ffffffa6
}

.srv .portrait-row {
display: flex;
flex-direction: row;
gap: 20px;
align-items: flex-start;
padding: 40px;
background: #54667e0d;
border-radius: 8px;
border: 1px solid #54667e1a;
box-shadow: inset 0 2px 6px #2625440a
}

.srv .portrait-item {
display: flex;
flex-direction: row;
gap: 20px;
align-items: flex-start;
flex: 1 1 0
}

.srv .portrait-item__img {
width: 80px;
height: 108px;
border-radius: 22px;
overflow: hidden;
flex-shrink: 0;
box-shadow: -1px 4px 22px 1px #26254417
}

.srv .portrait-item__img img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
display: block
}

.srv .portrait-item__text {
flex: 1 1 0
}

.srv .portrait-item__name {
font-size: 16px;
color: #262544;
margin: 0 0 6px;
font-weight: 600
}

.srv .portrait-item__role {
font-size: 14px;
color: #54667E;
letter-spacing: .05em;
margin: 0 0 12px
}

.srv .portrait-item__quote {
font-size: 14px;
line-height: 1.75;
color: #54667E;
margin: 0
}

.srv .portrait-divider {
width: 1px;
background: #54667e33;
align-self: stretch
}

.srv .brushstroke-div {
width: 100%;
overflow: hidden;
line-height: 0;
margin: 0
}

.srv .pulse-btn {
display: inline-flex;
flex-direction: row;
align-items: center;
gap: 12px;
background: #262544;
color: #fff;
font-size: 16px;
border: 2px solid #262544;
border-radius: 4px;
padding: 12px 20px;
cursor: pointer;
text-decoration: none;
position: relative;
transition: background .18s ease-out, color .15s ease-out;
animation: outline-pulse 2.4s ease-in-out infinite
}

.srv .pulse-btn:hover {
background: transparent;
color: #262544
}

@keyframes outline-pulse {

0%,
100% {
box-shadow: 0 0 0 0 #26254400
}

50% {
box-shadow: 0 0 0 5px #26254421
}
}

.srv .pulse-btn__icon {
width: 18px;
height: 18px;
flex-shrink: 0
}

.srv .faq-block {
padding: 80px 20px;
background: linear-gradient(162deg, #262544 0%, #2b2a4e 100%);
position: relative
}

.srv .faq-block__deco {
position: absolute;
top: 0;
right: 0;
width: 40%;
height: 100%;
background: linear-gradient(155deg, transparent 55%, #c9e5a90d 100%);
pointer-events: none
}

.srv .faq-block__inner {
max-width: 1024px;
margin: 0 auto
}

.srv .faq-block__head {
margin-bottom: 40px
}

.srv .faq-block__acline {
width: 32px;
height: 2px;
background: #C9E5A9;
margin-bottom: 12px
}

.srv .faq-block__h2 {
font-size: 36px;
line-height: 1.1;
color: #fff;
letter-spacing: -.02em;
margin: 0 0 12px
}

.srv .faq-block__cap {
font-size: 14px;
letter-spacing: .14em;
color: #c9e5a9b3;
text-transform: uppercase;
border-bottom: 1px solid #c9e5a933;
display: inline-block;
padding-bottom: 6px
}

.srv .faq-layout {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 40px;
align-items: start
}

.srv .faq-img-col {
position: relative
}

.srv .faq-img-wrap {
aspect-ratio: 1/1;
border-radius: 8px;
overflow: hidden;
box-shadow: -1px 12px 40px 1px #2625441f
}

.srv .faq-img-wrap img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
display: block
}

.srv .faq-img-texture {
position: absolute;
inset: 0;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='120' height='120' filter='url(%23g)' opacity='0.1'/%3E%3C/svg%3E");
background-size: 120px 120px;
pointer-events: none;
border-radius: 8px
}

.srv .faq-list {
display: flex;
flex-direction: column;
gap: 20px
}

.srv .faq-item {
background: #ffffff0d;
border: 1px solid #ffffff1a;
border-radius: 8px;
padding: 20px 40px;
box-shadow: inset 0 2px 4px #2625441a;
transition: background .18s ease-out, border-color .15s ease-out
}

.srv .faq-item:hover {
background: #ffffff17;
border-color: #c9e5a940
}

.srv .faq-item__q {
font-size: 16px;
line-height: 1.75;
color: #C9E5A9;
margin: 0 0 12px;
font-weight: 600
}

.srv .faq-item__a {
font-size: 14px;
line-height: 1.75;
color: #ffffffa6;
margin: 0
}

@media (max-width: 992px) {
.srv .pg-head__inner {
flex-direction: column
}

.srv .pg-head__img-col {
flex: 0 0 auto;
width: 100%;
max-width: 360px
}

.srv .pg-head__h1 {
font-size: 36px
}

.srv .svc-cards {
grid-template-columns: 1fr
}

.srv .metrics-row {
grid-template-columns: 1fr 1fr
}

.srv .checkerboard {
grid-template-columns: 1fr
}

.srv .chk-item--offset {
margin-top: 0
}

.srv .portrait-row {
flex-direction: column
}

.srv .portrait-divider {
width: 100%;
height: 1px
}

.srv .faq-layout {
grid-template-columns: 1fr
}

.srv .faq-img-col {
display: none
}
}

@media (max-width: 576px) {
.srv .pg-head {
padding: 40px 20px
}

.srv .pg-head__h1 {
font-size: 36px
}

.srv .pg-head__num {
font-size: 36px
}

.srv .svc-grid {
padding: 40px 20px
}

.srv .faq-block {
padding: 40px 20px
}

.srv .metrics-row {
grid-template-columns: 1fr
}

.srv .svc-grid__context {
padding: 20px
}

.srv .svc-card {
padding: 20px
}

.srv .metric {
padding: 20px
}

.srv .chk-item {
padding: 20px
}

.srv .portrait-row {
padding: 20px
}

.srv .faq-item {
padding: 20px
}
}

.anlt-page {
background: #fff;
overflow-x: clip
}

.anlt-page .lead-block {
position: relative;
padding: 80px 20px 40px;
background: linear-gradient(160deg, #262544 0%, #2e2c52 55%, #1e1d38 100%);
overflow: hidden
}

.anlt-page .lead-block__bg-shape {
position: absolute;
top: -40px;
right: -40px;
width: 320px;
height: 320px;
border-radius: 50%;
background: radial-gradient(circle at 40% 40%, #c9e5a91a 0%, #54667e0a 60%, transparent 100%);
pointer-events: none
}

.anlt-page .lead-block__strokes {
position: absolute;
bottom: 40px;
left: 20px;
display: flex;
flex-direction: column;
gap: 6px;
pointer-events: none;
opacity: .18
}

.anlt-page .lead-block__strokes span {
display: block;
height: 2px;
background: #C9E5A9;
border-radius: 2px
}

.anlt-page .lead-block__strokes span:nth-child(1) {
width: 28px
}

.anlt-page .lead-block__strokes span:nth-child(2) {
width: 20px
}

.anlt-page .lead-block__strokes span:nth-child(3) {
width: 34px
}

.anlt-page .lead-block__strokes span:nth-child(4) {
width: 16px
}

.anlt-page .lead-block__geo {
position: absolute;
top: 30px;
left: 60px;
width: 60px;
height: 60px;
border: 1px solid #c9e5a91f;
border-radius: 4px;
transform: rotate(22deg);
pointer-events: none
}

.anlt-page .lead-block__geo--sm {
top: 80px;
left: 30px;
width: 28px;
height: 28px;
border-color: #54667e33;
transform: rotate(-10deg)
}

.anlt-page .lead-block__inner {
max-width: 1024px;
margin: 0 auto;
position: relative;
z-index: 1
}

.anlt-page .lead-block__label {
display: inline-block;
font-size: 14px;
line-height: 1.75;
color: #C9E5A9;
letter-spacing: .06em;
border: 1px solid #c9e5a94d;
border-radius: 4px;
padding: 0 12px;
margin-bottom: 20px
}

.anlt-page .lead-block__accent-line {
width: 32px;
height: 3px;
background: #C9E5A9;
border-radius: 2px;
margin-bottom: 20px
}

.anlt-page .lead-block__h1 {
font-size: 52px;
line-height: 1.1;
color: #fff;
letter-spacing: -.02em;
margin: 0 0 20px;
max-width: 680px
}

.anlt-page .lead-block__h1 .framed {
display: inline;
border: 1.5px solid #c9e5a980;
border-radius: 4px;
padding: 0 8px
}

.anlt-page .lead-block__desc {
font-size: 18px;
line-height: 1.75;
color: #ffffffb8;
max-width: 560px;
margin: 0 0 40px
}

.anlt-page .lead-block__img-wrap {
position: relative;
border-radius: 8px;
overflow: hidden;
box-shadow: -1px 12px 40px 1px #2625441f;
aspect-ratio: 1/1;
max-width: 420px;
margin-left: auto
}

.anlt-page .lead-block__img-wrap img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
transition: transform .2s ease-out
}

.anlt-page .lead-block__img-wrap:hover img {
transform: scale(1.04)
}

.anlt-page .lead-block__img-grain {
position: absolute;
inset: 0;
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.06'/%3E%3C/svg%3E");
pointer-events: none;
border-radius: 8px
}

.anlt-page .lead-block__cols {
display: flex;
flex-direction: row;
align-items: center;
gap: 40px
}

.anlt-page .lead-block__text-col {
flex: 1 1 0;
min-width: 0
}

.anlt-page .lead-block__img-col {
flex: 0 0 380px;
max-width: 380px
}

.anlt-page .lead-block__divider {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
line-height: 0
}

.anlt-page .lead-block__divider svg {
display: block;
width: 100%
}

.anlt-page .flicker-dot {
display: inline-block;
width: 8px;
height: 8px;
border-radius: 50%;
background: #C9E5A9;
margin-right: 6px;
vertical-align: middle;
animation: anlt-flicker 2.4s ease-in-out infinite
}

@keyframes anlt-flicker {

0%,
100% {
opacity: 1
}

30% {
opacity: .3
}

55% {
opacity: .85
}

75% {
opacity: .2
}
}

.anlt-page .items-block {
position: relative;
padding: 80px 20px;
background: #f4f5f7
}

.anlt-page .items-block__radial {
position: absolute;
inset: 0;
background: radial-gradient(ellipse 60% 50% at 50% 50%, #c9e5a91a 0%, transparent 70%);
pointer-events: none
}

.anlt-page .items-block__inner {
max-width: 1024px;
margin: 0 auto;
position: relative;
z-index: 1
}

.anlt-page .items-block__top {
display: flex;
flex-direction: row;
align-items: flex-start;
gap: 40px;
margin-bottom: 40px
}

.anlt-page .items-block__top-text {
flex: 1 1 0;
min-width: 0
}

.anlt-page .items-block__top-aside {
flex: 0 0 260px;
max-width: 260px;
padding: 20px;
background: #fff;
border-radius: 8px;
border-top: 3px solid #262544;
box-shadow: -1px 4px 22px 1px #26254417
}

.anlt-page .items-block__accent-line {
width: 32px;
height: 3px;
background: #54667E;
border-radius: 2px;
margin-bottom: 20px
}

.anlt-page .items-block__h2 {
font-size: 36px;
line-height: 1.1;
color: #262544;
letter-spacing: -.015em;
margin: 0 0 20px
}

.anlt-page .items-block__h2 .framed {
border: 1.5px solid #54667E;
border-radius: 4px;
padding: 0 6px
}

.anlt-page .items-block__lead {
font-size: 16px;
line-height: 1.75;
color: #3a3a4e;
margin: 0
}

.anlt-page .items-block__aside-label {
font-size: 14px;
line-height: 1.75;
color: #54667E;
margin: 0 0 12px;
letter-spacing: .04em
}

.anlt-page .items-block__aside-stat {
font-size: 36px;
line-height: 1.1;
color: #262544;
letter-spacing: -.02em;
margin: 0 0 6px
}

.anlt-page .items-block__aside-note {
font-size: 14px;
line-height: 1.75;
color: #54667E;
margin: 0
}

.anlt-page .items-block__list {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 20px;
list-style: none;
padding: 0;
margin: 0
}

.anlt-page .item-card {
background: #fff;
border-radius: 8px;
padding: 20px;
box-shadow: -1px 2px 5px 1px #2625440f;
border-bottom: 2px solid transparent;
transition: box-shadow .15s ease-out, border-color .15s ease-out;
position: relative
}

.anlt-page .item-card:hover {
box-shadow: -1px 4px 22px 1px #26254417 inset 0 0 0 3px #c9e5a959;
border-color: #C9E5A9
}

.anlt-page .item-card__num {
font-size: 14px;
line-height: 1.75;
color: #C9E5A9;
background: #262544;
border-radius: 4px;
padding: 0 8px;
display: inline-block;
margin-bottom: 12px;
letter-spacing: .06em
}

.anlt-page .item-card__h {
font-size: 18px;
line-height: 1.1;
color: #262544;
margin: 0 0 12px;
letter-spacing: -.01em
}

.anlt-page .item-card__p {
font-size: 14px;
line-height: 1.75;
color: #4a4a60;
margin: 0
}

.anlt-page .item-card__tag {
display: inline-block;
margin-top: 12px;
font-size: 14px;
line-height: 1.75;
color: #54667E;
border: 1px solid #54667e4d;
border-radius: 22px;
padding: 0 12px
}

.anlt-page .items-block__divider-wrap {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
line-height: 0
}

.anlt-page .items-block__divider-wrap svg {
display: block;
width: 100%
}

@media (max-width: 992px) {
.anlt-page .lead-block__cols {
flex-direction: column
}

.anlt-page .lead-block__img-col {
flex: 0 0 auto;
max-width: 100%;
width: 100%
}

.anlt-page .lead-block__img-wrap {
max-width: 100%;
margin-left: 0
}

.anlt-page .lead-block__h1 {
font-size: 36px
}

.anlt-page .items-block__top {
flex-direction: column
}

.anlt-page .items-block__top-aside {
flex: 0 0 auto;
max-width: 100%;
width: 100%
}

.anlt-page .items-block__list {
grid-template-columns: repeat(2, 1fr)
}
}

@media (max-width: 576px) {
.anlt-page .lead-block {
padding: 40px 20px
}

.anlt-page .lead-block__h1 {
font-size: 24px
}

.anlt-page .lead-block__desc {
font-size: 16px
}

.anlt-page .items-block {
padding: 40px 20px
}

.anlt-page .items-block__h2 {
font-size: 24px
}

.anlt-page .items-block__list {
grid-template-columns: 1fr
}

.anlt-page .items-block__top {
gap: 20px
}
}

.abt-pg {
background: #fff;
overflow-x: clip
}

.abt-pg .strip-img {
position: relative;
width: 100%;
height: 220px;
overflow: hidden
}

.abt-pg .strip-img img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
display: block
}

.abt-pg .strip-img__overlay {
position: absolute;
inset: 0;
background: linear-gradient(to right, #2625442e 0%, #262544b8 100%)
}

.abt-pg .strip-img__curves {
position: absolute;
inset: 0;
pointer-events: none;
overflow: hidden
}

.abt-pg .strip-img__curves svg {
position: absolute;
bottom: -10px;
left: 0;
width: 100%;
height: 100%;
opacity: .18
}

.abt-pg .pg-lead {
max-width: 1024px;
margin: 0 auto;
padding: 80px 40px;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 80px;
align-items: start
}

.abt-pg .pg-lead__accent-line {
width: 40px;
height: 3px;
background: #C9E5A9;
margin-bottom: 20px;
border-radius: 2px;
animation: abt-colorshift 1.4s ease-out forwards
}

@keyframes abt-colorshift {
0% {
background: #54667E;
width: 12px
}

60% {
background: #C9E5A9;
width: 52px
}

100% {
background: #C9E5A9;
width: 40px
}
}

.abt-pg .pg-lead__h1 {
font-size: 70px;
line-height: 1.1;
letter-spacing: -.03em;
color: #262544;
margin: 0 0 20px;
font-weight: 800
}

.abt-pg .pg-lead__h1 .framed {
display: inline;
border: 1.5px solid #54667E;
border-radius: 4px;
padding: 0 6px
}

.abt-pg .pg-lead__sub {
font-size: 18px;
line-height: 1.75;
color: #54667E;
margin: 0 0 40px;
max-width: 420px
}

.abt-pg .pg-lead__meta {
display: flex;
flex-direction: row;
gap: 40px;
align-items: flex-start
}

.abt-pg .pg-lead__stat-num {
font-size: 36px;
line-height: 1.1;
font-weight: 700;
color: #262544;
letter-spacing: -.02em
}

.abt-pg .pg-lead__stat-label {
font-size: 14px;
line-height: 1.75;
color: #54667E;
margin-top: 6px
}

.abt-pg .pg-lead__img-col {
position: relative
}

.abt-pg .pg-lead__portrait-wrap {
width: 100%;
aspect-ratio: 2/3;
border-radius: 8px;
overflow: hidden;
box-shadow: -1px 12px 40px 1px #2625441f;
max-width: 320px;
margin-left: auto
}

.abt-pg .pg-lead__portrait-wrap img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
display: block
}

.abt-pg .pg-lead__portrait-caption {
margin-top: 12px;
text-align: right;
max-width: 320px;
margin-left: auto
}

.abt-pg .pg-lead__portrait-name {
font-size: 16px;
font-weight: 700;
color: #262544;
line-height: 1.1
}

.abt-pg .pg-lead__portrait-role {
font-size: 14px;
color: #54667E;
line-height: 1.75
}

.abt-pg .divider-a {
max-width: 1024px;
margin: 0 auto;
padding: 0 40px;
display: flex;
flex-direction: column;
gap: 6px
}

.abt-pg .divider-a__line {
height: 1px;
background: #C9E5A9;
border-radius: 2px
}

.abt-pg .numbers-band {
background: #262544;
padding: 80px 40px
}

.abt-pg .numbers-band__inner {
max-width: 1024px;
margin: 0 auto
}

.abt-pg .numbers-band__label {
font-size: 14px;
color: #C9E5A9;
letter-spacing: .08em;
text-transform: uppercase;
margin-bottom: 40px;
display: flex;
flex-direction: row;
align-items: center;
gap: 12px
}

.abt-pg .numbers-band__label::before {
content: '';
display: inline-block;
width: 28px;
height: 2px;
background: #C9E5A9;
border-radius: 2px;
flex-shrink: 0
}

.abt-pg .numbers-band__grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 40px
}

.abt-pg .num-item__figure {
font-size: 52px;
line-height: 1.1;
font-weight: 800;
color: #C9E5A9;
letter-spacing: -.03em;
animation: abt-numcolor 1.8s ease-out forwards
}

@keyframes abt-numcolor {
0% {
color: #54667E
}

70% {
color: #C9E5A9
}

100% {
color: #C9E5A9
}
}

.abt-pg .num-item__narrative {
font-size: 14px;
line-height: 1.75;
color: #c9e5a9b3;
margin-top: 12px;
max-width: 200px
}

.abt-pg .divider-b {
max-width: 1024px;
margin: 0 auto;
padding: 0 40px;
display: flex;
flex-direction: column;
gap: 6px
}

.abt-pg .divider-b__line {
height: 1px;
background: #54667E;
border-radius: 2px;
opacity: .3
}

.abt-pg .approach-band {
background: #f5f6f8;
padding: 80px 40px
}

.abt-pg .approach-band__inner {
max-width: 1024px;
margin: 0 auto;
display: grid;
grid-template-columns: 5fr 7fr;
gap: 80px;
align-items: start
}

.abt-pg .approach-band__sticky {
position: sticky;
top: 40px
}

.abt-pg .approach-band__accent {
width: 36px;
height: 3px;
background: #262544;
border-radius: 2px;
margin-bottom: 20px
}

.abt-pg .approach-band__h2 {
font-size: 36px;
line-height: 1.1;
font-weight: 700;
color: #262544;
letter-spacing: -.02em;
margin: 0 0 20px
}

.abt-pg .approach-band__desc {
font-size: 16px;
line-height: 1.75;
color: #54667E;
margin: 0
}

.abt-pg .approach-band__anchor-icon {
margin-top: 40px
}

.abt-pg .approach-band__anchor-icon svg {
width: 64px;
height: 64px;
opacity: .18
}

.abt-pg .approach-band__items {
display: flex;
flex-direction: column;
gap: 40px
}

.abt-pg .appr-item {
background: #fff;
border-radius: 8px;
padding: 40px;
box-shadow: -1px 4px 22px 1px #26254417;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 20px;
align-items: start;
transition: box-shadow .15s ease-out
}

.abt-pg .appr-item:hover {
box-shadow: -1px 12px 40px 1px #2625441f
}

.abt-pg .appr-item--tall {
grid-template-columns: 1fr
}

.abt-pg .appr-item__img-wrap {
width: 100%;
aspect-ratio: 1/1;
border-radius: 4px;
overflow: hidden
}

.abt-pg .appr-item__img-wrap img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
display: block
}

.abt-pg .appr-item__num {
font-size: 52px;
line-height: 1.1;
font-weight: 800;
color: #C9E5A9;
letter-spacing: -.03em;
margin-bottom: 12px
}

.abt-pg .appr-item__h3 {
font-size: 24px;
line-height: 1.1;
font-weight: 700;
color: #262544;
letter-spacing: -.015em;
margin: 0 0 12px
}

.abt-pg .appr-item__p {
font-size: 16px;
line-height: 1.75;
color: #54667E;
margin: 0
}

.abt-pg .appr-item__imgs-row {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 12px
}

.abt-pg .appr-item__imgs-row .appr-item__img-wrap {
width: 100%
}

@media (max-width: 992px) {
.abt-pg .pg-lead {
grid-template-columns: 1fr;
gap: 40px;
padding: 40px 20px
}

.abt-pg .pg-lead__h1 {
font-size: 52px
}

.abt-pg .pg-lead__portrait-wrap {
max-width: 240px;
margin: 0 auto
}

.abt-pg .pg-lead__portrait-caption {
text-align: center;
margin: 12px auto 0
}

.abt-pg .numbers-band__grid {
grid-template-columns: repeat(2, 1fr);
gap: 40px
}

.abt-pg .approach-band__inner {
grid-template-columns: 1fr;
gap: 40px
}

.abt-pg .approach-band__sticky {
position: static
}

.abt-pg .appr-item {
grid-template-columns: 1fr
}

.abt-pg .numbers-band {
padding: 40px 20px
}

.abt-pg .approach-band {
padding: 40px 20px
}

.abt-pg .divider-a,
.abt-pg .divider-b {
padding: 0 20px
}
}

@media (max-width: 576px) {
.abt-pg .strip-img {
height: 140px
}

.abt-pg .pg-lead__h1 {
font-size: 36px
}

.abt-pg .pg-lead__meta {
flex-direction: column;
gap: 20px
}

.abt-pg .numbers-band__grid {
grid-template-columns: 1fr 1fr;
gap: 20px
}

.abt-pg .num-item__figure {
font-size: 36px
}

.abt-pg .appr-item {
padding: 20px
}

.abt-pg .appr-item__imgs-row {
grid-template-columns: 1fr
}

.abt-pg .pg-lead {
padding: 40px 20px
}
}

.ctus {
background: #fff;
overflow-x: clip
}

.ctus .pg-body {
max-width: 1024px;
margin: 0 auto;
padding: 0 20px
}

.ctus .drop-1 {
animation: dropIn .18s ease-out both;
animation-delay: .05s
}

.ctus .drop-2 {
animation: dropIn .18s ease-out both;
animation-delay: .12s
}

.ctus .drop-3 {
animation: dropIn .18s ease-out both;
animation-delay: .19s
}

.ctus .drop-4 {
animation: dropIn .18s ease-out both;
animation-delay: .26s
}

.ctus .drop-5 {
animation: dropIn .18s ease-out both;
animation-delay: .33s
}

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

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

.ctus .acc-line {
display: block;
width: 32px;
height: 2px;
background: #C9E5A9;
margin-bottom: 12px
}

.ctus .framed-word {
display: inline-block;
border: 1px solid #54667E;
padding: 0 6px;
border-radius: 2px;
line-height: 1.1
}

.ctus .divider-edge {
display: flex;
align-items: center;
gap: 0;
margin: 0
}

.ctus .divider-edge::before,
.ctus .divider-edge::after {
content: '';
display: block;
height: 1px;
width: 48px;
background: #54667E;
opacity: .35
}

.ctus .divider-edge::before {
margin-right: auto
}

.ctus .divider-edge::after {
margin-left: auto
}

.ctus .parallel-lines {
position: absolute;
top: 20px;
right: 0;
width: 48px;
display: flex;
flex-direction: column;
gap: 6px;
pointer-events: none;
overflow: hidden
}

.ctus .parallel-lines span {
display: block;
height: 1px;
background: #262544;
opacity: .1
}

.ctus .parallel-lines span:nth-child(1) {
width: 100%
}

.ctus .parallel-lines span:nth-child(2) {
width: 80%
}

.ctus .parallel-lines span:nth-child(3) {
width: 60%
}

.ctus .parallel-lines span:nth-child(4) {
width: 40%
}

.ctus .reach-band {
padding: 80px 0 40px;
background: #fff;
position: relative
}

.ctus .reach-band__grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 80px;
align-items: start
}

.ctus .reach-band__visual {
position: relative
}

.ctus .reach-band__card {
background: #262544;
border-radius: 8px;
padding: 40px;
box-shadow: -1px 12px 40px 1px #2625441f;
position: relative;
overflow: hidden
}

.ctus .reach-band__card::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
height: 3px;
background: linear-gradient(90deg, #C9E5A9 0%, #54667E 100%)
}

.ctus .reach-band__card-label {
font-size: 14px;
color: #C9E5A9;
letter-spacing: .08em;
text-transform: uppercase;
margin-bottom: 20px;
display: block
}

.ctus .reach-band__card-item {
display: flex;
flex-direction: column;
gap: 6px;
padding: 20px 0;
border-bottom: 1px solid #c9e5a91f
}

.ctus .reach-band__card-item:last-child {
border-bottom: none;
padding-bottom: 0
}

.ctus .reach-band__card-item-label {
font-size: 14px;
color: #c9e5a999;
line-height: 1.75
}

.ctus .reach-band__card-item-val {
font-size: 16px;
color: #fff;
line-height: 1.75;
font-weight: 600
}

.ctus .reach-band__card-geo {
margin-top: 20px;
display: flex;
flex-direction: row;
gap: 12px;
align-items: flex-start
}

.ctus .reach-band__geo-dot {
width: 8px;
height: 8px;
min-width: 8px;
border-radius: 22px;
background: #C9E5A9;
margin-top: 6px
}

.ctus .reach-band__geo-text {
font-size: 14px;
color: #ffffffa6;
line-height: 1.75
}

.ctus .reach-band__eyebrow {
font-size: 14px;
color: #54667E;
letter-spacing: .06em;
margin-bottom: 12px;
display: block
}

.ctus .reach-band__h1 {
font-size: 52px;
line-height: 1.1;
color: #262544;
letter-spacing: -.02em;
margin-bottom: 20px
}

.ctus .reach-band__desc {
font-size: 18px;
color: #54667E;
line-height: 1.75;
margin-bottom: 40px;
max-width: 420px
}

.ctus .reach-band__stat-row {
display: flex;
flex-direction: row;
gap: 40px;
margin-bottom: 40px
}

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

.ctus .reach-band__stat-num {
font-size: 36px;
line-height: 1.1;
color: #262544;
letter-spacing: -.02em;
font-weight: 700
}

.ctus .reach-band__stat-lbl {
font-size: 14px;
color: #54667E;
line-height: 1.75
}

.ctus .reach-band__dot-grid {
position: absolute;
bottom: -20px;
right: -12px;
width: 120px;
height: 120px;
pointer-events: none;
overflow: hidden
}

.ctus .reach-band__dot-grid svg {
width: 100%;
height: 100%;
opacity: .18
}

@media (max-width: 992px) {
.ctus .reach-band__grid {
grid-template-columns: 1fr;
gap: 40px
}

.ctus .reach-band__h1 {
font-size: 36px
}

.ctus .reach-band__visual {
order: -1
}
}

@media (max-width: 576px) {
.ctus .reach-band {
padding: 40px 0 20px
}

.ctus .reach-band__stat-row {
gap: 20px
}

.ctus .reach-band__h1 {
font-size: 36px
}
}

.ctus .form-band {
padding: 80px 0;
background: #f5f6f8;
position: relative
}

.ctus .form-band::before {
content: '';
position: absolute;
inset: 0;
background-image: repeating-linear-gradient(0deg, transparent, transparent 19px, #26254408 19px, #26254408 20px), repeating-linear-gradient(90deg, transparent, transparent 19px, #26254408 19px, #26254408 20px);
pointer-events: none
}

.ctus .form-band__inner {
max-width: 1024px;
margin: 0 auto;
padding: 0 20px;
position: relative;
z-index: 1
}

.ctus .form-band__layout {
display: grid;
grid-template-columns: 280px 1fr;
gap: 80px;
align-items: start
}

.ctus .form-band__sidebar-h {
font-size: 24px;
line-height: 1.1;
color: #262544;
letter-spacing: -.01em;
margin-bottom: 20px
}

.ctus .form-band__sidebar-p {
font-size: 16px;
color: #54667E;
line-height: 1.75;
margin-bottom: 20px
}

.ctus .form-band__sidebar-note {
font-size: 14px;
color: #54667E;
line-height: 1.75;
padding: 12px;
background: #fff;
border-radius: 4px;
border-left: 3px solid #C9E5A9;
border-top: 1px solid #54667e1f;
border-right: 1px solid #54667e1f;
border-bottom: 1px solid #54667e1f;
box-shadow: -1px 2px 5px 1px #2625440f
}

.ctus .form-card {
background: #fff;
border-radius: 8px;
padding: 40px;
box-shadow: -1px 4px 22px 1px #26254417
}

.ctus .form-card__top-line {
height: 3px;
background: linear-gradient(90deg, #262544 0%, #54667E 60%, #C9E5A9 100%);
border-radius: 4px 4px 0 0;
margin: -40px -40px 40px;
border-radius: 8px 8px 0 0
}

.ctus .form-card__row {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 20px;
margin-bottom: 20px
}

.ctus .form-card__field {
display: flex;
flex-direction: column;
gap: 6px;
margin-bottom: 20px
}

.ctus .form-card__field--full {
grid-column: 1 / -1
}

.ctus .form-card__label {
font-size: 14px;
color: #262544;
font-weight: 600;
letter-spacing: .02em
}

.ctus .form-card__label span {
color: #54667E;
font-weight: 400;
margin-left: 4px
}

.ctus .form-card__input {
width: 100%;
padding: 12px;
border: 1px solid #54667e4d;
border-radius: 4px;
font-size: 16px;
color: #262544;
background: #fff;
box-shadow: inset 0 2px 4px #2625440a;
transition: border-color .15s ease-out, box-shadow .15s ease-out;
outline: none;
box-sizing: border-box
}

.ctus .form-card__input::placeholder {
color: #54667e80;
transition: opacity .18s ease-out
}

.ctus .form-card__input:focus::placeholder {
opacity: 0
}

.ctus .form-card__input:focus {
border-color: #262544;
box-shadow: inset 0 2px 6px #26254412 0 0 0 2px #c9e5a959
}

.ctus .form-card__radio-group {
display: flex;
flex-direction: column;
gap: 12px
}

.ctus .form-card__radio-opt {
display: flex;
flex-direction: row;
align-items: flex-start;
gap: 12px;
padding: 12px;
border: 1px solid #54667e33;
border-radius: 4px;
cursor: pointer;
transition: border-color .15s ease-out, background .12s ease-out
}

.ctus .form-card__radio-opt:hover {
border-color: #262544;
background: #c9e5a914
}

.ctus .form-card__radio-opt input[type="radio"] {
margin-top: 3px;
accent-color: #262544;
width: 16px;
height: 16px;
flex-shrink: 0;
cursor: pointer
}

.ctus .form-card__radio-text {
display: flex;
flex-direction: column;
gap: 2px
}

.ctus .form-card__radio-title {
font-size: 16px;
color: #262544;
font-weight: 600;
line-height: 1.1
}

.ctus .form-card__radio-sub {
font-size: 14px;
color: #54667E;
line-height: 1.75
}

.ctus .form-card__privacy {
display: flex;
flex-direction: row;
align-items: flex-start;
gap: 12px;
margin-bottom: 20px;
padding: 12px;
background: #c9e5a91a;
border-radius: 4px;
border: 1px solid #c9e5a966
}

.ctus .form-card__privacy input[type="checkbox"] {
margin-top: 3px;
accent-color: #262544;
width: 16px;
height: 16px;
flex-shrink: 0;
cursor: pointer
}

.ctus .form-card__privacy-text {
font-size: 14px;
color: #54667E;
line-height: 1.75
}

.ctus .form-card__privacy-text a {
color: #262544;
text-decoration: underline;
text-underline-offset: 2px;
transition: color .12s ease-out
}

.ctus .form-card__privacy-text a:hover {
color: #54667E
}

.ctus .form-card__submit {
display: inline-flex;
flex-direction: row;
align-items: center;
gap: 12px;
padding: 12px 40px;
background: #262544;
color: #fff;
font-size: 16px;
font-weight: 600;
border: 2px solid #262544;
border-radius: 4px;
cursor: pointer;
position: relative;
transition: background .15s ease-out, color .15s ease-out, border-color .15s ease-out, box-shadow .12s ease;
box-shadow: -1px 4px 22px 1px #26254417;
outline-offset: 3px
}

.ctus .form-card__submit::after {
content: '';
position: absolute;
inset: -4px;
border: 2px solid transparent;
border-radius: 6px;
transition: border-color .15s ease-out;
pointer-events: none
}

.ctus .form-card__submit:hover {
background: #fff;
color: #262544
}

.ctus .form-card__submit:hover::after {
border-color: #262544
}

.ctus .form-card__submit:focus-visible {
outline: 2px solid #54667E
}

.ctus .form-card__submit:active {
background: #C9E5A9;
color: #262544;
border-color: #C9E5A9
}

.ctus .form-card__submit-icon {
width: 18px;
height: 18px;
display: block;
flex-shrink: 0
}

@media (max-width: 992px) {
.ctus .form-band__layout {
grid-template-columns: 1fr;
gap: 40px
}

.ctus .form-card__row {
grid-template-columns: 1fr
}
}

@media (max-width: 576px) {
.ctus .form-band {
padding: 40px 0
}

.ctus .form-card {
padding: 20px
}

.ctus .form-card__top-line {
margin: -20px -20px 20px
}
}

.ctus .channels-band {
padding: 80px 0;
background: #262544;
position: relative;
overflow: hidden
}

.ctus .channels-band__deco {
position: absolute;
top: 0;
right: 0;
width: 320px;
height: 320px;
border-radius: 22px;
background: linear-gradient(225deg, #c9e5a90f 0%, #54667e0a 100%);
pointer-events: none
}

.ctus .channels-band__inner {
max-width: 1024px;
margin: 0 auto;
padding: 0 20px;
position: relative;
z-index: 1
}

.ctus .channels-band__top {
margin-bottom: 40px
}

.ctus .channels-band__h2 {
font-size: 36px;
line-height: 1.1;
color: #fff;
letter-spacing: -.02em;
margin-bottom: 12px
}

.ctus .channels-band__sub {
font-size: 16px;
color: #c9e5a9bf;
line-height: 1.75;
max-width: 520px
}

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

.ctus .ch-card {
background: #ffffff0a;
border: 1px solid #c9e5a91f;
border-radius: 8px;
padding: 40px 20px;
display: flex;
flex-direction: column;
gap: 12px;
transition: background .15s ease-out, border-color .15s ease-out, box-shadow .15s ease-out
}

.ctus .ch-card:hover {
background: #ffffff12;
border-color: #c9e5a94d;
box-shadow: -1px 4px 22px 1px #2625441f
}

.ctus .ch-card__icon {
width: 40px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
background: #c9e5a91a;
border-radius: 8px;
flex-shrink: 0
}

.ctus .ch-card__icon svg {
width: 20px;
height: 20px
}

.ctus .ch-card__type {
font-size: 14px;
color: #c9e5a999;
letter-spacing: .06em;
text-transform: uppercase
}

.ctus .ch-card__val {
font-size: 18px;
color: #fff;
font-weight: 600;
line-height: 1.75
}

.ctus .ch-card__val a {
color: #fff;
text-decoration: none;
transition: color .12s ease-out
}

.ctus .ch-card__val a:hover {
color: #C9E5A9
}

.ctus .ch-card__note {
font-size: 14px;
color: #c9e5a980;
line-height: 1.75
}

.ctus .channels-band__bottom {
margin-top: 40px;
padding-top: 40px;
border-top: 1px solid #c9e5a91a;
display: flex;
flex-direction: row;
align-items: center;
gap: 20px
}

.ctus .channels-band__svc-link {
display: inline-flex;
flex-direction: row;
align-items: center;
gap: 6px;
padding: 12px 20px;
border: 1px solid #c9e5a959;
border-radius: 4px;
color: #C9E5A9;
font-size: 16px;
text-decoration: none;
transition: background .15s ease-out, border-color .15s ease-out;
position: relative
}

.ctus .channels-band__svc-link::after {
content: '';
position: absolute;
inset: -3px;
border: 1px solid transparent;
border-radius: 6px;
transition: border-color .15s ease-out;
pointer-events: none
}

.ctus .channels-band__svc-link:hover {
background: #c9e5a914;
border-color: #c9e5a999
}

.ctus .channels-band__svc-link:hover::after {
border-color: #c9e5a94d
}

.ctus .channels-band__svc-link svg {
width: 16px;
height: 16px
}

.ctus .channels-band__bottom-note {
font-size: 14px;
color: #c9e5a973;
line-height: 1.75
}

@media (max-width: 992px) {
.ctus .channels-band__grid {
grid-template-columns: 1fr 1fr
}
}

@media (max-width: 576px) {
.ctus .channels-band {
padding: 40px 0
}

.ctus .channels-band__grid {
grid-template-columns: 1fr
}

.ctus .channels-band__bottom {
flex-direction: column;
align-items: flex-start
}
}

.ptl {
background: #fff;
overflow-x: clip
}

.ptl .acc-line {
display: block;
width: 40px;
height: 3px;
background: #C9E5A9;
margin-bottom: 12px;
border-radius: 2px
}

.ptl .framed {
display: inline;
border: 1.5px solid #54667E;
border-radius: 4px;
padding: 0 6px
}

@keyframes wordReveal {
from {
opacity: 0;
transform: translateY(14px)
}

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

.ptl .reveal-word {
display: inline-block;
opacity: 0;
animation: wordReveal .18s ease-out forwards
}

.ptl .reveal-word:nth-child(1) {
animation-delay: .05s
}

.ptl .reveal-word:nth-child(2) {
animation-delay: .12s
}

.ptl .reveal-word:nth-child(3) {
animation-delay: .19s
}

.ptl .reveal-word:nth-child(4) {
animation-delay: .26s
}

.ptl .reveal-word:nth-child(5) {
animation-delay: .33s
}

.ptl .reveal-word:nth-child(6) {
animation-delay: .4s
}

.ptl .reveal-word:nth-child(7) {
animation-delay: .47s
}

.ptl .reveal-word:nth-child(8) {
animation-delay: .54s
}

.ptl .reveal-word:nth-child(9) {
animation-delay: .61s
}

.ptl .reveal-word:nth-child(10) {
animation-delay: .68s
}

.ptl .tblock {
position: relative;
background: #262544;
padding: 80px 40px 120px;
overflow: hidden
}

.ptl .tblock__stripe {
position: absolute;
inset: 0;
background-image: repeating-linear-gradient(135deg, #c9e5a90a 0px, #c9e5a90a 2px, transparent 2px, transparent 18px);
pointer-events: none
}

.ptl .tblock__vignette {
position: absolute;
inset: 0;
background: radial-gradient(ellipse at 50% 0%, transparent 40%, #141328b8 100%);
pointer-events: none
}

.ptl .tblock__grad {
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 220px;
background: linear-gradient(to bottom, transparent 0%, #262544 100%);
pointer-events: none
}

.ptl .tblock__body {
position: relative;
max-width: 1024px;
margin: 0 auto;
display: flex;
flex-direction: row;
align-items: flex-end;
gap: 40px
}

.ptl .tblock__text {
flex: 1 1 0
}

.ptl .tblock__label {
font-size: 14px;
letter-spacing: .12em;
color: #C9E5A9;
text-transform: uppercase;
margin-bottom: 20px;
line-height: 1.75
}

.ptl .tblock__h1 {
font-size: 70px;
line-height: 1.1;
letter-spacing: -.03em;
color: #fff;
margin: 0 0 20px
}

.ptl .tblock__sub {
font-size: 18px;
line-height: 1.75;
color: #ffffffb8;
max-width: 520px;
margin: 0
}

.ptl .tblock__img-col {
flex: 0 0 320px;
position: relative
}

.ptl .tblock__img-wrap {
width: 320px;
height: 320px;
border-radius: 8px;
overflow: hidden;
box-shadow: -1px 12px 40px 1px #2625441f
}

.ptl .tblock__img-wrap img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
display: block
}

.ptl .tblock__img-overlay {
position: absolute;
inset: 0;
background: linear-gradient(to bottom, #26254473 0%, transparent 60%);
border-radius: 8px;
pointer-events: none
}

.ptl .env-sec {
background: #f4f5f7;
padding: 80px 40px;
position: relative
}

.ptl .env-sec__band {
position: absolute;
top: 0;
left: 0;
right: 0;
height: 6px;
background: linear-gradient(to right, #C9E5A9, transparent)
}

.ptl .env-sec__body {
max-width: 1024px;
margin: 0 auto;
display: flex;
flex-direction: row;
gap: 80px;
align-items: flex-start
}

.ptl .env-sec__left {
flex: 0 0 380px
}

.ptl .env-sec__right {
flex: 1 1 0
}

.ptl .env-sec__h2 {
font-size: 36px;
line-height: 1.1;
letter-spacing: -.02em;
color: #262544;
margin: 0 0 20px
}

.ptl .env-sec__p {
font-size: 16px;
line-height: 1.75;
color: #54667E;
margin: 0 0 12px
}

.ptl .env-sec__quote {
margin: 40px 0 0;
position: relative;
padding-left: 20px;
border-left: 3px solid #C9E5A9;
border-bottom: 1px solid #54667e2e;
padding-bottom: 20px
}

.ptl .env-sec__qmark {
font-size: 70px;
line-height: 1.1;
color: #C9E5A9;
display: block;
margin-bottom: 6px;
font-style: normal
}

.ptl .env-sec__qtext {
font-size: 16px;
line-height: 1.75;
color: #262544;
font-style: italic;
margin: 0
}

.ptl .env-sec__grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 20px
}

.ptl .env-card {
background: #fff;
border-radius: 8px;
padding: 20px;
box-shadow: -1px 4px 22px 1px #26254417;
transition: box-shadow .15s ease-out
}

.ptl .env-card:hover {
box-shadow: -1px 12px 40px 1px #2625441f
}

.ptl .env-card__num {
font-size: 36px;
line-height: 1.1;
color: #262544;
font-weight: 700;
letter-spacing: -.02em
}

.ptl .env-card__unit {
font-size: 16px;
color: #C9E5A9;
vertical-align: super;
font-weight: 400
}

.ptl .env-card__label {
font-size: 14px;
line-height: 1.75;
color: #54667E;
margin: 6px 0 0
}

.ptl .scale-sec {
background: #262544;
padding: 80px 40px;
position: relative;
overflow: hidden
}

.ptl .scale-sec__fish {
position: absolute;
inset: 0;
background-image: radial-gradient(circle at 0% 50%, transparent 18px, #c9e5a90f 18px, #c9e5a90f 20px, transparent 20px), radial-gradient(circle at 50% 0%, transparent 18px, #c9e5a90f 18px, #c9e5a90f 20px, transparent 20px);
background-size: 40px 40px;
background-position: 0 0, 20px 20px;
pointer-events: none
}

.ptl .scale-sec__vignette {
position: absolute;
inset: 0;
background: radial-gradient(ellipse at 50% 50%, transparent 30%, #14132899 100%);
pointer-events: none
}

.ptl .scale-sec__body {
position: relative;
max-width: 1024px;
margin: 0 auto
}

.ptl .scale-sec__h2 {
font-size: 36px;
line-height: 1.1;
letter-spacing: -.02em;
color: #fff;
margin: 0 0 40px;
max-width: 560px
}

.ptl .scale-sec__cols {
display: grid;
grid-template-columns: 2fr 1fr 1fr;
gap: 20px;
align-items: start
}

.ptl .scale-card {
background: #ffffff0f;
border: 1px solid #c9e5a92e;
border-radius: 8px;
padding: 40px 20px 20px;
box-shadow: -1px 4px 22px 1px #26254417;
transition: background .15s ease-out, border-color .15s ease-out
}

.ptl .scale-card:hover {
background: #ffffff1a;
border-color: #c9e5a961
}

.ptl .scale-card--main {
padding: 40px
}

.ptl .scale-card__big {
font-size: 70px;
line-height: 1.1;
letter-spacing: -.04em;
color: #C9E5A9;
display: block
}

.ptl .scale-card__sup {
font-size: 24px;
color: #C9E5A9;
vertical-align: super;
line-height: 1.1
}

.ptl .scale-card__desc {
font-size: 16px;
line-height: 1.75;
color: #ffffffb3;
margin: 12px 0 0
}

.ptl .scale-card__num {
font-size: 52px;
line-height: 1.1;
letter-spacing: -.03em;
color: #C9E5A9;
display: block
}

.ptl .scale-sec__img-row {
display: flex;
flex-direction: row;
gap: 20px;
margin-top: 20px
}

.ptl .scale-img-wrap {
flex: 1 1 0;
height: 180px;
border-radius: 8px;
overflow: hidden;
box-shadow: -1px 4px 22px 1px #26254417
}

.ptl .scale-img-wrap img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
display: block
}

.ptl .offer-sec {
background: #fff;
padding: 80px 40px;
position: relative
}

.ptl .offer-sec__band {
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 4px;
background: linear-gradient(to right, transparent, #54667E, transparent)
}

.ptl .offer-sec__body {
max-width: 1024px;
margin: 0 auto
}

.ptl .offer-sec__top {
display: flex;
flex-direction: row;
align-items: flex-end;
justify-content: space-between;
margin-bottom: 40px;
gap: 40px
}

.ptl .offer-sec__h2 {
font-size: 36px;
line-height: 1.1;
letter-spacing: -.02em;
color: #262544;
margin: 0
}

.ptl .offer-sec__intro {
font-size: 16px;
line-height: 1.75;
color: #54667E;
max-width: 360px;
margin: 0
}

.ptl .offer-list {
display: flex;
flex-direction: column;
gap: 20px
}

.ptl .offer-item {
display: flex;
flex-direction: row;
gap: 20px;
align-items: flex-start;
padding: 20px;
border-radius: 8px;
border: 1px solid #54667e24;
background: #f9fbfc;
box-shadow: -1px 2px 5px 1px #2625440f;
transition: box-shadow .12s ease-out, border-color .12s ease-out
}

.ptl .offer-item:hover {
box-shadow: -1px 4px 22px 1px #26254417;
border-color: #54667e47
}

.ptl .offer-item__img {
flex: 0 0 120px;
height: 120px;
border-radius: 4px;
overflow: hidden;
box-shadow: -1px 4px 22px 1px #26254417
}

.ptl .offer-item__img img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
display: block
}

.ptl .offer-item__body {
flex: 1 1 0
}

.ptl .offer-item__tag {
display: inline-block;
font-size: 14px;
color: #54667E;
background: #c9e5a947;
border-radius: 2px;
padding: 0 6px;
margin-bottom: 6px;
line-height: 1.75
}

.ptl .offer-item__h4 {
font-size: 18px;
line-height: 1.1;
color: #262544;
margin: 0 0 6px;
letter-spacing: -.01em
}

.ptl .offer-item__p {
font-size: 14px;
line-height: 1.75;
color: #54667E;
margin: 0
}

.ptl .offer-item__meta {
font-size: 14px;
color: #262544;
margin-top: 12px;
line-height: 1.75
}

.ptl .xp-sec {
background: #f0f2f5;
padding: 80px 40px;
position: relative
}

.ptl .xp-sec__body {
max-width: 1024px;
margin: 0 auto;
display: flex;
flex-direction: row;
gap: 40px;
align-items: stretch
}

.ptl .xp-sec__story {
flex: 1 1 0
}

.ptl .xp-sec__h2 {
font-size: 36px;
line-height: 1.1;
letter-spacing: -.02em;
color: #262544;
margin: 0 0 20px
}

.ptl .xp-sec__p {
font-size: 16px;
line-height: 1.75;
color: #54667E;
margin: 0 0 12px
}

.ptl .xp-sec__person {
display: flex;
flex-direction: row;
align-items: center;
gap: 12px;
margin-top: 40px;
padding: 20px;
background: #fff;
border-radius: 8px;
box-shadow: -1px 4px 22px 1px #26254417
}

.ptl .xp-sec__portrait {
flex: 0 0 80px;
width: 80px;
height: 80px;
overflow: hidden;
box-shadow: -1px 2px 5px 1px #2625440f
}

.ptl .xp-sec__portrait img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
display: block
}

.ptl .xp-sec__pname {
font-size: 16px;
line-height: 1.75;
color: #262544;
margin: 0 0 4px;
font-weight: 600
}

.ptl .xp-sec__prole {
font-size: 14px;
line-height: 1.75;
color: #54667E;
margin: 0
}

.ptl .xp-sec__aside {
flex: 0 0 340px;
display: flex;
flex-direction: column;
gap: 20px
}

.ptl .xp-img-box {
border-radius: 8px;
overflow: hidden;
box-shadow: -1px 12px 40px 1px #2625441f;
height: 220px
}

.ptl .xp-img-box img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
display: block
}

.ptl .xp-note {
background: #262544;
border-radius: 8px;
padding: 20px;
color: #fffc;
font-size: 14px;
line-height: 1.75
}

.ptl .xp-note strong {
color: #C9E5A9;
font-size: 24px;
display: block;
line-height: 1.1;
margin-bottom: 6px;
letter-spacing: -.02em
}

.ptl .curr-sec {
background: #fff;
padding: 80px 40px;
position: relative
}

.ptl .curr-sec__body {
max-width: 1024px;
margin: 0 auto
}

.ptl .curr-sec__top {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 40px;
margin-bottom: 40px;
align-items: start
}

.ptl .curr-sec__h2 {
font-size: 36px;
line-height: 1.1;
letter-spacing: -.02em;
color: #262544;
margin: 0 0 20px
}

.ptl .curr-sec__p {
font-size: 16px;
line-height: 1.75;
color: #54667E;
margin: 0 0 12px
}

.ptl .curr-sec__img {
border-radius: 8px;
overflow: hidden;
height: 260px;
box-shadow: -1px 12px 40px 1px #2625441f
}

.ptl .curr-sec__img img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
display: block
}

.ptl .curr-pts {
display: flex;
flex-direction: row;
gap: 20px
}

.ptl .curr-pt {
flex: 1 1 0;
padding: 20px;
border-radius: 8px;
background: #f4f5f7;
border-top: 3px solid #C9E5A9;
box-shadow: -1px 2px 5px 1px #2625440f;
transition: box-shadow .14s ease-out
}

.ptl .curr-pt:hover {
box-shadow: -1px 4px 22px 1px #26254417
}

.ptl .curr-pt__h5 {
font-size: 16px;
line-height: 1.1;
color: #262544;
margin: 0 0 6px;
letter-spacing: -.01em
}

.ptl .curr-pt__p {
font-size: 14px;
line-height: 1.75;
color: #54667E;
margin: 0
}

@media (max-width: 992px) {
.ptl .tblock__h1 {
font-size: 52px
}

.ptl .tblock__body {
flex-direction: column;
align-items: flex-start
}

.ptl .tblock__img-col {
flex: 0 0 auto;
width: 100%
}

.ptl .tblock__img-wrap {
width: 100%;
height: 240px
}

.ptl .env-sec__body {
flex-direction: column;
gap: 40px
}

.ptl .env-sec__left {
flex: 0 0 auto
}

.ptl .scale-sec__cols {
grid-template-columns: 1fr 1fr
}

.ptl .offer-sec__top {
flex-direction: column;
align-items: flex-start
}

.ptl .xp-sec__body {
flex-direction: column
}

.ptl .xp-sec__aside {
flex: 0 0 auto;
width: 100%
}

.ptl .curr-sec__top {
grid-template-columns: 1fr
}

.ptl .curr-pts {
flex-direction: column
}
}

@media (max-width: 576px) {
.ptl .tblock {
padding: 40px 20px 80px
}

.ptl .tblock__h1 {
font-size: 36px
}

.ptl .env-sec {
padding: 40px 20px
}

.ptl .env-sec__grid {
grid-template-columns: 1fr
}

.ptl .scale-sec {
padding: 40px 20px
}

.ptl .scale-sec__cols {
grid-template-columns: 1fr
}

.ptl .scale-sec__img-row {
flex-direction: column
}

.ptl .scale-img-wrap {
height: 160px
}

.ptl .offer-sec {
padding: 40px 20px
}

.ptl .offer-item {
flex-direction: column
}

.ptl .offer-item__img {
flex: 0 0 auto;
width: 100%;
height: 160px
}

.ptl .xp-sec {
padding: 40px 20px
}

.ptl .curr-sec {
padding: 40px 20px
}

.ptl .curr-pts {
flex-direction: column
}
}

.success-pg {
min-height: 80vh;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 80px 20px;
background-color: #fff
}

.success-pg .result-card {
max-width: 1024px;
width: 100%;
background: #fff;
border: 1px solid #C9E5A9;
border-radius: 8px;
box-shadow: -1px 4px 22px 1px #26254417;
padding: 80px 40px;
text-align: center;
position: relative
}

.success-pg .result-card__icon {
width: 64px;
height: 64px;
margin: 0 auto 40px;
display: flex;
align-items: center;
justify-content: center
}

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

.success-pg .result-card__accent {
display: block;
width: 40px;
height: 3px;
background-color: #C9E5A9;
margin: 0 auto 20px;
border-radius: 2px
}

.success-pg .result-card__heading {
font-size: 36px;
line-height: 1.1;
letter-spacing: -.02em;
color: #262544;
margin: 0 0 20px
}

.success-pg .result-card__text {
font-size: 18px;
line-height: 1.75;
color: #54667E;
max-width: 520px;
margin: 0 auto 40px
}

.success-pg .result-card__divider {
width: 100%;
height: 1px;
background: linear-gradient(90deg, transparent, #C9E5A9, transparent);
margin: 0 0 40px;
border: none
}

.success-pg .result-card__label {
font-size: 14px;
line-height: 1.75;
color: #54667E;
margin: 0 0 12px;
letter-spacing: .04em;
text-transform: uppercase
}

.success-pg .result-card__back {
display: inline-flex;
align-items: center;
gap: 6px;
padding: 12px 40px;
background-color: #262544;
color: #fff;
font-size: 16px;
line-height: 1.1;
border-radius: 4px;
text-decoration: none;
border: 2px solid #262544;
transition: background-color .15s ease-out, border-color .15s ease-out, color .15s ease-out;
outline-offset: 3px
}

.success-pg .result-card__back:hover {
background-color: #fff;
color: #262544;
border-color: #262544
}

.success-pg .result-card__back:focus-visible {
outline: 2px solid #54667E;
outline-offset: 4px
}

.success-pg .result-card__back svg {
width: 16px;
height: 16px;
flex-shrink: 0;
transition: transform .1s ease-out
}

.success-pg .result-card__back:hover svg {
transform: translateX(-2px)
}

@media (max-width: 576px) {
.success-pg {
padding: 40px 12px
}

.success-pg .result-card {
padding: 40px 20px
}

.success-pg .result-card__heading {
font-size: 24px
}

.success-pg .result-card__text {
font-size: 16px
}
}