@import url('https://cdn.jsdelivr.net/npm/@fontsource/work-sans@latest/400.css');
@import url('https://cdn.jsdelivr.net/npm/@fontsource/work-sans@latest/400-italic.css');
@import url('https://cdn.jsdelivr.net/npm/@fontsource/work-sans@latest/500.css');
@import url('https://cdn.jsdelivr.net/npm/@fontsource/work-sans@latest/500-italic.css');
@import url('https://cdn.jsdelivr.net/npm/@fontsource/work-sans@latest/700.css');
@import url('https://cdn.jsdelivr.net/npm/@fontsource/work-sans@latest/700-italic.css');
@import url('https://cdn.jsdelivr.net/npm/@fontsource/alegreya@latest/400.css');
@import url('https://cdn.jsdelivr.net/npm/@fontsource/alegreya@latest/400-italic.css');
@import url('https://cdn.jsdelivr.net/npm/@fontsource/alegreya@latest/500.css');
@import url('https://cdn.jsdelivr.net/npm/@fontsource/alegreya@latest/500-italic.css');
@import url('https://cdn.jsdelivr.net/npm/@fontsource/alegreya@latest/700.css');
@import url('https://cdn.jsdelivr.net/npm/@fontsource/alegreya@latest/700-italic.css');

* {
box-sizing: border-box;
}

body {
margin: 0;
font-family: 'Work Sans', sans-serif;
}

.hd {
position: relative;
background: #3E444A;
z-index: 100;
}

.hd-top {
background: linear-gradient(135deg, #3E444A 60%, #4f575e 100%);
border-bottom: 1px solid #B5BEC2;
}

.hd-top-hold {
max-width: 1024px;
margin: 0 auto;
padding: 0 40px;
display: flex;
align-items: center;
justify-content: space-between;
gap: 20px;
min-height: 44px;
}

.hd-loc {
display: flex;
align-items: center;
gap: 6px;
font-family: 'Work Sans', sans-serif;
font-size: 14px;
color: #DFE4E8;
font-weight: 400;
line-height: 1.55;
}

.hd-loc-icon {
flex-shrink: 0;
width: 14px;
height: 14px;
}

.hd-contact {
display: flex;
align-items: center;
gap: 20px;
}

.hd-contact-link {
font-family: 'Work Sans', sans-serif;
font-size: 14px;
color: #DFE4E8;
text-decoration: none;
font-weight: 400;
line-height: 1.55;
transition: color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

.hd-contact-link:hover {
color: #ffffff;
}

.hd-contact-link:focus {
outline: none;
background: rgba(181, 190, 194, 0.18);
border-radius: 6px;
padding: 0 6px;
}

.hd-main {
max-width: 1024px;
margin: 0 auto;
padding: 20px 40px;
display: grid;
grid-template-columns: auto 1fr auto;
align-items: center;
gap: 40px;
}

.brand-hold {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 6px;
text-decoration: none;
}

.brand-logo-frame {
width: 80px;
height: 80px;
border: 1px solid #B5BEC2;
background: #ffffff;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
box-shadow: -1px 3px 4px -1px rgba(62, 68, 74, 0.08);
}

.brand-logo-frame img {
width: 70px;
height: 70px;
object-fit: contain;
display: block;
}

.brand-tag {
font-family: 'Alegreya', serif;
font-size: 14px;
color: #DFE4E8;
font-weight: 400;
font-style: italic;
line-height: 1.3;
white-space: nowrap;
}

.hd-nav {
display: flex;
justify-content: center;
}

.hd-nav-list {
list-style: none;
padding: 0;
margin: 0;
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 6px;
}

.hd-nav-list li a {
display: block;
font-family: 'Work Sans', sans-serif;
font-size: 16px;
font-weight: 500;
color: #DFE4E8;
text-decoration: none;
padding: 12px 20px;
border-radius: 6px;
line-height: 1.3;
transition: color 0.18s cubic-bezier(0.4, 0, 0.2, 1), background 0.22s cubic-bezier(0.0, 0, 0.2, 1);
white-space: nowrap;
}

.hd-nav-list li a:hover {
color: #ffffff;
background: rgba(181, 190, 194, 0.14);
}

.hd-nav-list li a:focus {
outline: none;
background: rgba(181, 190, 194, 0.22);
color: #ffffff;
}

.hd-nav-list li a.active {
color: #ffffff;
background: rgba(181, 190, 194, 0.12);
}

.hd-action {
display: flex;
flex-direction: column;
align-items: flex-end;
gap: 12px;
}

.hd-cta {
display: inline-flex;
align-items: center;
gap: 6px;
font-family: 'Work Sans', sans-serif;
font-size: 16px;
font-weight: 700;
color: #3E444A;
background: #DFE4E8;
text-decoration: none;
padding: 12px 20px;
border-radius: 6px;
line-height: 1.3;
border: 2px solid #DFE4E8;
position: relative;
overflow: hidden;
transition: color 0.2s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
white-space: nowrap;
box-shadow: -1px 6px 18px -1px rgba(62, 68, 74, 0.09);
}

.hd-cta::before {
content: '';
position: absolute;
left: 0;
right: 0;
bottom: 0;
height: 0;
background: #ffffff;
transition: height 0.22s cubic-bezier(0.0, 0, 0.2, 1);
z-index: 0;
}

.hd-cta:hover::before {
height: 100%;
}

.hd-cta:hover {
color: #3E444A;
border-color: #ffffff;
}

.hd-cta:focus {
outline: none;
background: rgba(223, 228, 232, 0.85);
}

.hd-cta span {
position: relative;
z-index: 1;
}

.hd-region {
font-family: 'Work Sans', sans-serif;
font-size: 14px;
color: #B5BEC2;
font-weight: 400;
line-height: 1.55;
text-align: right;
}

@media (max-width: 1280px) {
.hd-main {
padding: 20px 20px;
gap: 20px;
}

.hd-top-hold {
padding: 0 20px;
}
}

@media (max-width: 768px) {
.hd-main {
grid-template-columns: auto 1fr;
grid-template-rows: auto auto;
padding: 20px;
gap: 20px;
}

.hd-nav {
grid-column: 1 / -1;
grid-row: 2;
justify-content: flex-start;
}

.hd-action {
grid-column: 2;
grid-row: 1;
align-items: flex-end;
}

.hd-region {
display: none;
}
}

@media (max-width: 390px) {
.hd-main {
grid-template-columns: 1fr;
grid-template-rows: auto auto auto;
gap: 12px;
padding: 12px;
}

.hd-nav {
grid-column: 1;
grid-row: 2;
}

.hd-action {
grid-column: 1;
grid-row: 3;
align-items: flex-start;
}

.hd-top-hold {
flex-direction: column;
align-items: flex-start;
gap: 6px;
padding: 6px 12px;
}

.hd-nav-list li a {
font-size: 14px;
padding: 12px 12px;
}
}

.ft {
background: #3E444A;
font-family: 'Work Sans', sans-serif;
}

.ft-accent {
height: 4px;
background: linear-gradient(90deg, #B5BEC2 0%, #DFE4E8 50%, #B5BEC2 100%);
}

.ft-body {
max-width: 1024px;
margin: 0 auto;
padding: 40px 40px 20px;
display: grid;
grid-template-columns: auto 1fr auto;
gap: 40px;
align-items: start;
}

.ft-brand {
display: flex;
flex-direction: column;
gap: 12px;
}

.ft-brand-link {
text-decoration: none;
display: inline-block;
}

.ft-logo-frame {
width: 80px;
height: 80px;
border: 1px solid #B5BEC2;
background: #ffffff;
display: flex;
align-items: center;
justify-content: center;
box-shadow: -1px 3px 4px -1px rgba(62, 68, 74, 0.08);
}

.ft-logo-frame img {
width: 70px;
height: 70px;
object-fit: contain;
display: block;
}

.ft-brand-name {
font-family: 'Alegreya', serif;
font-size: 16px;
font-weight: 700;
color: #DFE4E8;
line-height: 1.3;
}

.ft-brand-sub {
font-size: 14px;
color: #B5BEC2;
font-weight: 400;
line-height: 1.55;
}

.ft-links {
display: flex;
flex-direction: column;
gap: 20px;
}

.ft-links-group {
display: flex;
flex-direction: column;
gap: 6px;
}

.ft-links-label {
font-size: 14px;
font-weight: 700;
color: #B5BEC2;
line-height: 1.3;
text-transform: uppercase;
letter-spacing: 0.04em;
}

.ft-links-row {
display: flex;
flex-wrap: wrap;
gap: 6px 20px;
}

.ft-link {
font-size: 16px;
font-weight: 400;
color: #DFE4E8;
text-decoration: none;
line-height: 1.55;
transition: color 0.18s cubic-bezier(0.4, 0, 0.2, 1);
padding: 6px 0;
}

.ft-link:hover {
color: #ffffff;
}

.ft-link:focus {
outline: none;
background: rgba(181, 190, 194, 0.15);
border-radius: 6px;
padding: 6px 6px;
}

.ft-link-divider {
color: #B5BEC2;
font-size: 16px;
line-height: 1.55;
padding: 6px 0;
user-select: none;
}

.ft-contact-col {
display: flex;
flex-direction: column;
gap: 12px;
}

.ft-contact-label {
font-size: 14px;
font-weight: 700;
color: #B5BEC2;
line-height: 1.3;
text-transform: uppercase;
letter-spacing: 0.04em;
}

.ft-contact-item {
display: flex;
flex-direction: column;
gap: 6px;
}

.ft-contact-link {
font-size: 14px;
color: #DFE4E8;
text-decoration: none;
font-weight: 400;
line-height: 1.55;
transition: color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
display: flex;
align-items: center;
gap: 6px;
}

.ft-contact-link:hover {
color: #ffffff;
}

.ft-contact-link:focus {
outline: none;
background: rgba(181, 190, 194, 0.15);
border-radius: 6px;
padding: 2px 6px;
}

.ft-contact-msg {
display: flex;
gap: 12px;
flex-wrap: wrap;
}

.ft-msg-link {
font-size: 14px;
color: #B5BEC2;
text-decoration: none;
font-weight: 500;
line-height: 1.55;
padding: 6px 12px;
border: 1px solid #B5BEC2;
border-radius: 6px;
transition: color 0.18s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.18s cubic-bezier(0.4, 0, 0.2, 1), background 0.22s cubic-bezier(0.0, 0, 0.2, 1);
min-height: 44px;
display: inline-flex;
align-items: center;
}

.ft-msg-link:hover {
color: #ffffff;
border-color: #DFE4E8;
background: rgba(181, 190, 194, 0.12);
}

.ft-msg-link:focus {
outline: none;
background: rgba(181, 190, 194, 0.2);
}

.ft-bottom {
border-top: 1px solid rgba(181, 190, 194, 0.25);
max-width: 1024px;
margin: 0 auto;
padding: 20px 40px;
display: flex;
align-items: center;
justify-content: space-between;
gap: 20px;
flex-wrap: wrap;
}

.ft-copy {
font-size: 14px;
color: #B5BEC2;
font-weight: 400;
line-height: 1.55;
}

.ft-addr {
font-size: 14px;
color: #B5BEC2;
font-weight: 400;
line-height: 1.55;
text-align: right;
}

@media (max-width: 1280px) {
.ft-body {
padding: 40px 20px 20px;
}

.ft-bottom {
padding: 20px 20px;
}
}

@media (max-width: 768px) {
.ft-body {
grid-template-columns: 1fr 1fr;
grid-template-rows: auto auto;
gap: 40px 20px;
}

.ft-brand {
grid-column: 1;
grid-row: 1;
}

.ft-contact-col {
grid-column: 2;
grid-row: 1;
}

.ft-links {
grid-column: 1 / -1;
grid-row: 2;
}

.ft-addr {
text-align: left;
}
}

@media (max-width: 390px) {
.ft-body {
grid-template-columns: 1fr;
gap: 20px;
padding: 20px 12px 12px;
}

.ft-contact-col {
grid-column: 1;
grid-row: 2;
}

.ft-links {
grid-column: 1;
grid-row: 3;
}

.ft-bottom {
padding: 20px 12px;
flex-direction: column;
align-items: flex-start;
gap: 6px;
}
}

.ck-bar {
position: fixed;
top: auto;
right: 20px;
bottom: 20px;
width: 320px;
background: #ffffff;
border: 1px solid #DFE4E8;
border-radius: 12px;
box-shadow: -1px 8px 40px -1px rgba(62, 68, 74, 0.12);
z-index: 2000;
padding: 20px;
display: flex;
flex-direction: column;
gap: 12px;
transform: translateY(calc(100% + 40px));
transition: transform 0.42s cubic-bezier(0.4, 0, 0.2, 1);
}

.ck-bar.shown {
transform: translateY(0);
}

.ck-icon-row {
display: flex;
align-items: center;
gap: 12px;
}

.ck-icon {
width: 36px;
height: 36px;
flex-shrink: 0;
}

.ck-intro {
font-family: 'Work Sans', sans-serif;
font-size: 14px;
font-weight: 500;
color: #3E444A;
line-height: 1.55;
}

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

.ck-uses li {
font-family: 'Work Sans', sans-serif;
font-size: 14px;
color: #3E444A;
line-height: 1.55;
padding-left: 12px;
position: relative;
}

.ck-uses li::before {
content: '';
position: absolute;
left: 0;
top: 9px;
width: 4px;
height: 4px;
border-radius: 48px;
background: #B5BEC2;
}

.ck-btns {
display: flex;
gap: 12px;
}

.ck-btn {
flex: 1;
font-family: 'Work Sans', sans-serif;
font-size: 14px;
font-weight: 700;
color: #3E444A;
background: transparent;
border: 2px solid #3E444A;
border-radius: 6px;
padding: 12px 6px;
cursor: pointer;
line-height: 1.3;
transition: background 0.2s cubic-bezier(0.4, 0, 0.2, 1), color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
min-height: 44px;
}

.ck-btn:hover {
background: #3E444A;
color: #ffffff;
}

.ck-btn:focus {
outline: none;
background: rgba(62, 68, 74, 0.08);
}

.ck-btn.decline {
border-color: #B5BEC2;
color: #B5BEC2;
}

.ck-btn.decline:hover {
background: #B5BEC2;
color: #3E444A;
}

.ck-btn.decline:focus {
background: rgba(181, 190, 194, 0.15);
}

@media (max-width: 390px) {
.ck-bar {
right: 12px;
left: 12px;
width: auto;
bottom: 12px;
}
}

.zuhh-policy-content {
max-width: 1024px;
margin: 0 auto;
padding: 80px 40px;
}

.zuhh-policy-content h1 {
font-size: 62px;
line-height: 1.1;
color: #3E444A;
margin-bottom: 40px;
margin-top: 0;
}

.zuhh-policy-content h2 {
font-size: 24px;
line-height: 1.3;
color: #3E444A;
margin-top: 80px;
margin-bottom: 20px;
}

.zuhh-policy-content h3 {
font-size: 16px;
line-height: 1.55;
color: #3E444A;
margin-top: 40px;
margin-bottom: 12px;
font-weight: 700;
}

.zuhh-policy-content h4 {
font-size: 16px;
line-height: 1.55;
color: #3E444A;
margin-top: 40px;
margin-bottom: 12px;
font-weight: 600;
}

.zuhh-policy-content h5 {
font-size: 14px;
line-height: 1.55;
color: #3E444A;
margin-top: 20px;
margin-bottom: 6px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.04em;
}

.zuhh-policy-content h6 {
font-size: 14px;
line-height: 1.55;
color: #B5BEC2;
margin-top: 20px;
margin-bottom: 6px;
font-weight: 600;
}

.zuhh-policy-content p {
font-size: 16px;
line-height: 1.75;
color: #3E444A;
margin-top: 0;
margin-bottom: 20px;
}

.zuhh-policy-content ul {
margin-top: 0;
margin-bottom: 20px;
padding-left: 20px;
list-style: none;
}

.zuhh-policy-content ol {
margin-top: 0;
margin-bottom: 20px;
padding-left: 20px;
list-style: none;
counter-reset: policy-counter;
}

.zuhh-policy-content ul li {
font-size: 16px;
line-height: 1.75;
color: #3E444A;
margin-bottom: 6px;
padding-left: 20px;
position: relative;
}

.zuhh-policy-content ul li::before {
content: "";
position: absolute;
left: 0;
top: 12px;
width: 6px;
height: 6px;
border-radius: 36px;
background-color: #B5BEC2;
}

.zuhh-policy-content ol li {
font-size: 16px;
line-height: 1.75;
color: #3E444A;
margin-bottom: 6px;
padding-left: 20px;
position: relative;
counter-increment: policy-counter;
}

.zuhh-policy-content ol li::before {
content: counter(policy-counter) ".";
position: absolute;
left: 0;
top: 0;
font-size: 14px;
line-height: 1.75;
color: #B5BEC2;
font-weight: 600;
}

.zuhh-policy-content ul ul,
.zuhh-policy-content ol ol,
.zuhh-policy-content ul ol,
.zuhh-policy-content ol ul {
margin-top: 6px;
margin-bottom: 6px;
}

.zuhh-policy-content strong,
.zuhh-policy-content b {
font-weight: 700;
color: #3E444A;
}

.zuhh-policy-content em,
.zuhh-policy-content i {
font-style: italic;
color: #3E444A;
}

.zuhh-policy-content a {
color: #3E444A;
text-decoration: underline;
text-decoration-color: #B5BEC2;
text-underline-offset: 3px;
transition: color 0.2s cubic-bezier(0.4, 0, 0.2, 1), text-decoration-color 0.15s cubic-bezier(0.0, 0, 0.2, 1);
}

.zuhh-policy-content a:hover {
color: #B5BEC2;
text-decoration-color: #DFE4E8;
}

.zuhh-policy-content hr {
border: none;
border-top: 1px solid #DFE4E8;
margin-top: 40px;
margin-bottom: 40px;
}

@media (max-width: 768px) {
.zuhh-policy-content {
padding: 40px 20px;
}

.zuhh-policy-content h1 {
font-size: 24px;
line-height: 1.3;
margin-bottom: 20px;
}

.zuhh-policy-content h2 {
font-size: 16px;
line-height: 1.55;
margin-top: 40px;
margin-bottom: 12px;
}

.zuhh-policy-content h3 {
margin-top: 20px;
}

.zuhh-policy-content h4 {
margin-top: 20px;
}
}

@media (max-width: 390px) {
.zuhh-policy-content {
padding: 40px 12px;
}

.zuhh-policy-content h1 {
font-size: 24px;
line-height: 1.3;
}

.zuhh-policy-content p,
.zuhh-policy-content ul li,
.zuhh-policy-content ol li {
font-size: 14px;
line-height: 1.75;
}

.zuhh-policy-content hr {
margin-top: 20px;
margin-bottom: 20px;
}
}

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

.cs-det .art-frame {
position: relative;
padding: 80px 20px 120px;
background: linear-gradient(180deg, #3E444A 0%, #B5BEC2 100%);
}

.cs-det .art-frame::before {
content: '';
position: absolute;
inset: 12px;
border: 1px solid rgba(223, 228, 232, 0.28);
pointer-events: none;
border-radius: 6px;
}

.cs-det .art-frame::after {
content: '';
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 2px;
background: repeating-linear-gradient(90deg, #DFE4E8 0px, #DFE4E8 8px, transparent 8px, transparent 16px);
}

.cs-det .af-inner {
max-width: 1024px;
margin: 0 auto;
display: flex;
flex-direction: row;
gap: 40px;
align-items: flex-start;
}

.cs-det .af-text {
flex: 1 1 0;
min-width: 0;
}

.cs-det .af-meta {
display: flex;
flex-direction: row;
gap: 20px;
align-items: center;
margin-bottom: 20px;
}

.cs-det .af-date {
font-size: 14px;
line-height: 1.55;
color: #DFE4E8;
letter-spacing: 0;
}

.cs-det .af-author {
font-size: 14px;
line-height: 1.55;
color: #B5BEC2;
}

.cs-det .af-sep {
width: 4px;
height: 4px;
background: #B5BEC2;
border-radius: 50%;
flex-shrink: 0;
}

.cs-det .af-h1 {
font-size: 62px;
line-height: 1.1;
color: #fff;
margin: 0 0 20px;
}

.cs-det .af-img-col {
flex: 0 0 340px;
max-width: 340px;
border-radius: 12px;
overflow: hidden;
position: relative;
box-shadow: -1px 8px 40px -1px rgba(62, 68, 74, 0.12);
margin-top: 6px;
}

.cs-det .af-img-col img {
width: 100%;
height: 260px;
object-fit: cover;
display: block;
transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}

.cs-det .af-img-col:hover img {
transform: scale(1.04);
}

.cs-det .af-img-col .img-fade {
position: absolute;
top: 0;
left: 0;
right: 0;
height: 60%;
background: linear-gradient(180deg, rgba(62, 68, 74, 0.45) 0%, transparent 100%);
pointer-events: none;
}

.cs-det .art-body {
max-width: 1024px;
margin: 0 auto;
padding: 80px 20px;
display: flex;
flex-direction: row;
gap: 40px;
align-items: flex-start;
}

.cs-det .body-main {
flex: 1 1 0;
min-width: 0;
}

.cs-det .body-main .acc-bar {
width: 40px;
height: 3px;
background: #3E444A;
border-radius: 6px;
margin-bottom: 20px;
}

.cs-det .body-main p {
font-size: 16px;
line-height: 1.75;
color: #3E444A;
margin: 0 0 20px;
}

.cs-det .body-main h2 {
font-size: 24px;
line-height: 1.3;
color: #3E444A;
margin: 40px 0 12px;
}

.cs-det .body-main h4 {
font-size: 16px;
line-height: 1.55;
color: #3E444A;
margin: 20px 0 6px;
}

.cs-det .body-main em {
font-style: italic;
background: #DFE4E8;
padding: 0 6px;
border-radius: 6px;
}

.cs-det .body-main abbr {
text-decoration: underline dotted;
cursor: help;
}

.cs-det .body-main ul {
padding-left: 20px;
margin: 0 0 20px;
}

.cs-det .body-main ul li {
font-size: 16px;
line-height: 1.75;
color: #3E444A;
margin-bottom: 6px;
list-style: none;
position: relative;
padding-left: 20px;
}

.cs-det .body-main ul li::before {
content: '';
position: absolute;
left: 0;
top: 11px;
width: 8px;
height: 8px;
border-radius: 50%;
background: #B5BEC2;
}

.cs-det .body-main details {
border: 1px solid #DFE4E8;
border-radius: 6px;
margin: 0 0 12px;
overflow: hidden;
}

.cs-det .body-main details summary {
font-size: 16px;
line-height: 1.55;
color: #3E444A;
padding: 12px 20px;
cursor: pointer;
background: #f4f6f8;
transition: background 0.18s cubic-bezier(0.4, 0, 0.2, 1);
list-style: none;
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
}

.cs-det .body-main details summary::-webkit-details-marker {
display: none;
}

.cs-det .body-main details summary::after {
content: '';
width: 10px;
height: 10px;
border-right: 2px solid #3E444A;
border-bottom: 2px solid #3E444A;
transform: rotate(45deg);
flex-shrink: 0;
transition: transform 0.18s cubic-bezier(0.4, 0, 0.2, 1);
}

.cs-det .body-main details[open] summary::after {
transform: rotate(-135deg);
}

.cs-det .body-main details summary:hover {
background: #DFE4E8;
}

.cs-det .body-main details .det-body {
padding: 12px 20px;
font-size: 16px;
line-height: 1.75;
color: #3E444A;
}

.cs-det .body-side {
flex: 0 0 260px;
max-width: 260px;
display: flex;
flex-direction: column;
gap: 20px;
position: sticky;
top: 40px;
}

.cs-det .side-card {
background: #3E444A;
border-radius: 12px;
padding: 20px;
box-shadow: -1px 6px 18px -1px rgba(62, 68, 74, 0.09);
}

.cs-det .side-card .sc-label {
font-size: 14px;
line-height: 1.55;
color: #B5BEC2;
margin-bottom: 12px;
text-transform: uppercase;
letter-spacing: 0;
}

.cs-det .side-card .sc-val {
font-size: 24px;
line-height: 1.3;
color: #fff;
margin-bottom: 6px;
}

.cs-det .side-card .sc-desc {
font-size: 14px;
line-height: 1.55;
color: #B5BEC2;
}

.cs-det .side-link {
display: block;
background: transparent;
border: 1px solid #3E444A;
border-radius: 6px;
padding: 12px 20px;
font-size: 14px;
line-height: 1.55;
color: #3E444A;
text-decoration: none;
text-align: center;
position: relative;
overflow: hidden;
transition: color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

.cs-det .side-link::before {
content: '';
position: absolute;
left: 0;
right: 0;
bottom: 0;
height: 0;
background: #3E444A;
transition: height 0.22s cubic-bezier(0.0, 0, 0.2, 1);
z-index: 0;
}

.cs-det .side-link:hover::before {
height: 100%;
}

.cs-det .side-link:hover {
color: #fff;
}

.cs-det .side-link span {
position: relative;
z-index: 1;
}

.cs-det .side-link:active {
background: #DFE4E8;
color: #3E444A;
}

.cs-det .react-strip {
background: linear-gradient(170deg, #DFE4E8 0%, #B5BEC2 100%);
padding: 40px 20px;
position: relative;
}

.cs-det .react-strip::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
height: 2px;
background: repeating-linear-gradient(90deg, #3E444A 0px, #3E444A 6px, transparent 6px, transparent 14px);
}

.cs-det .react-inner {
max-width: 1024px;
margin: 0 auto;
display: flex;
flex-direction: column;
align-items: center;
gap: 20px;
}

.cs-det .react-label {
font-size: 16px;
line-height: 1.55;
color: #3E444A;
text-align: center;
}

.cs-det .react-row {
display: flex;
flex-direction: row;
gap: 12px;
flex-wrap: wrap;
justify-content: center;
}

.cs-det .react-row input[type="radio"] {
position: absolute;
opacity: 0;
width: 0;
height: 0;
pointer-events: none;
}

.cs-det .react-row label {
display: flex;
flex-direction: column;
align-items: center;
gap: 6px;
cursor: pointer;
padding: 12px 20px;
border-radius: 36px;
border: 2px solid #B5BEC2;
background: #fff;
transition: border-color 0.18s cubic-bezier(0.4, 0, 0.2, 1), background 0.18s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.2s cubic-bezier(0.4, 0, 0.2, 1);
box-shadow: -1px 3px 4px -1px rgba(62, 68, 74, 0.08);
min-width: 80px;
}

.cs-det .react-row label:hover {
border-color: #3E444A;
background: #f0f2f4;
}

.cs-det .react-row label:active {
background: #3E444A;
border-color: #3E444A;
}

.cs-det .react-row input[type="radio"]:checked+label {
border-color: #3E444A;
background: #3E444A;
box-shadow: -1px 6px 18px -1px rgba(62, 68, 74, 0.09);
}

.cs-det .react-row input[type="radio"]:checked+label .r-word {
color: #fff;
}

.cs-det .react-row label .r-icon {
width: 32px;
height: 32px;
display: flex;
align-items: center;
justify-content: center;
}

.cs-det .react-row label .r-word {
font-size: 14px;
line-height: 1.3;
color: #3E444A;
transition: color 0.18s cubic-bezier(0.4, 0, 0.2, 1);
}

.cs-det .react-row input[type="radio"]:focus+label {
outline: 2px solid #3E444A;
outline-offset: 2px;
}

.cs-det .deco-rot {
position: absolute;
right: 40px;
bottom: 40px;
width: 48px;
height: 48px;
animation: spin-slow 12s linear infinite;
pointer-events: none;
opacity: 0.18;
}

@keyframes spin-slow {
from {
transform: rotate(0deg);
}

to {
transform: rotate(360deg);
}
}

@media (max-width: 1280px) {
.cs-det .af-h1 {
font-size: 48px;
}

.cs-det .af-img-col {
flex: 0 0 280px;
max-width: 280px;
}
}

@media (max-width: 768px) {
.cs-det .af-inner {
flex-direction: column;
gap: 20px;
}

.cs-det .af-img-col {
flex: unset;
max-width: 100%;
width: 100%;
}

.cs-det .af-img-col img {
height: 200px;
}

.cs-det .af-h1 {
font-size: 36px;
}

.cs-det .art-body {
flex-direction: column;
gap: 40px;
}

.cs-det .body-side {
flex: unset;
max-width: 100%;
width: 100%;
position: static;
}
}

@media (max-width: 390px) {
.cs-det .af-h1 {
font-size: 24px;
}

.cs-det .art-frame {
padding: 40px 12px 80px;
}

.cs-det .art-body {
padding: 40px 12px;
}

.cs-det .react-row label {
padding: 12px;
min-width: 64px;
}
}

.lp {
width: 100%;
overflow-x: hidden;
}

.lp .pg-drop {
animation: dropIn 0.25s cubic-bezier(0.0, 0, 0.2, 1) both;
}

.lp .pg-drop-2 {
animation-delay: 0.08s;
}

.lp .pg-drop-3 {
animation-delay: 0.16s;
}

.lp .pg-drop-4 {
animation-delay: 0.22s;
}

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

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

.lp .x-divider {
display: flex;
flex-direction: row;
align-items: center;
gap: 0;
width: 100%;
overflow: hidden;
height: 20px;
}

.lp .x-divider span {
display: inline-block;
width: 14px;
height: 14px;
flex-shrink: 0;
position: relative;
}

.lp .x-divider span::before,
.lp .x-divider span::after {
content: "";
position: absolute;
background: #B5BEC2;
}

.lp .x-divider span::before {
width: 2px;
height: 10px;
top: 2px;
left: 6px;
}

.lp .x-divider span::after {
width: 10px;
height: 2px;
top: 6px;
left: 2px;
}

.lp .blk-title {
background: linear-gradient(180deg, #3E444A 52%, #B5BEC2 100%);
padding: 80px 20px 40px;
position: relative;
overflow: hidden;
}

.lp .blk-title__geo {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
pointer-events: none;
}

.lp .blk-title__geo-shape {
position: absolute;
border: 1.5px solid rgba(223, 228, 232, 0.12);
opacity: 0.18;
}

.lp .blk-title__geo-shape.sq1 {
width: 180px;
height: 180px;
top: -40px;
right: 8%;
border-radius: 12px;
transform: rotate(22deg);
}

.lp .blk-title__geo-shape.sq2 {
width: 90px;
height: 90px;
bottom: 20px;
left: 5%;
border-radius: 6px;
transform: rotate(-14deg);
}

.lp .blk-title__geo-shape.tri {
width: 120px;
height: 120px;
top: 30px;
left: 22%;
border-radius: 6px;
transform: rotate(38deg);
opacity: 0.1;
}

.lp .blk-title__geo-shape.circ {
width: 60px;
height: 60px;
bottom: 30px;
right: 18%;
border-radius: 36px;
opacity: 0.13;
}

.lp .blk-title__inner {
max-width: 1024px;
margin: 0 auto;
display: flex;
flex-direction: row;
align-items: flex-start;
gap: 40px;
}

.lp .blk-title__text {
flex: 1 1 0;
min-width: 0;
}

.lp .blk-title__label {
display: inline-block;
font-size: 14px;
line-height: 1.3;
color: #DFE4E8;
border: 1px solid rgba(223, 228, 232, 0.3);
border-radius: 36px;
padding: 6px 20px;
margin-bottom: 20px;
letter-spacing: 0.04em;
}

.lp .blk-title__h1 {
font-size: 62px;
line-height: 1.1;
color: #ffffff;
margin: 0 0 20px;
}

.lp .blk-title__h1 span {
display: block;
}

.lp .blk-title__img-col {
flex: 0 0 340px;
position: relative;
}

.lp .blk-title__img-wrap {
border-radius: 12px;
overflow: hidden;
width: 340px;
height: 320px;
box-shadow: -1px 8px 40px -1px rgba(62, 68, 74, 0.12);
}

.lp .blk-title__img-wrap img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
filter: grayscale(60%) sepia(20%);
transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}

.lp .blk-title__img-wrap:hover img {
transform: scale(1.04);
}

.lp .blk-title__img-tint {
position: absolute;
inset: 0;
background: rgba(62, 68, 74, 0.32);
border-radius: 12px;
pointer-events: none;
}

.lp .blk-about {
background: #ffffff;
padding: 80px 20px;
}

.lp .blk-about__inner {
max-width: 1024px;
margin: 0 auto;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 40px;
align-items: start;
}

.lp .blk-about__left {
display: flex;
flex-direction: column;
gap: 20px;
}

.lp .blk-about__accent {
width: 40px;
height: 3px;
background: #3E444A;
border-radius: 6px;
}

.lp .blk-about__h2 {
font-size: 24px;
line-height: 1.3;
color: #3E444A;
margin: 0;
}

.lp .blk-about__para {
font-size: 16px;
line-height: 1.55;
color: #3E444A;
margin: 0;
}

.lp .blk-about__right {
display: flex;
flex-direction: column;
gap: 20px;
}

.lp .blk-about__metrics {
display: flex;
flex-direction: row;
gap: 0;
border: 1px solid #DFE4E8;
border-radius: 12px;
overflow: hidden;
box-shadow: -1px 3px 4px -1px rgba(62, 68, 74, 0.08);
}

.lp .blk-about__metric {
flex: 1 1 0;
padding: 20px 12px;
text-align: center;
border-right: 1px solid #DFE4E8;
}

.lp .blk-about__metric:last-child {
border-right: none;
}

.lp .blk-about__metric-val {
font-size: 24px;
line-height: 1.1;
color: #3E444A;
display: block;
font-weight: 700;
}

.lp .blk-about__metric-lbl {
font-size: 14px;
line-height: 1.3;
color: #B5BEC2;
display: block;
margin-top: 6px;
}

.lp .blk-about__img-wrap {
border-radius: 12px;
overflow: hidden;
width: 100%;
height: 240px;
box-shadow: -1px 6px 18px -1px rgba(62, 68, 74, 0.09);
}

.lp .blk-about__img-wrap img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
filter: grayscale(50%) sepia(15%);
transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

.lp .blk-about__img-wrap:hover img {
transform: scale(1.05);
}

.lp .blk-about__img-tint {
position: absolute;
inset: 0;
background: rgba(181, 190, 194, 0.18);
border-radius: 12px;
pointer-events: none;
}

.lp .blk-about__img-rel {
position: relative;
}

.lp .blk-process {
background: #DFE4E8;
padding: 80px 20px 40px;
}

.lp .blk-process__inner {
max-width: 1024px;
margin: 0 auto;
}

.lp .blk-process__top {
display: flex;
flex-direction: row;
align-items: flex-end;
justify-content: space-between;
gap: 40px;
margin-bottom: 40px;
}

.lp .blk-process__h2 {
font-size: 24px;
line-height: 1.3;
color: #3E444A;
margin: 0;
text-align: right;
}

.lp .blk-process__sub {
font-size: 14px;
line-height: 1.55;
color: #3E444A;
margin: 0;
max-width: 340px;
}

.lp .blk-process__grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 20px;
margin-bottom: 40px;
}

.lp .blk-process__card {
background: #ffffff;
border-radius: 12px;
padding: 20px;
box-shadow: -1px 3px 4px -1px rgba(62, 68, 74, 0.08);
position: relative;
transition: box-shadow 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

.lp .blk-process__card:hover {
box-shadow: -1px 6px 18px -1px rgba(62, 68, 74, 0.09);
}

.lp .blk-process__num {
font-size: 62px;
line-height: 1.1;
color: #DFE4E8;
font-weight: 700;
display: block;
margin-bottom: 12px;
user-select: none;
}

.lp .blk-process__card-h {
font-size: 16px;
line-height: 1.3;
color: #3E444A;
margin: 0 0 12px;
}

.lp .blk-process__card-p {
font-size: 14px;
line-height: 1.55;
color: #3E444A;
margin: 0;
}

.lp .blk-process__dashed {
position: relative;
height: 40px;
margin-bottom: 0;
}

.lp .blk-process__dashed svg {
width: 100%;
height: 40px;
display: block;
}

.lp .blk-group {
background: #3E444A;
padding: 80px 20px;
}

.lp .blk-group__inner {
max-width: 1024px;
margin: 0 auto;
display: flex;
flex-direction: column;
gap: 40px;
}

.lp .blk-group__top {
display: flex;
flex-direction: row;
gap: 40px;
align-items: flex-start;
}

.lp .blk-group__h2 {
font-size: 24px;
line-height: 1.3;
color: #DFE4E8;
margin: 0;
flex: 1 1 0;
}

.lp .blk-group__lead {
font-size: 16px;
line-height: 1.55;
color: #B5BEC2;
margin: 0;
flex: 1 1 0;
}

.lp .blk-group__cols {
display: grid;
grid-template-columns: 1.4fr 1fr;
gap: 20px;
align-items: start;
}

.lp .blk-group__tall {
display: flex;
flex-direction: column;
gap: 20px;
}

.lp .blk-group__item {
background: rgba(223, 228, 232, 0.07);
border-radius: 12px;
padding: 20px;
border: 1px solid rgba(181, 190, 194, 0.15);
transition: background 0.18s cubic-bezier(0.4, 0, 0.2, 1);
}

.lp .blk-group__item:hover {
background: rgba(223, 228, 232, 0.12);
}

.lp .blk-group__item-icon {
width: 32px;
height: 32px;
margin-bottom: 12px;
}

.lp .blk-group__item-h {
font-size: 16px;
line-height: 1.3;
color: #DFE4E8;
margin: 0 0 6px;
}

.lp .blk-group__item-p {
font-size: 14px;
line-height: 1.55;
color: #B5BEC2;
margin: 0;
}

.lp .blk-group__short {
display: flex;
flex-direction: column;
gap: 20px;
}

.lp .blk-group__cta-box {
background: rgba(181, 190, 194, 0.1);
border-radius: 12px;
padding: 20px;
border: 1px solid rgba(181, 190, 194, 0.2);
display: flex;
flex-direction: column;
gap: 12px;
}

.lp .blk-group__cta-h {
font-size: 16px;
line-height: 1.3;
color: #DFE4E8;
margin: 0;
}

.lp .blk-group__cta-p {
font-size: 14px;
line-height: 1.55;
color: #B5BEC2;
margin: 0;
}

.lp .btn-ghost {
display: inline-block;
font-size: 14px;
line-height: 1.3;
color: #DFE4E8;
border: 1px solid rgba(223, 228, 232, 0.4);
border-radius: 6px;
padding: 12px 20px;
background: transparent;
cursor: pointer;
text-decoration: none;
position: relative;
overflow: hidden;
transition: color 0.2s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

.lp .btn-ghost::after {
content: "";
position: absolute;
left: 0;
right: 0;
bottom: 0;
height: 0;
background: rgba(223, 228, 232, 0.15);
transition: height 0.22s cubic-bezier(0.0, 0, 0.2, 1);
z-index: 0;
}

.lp .btn-ghost:hover::after {
height: 100%;
}

.lp .btn-ghost:hover {
border-color: rgba(223, 228, 232, 0.7);
color: #ffffff;
}

.lp .btn-ghost:focus {
outline: 2px solid #DFE4E8;
outline-offset: 2px;
}

.lp .btn-ghost span {
position: relative;
z-index: 1;
}

.lp .blk-group__contact-list {
display: flex;
flex-direction: column;
gap: 12px;
}

.lp .blk-group__contact-item {
display: flex;
flex-direction: row;
align-items: center;
gap: 12px;
font-size: 14px;
line-height: 1.3;
color: #B5BEC2;
text-decoration: none;
transition: color 0.15s cubic-bezier(0.4, 0, 0.2, 1);
}

.lp .blk-group__contact-item:hover {
color: #DFE4E8;
}

.lp .blk-group__contact-icon {
width: 18px;
height: 18px;
flex-shrink: 0;
}

@media (max-width: 1280px) {
.lp .blk-title__h1 {
font-size: 48px;
}

.lp .blk-title__img-col {
flex: 0 0 280px;
}

.lp .blk-title__img-wrap {
width: 280px;
height: 260px;
}
}

@media (max-width: 768px) {
.lp .blk-title__inner {
flex-direction: column;
gap: 20px;
}

.lp .blk-title__img-col {
flex: none;
width: 100%;
}

.lp .blk-title__img-wrap {
width: 100%;
height: 220px;
}

.lp .blk-title__h1 {
font-size: 36px;
}

.lp .blk-about__inner {
grid-template-columns: 1fr;
gap: 20px;
}

.lp .blk-process__top {
flex-direction: column;
align-items: flex-start;
gap: 12px;
}

.lp .blk-process__h2 {
text-align: left;
}

.lp .blk-process__grid {
grid-template-columns: 1fr;
gap: 12px;
}

.lp .blk-group__top {
flex-direction: column;
gap: 12px;
}

.lp .blk-group__cols {
grid-template-columns: 1fr;
gap: 12px;
}
}

@media (max-width: 390px) {
.lp .blk-title {
padding: 40px 12px 20px;
}

.lp .blk-title__h1 {
font-size: 24px;
}

.lp .blk-about {
padding: 40px 12px;
}

.lp .blk-process {
padding: 40px 12px 20px;
}

.lp .blk-group {
padding: 40px 12px;
}

.lp .blk-about__metrics {
flex-direction: column;
}

.lp .blk-about__metric {
border-right: none;
border-bottom: 1px solid #DFE4E8;
}

.lp .blk-about__metric:last-child {
border-bottom: none;
}
}

.abt-us {
width: 100%;
overflow-x: hidden;
}

.abt-us .reveal-right {
opacity: 0;
transform: translateX(60px);
animation: slideFromRight 0.28s cubic-bezier(0.0, 0, 0.2, 1) forwards;
}

.abt-us .reveal-right:nth-child(1) {
animation-delay: 0.05s;
}

.abt-us .reveal-right:nth-child(2) {
animation-delay: 0.13s;
}

.abt-us .reveal-right:nth-child(3) {
animation-delay: 0.21s;
}

.abt-us .reveal-right:nth-child(4) {
animation-delay: 0.28s;
}

@keyframes slideFromRight {
to {
opacity: 1;
transform: translateX(0);
}
}

.abt-us .fade-up {
opacity: 0;
transform: translateY(32px);
transition: opacity 0.25s cubic-bezier(0.4, 0, 0.2, 1), transform 0.22s cubic-bezier(0.4, 0, 0.2, 1);
}

.abt-us .fade-up.visible {
opacity: 1;
transform: translateY(0);
}

.abt-us .pg-top {
max-width: 1024px;
margin: 0 auto;
padding: 80px 40px 40px;
text-align: center;
position: relative;
}

.abt-us .pg-top__deco {
position: absolute;
top: 40px;
left: 50%;
transform: translateX(-50%);
width: 320px;
height: 80px;
pointer-events: none;
overflow: hidden;
}

.abt-us .pg-top__deco svg {
width: 100%;
height: 100%;
}

.abt-us .pg-top__label {
display: inline-block;
font-size: 14px;
line-height: 1.3;
color: #B5BEC2;
letter-spacing: 0.06em;
text-transform: uppercase;
margin-bottom: 20px;
position: relative;
z-index: 1;
}

.abt-us .pg-top__h1 {
font-size: 62px;
line-height: 1.1;
color: #3E444A;
margin: 0 auto 40px;
max-width: 720px;
position: relative;
z-index: 1;
}

.abt-us .pg-top__img-wrap {
width: 100%;
max-width: 900px;
margin: 0 auto;
border-radius: 12px;
overflow: hidden;
opacity: 0.72;
box-shadow: -1px 8px 40px -1px rgba(62, 68, 74, 0.12);
position: relative;
z-index: 1;
}

.abt-us .pg-top__img-wrap img {
width: 100%;
height: 340px;
object-fit: cover;
display: block;
transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}

.abt-us .pg-top__img-wrap:hover img {
transform: scale(1.04);
}

.abt-us .story-band {
background: linear-gradient(180deg, #ffffff 50%, #DFE4E8 50%);
padding: 80px 0 0;
}

.abt-us .story-inner {
max-width: 1024px;
margin: 0 auto;
padding: 0 40px;
display: grid;
grid-template-columns: 200px 1fr 200px;
gap: 40px;
align-items: start;
}

.abt-us .story-left {
padding-top: 20px;
}

.abt-us .story-left__stat {
margin-bottom: 40px;
}

.abt-us .story-left__num {
font-size: 62px;
line-height: 1.1;
color: #3E444A;
display: block;
}

.abt-us .story-left__desc {
font-size: 14px;
line-height: 1.55;
color: #B5BEC2;
display: block;
margin-top: 6px;
}

.abt-us .story-mid {
text-align: right;
}

.abt-us .story-mid__h2 {
font-size: 62px;
line-height: 1.1;
color: #3E444A;
margin: 0 0 40px;
}

.abt-us .story-mid__h2 span {
display: block;
}

.abt-us .story-mid__accent {
width: 48px;
height: 4px;
background: #3E444A;
border-radius: 6px;
margin: 0 0 20px auto;
}

.abt-us .story-mid__p {
font-size: 16px;
line-height: 1.75;
color: #3E444A;
margin: 0 0 20px;
max-width: 480px;
margin-left: auto;
}

.abt-us .story-right {
padding-top: 20px;
display: flex;
flex-direction: column;
gap: 20px;
}

.abt-us .story-right__img {
border-radius: 12px;
overflow: hidden;
box-shadow: -1px 6px 18px -1px rgba(62, 68, 74, 0.09);
}

.abt-us .story-right__img img {
width: 100%;
height: 140px;
object-fit: cover;
display: block;
transition: transform 0.22s cubic-bezier(0.4, 0, 0.2, 1);
}

.abt-us .story-right__img:hover img {
transform: scale(1.05);
}

.abt-us .story-right__tag {
font-size: 14px;
line-height: 1.3;
color: #B5BEC2;
background: #ffffff;
border-radius: 6px;
padding: 12px;
box-shadow: -1px 3px 4px -1px rgba(62, 68, 74, 0.08);
}

.abt-us .metrics-band {
background: #DFE4E8;
padding: 80px 0;
}

.abt-us .metrics-inner {
max-width: 1024px;
margin: 0 auto;
padding: 0 40px;
}

.abt-us .metrics-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 20px;
margin-bottom: 40px;
}

.abt-us .metric-card {
background: #ffffff;
border-radius: 12px;
padding: 40px 20px;
box-shadow: -1px 6px 18px -1px rgba(62, 68, 74, 0.09);
text-align: center;
position: relative;
overflow: hidden;
}

.abt-us .metric-card.break-grid {
grid-column: 2 / 3;
grid-row: 1 / 3;
padding: 40px 20px;
transform: translateY(-20px);
box-shadow: -1px 8px 40px -1px rgba(62, 68, 74, 0.12);
z-index: 2;
}

.abt-us .metric-card__before {
font-size: 14px;
line-height: 1.3;
color: #B5BEC2;
text-transform: uppercase;
letter-spacing: 0.06em;
margin-bottom: 12px;
}

.abt-us .metric-card__val {
font-size: 62px;
line-height: 1.1;
color: #3E444A;
display: block;
}

.abt-us .metric-card__val.after {
color: #3E444A;
}

.abt-us .metric-card__arrow {
display: flex;
align-items: center;
justify-content: center;
margin: 12px 0;
}

.abt-us .metric-card__arrow svg {
width: 24px;
height: 24px;
}

.abt-us .metric-card__label {
font-size: 14px;
line-height: 1.55;
color: #B5BEC2;
margin-top: 12px;
}

.abt-us .metric-card__bar {
position: absolute;
bottom: 0;
left: 0;
height: 4px;
background: #3E444A;
border-radius: 0 0 0 12px;
width: 0;
transition: width 0.28s cubic-bezier(0.4, 0, 0.2, 1);
}

.abt-us .metric-card.visible .metric-card__bar {
width: 100%;
}

.abt-us .metrics-caption {
font-size: 14px;
line-height: 1.55;
color: #3E444A;
text-align: center;
max-width: 480px;
margin: 0 auto;
}

.abt-us .team-band {
padding: 80px 0;
background: #ffffff;
}

.abt-us .team-inner {
max-width: 1024px;
margin: 0 auto;
padding: 0 40px;
}

.abt-us .team-row {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 40px;
align-items: center;
}

.abt-us .team-text {
padding-right: 20px;
}

.abt-us .team-text__h3 {
font-size: 24px;
line-height: 1.3;
color: #3E444A;
margin: 0 0 20px;
}

.abt-us .team-text__p {
font-size: 16px;
line-height: 1.75;
color: #3E444A;
margin: 0 0 20px;
}

.abt-us .team-text__accent {
width: 48px;
height: 4px;
background: #B5BEC2;
border-radius: 6px;
margin-bottom: 20px;
}

.abt-us .team-cards {
display: flex;
flex-direction: column;
gap: 20px;
}

.abt-us .person-card {
background: #DFE4E8;
border-radius: 12px;
padding: 20px;
display: flex;
flex-direction: row;
gap: 20px;
align-items: center;
box-shadow: -1px 3px 4px -1px rgba(181, 190, 194, 0.08);
transition: box-shadow 0.2s cubic-bezier(0.4, 0, 0.2, 1), transform 0.18s cubic-bezier(0.4, 0, 0.2, 1);
}

.abt-us .person-card:hover {
box-shadow: -1px 6px 18px -1px rgba(62, 68, 74, 0.09);
transform: translateY(-2px);
}

.abt-us .person-card__avatar {
width: 56px;
height: 56px;
border-radius: 48px;
background: #B5BEC2;
flex-shrink: 0;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
}

.abt-us .person-card__avatar svg {
width: 32px;
height: 32px;
}

.abt-us .person-card__info {
flex: 1;
}

.abt-us .person-card__name {
font-size: 16px;
line-height: 1.3;
color: #3E444A;
display: block;
margin-bottom: 6px;
}

.abt-us .person-card__role {
font-size: 14px;
line-height: 1.3;
color: #B5BEC2;
display: block;
}

.abt-us .person-card__focus {
font-size: 14px;
line-height: 1.55;
color: #3E444A;
max-width: 160px;
text-align: right;
}

.abt-us .img-bg-band {
position: relative;
padding: 80px 0;
overflow: hidden;
}

.abt-us .img-bg-band__bg {
position: absolute;
inset: 0;
z-index: 0;
}

.abt-us .img-bg-band__bg img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}

.abt-us .img-bg-band__overlay {
position: absolute;
inset: 0;
background: rgba(223, 228, 232, 0.88);
z-index: 1;
}

.abt-us .img-bg-band__content {
position: relative;
z-index: 2;
max-width: 1024px;
margin: 0 auto;
padding: 0 40px;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 40px;
align-items: center;
}

.abt-us .ibg-text__h4 {
font-size: 24px;
line-height: 1.3;
color: #3E444A;
margin: 0 0 20px;
}

.abt-us .ibg-text__p {
font-size: 16px;
line-height: 1.75;
color: #3E444A;
margin: 0;
}

.abt-us .ibg-list {
display: flex;
flex-direction: column;
gap: 12px;
}

.abt-us .ibg-list__item {
background: #ffffff;
border-radius: 12px;
padding: 20px;
display: flex;
flex-direction: row;
gap: 12px;
align-items: flex-start;
box-shadow: -1px 3px 4px -1px rgba(62, 68, 74, 0.08);
}

.abt-us .ibg-list__dot {
width: 10px;
height: 10px;
border-radius: 36px;
background: #3E444A;
flex-shrink: 0;
margin-top: 6px;
}

.abt-us .ibg-list__text {
font-size: 14px;
line-height: 1.55;
color: #3E444A;
}

.abt-us .curve-connector {
display: block;
width: 100%;
overflow: hidden;
line-height: 0;
}

.abt-us .curve-connector svg {
display: block;
width: 100%;
}

.abt-us .cta-strip {
background: #3E444A;
padding: 40px;
text-align: center;
}

.abt-us .cta-strip__h5 {
font-size: 24px;
line-height: 1.3;
color: #DFE4E8;
margin: 0 0 20px;
}

.abt-us .cta-strip__p {
font-size: 16px;
line-height: 1.55;
color: #B5BEC2;
margin: 0 0 20px;
}

.abt-us .cta-btn {
display: inline-block;
font-size: 16px;
line-height: 1.3;
color: #DFE4E8;
border: 2px solid #DFE4E8;
border-radius: 36px;
padding: 12px 40px;
text-decoration: none;
position: relative;
overflow: hidden;
background: transparent;
transition: color 0.22s cubic-bezier(0.4, 0, 0.2, 1);
cursor: pointer;
}

.abt-us .cta-btn::after {
content: '';
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 0;
background: #DFE4E8;
border-radius: 0;
transition: height 0.2s cubic-bezier(0.0, 0, 0.2, 1);
z-index: 0;
}

.abt-us .cta-btn:hover::after {
height: 100%;
}

.abt-us .cta-btn:hover {
color: #3E444A;
}

.abt-us .cta-btn span {
position: relative;
z-index: 1;
}

.abt-us .cta-btn:focus-visible {
outline: 3px solid #DFE4E8;
outline-offset: 3px;
}

@media (max-width: 1280px) {
.abt-us .story-inner {
grid-template-columns: 160px 1fr 160px;
}

.abt-us .pg-top__h1 {
font-size: 62px;
}
}

@media (max-width: 768px) {
.abt-us .pg-top {
padding: 40px 20px 20px;
}

.abt-us .pg-top__h1 {
font-size: 40px;
}

.abt-us .pg-top__img-wrap img {
height: 220px;
}

.abt-us .story-inner {
grid-template-columns: 1fr;
gap: 20px;
padding: 0 20px;
}

.abt-us .story-left {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 20px;
padding-top: 0;
}

.abt-us .story-left__stat {
margin-bottom: 0;
}

.abt-us .story-mid {
text-align: left;
}

.abt-us .story-mid__h2 {
font-size: 40px;
}

.abt-us .story-mid__accent {
margin: 0 0 20px 0;
}

.abt-us .story-mid__p {
margin-left: 0;
}

.abt-us .story-right {
display: grid;
grid-template-columns: 1fr 1fr;
}

.abt-us .metrics-inner {
padding: 0 20px;
}

.abt-us .metrics-grid {
grid-template-columns: 1fr;
}

.abt-us .metric-card.break-grid {
grid-column: auto;
grid-row: auto;
transform: none;
}

.abt-us .team-inner {
padding: 0 20px;
}

.abt-us .team-row {
grid-template-columns: 1fr;
}

.abt-us .team-text {
padding-right: 0;
}

.abt-us .img-bg-band__content {
grid-template-columns: 1fr;
padding: 0 20px;
}

.abt-us .cta-strip {
padding: 40px 20px;
}
}

@media (max-width: 390px) {
.abt-us .pg-top__h1 {
font-size: 32px;
}

.abt-us .story-mid__h2 {
font-size: 32px;
}

.abt-us .story-left {
grid-template-columns: 1fr;
}

.abt-us .story-right {
grid-template-columns: 1fr;
}

.abt-us .person-card__focus {
display: none;
}
}

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

.cs-pg .split-top {
display: flex;
flex-direction: row;
min-height: 420px;
position: relative;
}

.cs-pg .split-left {
flex: 1 1 50%;
background: #3E444A;
padding: 80px 40px 80px 40px;
display: flex;
flex-direction: column;
justify-content: flex-end;
position: relative;
overflow: hidden;
}

.cs-pg .split-left::before {
content: "";
position: absolute;
top: -60px;
right: -60px;
width: 220px;
height: 220px;
border: 40px solid rgba(181, 190, 194, 0.13);
border-radius: 50%;
pointer-events: none;
}

.cs-pg .split-left::after {
content: "";
position: absolute;
bottom: 30px;
left: -40px;
width: 140px;
height: 140px;
border: 28px solid rgba(223, 228, 232, 0.09);
border-radius: 48px;
pointer-events: none;
}

.cs-pg .split-right {
flex: 1 1 50%;
background: #DFE4E8;
padding: 80px 40px 80px 40px;
display: flex;
flex-direction: column;
justify-content: flex-end;
position: relative;
overflow: hidden;
}

.cs-pg .split-right::before {
content: "";
position: absolute;
top: 30px;
right: 30px;
width: 90px;
height: 90px;
border: 18px solid rgba(62, 68, 74, 0.1);
border-radius: 12px;
pointer-events: none;
}

.cs-pg .split-eyebrow {
font-size: 14px;
line-height: 1.55;
color: #B5BEC2;
margin-bottom: 12px;
letter-spacing: 0.04em;
}

.cs-pg .split-h1 {
font-size: 62px;
line-height: 1.1;
color: #fff;
margin: 0 0 20px 0;
}

.cs-pg .split-h1 span {
display: block;
}

.cs-pg .split-sub {
font-size: 16px;
line-height: 1.55;
color: #DFE4E8;
max-width: 360px;
margin: 0;
}

.cs-pg .split-img-wrap {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
pointer-events: none;
}

.cs-pg .split-img-wrap img {
width: 100%;
height: 100%;
object-fit: cover;
filter: grayscale(100%) contrast(1.15);
opacity: 0.22;
transition: opacity 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}

.cs-pg .split-right-text {
position: relative;
z-index: 1;
}

.cs-pg .split-right-text .sq-label {
font-size: 14px;
line-height: 1.55;
color: #3E444A;
opacity: 0.6;
margin-bottom: 20px;
}

.cs-pg .split-right-text .sq-stat {
font-size: 62px;
line-height: 1.1;
color: #3E444A;
margin: 0 0 12px 0;
}

.cs-pg .split-right-text .sq-desc {
font-size: 16px;
line-height: 1.55;
color: #3E444A;
max-width: 300px;
}

.cs-pg .wave-div {
display: block;
width: 100%;
line-height: 0;
overflow: hidden;
}

.cs-pg .wave-div svg {
display: block;
width: 100%;
}

.cs-pg .posts-area {
background: #fff;
padding: 80px 20px;
}

.cs-pg .posts-inner {
max-width: 1024px;
margin: 0 auto;
}

.cs-pg .posts-hd {
margin-bottom: 40px;
}

.cs-pg .posts-hd h2 {
font-size: 24px;
line-height: 1.3;
color: #3E444A;
margin: 0 0 6px 0;
}

.cs-pg .posts-hd p {
font-size: 16px;
line-height: 1.55;
color: #3E444A;
opacity: 0.65;
margin: 0;
}

.cs-pg .card-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 20px;
}

.cs-pg .post-card {
background: #fff;
border-radius: 12px;
box-shadow: -1px 6px 18px -1px rgba(62, 68, 74, 0.09);
overflow: hidden;
display: flex;
flex-direction: column;
transition: box-shadow 0.22s cubic-bezier(0.4, 0, 0.2, 1), transform 0.22s cubic-bezier(0.4, 0, 0.2, 1);
border-right: 3px solid #B5BEC2;
}

.cs-pg .post-card:hover {
box-shadow: -1px 8px 40px -1px rgba(62, 68, 74, 0.12);
transform: translateY(-4px);
}

.cs-pg .card-img-wrap {
width: 100%;
height: 180px;
overflow: hidden;
flex-shrink: 0;
}

.cs-pg .card-img-wrap img {
width: 100%;
height: 100%;
object-fit: cover;
filter: saturate(0.55);
transition: filter 0.25s cubic-bezier(0.4, 0, 0.2, 1), transform 0.28s cubic-bezier(0.0, 0, 0.2, 1);
}

.cs-pg .post-card:hover .card-img-wrap img {
filter: saturate(1);
transform: scale(1.05);
}

.cs-pg .card-body {
padding: 20px;
display: flex;
flex-direction: column;
flex: 1 1 auto;
}

.cs-pg .card-meta {
display: flex;
flex-direction: row;
align-items: center;
gap: 12px;
margin-bottom: 12px;
}

.cs-pg .card-author {
font-size: 14px;
line-height: 1.55;
color: #3E444A;
opacity: 0.7;
}

.cs-pg .card-date {
font-size: 14px;
line-height: 1.55;
color: #B5BEC2;
}

.cs-pg .card-dot {
width: 3px;
height: 3px;
border-radius: 50%;
background: #B5BEC2;
flex-shrink: 0;
}

.cs-pg .card-h {
font-size: 16px;
line-height: 1.3;
color: #3E444A;
margin: 0 0 12px 0;
}

.cs-pg .card-desc {
font-size: 14px;
line-height: 1.55;
color: #3E444A;
opacity: 0.7;
margin: 0 0 20px 0;
flex: 1 1 auto;
}

.cs-pg .card-link {
display: inline-flex;
flex-direction: row;
align-items: center;
gap: 6px;
font-size: 14px;
line-height: 1.3;
color: #3E444A;
text-decoration: none;
border: 1.5px solid #3E444A;
border-radius: 6px;
padding: 6px 12px;
align-self: flex-start;
position: relative;
overflow: hidden;
transition: color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

.cs-pg .card-link::before {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 0%;
background: #3E444A;
transition: height 0.22s cubic-bezier(0.0, 0, 0.2, 1);
z-index: 0;
}

.cs-pg .card-link:hover::before {
height: 100%;
}

.cs-pg .card-link:hover {
color: #fff;
}

.cs-pg .card-link span {
position: relative;
z-index: 1;
}

.cs-pg .card-link svg {
position: relative;
z-index: 1;
}

.cs-pg .card-link:focus-visible {
outline: 2px solid #3E444A;
outline-offset: 2px;
}

.cs-pg .no-img-placeholder {
width: 100%;
height: 180px;
background: #DFE4E8;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
}

.cs-pg .no-img-placeholder svg {
opacity: 0.35;
}

.cs-pg .process-area {
background: #f4f6f8;
padding: 80px 20px;
position: relative;
}

.cs-pg .process-inner {
max-width: 1024px;
margin: 0 auto;
}

.cs-pg .process-hd {
margin-bottom: 40px;
text-align: right;
}

.cs-pg .process-hd h2 {
font-size: 24px;
line-height: 1.3;
color: #3E444A;
margin: 0 0 6px 0;
}

.cs-pg .process-hd p {
font-size: 16px;
line-height: 1.55;
color: #3E444A;
opacity: 0.65;
margin: 0;
}

.cs-pg .steps-row {
display: flex;
flex-direction: row;
gap: 20px;
align-items: flex-start;
}

.cs-pg .step-item {
flex: 1 1 0;
background: #fff;
border-radius: 12px;
padding: 20px;
box-shadow: -1px 3px 4px -1px rgba(62, 68, 74, 0.08);
display: flex;
flex-direction: column;
gap: 12px;
position: relative;
overflow: hidden;
transition: box-shadow 0.18s cubic-bezier(0.4, 0, 0.2, 1);
}

.cs-pg .step-item:hover {
box-shadow: -1px 6px 18px -1px rgba(62, 68, 74, 0.09);
}

.cs-pg .step-item:nth-child(2) {
margin-top: 20px;
}

.cs-pg .step-item:nth-child(3) {
margin-top: 40px;
}

.cs-pg .step-num {
font-size: 62px;
line-height: 1.1;
color: #DFE4E8;
position: absolute;
top: -12px;
right: 12px;
pointer-events: none;
user-select: none;
}

.cs-pg .step-icon {
width: 40px;
height: 40px;
background: #3E444A;
border-radius: 12px;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
}

.cs-pg .step-h {
font-size: 16px;
line-height: 1.3;
color: #3E444A;
margin: 0;
}

.cs-pg .step-p {
font-size: 14px;
line-height: 1.55;
color: #3E444A;
opacity: 0.7;
margin: 0;
}

.cs-pg .metrics-area {
background: #3E444A;
padding: 80px 20px;
position: relative;
overflow: hidden;
}

.cs-pg .metrics-area::before {
content: "";
position: absolute;
inset: 0;
background-image:
linear-gradient(rgba(181, 190, 194, 0.07) 1px, transparent 1px),
linear-gradient(90deg, rgba(181, 190, 194, 0.07) 1px, transparent 1px);
background-size: 32px 32px;
pointer-events: none;
}

.cs-pg .metrics-inner {
max-width: 1024px;
margin: 0 auto;
position: relative;
}

.cs-pg .metrics-hd {
margin-bottom: 40px;
}

.cs-pg .metrics-hd h2 {
font-size: 24px;
line-height: 1.3;
color: #fff;
margin: 0 0 6px 0;
}

.cs-pg .metrics-hd p {
font-size: 16px;
line-height: 1.55;
color: #B5BEC2;
margin: 0;
}

.cs-pg .metrics-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 20px;
}

.cs-pg .metric-box {
background: rgba(181, 190, 194, 0.1);
border-radius: 12px;
padding: 20px;
display: flex;
flex-direction: column;
gap: 6px;
transition: background 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

.cs-pg .metric-box:hover {
background: rgba(181, 190, 194, 0.18);
}

.cs-pg .metric-val {
font-size: 62px;
line-height: 1.1;
color: #DFE4E8;
margin: 0;
}

.cs-pg .metric-lbl {
font-size: 14px;
line-height: 1.55;
color: #B5BEC2;
}

.cs-pg .approach-area {
background: #fff;
padding: 80px 20px;
}

.cs-pg .approach-inner {
max-width: 1024px;
margin: 0 auto;
display: flex;
flex-direction: row;
gap: 40px;
align-items: flex-start;
}

.cs-pg .approach-text {
flex: 1 1 55%;
}

.cs-pg .approach-accent {
width: 36px;
height: 4px;
background: #3E444A;
border-radius: 6px;
margin-bottom: 20px;
}

.cs-pg .approach-text h2 {
font-size: 24px;
line-height: 1.3;
color: #3E444A;
margin: 0 0 20px 0;
}

.cs-pg .approach-text p {
font-size: 16px;
line-height: 1.55;
color: #3E444A;
opacity: 0.8;
margin: 0 0 12px 0;
max-width: 480px;
}

.cs-pg .approach-aside {
flex: 1 1 40%;
display: flex;
flex-direction: column;
gap: 12px;
}

.cs-pg .aside-item {
background: #DFE4E8;
border-radius: 12px;
padding: 20px;
display: flex;
flex-direction: column;
gap: 6px;
transition: background 0.18s cubic-bezier(0.4, 0, 0.2, 1);
cursor: default;
}

.cs-pg .aside-item:hover {
background: #B5BEC2;
}

.cs-pg .aside-item h5 {
font-size: 14px;
line-height: 1.3;
color: #3E444A;
margin: 0;
}

.cs-pg .aside-item p {
font-size: 14px;
line-height: 1.55;
color: #3E444A;
opacity: 0.75;
margin: 0;
}

.cs-pg .cta-area {
background: #DFE4E8;
padding: 80px 20px;
}

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

.cs-pg .cta-text {
flex: 1 1 60%;
}

.cs-pg .cta-text h2 {
font-size: 24px;
line-height: 1.3;
color: #3E444A;
margin: 0 0 12px 0;
}

.cs-pg .cta-text p {
font-size: 16px;
line-height: 1.55;
color: #3E444A;
opacity: 0.75;
margin: 0;
}

.cs-pg .cta-actions {
flex: 0 0 auto;
display: flex;
flex-direction: column;
gap: 12px;
align-items: flex-start;
}

.cs-pg .btn-primary {
display: inline-flex;
flex-direction: row;
align-items: center;
gap: 6px;
font-size: 16px;
line-height: 1.3;
color: #3E444A;
text-decoration: none;
border: 2px solid #3E444A;
border-radius: 36px;
padding: 12px 40px;
position: relative;
overflow: hidden;
transition: color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
cursor: pointer;
background: transparent;
}

.cs-pg .btn-primary::before {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 0%;
background: #3E444A;
transition: height 0.25s cubic-bezier(0.0, 0, 0.2, 1);
z-index: 0;
}

.cs-pg .btn-primary:hover::before {
height: 100%;
}

.cs-pg .btn-primary:hover {
color: #fff;
}

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

.cs-pg .btn-primary:focus-visible {
outline: 2px solid #3E444A;
outline-offset: 3px;
}

.cs-pg .btn-secondary {
display: inline-flex;
flex-direction: row;
align-items: center;
gap: 6px;
font-size: 14px;
line-height: 1.3;
color: #3E444A;
text-decoration: none;
border: 1.5px solid #B5BEC2;
border-radius: 36px;
padding: 12px 40px;
position: relative;
overflow: hidden;
transition: color 0.18s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.18s cubic-bezier(0.4, 0, 0.2, 1);
background: transparent;
}

.cs-pg .btn-secondary::before {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 0%;
background: #B5BEC2;
transition: height 0.22s cubic-bezier(0.0, 0, 0.2, 1);
z-index: 0;
}

.cs-pg .btn-secondary:hover::before {
height: 100%;
}

.cs-pg .btn-secondary:hover {
color: #3E444A;
border-color: #B5BEC2;
}

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

.cs-pg .btn-secondary:focus-visible {
outline: 2px solid #3E444A;
outline-offset: 3px;
}

@keyframes cs-elastic {
0% {
transform: scaleY(0.7) translateY(-24px);
opacity: 0;
}

60% {
transform: scaleY(1.04) translateY(4px);
opacity: 1;
}

80% {
transform: scaleY(0.98) translateY(-2px);
}

100% {
transform: scaleY(1) translateY(0);
opacity: 1;
}
}

.cs-pg .split-top {
animation: cs-elastic 0.55s cubic-bezier(0.4, 0, 0.2, 1) both;
}

.cs-pg .post-card {
animation: cs-elastic 0.45s cubic-bezier(0.4, 0, 0.2, 1) both;
}

.cs-pg .post-card:nth-child(1) {
animation-delay: 0.05s;
}

.cs-pg .post-card:nth-child(2) {
animation-delay: 0.12s;
}

.cs-pg .post-card:nth-child(3) {
animation-delay: 0.19s;
}

.cs-pg .post-card:nth-child(4) {
animation-delay: 0.26s;
}

.cs-pg .post-card:nth-child(5) {
animation-delay: 0.33s;
}

@media (max-width: 1280px) {
.cs-pg .card-grid {
grid-template-columns: repeat(2, 1fr);
}

.cs-pg .metrics-grid {
grid-template-columns: repeat(2, 1fr);
}
}

@media (max-width: 768px) {
.cs-pg .split-top {
flex-direction: column;
min-height: unset;
}

.cs-pg .split-left,
.cs-pg .split-right {
flex: unset;
width: 100%;
padding: 40px 20px 40px 20px;
}

.cs-pg .split-h1 {
font-size: 40px;
}

.cs-pg .split-right-text .sq-stat {
font-size: 40px;
}

.cs-pg .card-grid {
grid-template-columns: 1fr;
}

.cs-pg .steps-row {
flex-direction: column;
}

.cs-pg .step-item:nth-child(2),
.cs-pg .step-item:nth-child(3) {
margin-top: 0;
}

.cs-pg .metrics-grid {
grid-template-columns: repeat(2, 1fr);
}

.cs-pg .approach-inner {
flex-direction: column;
}

.cs-pg .cta-inner {
flex-direction: column;
align-items: flex-start;
}
}

@media (max-width: 390px) {
.cs-pg .split-h1 {
font-size: 32px;
}

.cs-pg .metric-val {
font-size: 40px;
}

.cs-pg .metrics-grid {
grid-template-columns: 1fr;
}

.cs-pg .posts-area,
.cs-pg .process-area,
.cs-pg .metrics-area,
.cs-pg .approach-area,
.cs-pg .cta-area {
padding: 40px 20px;
}
}

.ct-us {
width: 100%;
overflow-x: clip;
}

.ct-us .pg-wrap {
max-width: 1024px;
margin: 0 auto;
padding: 0 40px;
}

.ct-us .split-head {
padding: 80px 0 0;
position: relative;
}

.ct-us .split-head .pg-wrap {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 40px;
align-items: end;
}

.ct-us .sh-left {
position: relative;
}

.ct-us .sh-label {
font-size: 14px;
line-height: 1.55;
color: #3E444A;
letter-spacing: 0.08em;
text-transform: uppercase;
margin-bottom: 20px;
display: flex;
flex-direction: row;
align-items: center;
gap: 12px;
}

.ct-us .sh-label::before {
content: '';
display: block;
width: 32px;
height: 2px;
background: #3E444A;
flex-shrink: 0;
}

.ct-us .sh-h1 {
font-size: 62px;
line-height: 1.1;
color: #3E444A;
margin: 0 0 20px;
overflow: hidden;
}

.ct-us .sh-h1 .word-row {
display: block;
overflow: hidden;
}

.ct-us .sh-h1 .word-inner {
display: block;
animation: wordUp 0.6s cubic-bezier(0.0, 0, 0.2, 1) both;
}

.ct-us .sh-h1 .word-row:nth-child(2) .word-inner {
animation-delay: 0.12s;
}

.ct-us .sh-h1 .word-row:nth-child(3) .word-inner {
animation-delay: 0.22s;
}

@keyframes wordUp {
from {
transform: translateY(110%);
opacity: 0;
}

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

.ct-us .sh-desc {
font-size: 16px;
line-height: 1.75;
color: #3E444A;
max-width: 360px;
margin: 0;
}

.ct-us .sh-right {
display: flex;
flex-direction: column;
gap: 20px;
padding-bottom: 40px;
}

.ct-us .metric-pair {
display: flex;
flex-direction: row;
gap: 40px;
align-items: flex-start;
padding: 20px;
background: #DFE4E8;
border-radius: 12px;
box-shadow: -1px 3px 4px -1px rgba(62, 68, 74, 0.08);
}

.ct-us .metric-item {
display: flex;
flex-direction: column;
gap: 6px;
}

.ct-us .metric-num {
font-size: 62px;
line-height: 1.1;
color: #3E444A;
font-weight: 700;
}

.ct-us .metric-lbl {
font-size: 14px;
line-height: 1.55;
color: #3E444A;
}

.ct-us .deco-strokes {
position: absolute;
bottom: -20px;
right: 0;
display: flex;
flex-direction: row;
gap: 6px;
opacity: 0.18;
pointer-events: none;
}

.ct-us .deco-strokes span {
display: block;
width: 3px;
height: 40px;
background: #3E444A;
border-radius: 6px;
}

.ct-us .deco-strokes span:nth-child(2) {
height: 28px;
}

.ct-us .deco-strokes span:nth-child(3) {
height: 36px;
}

.ct-us .deco-strokes span:nth-child(4) {
height: 20px;
}

.ct-us .deco-strokes span:nth-child(5) {
height: 32px;
}

.ct-us .arc-divider {
width: 100%;
height: 60px;
overflow: hidden;
margin-top: 40px;
}

.ct-us .arc-divider svg {
display: block;
width: 100%;
height: 100%;
}

.ct-us .reach-band {
background: #3E444A;
padding: 80px 0;
position: relative;
}

.ct-us .reach-band::after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 5px;
height: 100%;
background: linear-gradient(180deg, #B5BEC2 0%, #DFE4E8 100%);
}

.ct-us .reach-band .pg-wrap {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 40px;
align-items: start;
}

.ct-us .reach-top-bar {
grid-column: 1 / -1;
height: 3px;
background: linear-gradient(90deg, #B5BEC2 0%, #DFE4E8 60%, transparent 100%);
border-radius: 6px;
margin-bottom: 20px;
}

.ct-us .ch-card {
display: flex;
flex-direction: column;
gap: 12px;
padding: 20px;
border-radius: 12px;
background: rgba(181, 190, 194, 0.1);
border: 1px solid rgba(181, 190, 194, 0.2);
transition: background 0.2s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}

.ct-us .ch-card:hover {
background: rgba(181, 190, 194, 0.18);
border-color: rgba(181, 190, 194, 0.38);
}

.ct-us .ch-icon {
width: 40px;
height: 40px;
position: relative;
flex-shrink: 0;
}

.ct-us .ch-icon svg {
width: 36px;
height: 36px;
}

.ct-us .ch-dot {
position: absolute;
top: 0;
right: 0;
width: 10px;
height: 10px;
background: #B5BEC2;
border-radius: 36px;
border: 2px solid #3E444A;
}

.ct-us .ch-label {
font-size: 14px;
line-height: 1.55;
color: #B5BEC2;
text-transform: uppercase;
letter-spacing: 0.06em;
}

.ct-us .ch-val {
font-size: 16px;
line-height: 1.55;
color: #DFE4E8;
word-break: break-word;
}

.ct-us .ch-val a {
color: #DFE4E8;
text-decoration: none;
transition: color 0.18s cubic-bezier(0.4, 0, 0.2, 1);
}

.ct-us .ch-val a:hover {
color: #fff;
}

.ct-us .ch-val a:focus {
outline: 2px solid #B5BEC2;
outline-offset: 2px;
border-radius: 6px;
}

.ct-us .addr-card {
grid-column: 1 / -1;
display: flex;
flex-direction: row;
gap: 40px;
align-items: flex-start;
padding: 20px;
border-radius: 12px;
background: rgba(181, 190, 194, 0.08);
border: 1px solid rgba(181, 190, 194, 0.15);
}

.ct-us .addr-card .ch-icon {
flex-shrink: 0;
}

.ct-us .addr-body {
display: flex;
flex-direction: column;
gap: 6px;
}

.ct-us .addr-body .ch-label {
font-size: 14px;
line-height: 1.55;
color: #B5BEC2;
text-transform: uppercase;
letter-spacing: 0.06em;
}

.ct-us .addr-body .ch-val {
font-size: 16px;
line-height: 1.55;
color: #DFE4E8;
}

.ct-us .msg-channels {
grid-column: 1 / -1;
display: flex;
flex-direction: row;
gap: 12px;
flex-wrap: wrap;
}

.ct-us .msg-btn {
display: inline-flex;
flex-direction: row;
align-items: center;
gap: 12px;
padding: 12px 20px;
border-radius: 36px;
font-size: 14px;
line-height: 1.3;
color: #DFE4E8;
text-decoration: none;
border: 1px solid rgba(181, 190, 194, 0.3);
background: transparent;
position: relative;
overflow: hidden;
transition: color 0.22s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.22s cubic-bezier(0.4, 0, 0.2, 1);
}

.ct-us .msg-btn::before {
content: '';
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 0;
background: rgba(181, 190, 194, 0.18);
transition: height 0.2s cubic-bezier(0.0, 0, 0.2, 1);
z-index: 0;
}

.ct-us .msg-btn:hover::before {
height: 100%;
}

.ct-us .msg-btn:hover {
border-color: rgba(181, 190, 194, 0.6);
color: #fff;
}

.ct-us .msg-btn:focus {
outline: 2px solid #B5BEC2;
outline-offset: 2px;
}

.ct-us .msg-btn span {
position: relative;
z-index: 1;
}

.ct-us .msg-btn svg {
position: relative;
z-index: 1;
flex-shrink: 0;
}

.ct-us .arc-divider-inv {
width: 100%;
height: 60px;
overflow: hidden;
background: #3E444A;
}

.ct-us .arc-divider-inv svg {
display: block;
width: 100%;
height: 100%;
}

.ct-us .form-area {
padding: 80px 0;
background: #DFE4E8;
position: relative;
overflow: hidden;
}

.ct-us .form-area .wavy-bg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
pointer-events: none;
opacity: 0.12;
overflow: hidden;
}

.ct-us .form-area .pg-wrap {
display: grid;
grid-template-columns: 380px 1fr;
gap: 80px;
align-items: start;
position: relative;
z-index: 1;
}

.ct-us .form-aside {
display: flex;
flex-direction: column;
gap: 20px;
}

.ct-us .fa-tag {
font-size: 14px;
line-height: 1.55;
color: #3E444A;
text-transform: uppercase;
letter-spacing: 0.07em;
}

.ct-us .fa-h2 {
font-size: 24px;
line-height: 1.3;
color: #3E444A;
margin: 0;
}

.ct-us .fa-accent {
width: 48px;
height: 3px;
background: #3E444A;
border-radius: 6px;
}

.ct-us .fa-body {
font-size: 16px;
line-height: 1.75;
color: #3E444A;
margin: 0;
}

.ct-us .fa-body a {
color: #3E444A;
text-decoration: underline;
text-underline-offset: 3px;
transition: opacity 0.18s cubic-bezier(0.4, 0, 0.2, 1);
}

.ct-us .fa-body a:hover {
opacity: 0.7;
}

.ct-us .fa-img-wrap {
border-radius: 12px;
overflow: hidden;
box-shadow: -1px 8px 40px -1px rgba(62, 68, 74, 0.12);
position: relative;
}

.ct-us .fa-img-wrap img {
width: 100%;
height: 220px;
object-fit: cover;
display: block;
filter: grayscale(30%) brightness(0.88) saturate(0.8);
transition: transform 0.28s cubic-bezier(0.4, 0, 0.2, 1);
}

.ct-us .fa-img-wrap:hover img {
transform: scale(1.04);
}

.ct-us .fa-img-wrap::after {
content: '';
position: absolute;
inset: 0;
background: linear-gradient(180deg, rgba(62, 68, 74, 0.28) 0%, rgba(181, 190, 194, 0.18) 100%);
pointer-events: none;
border-radius: 12px;
}

.ct-us .contact-form {
display: flex;
flex-direction: column;
gap: 20px;
}

.ct-us .f-field {
display: flex;
flex-direction: column;
gap: 6px;
}

.ct-us .f-lbl {
font-size: 14px;
line-height: 1.55;
color: #3E444A;
}

.ct-us .f-inp {
width: 100%;
padding: 12px;
border: 1px solid #B5BEC2;
border-radius: 6px;
background: #fff;
font-size: 16px;
line-height: 1.55;
color: #3E444A;
box-sizing: border-box;
transition: border-color 0.18s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.18s cubic-bezier(0.4, 0, 0.2, 1);
appearance: none;
}

.ct-us .f-inp::placeholder {
color: rgba(62, 68, 74, 0.38);
}

.ct-us .f-inp:focus {
outline: none;
border-color: #3E444A;
box-shadow: -1px 3px 4px -1px rgba(62, 68, 74, 0.08);
}

.ct-us .f-textarea {
resize: vertical;
min-height: 120px;
}

.ct-us .f-check-row {
display: flex;
flex-direction: row;
align-items: flex-start;
gap: 12px;
}

.ct-us .f-check-row input[type="checkbox"] {
width: 18px;
height: 18px;
flex-shrink: 0;
margin-top: 2px;
accent-color: #3E444A;
cursor: pointer;
}

.ct-us .f-check-row label {
font-size: 14px;
line-height: 1.55;
color: #3E444A;
cursor: pointer;
}

.ct-us .f-check-row label a {
color: #3E444A;
text-decoration: underline;
text-underline-offset: 3px;
transition: opacity 0.15s cubic-bezier(0.4, 0, 0.2, 1);
}

.ct-us .f-check-row label a:hover {
opacity: 0.65;
}

.ct-us .f-submit {
align-self: flex-start;
padding: 12px 40px;
border-radius: 36px;
border: 2px solid #3E444A;
background: transparent;
color: #3E444A;
font-size: 16px;
line-height: 1.55;
cursor: pointer;
position: relative;
overflow: hidden;
transition: color 0.22s cubic-bezier(0.4, 0, 0.2, 1);
}

.ct-us .f-submit::before {
content: '';
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 0;
background: #3E444A;
transition: height 0.2s cubic-bezier(0.0, 0, 0.2, 1);
z-index: 0;
}

.ct-us .f-submit:hover::before {
height: 100%;
}

.ct-us .f-submit:hover {
color: #fff;
}

.ct-us .f-submit:focus {
outline: 2px solid #3E444A;
outline-offset: 3px;
}

.ct-us .f-submit span {
position: relative;
z-index: 1;
}

@media (max-width: 1280px) {
.ct-us .split-head .pg-wrap {
gap: 40px;
}

.ct-us .sh-h1 {
font-size: 62px;
}
}

@media (max-width: 768px) {
.ct-us .split-head .pg-wrap {
grid-template-columns: 1fr;
gap: 40px;
}

.ct-us .sh-h1 {
font-size: 62px;
}

.ct-us .sh-desc {
max-width: 100%;
}

.ct-us .reach-band .pg-wrap {
grid-template-columns: 1fr 1fr;
}

.ct-us .addr-card {
grid-column: 1 / -1;
flex-direction: column;
gap: 12px;
}

.ct-us .msg-channels {
grid-column: 1 / -1;
}

.ct-us .form-area .pg-wrap {
grid-template-columns: 1fr;
gap: 40px;
}

.ct-us .fa-img-wrap img {
height: 180px;
}
}

@media (max-width: 390px) {
.ct-us .pg-wrap {
padding: 0 20px;
}

.ct-us .sh-h1 {
font-size: 40px;
}

.ct-us .metric-num {
font-size: 40px;
}

.ct-us .reach-band .pg-wrap {
grid-template-columns: 1fr;
}

.ct-us .metric-pair {
gap: 20px;
}

.ct-us .msg-channels {
flex-direction: column;
}

.ct-us .msg-btn {
width: 100%;
justify-content: center;
}
}

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

.prm * {
box-sizing: border-box;
}

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

@keyframes fadeBlurIn {
from {
opacity: 0;
filter: blur(8px);
}

to {
opacity: 1;
filter: blur(0);
}
}

.prm .t-blk {
background: #3E444A;
padding: 80px 0 40px;
position: relative;
}

.prm .t-blk__inner {
max-width: 1024px;
margin: 0 auto;
padding: 0 20px;
display: grid;
grid-template-columns: 1fr 420px;
gap: 80px;
align-items: center;
}

.prm .t-blk__text {
animation: fadeBlurIn 0.25s cubic-bezier(0.4, 0, 0.2, 1) both;
}

.prm .t-blk__eyebrow {
font-size: 14px;
color: #B5BEC2;
line-height: 1.55;
letter-spacing: 0.08em;
text-transform: uppercase;
margin: 0 0 20px;
}

.prm .t-blk__h1 {
font-size: 62px;
line-height: 1.1;
color: #fff;
margin: 0 0 20px;
font-weight: 700;
}

.prm .t-blk__h1 span {
display: block;
}

.prm .t-blk__desc {
font-size: 16px;
line-height: 1.75;
color: #DFE4E8;
margin: 0 0 40px;
max-width: 460px;
}

.prm .t-blk__arrow {
display: flex;
flex-direction: row;
align-items: center;
gap: 12px;
}

.prm .t-blk__arrow-line {
width: 48px;
height: 2px;
background: #B5BEC2;
}

.prm .t-blk__arrow-tip {
width: 0;
height: 0;
border-top: 5px solid transparent;
border-bottom: 5px solid transparent;
border-left: 8px solid #B5BEC2;
}

.prm .t-blk__arrow-label {
font-size: 14px;
color: #B5BEC2;
line-height: 1.3;
}

.prm .t-blk__img-wrap {
position: relative;
border-radius: 12px;
overflow: hidden;
animation: fadeBlurIn 0.28s cubic-bezier(0.0, 0, 0.2, 1) 0.1s both;
}

.prm .t-blk__img-wrap img {
width: 100%;
height: 360px;
object-fit: cover;
display: block;
transition: transform 0.22s cubic-bezier(0.4, 0, 0.2, 1);
}

.prm .t-blk__img-wrap:hover img {
transform: scale(1.04);
}

.prm .t-blk__vignette {
position: absolute;
inset: 0;
background: linear-gradient(135deg, rgba(62, 68, 74, 0.55) 0%, transparent 55%, rgba(62, 68, 74, 0.4) 100%);
pointer-events: none;
}

.prm .t-blk__deco-bar {
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 6px;
background: linear-gradient(90deg, #3E444A 0%, #B5BEC2 50%, #DFE4E8 100%);
}

.prm .divider-cross {
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
padding: 20px 0;
background: #fff;
}

.prm .divider-cross__line {
flex: 1;
height: 1px;
background: #DFE4E8;
max-width: 200px;
}

.prm .divider-cross__mark {
width: 16px;
height: 16px;
position: relative;
margin: 0 12px;
flex-shrink: 0;
}

.prm .divider-cross__mark::before,
.prm .divider-cross__mark::after {
content: '';
position: absolute;
background: #B5BEC2;
border-radius: 2px;
}

.prm .divider-cross__mark::before {
width: 100%;
height: 2px;
top: 50%;
left: 0;
transform: translateY(-50%);
}

.prm .divider-cross__mark::after {
width: 2px;
height: 100%;
left: 50%;
top: 0;
transform: translateX(-50%);
}

.prm .pat-blk {
padding: 80px 0;
background: #DFE4E8;
clip-path: polygon(0 0, 100% 0, 100% 92%, 0 100%);
padding-bottom: 120px;
}

.prm .pat-blk__inner {
max-width: 1024px;
margin: 0 auto;
padding: 0 20px;
display: grid;
grid-template-columns: 340px 1fr;
gap: 80px;
align-items: start;
}

.prm .pat-blk__label {
font-size: 14px;
color: #3E444A;
line-height: 1.3;
text-transform: uppercase;
letter-spacing: 0.07em;
margin: 0 0 20px;
}

.prm .pat-blk__h2 {
font-size: 24px;
line-height: 1.3;
color: #3E444A;
font-weight: 700;
margin: 0 0 20px;
}

.prm .pat-blk__img-wrap {
border-radius: 12px;
overflow: hidden;
box-shadow: -1px 6px 18px -1px rgba(62, 68, 74, 0.09);
}

.prm .pat-blk__img-wrap img {
width: 100%;
height: 280px;
object-fit: cover;
display: block;
transition: filter 0.2s cubic-bezier(0.4, 0, 0.2, 1), transform 0.22s cubic-bezier(0.4, 0, 0.2, 1);
filter: saturate(1);
}

.prm .pat-blk__img-wrap:hover img {
filter: saturate(0);
transform: scale(1.03);
}

.prm .pat-blk__quotes {
display: flex;
flex-direction: column;
gap: 20px;
}

.prm .pat-q {
background: #fff;
border-radius: 12px;
padding: 20px;
box-shadow: -1px 3px 4px -1px rgba(62, 68, 74, 0.08);
position: relative;
}

.prm .pat-q__text {
font-size: 16px;
line-height: 1.55;
color: #3E444A;
margin: 0 0 12px;
}

.prm .pat-q__name {
font-size: 14px;
color: #B5BEC2;
line-height: 1.3;
margin: 0;
}

.prm .pat-q__corner {
position: absolute;
top: 0;
right: 0;
width: 20px;
height: 20px;
background: #3E444A;
border-radius: 0 12px 0 12px;
}

.prm .fit-blk {
padding: 80px 0 80px;
background: #fff;
}

.prm .fit-blk__inner {
max-width: 1024px;
margin: 0 auto;
padding: 0 20px;
}

.prm .fit-blk__top {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 80px;
align-items: start;
margin-bottom: 40px;
}

.prm .fit-blk__accent-bar {
width: 40px;
height: 3px;
background: #3E444A;
border-radius: 6px;
margin-bottom: 20px;
}

.prm .fit-blk__h2 {
font-size: 24px;
line-height: 1.3;
color: #3E444A;
font-weight: 700;
margin: 0 0 12px;
}

.prm .fit-blk__sub {
font-size: 16px;
line-height: 1.55;
color: #3E444A;
margin: 0;
}

.prm .fit-blk__img-wrap {
border-radius: 12px;
overflow: hidden;
box-shadow: -1px 8px 40px -1px rgba(62, 68, 74, 0.12);
}

.prm .fit-blk__img-wrap img {
width: 100%;
height: 240px;
object-fit: cover;
display: block;
transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

.prm .fit-blk__img-wrap:hover img {
transform: scale(1.04);
}

.prm .fit-items {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 20px;
}

.prm .fit-item {
border-radius: 12px;
background: #DFE4E8;
padding: 20px;
}

.prm .fit-item__num {
font-size: 62px;
line-height: 1.1;
color: #B5BEC2;
font-weight: 700;
margin: 0 0 12px;
display: block;
}

.prm .fit-item__text {
font-size: 14px;
line-height: 1.55;
color: #3E444A;
margin: 0;
}

.prm .sit-blk {
padding: 80px 0;
background: #3E444A;
}

.prm .sit-blk__inner {
max-width: 1024px;
margin: 0 auto;
padding: 0 20px;
}

.prm .sit-blk__top {
text-align: right;
margin-bottom: 40px;
}

.prm .sit-blk__h2 {
font-size: 24px;
line-height: 1.3;
color: #fff;
font-weight: 700;
margin: 0 0 12px;
}

.prm .sit-blk__sub {
font-size: 16px;
line-height: 1.55;
color: #B5BEC2;
margin: 0;
}

.prm .sit-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 20px;
}

.prm .sit-card {
background: rgba(181, 190, 194, 0.12);
border-radius: 12px;
padding: 20px;
border: 1px solid rgba(181, 190, 194, 0.18);
transition: background 0.18s cubic-bezier(0.4, 0, 0.2, 1);
}

.prm .sit-card:hover {
background: rgba(181, 190, 194, 0.2);
}

.prm .sit-card.featured {
grid-column: 1 / -1;
display: grid;
grid-template-columns: 1fr 320px;
gap: 40px;
align-items: center;
}

.prm .sit-card__img-wrap {
border-radius: 6px;
overflow: hidden;
}

.prm .sit-card__img-wrap img {
width: 100%;
height: 200px;
object-fit: cover;
display: block;
transition: transform 0.22s cubic-bezier(0.4, 0, 0.2, 1), filter 0.2s cubic-bezier(0.4, 0, 0.2, 1);
filter: saturate(1);
}

.prm .sit-card:hover .sit-card__img-wrap img {
transform: scale(1.04);
filter: saturate(0.85);
}

.prm .sit-card__tag {
font-size: 14px;
color: #B5BEC2;
line-height: 1.3;
margin: 0 0 12px;
text-transform: uppercase;
letter-spacing: 0.06em;
}

.prm .sit-card__h4 {
font-size: 16px;
line-height: 1.3;
color: #fff;
font-weight: 700;
margin: 0 0 12px;
}

.prm .sit-card__text {
font-size: 14px;
line-height: 1.55;
color: #B5BEC2;
margin: 0;
}

.prm .cases-blk {
padding: 80px 0;
background: #fff;
}

.prm .cases-blk__inner {
max-width: 1024px;
margin: 0 auto;
padding: 0 20px;
display: grid;
grid-template-columns: 260px 1fr;
gap: 80px;
align-items: start;
}

.prm .cases-blk__aside {
position: sticky;
top: 40px;
}

.prm .cases-blk__abbr {
font-size: 62px;
line-height: 1.1;
font-weight: 700;
color: #DFE4E8;
display: block;
margin-bottom: 12px;
}

.prm .cases-blk__h2 {
font-size: 24px;
line-height: 1.3;
color: #3E444A;
font-weight: 700;
margin: 0 0 12px;
}

.prm .cases-blk__note {
font-size: 14px;
line-height: 1.55;
color: #B5BEC2;
margin: 0;
}

.prm .cases-list {
display: flex;
flex-direction: column;
gap: 20px;
}

.prm .case-item {
border-radius: 12px;
background: #fff;
box-shadow: -1px 6px 18px -1px rgba(62, 68, 74, 0.09);
overflow: hidden;
display: grid;
grid-template-columns: 180px 1fr;
}

.prm .case-item__img-wrap {
overflow: hidden;
}

.prm .case-item__img-wrap img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
min-height: 160px;
transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

.prm .case-item:hover .case-item__img-wrap img {
transform: scale(1.05);
}

.prm .case-item__body {
padding: 20px;
}

.prm .case-item__who {
font-size: 14px;
color: #B5BEC2;
line-height: 1.3;
margin: 0 0 6px;
}

.prm .case-item__h4 {
font-size: 16px;
line-height: 1.3;
color: #3E444A;
font-weight: 700;
margin: 0 0 12px;
}

.prm .case-item__outcome {
font-size: 14px;
line-height: 1.55;
color: #3E444A;
margin: 0;
}

.prm .after-blk {
padding: 80px 0;
background: linear-gradient(180deg, #DFE4E8 0%, #B5BEC2 100%);
}

.prm .after-blk__inner {
max-width: 1024px;
margin: 0 auto;
padding: 0 20px;
}

.prm .after-blk__h2 {
font-size: 24px;
line-height: 1.3;
color: #3E444A;
font-weight: 700;
margin: 0 0 40px;
max-width: 560px;
}

.prm .after-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 20px;
margin-bottom: 40px;
}

.prm .after-card {
background: #fff;
border-radius: 12px;
padding: 20px;
box-shadow: -1px 3px 4px -1px rgba(62, 68, 74, 0.08);
}

.prm .after-card__num {
font-size: 62px;
line-height: 1.1;
color: #3E444A;
font-weight: 700;
margin: 0 0 12px;
display: block;
}

.prm .after-card__label {
font-size: 16px;
line-height: 1.3;
color: #3E444A;
font-weight: 700;
margin: 0 0 6px;
}

.prm .after-card__desc {
font-size: 14px;
line-height: 1.55;
color: #B5BEC2;
margin: 0;
}

.prm .after-blk__close {
max-width: 560px;
margin: 0 auto;
text-align: center;
}

.prm .after-blk__close-text {
font-size: 16px;
line-height: 1.75;
color: #3E444A;
margin: 0;
}

@media (max-width: 1280px) {
.prm .t-blk__inner {
grid-template-columns: 1fr 360px;
gap: 40px;
}

.prm .t-blk__h1 {
font-size: 62px;
}
}

@media (max-width: 768px) {
.prm .t-blk__inner {
grid-template-columns: 1fr;
gap: 40px;
}

.prm .t-blk__h1 {
font-size: 40px;
}

.prm .t-blk__img-wrap img {
height: 240px;
}

.prm .pat-blk__inner {
grid-template-columns: 1fr;
gap: 40px;
}

.prm .fit-blk__top {
grid-template-columns: 1fr;
gap: 20px;
}

.prm .fit-items {
grid-template-columns: 1fr 1fr;
}

.prm .sit-grid {
grid-template-columns: 1fr;
}

.prm .sit-card.featured {
grid-template-columns: 1fr;
gap: 20px;
}

.prm .cases-blk__inner {
grid-template-columns: 1fr;
gap: 40px;
}

.prm .cases-blk__aside {
position: static;
}

.prm .case-item {
grid-template-columns: 1fr;
}

.prm .case-item__img-wrap img {
min-height: 180px;
height: 180px;
}

.prm .after-grid {
grid-template-columns: 1fr 1fr;
}
}

@media (max-width: 390px) {
.prm .t-blk {
padding: 40px 0 40px;
}

.prm .t-blk__h1 {
font-size: 32px;
}

.prm .fit-items {
grid-template-columns: 1fr;
}

.prm .after-grid {
grid-template-columns: 1fr;
}

.prm .pat-blk {
clip-path: none;
padding-bottom: 80px;
}
}

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

.pg-success .inner {
max-width: 1024px;
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
gap: 40px;
}

.pg-success .icon-wrap {
width: 72px;
height: 72px;
border-radius: 36px;
background: #DFE4E8;
display: flex;
align-items: center;
justify-content: center;
box-shadow: -1px 6px 18px -1px rgba(62, 68, 74, 0.09);
}

.pg-success .icon-wrap svg {
display: block;
}

.pg-success .txt-block {
display: flex;
flex-direction: column;
align-items: center;
gap: 12px;
text-align: center;
max-width: 480px;
}

.pg-success .txt-block .heading {
font-size: 62px;
line-height: 1.1;
color: #3E444A;
margin: 0;
}

.pg-success .txt-block .sub {
font-size: 16px;
line-height: 1.55;
color: #3E444A;
margin: 0;
}

.pg-success .txt-block .note {
font-size: 14px;
line-height: 1.75;
color: #B5BEC2;
margin: 0;
}

.pg-success .divider {
width: 40px;
height: 3px;
background: #B5BEC2;
border-radius: 6px;
}

.pg-success .action-row {
display: flex;
flex-direction: row;
align-items: center;
gap: 20px;
flex-wrap: wrap;
justify-content: center;
}

.pg-success .btn-home {
display: inline-block;
padding: 12px 40px;
border-radius: 12px;
border: 2px solid #3E444A;
color: #3E444A;
font-size: 16px;
line-height: 1.3;
text-decoration: none;
background: transparent;
position: relative;
overflow: hidden;
transition: color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
z-index: 0;
}

.pg-success .btn-home::after {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 0;
background: #3E444A;
transition: height 0.25s cubic-bezier(0.0, 0, 0.2, 1);
z-index: -1;
}

.pg-success .btn-home:hover {
color: #fff;
}

.pg-success .btn-home:hover::after {
height: 100%;
}

.pg-success .btn-home:focus-visible {
outline: 2px solid #3E444A;
outline-offset: 3px;
}

.pg-success .link-contact {
font-size: 14px;
line-height: 1.55;
color: #3E444A;
text-decoration: underline;
text-underline-offset: 3px;
transition: color 0.18s cubic-bezier(0.4, 0, 0.2, 1);
}

.pg-success .link-contact:hover {
color: #B5BEC2;
}

.pg-success .link-contact:focus-visible {
outline: 2px solid #3E444A;
outline-offset: 2px;
border-radius: 6px;
}

@media (max-width: 768px) {
.pg-success {
padding: 80px 20px;
}

.pg-success .txt-block .heading {
font-size: 24px;
line-height: 1.3;
}

.pg-success .action-row {
flex-direction: column;
gap: 12px;
}
}

@media (max-width: 390px) {
.pg-success {
padding: 40px 20px;
}

.pg-success .btn-home {
padding: 12px 20px;
width: 100%;
text-align: center;
}
}