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

body {
margin: 0;
-webkit-text-size-adjust: 100%;
word-break: break-word;
overflow-wrap: break-word;
}

.hdr-root {
background: linear-gradient(160deg, #1b1426 0%, #221833 55%, #2a1d40 100%);
border-bottom: 1px solid rgba(137, 109, 188, 0.22);
position: relative;
overflow: hidden;
font-family: 'Rubik', sans-serif;
}

.hdr-root::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: repeating-linear-gradient(90deg,
rgba(137, 109, 188, 0.03) 0px,
rgba(137, 109, 188, 0.03) 1px,
transparent 1px,
transparent 80px);
pointer-events: none;
}

.hdr-strip {
width: 100%;
background: rgba(137, 109, 188, 0.1);
border-bottom: 1px solid rgba(191, 170, 207, 0.15);
padding: 8px 32px;
display: flex;
justify-content: flex-end;
align-items: center;
gap: 32px;
}

.hdr-strip a {
font-family: 'Inconsolata', monospace;
font-size: 14px;
color: #BFAACF;
text-decoration: none;
letter-spacing: 0.04em;
transition: color 0.2s ease;
}

.hdr-strip a:focus {
outline: none;
border-bottom: 4px solid #896DBC;
}

.hdr-strip a:hover {
color: #F3F1F6;
}

.hdr-strip .strip-sep {
color: rgba(191, 170, 207, 0.3);
font-size: 14px;
}

.hdr-brand {
max-width: 1500px;
margin: 0 auto;
padding: 32px 32px 16px;
display: flex;
justify-content: center;
align-items: center;
}

.logo-ring {
width: 80px;
height: 80px;
border-radius: 34px;
border-top: 1px solid rgba(137, 109, 188, 0.6);
border-bottom: 1px solid rgba(137, 109, 188, 0.6);
background: rgba(30, 20, 50, 0.8);
box-shadow: -1px 6px 28px -1px rgba(137, 109, 188, 0.09), 0 0 0 2px rgba(137, 109, 188, 0.18);
display: flex;
align-items: center;
justify-content: center;
padding: 8px;
}

.logo-ring img {
width: 64px;
height: 64px;
object-fit: contain;
display: block;
}

.hdr-wordmark {
margin-left: 16px;
display: flex;
flex-direction: column;
gap: 8px;
}

.hdr-wordmark .brand-name {
font-family: 'Rubik', sans-serif;
font-size: 36px;
font-weight: 700;
line-height: 1.1;
color: #F3F1F6;
letter-spacing: -0.01em;
}

.hdr-wordmark .brand-name span {
color: #896DBC;
}

.hdr-wordmark .brand-tag {
font-family: 'Inconsolata', monospace;
font-size: 14px;
font-weight: 500;
color: #BFAACF;
letter-spacing: 0.12em;
line-height: 1.35;
text-transform: uppercase;
}

.hdr-nav-row {
max-width: 1500px;
margin: 0 auto;
padding: 16px 32px 32px;
display: flex;
justify-content: center;
align-items: center;
}

.hdr-nav {
display: flex;
flex-wrap: wrap;
gap: 8px;
justify-content: center;
align-items: center;
list-style: none;
margin: 0;
padding: 0;
}

.hdr-nav li {
margin: 0;
padding: 0;
}

.hdr-nav a {
display: inline-block;
font-family: 'Rubik', sans-serif;
font-size: 14px;
font-weight: 500;
color: #BFAACF;
text-decoration: none;
padding: 8px 16px;
border-radius: 1px;
border: 1px solid transparent;
letter-spacing: 0.05em;
line-height: 1.55;
transition: color 0.18s ease, border-color 0.22s cubic-bezier(0.25, 0.46, 0.45, 0.94), background 0.22s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.hdr-nav a:hover {
color: #F3F1F6;
border-color: rgba(137, 109, 188, 0.4);
background: rgba(137, 109, 188, 0.1);
}

.hdr-nav a:focus {
outline: none;
border-bottom: 4px solid #896DBC;
color: #F3F1F6;
}

.hdr-nav a.active {
color: #F3F1F6;
background: rgba(137, 109, 188, 0.18);
border-color: rgba(137, 109, 188, 0.5);
}

.hdr-nav .nav-divider {
width: 1px;
height: 16px;
background: rgba(191, 170, 207, 0.2);
display: inline-block;
margin: 0 8px;
}

.hdr-cert {
max-width: 1500px;
margin: 0 auto;
padding: 0 32px 16px;
display: flex;
justify-content: center;
}

.hdr-cert .cert-badge {
font-family: 'Inconsolata', monospace;
font-size: 14px;
color: rgba(191, 170, 207, 0.7);
letter-spacing: 0.08em;
padding: 8px 16px;
border: 1px solid rgba(137, 109, 188, 0.2);
border-radius: 1px;
background: rgba(137, 109, 188, 0.05);
line-height: 1.35;
}

.hdr-cert .cert-badge strong {
color: #896DBC;
font-weight: 600;
}

.ftr-root {
background: linear-gradient(175deg, #1a1230 0%, #150e25 60%, #110c20 100%);
border-top: 1px solid rgba(137, 109, 188, 0.2);
font-family: 'Rubik', sans-serif;
position: relative;
overflow: hidden;
}

.ftr-root::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background:
repeating-linear-gradient(0deg,
rgba(137, 109, 188, 0.025) 0px,
rgba(137, 109, 188, 0.025) 1px,
transparent 1px,
transparent 60px);
pointer-events: none;
}

.ftr-upper {
max-width: 1500px;
margin: 0 auto;
padding: 56px 32px 32px;
display: flex;
flex-wrap: wrap;
gap: 56px;
position: relative;
z-index: 1;
}

.ftr-brand-col {
flex: 0 0 auto;
display: flex;
flex-direction: column;
gap: 16px;
align-items: flex-start;
}

.ftr-logo-wrap {
width: 56px;
height: 56px;
border-radius: 34px;
border-top: 1px solid rgba(137, 109, 188, 0.4);
border-bottom: 1px solid rgba(137, 109, 188, 0.4);
background: rgba(20, 14, 35, 0.9);
box-shadow: -1px 2px 3px -1px rgba(137, 109, 188, 0.08);
display: flex;
align-items: center;
justify-content: center;
padding: 8px;
}

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

.ftr-brand-name {
font-size: 36px;
font-weight: 700;
line-height: 1.1;
color: #F3F1F6;
letter-spacing: -0.01em;
}

.ftr-brand-name span {
color: #896DBC;
}

.ftr-brand-desc {
font-size: 14px;
line-height: 1.55;
color: rgba(191, 170, 207, 0.65);
max-width: 260px;
}

.ftr-cols {
flex: 1 1 auto;
display: flex;
flex-wrap: wrap;
gap: 32px;
justify-content: flex-end;
}

.ftr-col {
flex: 0 0 auto;
min-width: 160px;
}

.ftr-col-label {
font-family: 'Inconsolata', monospace;
font-size: 14px;
font-weight: 700;
color: #896DBC;
letter-spacing: 0.12em;
text-transform: uppercase;
margin-bottom: 16px;
line-height: 1.35;
}

.ftr-col ul {
list-style: none;
margin: 0;
padding: 0;
display: flex;
flex-direction: column;
gap: 8px;
}

.ftr-col ul li {
padding: 0;
margin: 0;
}

.ftr-col a {
font-size: 14px;
line-height: 1.55;
color: rgba(191, 170, 207, 0.75);
text-decoration: none;
letter-spacing: 0.02em;
transition: color 0.18s ease;
}

.ftr-col a:hover {
color: #F3F1F6;
}

.ftr-col a:focus {
outline: none;
border-bottom: 4px solid #896DBC;
color: #F3F1F6;
}

.ftr-contact-item {
font-size: 14px;
line-height: 1.55;
color: rgba(191, 170, 207, 0.75);
font-family: 'Inconsolata', monospace;
}

.ftr-divider {
max-width: 1500px;
margin: 0 auto;
padding: 0 32px;
position: relative;
z-index: 1;
}

.ftr-divider hr {
border: none;
border-top: 1px solid rgba(137, 109, 188, 0.15);
margin: 0;
}

.ftr-lower {
max-width: 1500px;
margin: 0 auto;
padding: 16px 32px 32px;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
gap: 16px;
position: relative;
z-index: 1;
}

.ftr-legal {
display: flex;
flex-wrap: wrap;
gap: 16px;
align-items: center;
list-style: none;
margin: 0;
padding: 0;
}

.ftr-legal li {
padding: 0;
margin: 0;
}

.ftr-legal a {
font-size: 14px;
color: rgba(191, 170, 207, 0.5);
text-decoration: none;
letter-spacing: 0.04em;
transition: color 0.2s ease;
}

.ftr-legal a:hover {
color: #BFAACF;
}

.ftr-legal a:focus {
outline: none;
border-bottom: 4px solid #896DBC;
color: #BFAACF;
}

.ftr-copy {
font-size: 14px;
color: rgba(191, 170, 207, 0.4);
font-family: 'Inconsolata', monospace;
letter-spacing: 0.04em;
line-height: 1.35;
}

@media (max-width: 768px) {
.hdr-strip {
padding: 8px 16px;
gap: 16px;
justify-content: center;
flex-wrap: wrap;
}

.hdr-brand {
padding: 16px 16px 8px;
flex-direction: column;
text-align: center;
}

.hdr-wordmark {
margin-left: 0;
margin-top: 8px;
align-items: center;
}

.hdr-nav-row {
padding: 8px 16px 16px;
}

.hdr-cert {
padding: 0 16px 16px;
}

.ftr-upper {
padding: 32px 16px 16px;
flex-direction: column;
gap: 32px;
}

.ftr-cols {
justify-content: flex-start;
}

.ftr-lower {
padding: 16px 16px 32px;
flex-direction: column;
align-items: flex-start;
}
}

@media (max-width: 375px) {
.hdr-wordmark .brand-name {
font-size: 36px;
}

.hdr-nav a {
padding: 8px 8px;
font-size: 14px;
}

.ftr-brand-name {
font-size: 36px;
}
}

.terms-content-ns {
max-width: 1500px;
margin: 0 auto;
padding: 56px 32px;
background: #13101a;
color: #e8e2f0;
line-height: 1.55;
font-size: 14px;
}

.terms-content-ns h1 {
font-size: 52px;
line-height: 1.1;
color: #F3F1F6;
margin-bottom: 32px;
margin-top: 0;
letter-spacing: -0.5px;
}

.terms-content-ns h2 {
font-size: 36px;
line-height: 1.1;
color: #F3F1F6;
margin-top: 56px;
margin-bottom: 16px;
letter-spacing: -0.2px;
}

.terms-content-ns h3 {
font-size: 14px;
line-height: 1.35;
color: #BFAACF;
text-transform: uppercase;
letter-spacing: 0.12em;
margin-top: 32px;
margin-bottom: 16px;
}

.terms-content-ns h4,
.terms-content-ns h5,
.terms-content-ns h6 {
font-size: 14px;
line-height: 1.35;
color: #BFAACF;
margin-top: 32px;
margin-bottom: 8px;
letter-spacing: 0.04em;
}

.terms-content-ns p {
font-size: 14px;
line-height: 1.55;
color: #cec6db;
margin-top: 0;
margin-bottom: 16px;
max-width: 72ch;
}

.terms-content-ns ul,
.terms-content-ns ol {
font-size: 14px;
line-height: 1.55;
color: #cec6db;
margin-top: 0;
margin-bottom: 16px;
padding-left: 32px;
max-width: 72ch;
}

.terms-content-ns li {
margin-bottom: 8px;
}

.terms-content-ns li::marker {
color: #896DBC;
}

.terms-content-ns em,
.terms-content-ns i {
color: #BFAACF;
font-style: italic;
}

.terms-content-ns a {
color: #896DBC;
text-decoration: underline;
text-decoration-thickness: 1px;
text-underline-offset: 3px;
transition: color 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94), text-decoration-color 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.terms-content-ns a:hover {
color: #BFAACF;
text-decoration-color: #896DBC;
}

.terms-content-ns table {
width: 100%;
border-collapse: collapse;
font-size: 14px;
line-height: 1.35;
margin-bottom: 32px;
box-shadow: -1px 6px 28px -1px rgba(137, 109, 188, 0.09);
border-radius: 1px;
overflow: hidden;
}

.terms-content-ns thead {
background: #1e1828;
}

.terms-content-ns tbody tr {
border-bottom: 1px solid #2a2238;
transition: background 0.18s ease;
}

.terms-content-ns tbody tr:hover {
background: #1a1525;
}

.terms-content-ns th {
padding: 16px;
text-align: left;
color: #BFAACF;
font-size: 14px;
letter-spacing: 0.08em;
text-transform: uppercase;
font-weight: 600;
border-bottom: 1px solid #896DBC;
}

.terms-content-ns td {
padding: 16px;
color: #cec6db;
vertical-align: top;
}

@media (max-width: 768px) {
.terms-content-ns {
padding: 32px 16px;
}

.terms-content-ns h1 {
font-size: 36px;
}

.terms-content-ns h2 {
font-size: 36px;
margin-top: 32px;
}

.terms-content-ns table {
display: block;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}
}

@media (max-width: 375px) {
.terms-content-ns {
padding: 32px 8px;
}

.terms-content-ns h1 {
font-size: 36px;
}
}

.srvd {
background: #0e0b14;
color: #e8e2f0;
overflow-x: clip;
position: relative;
}

.srvd .fog-layer {
position: fixed;
top: 0;
left: -20%;
width: 140%;
height: 100%;
pointer-events: none;
z-index: 0;
background: linear-gradient(108deg, rgba(137, 109, 188, 0.04) 0%, rgba(255, 255, 255, 0.03) 50%, rgba(137, 109, 188, 0.02) 100%);
animation: fogdrift 12s ease-in-out infinite alternate;
}

@keyframes fogdrift {
0% {
transform: translateX(0) translateY(0);
opacity: 0.7;
}

100% {
transform: translateX(6%) translateY(2%);
opacity: 1;
}
}

.srvd .pg-wrap {
max-width: 1500px;
margin: 0 auto;
padding: 0 32px;
position: relative;
z-index: 1;
}

.srvd .title-blk {
padding: 56px 0 32px;
}

.srvd .title-grid {
display: grid;
grid-template-columns: 280px 1fr;
gap: 56px;
align-items: stretch;
min-height: 260px;
}

.srvd .img-col {
position: relative;
overflow: hidden;
border-radius: 1px;
box-shadow: -1px 6px 28px -1px rgba(137, 109, 188, 0.09);
}

.srvd .img-col img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
filter: brightness(0.7) saturate(0.8);
transition: transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.srvd .img-col:hover img {
transform: scale(1.05);
}

.srvd .img-tint {
position: absolute;
inset: 0;
background: rgba(137, 109, 188, 0.22);
pointer-events: none;
}

.srvd .img-corner {
position: absolute;
width: 20px;
height: 20px;
pointer-events: none;
}

.srvd .img-corner.tl {
top: 8px;
left: 8px;
border-top: 2px solid #896DBC;
border-left: 2px solid #896DBC;
}

.srvd .img-corner.tr {
top: 8px;
right: 8px;
border-top: 2px solid #896DBC;
border-right: 2px solid #896DBC;
}

.srvd .img-corner.bl {
bottom: 8px;
left: 8px;
border-bottom: 2px solid #896DBC;
border-left: 2px solid #896DBC;
}

.srvd .img-corner.br {
bottom: 8px;
right: 8px;
border-bottom: 2px solid #896DBC;
border-right: 2px solid #896DBC;
}

.srvd .txt-col {
display: flex;
flex-direction: column;
justify-content: center;
padding: 32px 0;
position: relative;
}

.srvd .txt-col::before {
content: '';
position: absolute;
top: 0;
right: 0;
width: 1px;
height: 100%;
background: linear-gradient(180deg, transparent, rgba(137, 109, 188, 0.3), transparent);
}

.srvd .meta-row {
display: flex;
flex-direction: row;
align-items: center;
gap: 16px;
margin-bottom: 16px;
flex-wrap: wrap;
}

.srvd .tag-badge {
background: rgba(137, 109, 188, 0.18);
color: #BFAACF;
border: 1px solid rgba(137, 109, 188, 0.35);
border-radius: 34px;
padding: 8px 16px;
font-size: 14px;
letter-spacing: 0.06em;
line-height: 1.1;
}

.srvd .user-badge {
background: rgba(191, 170, 207, 0.1);
color: #e8e2f0;
border: 1px solid rgba(191, 170, 207, 0.2);
border-radius: 34px;
padding: 8px 16px;
font-size: 14px;
letter-spacing: 0.04em;
line-height: 1.1;
}

.srvd .pg-h1 {
font-size: 52px;
line-height: 1.1;
color: #F3F1F6;
margin: 0 0 32px;
font-weight: 700;
}

.srvd .stat-row {
display: flex;
flex-direction: row;
gap: 32px;
margin-bottom: 32px;
flex-wrap: wrap;
}

.srvd .stat-item {
display: flex;
flex-direction: column;
gap: 8px;
}

.srvd .stat-label {
font-size: 14px;
color: #BFAACF;
letter-spacing: 0.07em;
line-height: 1.1;
text-transform: uppercase;
}

.srvd .stat-val {
font-size: 36px;
color: #F3F1F6;
line-height: 1.1;
font-weight: 600;
}

.srvd .price-val {
color: #896DBC;
}

.srvd .cta-link {
display: inline-block;
background: #896DBC;
color: #0e0b14;
border-radius: 34px;
padding: 16px 32px;
font-size: 14px;
font-weight: 700;
letter-spacing: 0.05em;
text-decoration: none;
align-self: flex-start;
box-shadow: -1px 2px 3px -1px rgba(137, 109, 188, 0.08);
transition: box-shadow 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94), background 0.18s ease;
}

.srvd .cta-link:hover {
box-shadow: -1px 8px 44px -1px rgba(137, 109, 188, 0.13);
background: #BFAACF;
}

.srvd .prog-sec {
padding: 96px 0;
background: #130f1c;
position: relative;
}

.srvd .prog-sec::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
height: 1px;
background: linear-gradient(90deg, transparent, rgba(137, 109, 188, 0.4), transparent);
}

.srvd .prog-sec::after {
content: '';
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 1px;
background: linear-gradient(90deg, transparent, rgba(137, 109, 188, 0.4), transparent);
}

.srvd .prog-layout {
display: grid;
grid-template-columns: 1fr 2fr;
gap: 56px;
align-items: start;
}

.srvd .prog-aside {
position: sticky;
top: 32px;
}

.srvd .sec-accent {
width: 40px;
height: 2px;
background: #896DBC;
margin-bottom: 16px;
border-radius: 1px;
}

.srvd .sec-h2 {
font-size: 36px;
line-height: 1.35;
color: #F3F1F6;
margin: 0 0 16px;
font-weight: 600;
}

.srvd .prog-sub {
font-size: 14px;
line-height: 1.55;
color: #BFAACF;
margin: 0;
}

.srvd .dur-pill {
display: inline-flex;
align-items: center;
gap: 8px;
background: rgba(137, 109, 188, 0.12);
border: 1px solid rgba(137, 109, 188, 0.25);
border-radius: 34px;
padding: 8px 16px;
margin-top: 16px;
font-size: 14px;
color: #BFAACF;
line-height: 1.1;
}

.srvd .dur-dot {
width: 6px;
height: 6px;
border-radius: 34px;
background: #896DBC;
flex-shrink: 0;
}

.srvd .prog-body {
font-size: 14px;
line-height: 1.55;
color: #ccc4d8;
}

.srvd .prog-body h2 {
font-size: 36px;
line-height: 1.35;
color: #F3F1F6;
margin: 32px 0 16px;
font-weight: 600;
}

.srvd .prog-body h3 {
font-size: 36px;
line-height: 1.35;
color: #e8e2f0;
margin: 32px 0 16px;
font-weight: 500;
}

.srvd .prog-body p {
margin: 0 0 16px;
}

.srvd .prog-body ul {
list-style: none;
padding: 0;
margin: 0 0 16px;
display: flex;
flex-direction: column;
gap: 8px;
}

.srvd .prog-body ul li {
display: flex;
flex-direction: row;
align-items: flex-start;
gap: 8px;
padding: 8px 16px;
background: rgba(137, 109, 188, 0.08);
border-radius: 1px;
border: 1px solid rgba(137, 109, 188, 0.12);
}

.srvd .prog-body ul li::before {
content: '';
width: 8px;
height: 8px;
border-radius: 34px;
background: #896DBC;
flex-shrink: 0;
margin-top: 4px;
}

.srvd .prog-body blockquote {
border: none;
background: rgba(137, 109, 188, 0.1);
border-radius: 1px;
padding: 16px 32px;
margin: 16px 0;
color: #BFAACF;
font-style: italic;
}

.srvd .prog-body mark {
background: rgba(137, 109, 188, 0.25);
color: #F3F1F6;
border-radius: 1px;
padding: 0 4px;
}

.srvd .prog-body dl {
margin: 0 0 16px;
display: grid;
grid-template-columns: auto 1fr;
gap: 8px 16px;
}

.srvd .prog-body dt {
color: #896DBC;
font-weight: 600;
}

.srvd .prog-body dd {
color: #ccc4d8;
margin: 0;
}

.srvd .desc-sec {
padding: 96px 0;
background: #0e0b14;
position: relative;
}

.srvd .desc-layout {
display: grid;
grid-template-columns: 3fr 1fr;
gap: 56px;
align-items: start;
}

.srvd .desc-body {
font-size: 14px;
line-height: 1.55;
color: #ccc4d8;
}

.srvd .desc-body h2 {
font-size: 36px;
line-height: 1.35;
color: #F3F1F6;
margin: 32px 0 16px;
font-weight: 600;
}

.srvd .desc-body h3 {
font-size: 36px;
line-height: 1.35;
color: #e8e2f0;
margin: 32px 0 16px;
font-weight: 500;
}

.srvd .desc-body p {
margin: 0 0 16px;
}

.srvd .desc-body ul,
.srvd .desc-body ol {
padding: 0 0 0 16px;
margin: 0 0 16px;
display: flex;
flex-direction: column;
gap: 8px;
}

.srvd .desc-body ul li,
.srvd .desc-body ol li {
padding: 8px;
color: #ccc4d8;
}

.srvd .desc-body blockquote {
border: none;
background: rgba(191, 170, 207, 0.08);
border-radius: 1px;
padding: 16px 32px;
margin: 16px 0;
color: #BFAACF;
font-style: italic;
}

.srvd .desc-body mark {
background: rgba(137, 109, 188, 0.25);
color: #F3F1F6;
border-radius: 1px;
padding: 0 4px;
}

.srvd .desc-body dl {
margin: 0 0 16px;
display: grid;
grid-template-columns: auto 1fr;
gap: 8px 16px;
}

.srvd .desc-body dt {
color: #896DBC;
font-weight: 600;
}

.srvd .desc-body dd {
color: #ccc4d8;
margin: 0;
}

.srvd .desc-body figure {
margin: 16px 0;
}

.srvd .desc-body figcaption {
font-size: 14px;
color: #BFAACF;
margin-top: 8px;
}

.srvd .desc-body abbr {
text-decoration: underline dotted;
cursor: help;
color: #BFAACF;
}

.srvd .risk-panel {
background: rgba(137, 109, 188, 0.07);
border: 1px solid rgba(137, 109, 188, 0.18);
border-radius: 1px;
padding: 32px;
display: flex;
flex-direction: column;
gap: 16px;
box-shadow: -1px 2px 3px -1px rgba(137, 109, 188, 0.08);
}

.srvd .risk-title {
font-size: 14px;
color: #BFAACF;
letter-spacing: 0.07em;
text-transform: uppercase;
line-height: 1.1;
margin: 0;
}

.srvd .risk-bar-wrap {
display: flex;
flex-direction: column;
gap: 8px;
}

.srvd .risk-row {
display: flex;
flex-direction: column;
gap: 8px;
}

.srvd .risk-lbl {
font-size: 14px;
color: #ccc4d8;
line-height: 1.1;
display: flex;
flex-direction: row;
justify-content: space-between;
}

.srvd .risk-track {
height: 6px;
background: rgba(137, 109, 188, 0.15);
border-radius: 34px;
overflow: hidden;
}

.srvd .risk-fill {
height: 100%;
border-radius: 34px;
transition: width 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.srvd .rf-high {
background: #896DBC;
width: 85%;
}

.srvd .rf-med {
background: #BFAACF;
width: 62%;
}

.srvd .rf-low {
background: rgba(191, 170, 207, 0.5);
width: 38%;
}

.srvd .poll-sec {
padding: 56px 0 96px;
background: #F3F1F6;
}

.srvd .poll-wrap {
max-width: 640px;
margin: 0 auto;
}

.srvd .poll-hd {
font-size: 36px;
line-height: 1.35;
color: #130f1c;
margin: 0 0 8px;
font-weight: 700;
}

.srvd .poll-sub {
font-size: 14px;
color: #4a3f5c;
line-height: 1.55;
margin: 0 0 32px;
}

.srvd .poll-form {
display: flex;
flex-direction: column;
gap: 16px;
}

.srvd .poll-opt {
display: flex;
flex-direction: row;
align-items: center;
gap: 16px;
cursor: pointer;
padding: 16px;
border-radius: 1px;
border: 1px solid rgba(137, 109, 188, 0.25);
background: #fff;
transition: border-color 0.2s ease, background 0.18s ease;
}

.srvd .poll-opt:hover {
border-color: #896DBC;
background: rgba(137, 109, 188, 0.05);
}

.srvd .poll-radio {
position: absolute;
opacity: 0;
width: 0;
height: 0;
pointer-events: none;
}

.srvd .poll-radio:checked+.poll-indicator {
background: #896DBC;
border-color: #896DBC;
box-shadow: inset 0 0 0 4px #F3F1F6;
}

.srvd .poll-radio:checked~.poll-txt {
color: #130f1c;
font-weight: 600;
}

.srvd .poll-opt:has(.poll-radio:checked) {
border-color: #896DBC;
background: rgba(137, 109, 188, 0.08);
}

.srvd .poll-indicator {
width: 20px;
height: 20px;
border-radius: 34px;
border: 2px solid rgba(137, 109, 188, 0.4);
background: transparent;
flex-shrink: 0;
transition: background 0.18s ease, border-color 0.18s ease;
}

.srvd .poll-txt {
font-size: 14px;
color: #2c2040;
line-height: 1.35;
transition: color 0.18s ease;
}

.srvd .poll-btn {
margin-top: 8px;
align-self: flex-start;
background: #130f1c;
color: #F3F1F6;
border: none;
border-radius: 34px;
padding: 16px 32px;
font-size: 14px;
font-weight: 700;
letter-spacing: 0.05em;
cursor: pointer;
box-shadow: -1px 2px 3px -1px rgba(137, 109, 188, 0.08);
transition: box-shadow 0.22s cubic-bezier(0.25, 0.46, 0.45, 0.94), background 0.18s ease;
}

.srvd .poll-btn:hover {
box-shadow: -1px 8px 44px -1px rgba(137, 109, 188, 0.13);
background: #2c2040;
}

.srvd .poll-btn:focus-visible {
outline: 2px solid #896DBC;
outline-offset: 2px;
}

.srvd .poll-sec .sec-accent {
background: #896DBC;
}

.srvd .poll-sec .sec-h2 {
color: #130f1c;
}

@media (max-width: 1024px) {
.srvd .title-grid {
grid-template-columns: 200px 1fr;
gap: 32px;
}

.srvd .prog-layout {
grid-template-columns: 1fr;
gap: 32px;
}

.srvd .prog-aside {
position: static;
}

.srvd .desc-layout {
grid-template-columns: 1fr;
gap: 32px;
}
}

@media (max-width: 768px) {
.srvd .title-grid {
grid-template-columns: 1fr;
min-height: auto;
}

.srvd .img-col {
display: none;
}

.srvd .pg-h1 {
font-size: 36px;
}

.srvd .stat-val {
font-size: 36px;
}

.srvd .pg-wrap {
padding: 0 16px;
}

.srvd .title-blk {
padding: 32px 0 16px;
}

.srvd .prog-sec {
padding: 56px 0;
}

.srvd .desc-sec {
padding: 56px 0;
}
}

@media (max-width: 375px) {
.srvd .pg-h1 {
font-size: 36px;
}

.srvd .stat-row {
gap: 16px;
}

.srvd .poll-hd {
font-size: 36px;
}
}

.srvd .ul-check {
list-style: none;
padding: 0;
margin: 0;
display: flex;
flex-direction: column;
gap: 8px;
}

.srvd .ul-check li {
display: flex;
flex-direction: row;
align-items: flex-start;
gap: 8px;
font-size: 14px;
color: #ccc4d8;
line-height: 1.55;
}

.srvd .ul-check li::before {
content: '';
width: 10px;
height: 10px;
border-radius: 34px;
background: #896DBC;
flex-shrink: 0;
margin-top: 4px;
}

.srvd .underline-hover {
position: relative;
text-decoration: none;
color: #BFAACF;
}

.srvd .underline-hover::after {
content: '';
position: absolute;
bottom: -2px;
left: 50%;
right: 50%;
height: 1px;
background: #896DBC;
transition: left 0.22s cubic-bezier(0.25, 0.46, 0.45, 0.94), right 0.22s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.srvd .underline-hover:hover::after {
left: 0;
right: 0;
}

.prs {
background: #0e0b14;
color: #e8e2f0;
overflow-x: clip;
}

.prs .ed-col {
max-width: 1500px;
margin: 0 auto;
padding: 0 56px;
}

.prs .ed-narrow {
max-width: 780px;
margin: 0 auto;
}

.prs .acc-line {
width: 48px;
height: 2px;
background: #896DBC;
margin-bottom: 16px;
border-radius: 1px;
}

.prs .tb {
padding: 96px 0 56px;
position: relative;
}

.prs .tb-strip {
width: 100%;
height: 180px;
margin-bottom: 56px;
overflow: hidden;
border-radius: 1px;
}

.prs .tb-strip img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center 35%;
clip-path: polygon(0 0, 100% 0, 100% 78%, 85% 100%, 60% 85%, 35% 100%, 10% 88%, 0 100%);
filter: brightness(0.55) saturate(0.8);
transition: transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.prs .tb-strip:hover img {
transform: scale(1.04);
}

.prs .tb-curves {
position: absolute;
top: 0;
right: 0;
width: 340px;
height: 340px;
pointer-events: none;
overflow: hidden;
}

.prs .tb-curves svg {
width: 100%;
height: 100%;
opacity: 0.13;
}

.prs .tb-label {
font-size: 14px;
letter-spacing: 0.12em;
color: #BFAACF;
text-transform: uppercase;
margin-bottom: 16px;
}

.prs .tb-h1 {
font-size: 70px;
line-height: 1.1;
color: #f0ecf8;
margin: 0 0 16px;
font-weight: 700;
}

.prs .tb-h1 span {
color: #896DBC;
}

.prs .tb-sub {
font-size: 14px;
line-height: 1.55;
color: #BFAACF;
max-width: 560px;
}

.prs .ab {
padding: 96px 0;
background: #120f1a;
border-top: 1px solid rgba(137, 109, 188, 0.12);
border-bottom: 1px solid rgba(137, 109, 188, 0.12);
}

.prs .ab-grid {
display: grid;
grid-template-columns: 120px 1fr;
gap: 56px;
align-items: start;
}

.prs .ab-sidebar {
display: flex;
flex-direction: column;
gap: 32px;
padding-top: 8px;
}

.prs .ab-tag {
font-size: 14px;
letter-spacing: 0.1em;
color: #896DBC;
text-transform: uppercase;
writing-mode: vertical-rl;
transform: rotate(180deg);
white-space: nowrap;
}

.prs .ab-year {
font-size: 14px;
color: #BFAACF;
opacity: 0.6;
writing-mode: vertical-rl;
transform: rotate(180deg);
}

.prs .ab-body h2 {
font-size: 52px;
line-height: 1.1;
color: #f0ecf8;
margin: 0 0 32px;
font-weight: 700;
}

.prs .ab-body p {
font-size: 14px;
line-height: 1.55;
color: #c8bedd;
margin-bottom: 16px;
}

.prs .ab-metrics {
display: flex;
flex-direction: row;
gap: 56px;
margin-top: 32px;
padding-top: 32px;
border-top: 1px solid rgba(137, 109, 188, 0.15);
}

.prs .ab-met-item {
display: flex;
flex-direction: column;
gap: 8px;
}

.prs .ab-met-num {
font-size: 36px;
line-height: 1.1;
color: #896DBC;
font-weight: 700;
}

.prs .ab-met-lbl {
font-size: 14px;
color: #BFAACF;
line-height: 1.35;
}

.prs .sv {
padding: 96px 0;
background: #0e0b14;
}

.prs .sv-head {
margin-bottom: 56px;
}

.prs .sv-head h2 {
font-size: 52px;
line-height: 1.1;
color: #f0ecf8;
margin: 0 0 16px;
font-weight: 700;
}

.prs .sv-head p {
font-size: 14px;
line-height: 1.55;
color: #BFAACF;
max-width: 500px;
}

.prs .sv-list {
display: flex;
flex-direction: column;
gap: 0;
}

.prs .sv-item {
display: grid;
grid-template-columns: 56px 1fr auto;
align-items: center;
gap: 32px;
padding: 32px 0;
border-bottom: 1px solid rgba(137, 109, 188, 0.1);
transition: background 0.5s ease;
border-radius: 1px;
cursor: default;
}

.prs .sv-item:first-child {
border-top: 1px solid rgba(137, 109, 188, 0.1);
}

.prs .sv-item:hover {
background: rgba(137, 109, 188, 0.05);
}

.prs .sv-icon {
width: 48px;
height: 48px;
border-radius: 1px;
background: rgba(137, 109, 188, 0.12);
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
position: relative;
transition: box-shadow 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.prs .sv-item:hover .sv-icon {
box-shadow: -1px 6px 28px -1px rgba(137, 109, 188, 0.09);
}

.prs .sv-icon svg {
width: 22px;
height: 22px;
stroke: #896DBC;
fill: none;
stroke-width: 1.5;
}

.prs .sv-icon::after {
content: '';
position: absolute;
inset: -3px;
border: 1px solid #896DBC;
border-radius: 1px;
opacity: 0;
transition: opacity 0.55s ease;
}

.prs .sv-item:hover .sv-icon::after {
opacity: 1;
animation: outline-trace 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;
}

@keyframes outline-trace {
0% {
clip-path: inset(0 100% 100% 0);
opacity: 1;
}

100% {
clip-path: inset(0 0% 0% 0);
opacity: 1;
}
}

.prs .sv-text h4 {
font-size: 14px;
line-height: 1.35;
color: #f0ecf8;
margin: 0 0 8px;
font-weight: 600;
letter-spacing: 0.02em;
}

.prs .sv-text p {
font-size: 14px;
line-height: 1.55;
color: #BFAACF;
margin: 0;
}

.prs .sv-badge {
font-size: 14px;
color: #896DBC;
border: 1px solid rgba(137, 109, 188, 0.3);
border-radius: 34px;
padding: 8px 16px;
white-space: nowrap;
transition: border-color 0.5s ease, background 0.5s ease;
}

.prs .sv-item:hover .sv-badge {
border-color: #896DBC;
background: rgba(137, 109, 188, 0.1);
}

.prs .ct {
padding: 96px 0;
background: #120f1a;
border-top: 1px solid rgba(137, 109, 188, 0.12);
}

.prs .ct-inner {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 96px;
align-items: start;
}

.prs .ct-left h2 {
font-size: 52px;
line-height: 1.1;
color: #f0ecf8;
margin: 0 0 32px;
font-weight: 700;
}

.prs .ct-left p {
font-size: 14px;
line-height: 1.55;
color: #BFAACF;
margin-bottom: 16px;
}

.prs .ct-links {
display: flex;
flex-direction: column;
gap: 16px;
margin-top: 32px;
}

.prs .ct-link-row {
display: flex;
flex-direction: row;
align-items: center;
gap: 16px;
}

.prs .ct-link-icon {
width: 40px;
height: 40px;
border-radius: 1px;
background: rgba(137, 109, 188, 0.1);
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
}

.prs .ct-link-icon svg {
width: 18px;
height: 18px;
stroke: #896DBC;
fill: none;
stroke-width: 1.5;
}

.prs .ct-link-row a {
font-size: 14px;
color: #BFAACF;
text-decoration: none !important;
transition: color 0.55s ease;
}

.prs .ct-link-row a:hover {
color: #f0ecf8;
}

.prs .ct-right {
display: flex;
flex-direction: column;
gap: 32px;
padding-top: 8px;
}

.prs .ct-rating {
background: rgba(137, 109, 188, 0.07);
border: 1px solid rgba(137, 109, 188, 0.15);
border-radius: 1px;
padding: 32px;
box-shadow: -1px 8px 44px -1px rgba(137, 109, 188, 0.13);
}

.prs .ct-rating-num {
font-size: 70px;
line-height: 1.1;
color: #896DBC;
font-weight: 700;
}

.prs .ct-rating-lbl {
font-size: 14px;
color: #BFAACF;
margin-top: 8px;
line-height: 1.35;
}

.prs .ct-stars {
display: flex;
flex-direction: row;
gap: 8px;
margin-top: 16px;
}

.prs .ct-star {
width: 16px;
height: 16px;
}

.prs .ct-star polygon {
fill: #896DBC;
}

.prs .ct-cta-btn {
display: inline-block;
font-size: 14px;
color: #0e0b14;
background: #896DBC;
border: none;
border-radius: 34px;
padding: 16px 32px;
cursor: pointer;
text-decoration: none !important;
transition: box-shadow 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94), background 0.5s ease;
font-weight: 600;
letter-spacing: 0.04em;
}

.prs .ct-cta-btn:hover {
box-shadow: -1px 8px 44px -1px rgba(137, 109, 188, 0.13);
background: #a080d0;
}

.prs .tb,
.prs .sv {
border-right: 2px solid rgba(137, 109, 188, 0.08);
}

@media (max-width: 1024px) {
.prs .ed-col {
padding: 0 32px;
}

.prs .tb-h1 {
font-size: 52px;
}

.prs .ct-inner {
grid-template-columns: 1fr;
gap: 56px;
}

.prs .ab-grid {
grid-template-columns: 1fr;
}

.prs .ab-sidebar {
flex-direction: row;
writing-mode: horizontal-tb;
}

.prs .ab-tag,
.prs .ab-year {
writing-mode: horizontal-tb;
transform: none;
}
}

@media (max-width: 768px) {
.prs .ed-col {
padding: 0 16px;
}

.prs .tb {
padding: 56px 0 32px;
}

.prs .tb-h1 {
font-size: 36px;
}

.prs .ab {
padding: 56px 0;
}

.prs .sv {
padding: 56px 0;
}

.prs .ct {
padding: 56px 0;
}

.prs .ab-metrics {
flex-direction: column;
gap: 32px;
}

.prs .sv-item {
grid-template-columns: 48px 1fr;
}

.prs .sv-badge {
display: none;
}

.prs .tb-strip {
display: none;
}

.prs .tb-curves {
display: none;
}
}

@media (max-width: 375px) {
.prs .tb-h1 {
font-size: 36px;
}

.prs .ab-body h2 {
font-size: 36px;
}

.prs .sv-head h2 {
font-size: 36px;
}

.prs .ct-left h2 {
font-size: 36px;
}

.prs .ct-rating-num {
font-size: 52px;
}
}

.ctus {
background: #0e0b14;
color: #e8e2f0;
overflow-x: clip;
}

.ctus .diamond-div {
display: flex;
align-items: center;
gap: 8px;
padding: 16px 0;
}

.ctus .diamond-div span {
width: 7px;
height: 7px;
background: #896DBC;
transform: rotate(45deg);
display: inline-block;
flex-shrink: 0;
}

.ctus .diamond-div .dline {
flex: 1;
height: 1px;
background: linear-gradient(90deg, #896DBC 0%, #2a1f3d 100%);
}

.ctus .top-band {
padding: 96px 56px;
max-width: 1500px;
margin: 0 auto;
}

.ctus .top-band .pre-label {
display: inline-flex;
align-items: center;
gap: 8px;
font-size: 14px;
letter-spacing: 0.12em;
color: #BFAACF;
margin-bottom: 32px;
}

.ctus .top-band .pre-label .dot {
width: 6px;
height: 6px;
background: #896DBC;
transform: rotate(45deg);
display: block;
}

.ctus .top-band .pg-h1 {
font-size: 70px;
line-height: 1.1;
color: #F3F1F6;
max-width: 700px;
margin: 0 0 32px;
}

.ctus .top-band .pg-sub {
font-size: 14px;
line-height: 1.55;
color: #BFAACF;
max-width: 480px;
}

.ctus .top-band .acnt-bar {
width: 40px;
height: 3px;
background: #896DBC;
margin-bottom: 32px;
}

.ctus .form-contact {
background: #160f22;
padding: 96px 56px;
}

.ctus .form-contact .fc-inner {
max-width: 1500px;
margin: 0 auto;
display: grid;
grid-template-columns: 1fr 2fr;
gap: 96px;
align-items: start;
}

.ctus .form-contact .fc-aside h2 {
font-size: 36px;
line-height: 1.1;
color: #F3F1F6;
margin: 0 0 16px;
}

.ctus .form-contact .fc-aside .aside-line {
width: 32px;
height: 2px;
background: #896DBC;
margin-bottom: 16px;
}

.ctus .form-contact .fc-aside p {
font-size: 14px;
line-height: 1.55;
color: #BFAACF;
margin: 0 0 32px;
}

.ctus .form-contact .fc-aside .cinfo-list {
list-style: none;
padding: 0;
margin: 0;
display: flex;
flex-direction: column;
gap: 16px;
}

.ctus .form-contact .fc-aside .cinfo-list li {
display: flex;
flex-direction: column;
gap: 8px;
}

.ctus .form-contact .fc-aside .cinfo-list .ci-label {
font-size: 14px;
letter-spacing: 0.1em;
color: #896DBC;
text-transform: uppercase;
}

.ctus .form-contact .fc-aside .cinfo-list .ci-val {
font-size: 14px;
line-height: 1.35;
color: #e8e2f0;
}

.ctus .form-contact .fc-aside .cinfo-list a {
color: #BFAACF;
text-decoration: none;
transition: color 0.2s ease;
}

.ctus .form-contact .fc-aside .cinfo-list a:hover {
color: #F3F1F6;
}

.ctus .form-contact .fc-form {
background: #1e1530;
border-radius: 34px;
padding: 56px;
box-shadow: -1px 8px 44px -1px rgba(137, 109, 188, 0.13);
}

.ctus .form-contact .fc-form .frow {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 16px;
margin-bottom: 16px;
}

.ctus .form-contact .fc-form .fgrp {
display: flex;
flex-direction: column;
gap: 8px;
margin-bottom: 16px;
}

.ctus .form-contact .fc-form label {
font-size: 14px;
color: #BFAACF;
letter-spacing: 0.05em;
}

.ctus .form-contact .fc-form input[type="text"],
.ctus .form-contact .fc-form input[type="email"],
.ctus .form-contact .fc-form textarea {
background: #0e0b14;
border: 1px solid #2e2245;
border-radius: 1px;
color: #F3F1F6;
font-size: 14px;
line-height: 1.55;
padding: 16px;
width: 100%;
box-sizing: border-box;
transition: border-color 0.2s ease, box-shadow 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.ctus .form-contact .fc-form input[type="text"]:focus,
.ctus .form-contact .fc-form input[type="email"]:focus,
.ctus .form-contact .fc-form textarea:focus {
outline: none;
border-color: #896DBC;
box-shadow: -1px 6px 28px -1px rgba(137, 109, 188, 0.09);
}

.ctus .form-contact .fc-form input::placeholder,
.ctus .form-contact .fc-form textarea::placeholder {
font-style: italic;
opacity: 0.55;
color: #BFAACF;
}

.ctus .form-contact .fc-form textarea {
resize: vertical;
min-height: 120px;
}

.ctus .form-contact .fc-form .rating-block {
margin-bottom: 32px;
}

.ctus .form-contact .fc-form .rating-block .r-label {
font-size: 14px;
color: #BFAACF;
margin-bottom: 16px;
display: block;
}

.ctus .form-contact .fc-form .rating-wrap {
display: flex;
flex-direction: row;
gap: 8px;
}

.ctus .form-contact .fc-form .rating-wrap .r-opt {
position: relative;
}

.ctus .form-contact .fc-form .rating-wrap .r-opt input[type="radio"] {
position: absolute;
opacity: 0;
width: 0;
height: 0;
}

.ctus .form-contact .fc-form .rating-wrap .r-opt label {
display: flex;
align-items: center;
justify-content: center;
width: 48px;
height: 48px;
border-radius: 1px;
border: 1px solid #2e2245;
background: #0e0b14;
color: #BFAACF;
font-size: 14px;
cursor: pointer;
transition: background 0.2s ease, border-color 0.2s ease, color 0.18s ease;
}

.ctus .form-contact .fc-form .rating-wrap .r-opt input[type="radio"]:checked+label {
background: #896DBC;
border-color: #896DBC;
color: #F3F1F6;
}

.ctus .form-contact .fc-form .rating-wrap .r-opt label:hover {
border-color: #896DBC;
color: #F3F1F6;
}

.ctus .form-contact .fc-form .rating-wrap .r-opt input[type="radio"]:focus-visible+label {
outline: 2px solid #BFAACF;
outline-offset: 2px;
}

.ctus .form-contact .fc-form .privacy-row {
display: flex;
align-items: flex-start;
gap: 16px;
margin-bottom: 32px;
}

.ctus .form-contact .fc-form .privacy-row input[type="checkbox"] {
width: 18px;
height: 18px;
flex-shrink: 0;
accent-color: #896DBC;
margin-top: 2px;
cursor: pointer;
}

.ctus .form-contact .fc-form .privacy-row .priv-txt {
font-size: 14px;
line-height: 1.55;
color: #BFAACF;
}

.ctus .form-contact .fc-form .privacy-row .priv-txt a {
color: #896DBC;
text-decoration: underline;
transition: color 0.2s ease;
}

.ctus .form-contact .fc-form .privacy-row .priv-txt a:hover {
color: #BFAACF;
}

.ctus .form-contact .fc-form .submit-btn {
background: #896DBC;
color: #0e0b14;
border: none;
border-radius: 34px;
font-size: 14px;
letter-spacing: 0.08em;
padding: 16px 56px;
cursor: pointer;
transition: box-shadow 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94), background 0.22s ease;
font-weight: 600;
}

.ctus .form-contact .fc-form .submit-btn:hover {
background: #BFAACF;
box-shadow: -1px 8px 44px -1px rgba(137, 109, 188, 0.13);
}

.ctus .form-contact .fc-form .submit-btn:focus-visible {
outline: 2px solid #F3F1F6;
outline-offset: 3px;
}

.ctus .form-contact .fc-form .submit-btn:active {
box-shadow: inset -1px 5px 10px -1px rgba(137, 109, 188, 0.18);
}

.ctus .img-strip {
padding: 96px 56px;
max-width: 1500px;
margin: 0 auto;
display: grid;
grid-template-columns: 2fr 1fr;
gap: 56px;
align-items: center;
}

.ctus .img-strip .is-txt h2 {
font-size: 52px;
line-height: 1.1;
color: #F3F1F6;
margin: 0 0 16px;
}

.ctus .img-strip .is-txt .is-accent {
width: 36px;
height: 2px;
background: #896DBC;
margin-bottom: 16px;
}

.ctus .img-strip .is-txt p {
font-size: 14px;
line-height: 1.55;
color: #BFAACF;
margin: 0 0 32px;
max-width: 520px;
}

.ctus .img-strip .is-txt .tag-list {
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: 8px;
list-style: none;
padding: 0;
margin: 0;
}

.ctus .img-strip .is-txt .tag-list li {
background: #1e1530;
border: 1px solid #2e2245;
border-radius: 34px;
padding: 8px 16px;
font-size: 14px;
color: #BFAACF;
letter-spacing: 0.04em;
}

.ctus .img-strip .is-img {
position: relative;
border-radius: 34px;
overflow: hidden;
box-shadow: -1px 8px 44px -1px rgba(137, 109, 188, 0.13);
}

.ctus .img-strip .is-img img {
width: 100%;
height: 420px;
object-fit: cover;
display: block;
transition: transform 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.ctus .img-strip .is-img:hover img {
transform: scale(1.04);
}

.ctus .img-strip .is-img .img-overlay {
position: absolute;
inset: 0;
background: rgba(137, 109, 188, 0.22);
pointer-events: none;
}

.ctus .full-divider {
display: flex;
align-items: center;
gap: 0;
padding: 0 56px;
max-width: 1500px;
margin: 0 auto;
}

.ctus .full-divider .fd-repeat {
display: flex;
flex-direction: row;
align-items: center;
gap: 0;
width: 100%;
overflow: hidden;
}

.ctus .full-divider .fd-repeat span {
width: 8px;
height: 8px;
background: transparent;
border: 1px solid #2e2245;
transform: rotate(45deg);
flex-shrink: 0;
margin: 0 4px;
}

@keyframes fadeUp {
from {
opacity: 0;
transform: translateY(24px);
}

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

.ctus .top-band .pre-label {
animation: fadeUp 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}

.ctus .top-band .acnt-bar {
animation: fadeUp 0.65s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.1s both;
}

.ctus .top-band .pg-h1 {
animation: fadeUp 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.18s both;
}

.ctus .top-band .pg-sub {
animation: fadeUp 0.75s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.28s both;
}

@media (max-width: 1024px) {
.ctus .form-contact .fc-inner {
grid-template-columns: 1fr;
gap: 56px;
}

.ctus .img-strip {
grid-template-columns: 1fr;
}

.ctus .img-strip .is-img {
display: none;
}

.ctus .top-band .pg-h1 {
font-size: 52px;
}
}

@media (max-width: 768px) {
.ctus .top-band {
padding: 56px 32px;
}

.ctus .form-contact {
padding: 56px 32px;
}

.ctus .form-contact .fc-form {
padding: 32px;
}

.ctus .form-contact .fc-form .frow {
grid-template-columns: 1fr;
}

.ctus .img-strip {
padding: 56px 32px;
}

.ctus .top-band .pg-h1 {
font-size: 36px;
}

.ctus .full-divider {
padding: 0 32px;
}
}

@media (max-width: 375px) {
.ctus .top-band {
padding: 56px 16px;
}

.ctus .form-contact {
padding: 56px 16px;
}

.ctus .form-contact .fc-form {
padding: 16px;
}

.ctus .img-strip {
padding: 56px 16px;
}

.ctus .full-divider {
padding: 0 16px;
}

.ctus .top-band .pg-h1 {
font-size: 36px;
}
}

.srvs {
background: #120f1a;
color: #e8e2f0;
overflow-x: hidden;
}

.srvs .pg-band {
position: relative;
padding: 96px 32px;
background: linear-gradient(160deg, #1a1228 0%, #0e0b16 60%, #1c1530 100%);
overflow: hidden;
}

.srvs .pg-band::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: linear-gradient(160deg, rgba(137, 109, 188, 0.18) 0%, rgba(191, 170, 207, 0.06) 100%);
pointer-events: none;
}

.srvs .pg-band::after {
content: '';
position: absolute;
top: 30%;
left: -5%;
width: 55%;
height: 1px;
background: linear-gradient(90deg, transparent, rgba(137, 109, 188, 0.35), transparent);
transform: rotate(-12deg);
pointer-events: none;
}

.srvs .geo-shape {
position: absolute;
pointer-events: none;
}

.srvs .geo-shape.s1 {
top: 16px;
right: 10%;
width: 120px;
height: 120px;
border: 1px solid rgba(137, 109, 188, 0.12);
border-radius: 1px;
transform: rotate(22deg);
}

.srvs .geo-shape.s2 {
bottom: 32px;
right: 18%;
width: 60px;
height: 60px;
border: 1px solid rgba(191, 170, 207, 0.1);
border-radius: 1px;
transform: rotate(45deg);
}

.srvs .band-inner {
max-width: 1500px;
margin: 0 auto;
position: relative;
z-index: 1;
}

.srvs .band-label {
display: inline-block;
font-size: 14px;
letter-spacing: 0.12em;
color: #BFAACF;
text-transform: uppercase;
margin-bottom: 16px;
}

.srvs .band-label::before {
content: '';
display: inline-block;
width: 8px;
height: 8px;
background: #896DBC;
border-radius: 1px;
transform: rotate(45deg);
margin-right: 8px;
vertical-align: middle;
}

.srvs .band-h {
font-size: 52px;
line-height: 1.1;
color: #f3f1f6;
max-width: 700px;
margin: 0 0 16px;
}

.srvs .band-h span {
color: #896DBC;
}

.srvs .band-sub {
font-size: 14px;
line-height: 1.55;
color: #BFAACF;
max-width: 520px;
}

@keyframes srvs-float {

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

50% {
transform: translateY(-8px);
}
}

.srvs .float-ico {
display: inline-block;
animation: srvs-float 3.2s ease infinite;
}

.srvs .cards-seg {
padding: 96px 32px;
background: linear-gradient(180deg, #0e0b16 0%, #130f1e 100%);
}

.srvs .cards-inner {
max-width: 1500px;
margin: 0 auto;
}

.srvs .cards-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 32px;
}

.srvs .svc-card {
background: #1a1528;
border-radius: 34px;
overflow: hidden;
box-shadow: -1px 6px 28px -1px rgba(137, 109, 188, 0.09);
transition: box-shadow 0.5s ease, transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
display: flex;
flex-direction: column;
}

.srvs .svc-card:hover {
box-shadow: -1px 8px 44px -1px rgba(137, 109, 188, 0.13);
transform: translateY(-4px);
}

.srvs .card-img-wrap {
overflow: hidden;
aspect-ratio: 16/9;
position: relative;
}

.srvs .card-img-wrap img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
transition: transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.srvs .svc-card:hover .card-img-wrap img {
transform: scale(1.06);
}

.srvs .card-img-wrap::after {
content: '';
position: absolute;
inset: 0;
background: rgba(137, 109, 188, 0);
transition: background 0.55s ease;
pointer-events: none;
}

.srvs .svc-card:hover .card-img-wrap::after {
background: rgba(137, 109, 188, 0.18);
}

.srvs .card-body {
padding: 32px;
display: flex;
flex-direction: column;
flex: 1;
gap: 16px;
}

.srvs .card-tags {
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: 8px;
}

.srvs .tag-pill {
font-size: 14px;
padding: 4px 16px;
border-radius: 34px;
background: rgba(137, 109, 188, 0.15);
color: #BFAACF;
border: 1px solid rgba(137, 109, 188, 0.25);
line-height: 1.55;
}

.srvs .tag-pill.lvl {
background: rgba(191, 170, 207, 0.1);
color: #f3f1f6;
border-color: rgba(191, 170, 207, 0.2);
}

.srvs .card-title {
font-size: 36px;
line-height: 1.1;
color: #f3f1f6;
margin: 0;
}

.srvs .card-desc {
font-size: 14px;
line-height: 1.55;
color: #BFAACF;
margin: 0;
flex: 1;
}

.srvs .card-meta {
display: flex;
flex-direction: row;
align-items: center;
gap: 16px;
font-size: 14px;
color: #896DBC;
}

.srvs .card-meta .sep {
width: 4px;
height: 4px;
background: #896DBC;
border-radius: 1px;
transform: rotate(45deg);
display: inline-block;
flex-shrink: 0;
}

.srvs .card-foot {
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
padding-top: 16px;
border-top: 1px solid rgba(137, 109, 188, 0.15);
}

.srvs .card-price {
font-size: 36px;
line-height: 1.1;
color: #f3f1f6;
font-weight: 600;
}

.srvs .card-link {
display: inline-block;
padding: 8px 32px;
border-radius: 34px;
background: #896DBC;
color: #120f1a;
font-size: 14px;
text-decoration: none;
font-weight: 600;
letter-spacing: 0.04em;
transition: box-shadow 0.25s ease, background 0.2s ease;
}

.srvs .card-link:hover {
background: #BFAACF;
box-shadow: -1px 6px 28px -1px rgba(137, 109, 188, 0.35);
}

.srvs .metrics-seg {
padding: 96px 32px;
background: linear-gradient(180deg, #130f1e 0%, #1c1530 100%);
}

.srvs .metrics-inner {
max-width: 1500px;
margin: 0 auto;
display: grid;
grid-template-columns: 3fr 1fr;
gap: 56px;
align-items: center;
}

.srvs .metrics-left .sec-label {
font-size: 14px;
letter-spacing: 0.1em;
color: #896DBC;
text-transform: uppercase;
margin-bottom: 16px;
display: block;
}

.srvs .metrics-left .sec-label::before {
content: '';
display: inline-block;
width: 24px;
height: 1px;
background: #896DBC;
margin-right: 8px;
vertical-align: middle;
}

.srvs .metrics-h {
font-size: 52px;
line-height: 1.1;
color: #f3f1f6;
margin: 0 0 32px;
max-width: 560px;
}

.srvs .metrics-text {
font-size: 14px;
line-height: 1.55;
color: #BFAACF;
max-width: 480px;
margin: 0 0 32px;
}

.srvs .stat-row {
display: flex;
flex-direction: row;
gap: 32px;
}

.srvs .stat-item {
display: flex;
flex-direction: column;
gap: 8px;
}

.srvs .stat-num {
font-size: 52px;
line-height: 1.1;
color: #896DBC;
}

.srvs .stat-lbl {
font-size: 14px;
color: #BFAACF;
line-height: 1.35;
}

.srvs .metrics-right {
display: flex;
flex-direction: column;
gap: 16px;
}

.srvs .step-item {
background: rgba(137, 109, 188, 0.08);
border-radius: 34px;
padding: 32px;
border: 1px solid rgba(137, 109, 188, 0.15);
transition: background 0.5s ease;
}

.srvs .step-item:hover {
background: rgba(137, 109, 188, 0.14);
}

.srvs .step-num {
font-size: 14px;
color: #896DBC;
letter-spacing: 0.08em;
margin-bottom: 8px;
display: block;
}

.srvs .step-title {
font-size: 14px;
line-height: 1.35;
color: #f3f1f6;
margin: 0;
}

.srvs .team-seg {
padding: 96px 32px;
background: linear-gradient(180deg, #1c1530 0%, #0e0b16 100%);
}

.srvs .team-inner {
max-width: 1500px;
margin: 0 auto;
}

.srvs .team-top {
margin-bottom: 56px;
}

.srvs .team-h {
font-size: 52px;
line-height: 1.1;
color: #f3f1f6;
margin: 0 0 16px;
}

.srvs .team-sub {
font-size: 14px;
line-height: 1.55;
color: #BFAACF;
max-width: 540px;
}

.srvs .team-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 32px;
}

.srvs .team-card {
display: flex;
flex-direction: row;
gap: 32px;
align-items: flex-start;
background: #1a1528;
border-radius: 34px;
padding: 32px;
box-shadow: -1px 2px 3px -1px rgba(137, 109, 188, 0.08);
transition: box-shadow 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.srvs .team-card:hover {
box-shadow: -1px 8px 44px -1px rgba(137, 109, 188, 0.13);
}

.srvs .team-card.wide {
grid-column: span 2;
align-items: center;
}

.srvs .portrait-wrap {
width: 96px;
height: 128px;
border-radius: 34px;
overflow: hidden;
flex-shrink: 0;
box-shadow: -1px 6px 28px -1px rgba(137, 109, 188, 0.09);
}

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

.srvs .team-info {
display: flex;
flex-direction: column;
gap: 8px;
}

.srvs .team-name {
font-size: 36px;
line-height: 1.1;
color: #f3f1f6;
margin: 0;
}

.srvs .team-role {
font-size: 14px;
color: #896DBC;
letter-spacing: 0.06em;
}

.srvs .team-bio {
font-size: 14px;
line-height: 1.55;
color: #BFAACF;
margin: 0;
}

.srvs .faq-seg {
padding: 96px 32px;
background: linear-gradient(180deg, #0e0b16 0%, #12101c 100%);
}

.srvs .faq-inner {
max-width: 1500px;
margin: 0 auto;
display: grid;
grid-template-columns: 1fr 2fr;
gap: 56px;
}

.srvs .faq-aside .faq-h {
font-size: 52px;
line-height: 1.1;
color: #f3f1f6;
margin: 0 0 16px;
}

.srvs .faq-aside .faq-note {
font-size: 14px;
line-height: 1.55;
color: #BFAACF;
margin: 0 0 32px;
}

.srvs .faq-aside .press-link {
display: inline-block;
font-size: 14px;
color: #896DBC;
text-decoration: none;
border-bottom: 1px solid rgba(137, 109, 188, 0.4);
padding-bottom: 4px;
transition: color 0.2s ease, border-color 0.2s ease;
}

.srvs .faq-aside .press-link:hover {
color: #BFAACF;
border-color: rgba(191, 170, 207, 0.5);
}

.srvs .faq-list {
display: flex;
flex-direction: column;
gap: 16px;
}

.srvs .faq-item {
background: #1a1528;
border-radius: 34px;
border: 1px solid rgba(137, 109, 188, 0.12);
overflow: hidden;
}

.srvs .faq-q {
width: 100%;
background: none;
border: none;
padding: 32px;
text-align: left;
color: #f3f1f6;
font-size: 14px;
line-height: 1.35;
cursor: pointer;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
gap: 16px;
transition: color 0.2s ease;
}

.srvs .faq-q:hover {
color: #BFAACF;
}

.srvs .faq-q .faq-ico {
width: 20px;
height: 20px;
flex-shrink: 0;
position: relative;
}

.srvs .faq-q .faq-ico::before,
.srvs .faq-q .faq-ico::after {
content: '';
position: absolute;
background: #896DBC;
border-radius: 1px;
transition: transform 0.25s ease, opacity 0.25s ease;
}

.srvs .faq-q .faq-ico::before {
width: 12px;
height: 1px;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}

.srvs .faq-q .faq-ico::after {
width: 1px;
height: 12px;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}

.srvs .faq-item input[type="checkbox"] {
position: absolute;
opacity: 0;
pointer-events: none;
width: 0;
height: 0;
}

.srvs .faq-ans {
max-height: 0;
overflow: hidden;
transition: max-height 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94), padding 0.5s ease;
padding: 0 32px;
font-size: 14px;
line-height: 1.55;
color: #BFAACF;
}

.srvs .faq-toggle:checked~.faq-q .faq-ico::after {
transform: translate(-50%, -50%) rotate(90deg);
opacity: 0;
}

.srvs .faq-toggle:checked~.faq-ans {
max-height: 300px;
padding: 0 32px 32px;
}

.srvs .faq-item {
position: relative;
}

.srvs .faq-toggle {
position: absolute;
opacity: 0;
pointer-events: none;
width: 0;
height: 0;
}

.srvs .faq-q-label {
width: 100%;
background: none;
border: none;
padding: 32px;
text-align: left;
color: #f3f1f6;
font-size: 14px;
line-height: 1.35;
cursor: pointer;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
gap: 16px;
transition: color 0.2s ease;
}

.srvs .faq-q-label:hover {
color: #BFAACF;
}

.srvs .faq-q-label .faq-ico {
width: 20px;
height: 20px;
flex-shrink: 0;
position: relative;
}

.srvs .faq-q-label .faq-ico::before,
.srvs .faq-q-label .faq-ico::after {
content: '';
position: absolute;
background: #896DBC;
border-radius: 1px;
transition: transform 0.25s ease, opacity 0.25s ease;
}

.srvs .faq-q-label .faq-ico::before {
width: 12px;
height: 1px;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}

.srvs .faq-q-label .faq-ico::after {
width: 1px;
height: 12px;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}

.srvs .faq-toggle:checked+.faq-q-label .faq-ico::after {
transform: translate(-50%, -50%) scaleY(0);
opacity: 0;
}

.srvs .faq-toggle:checked~.faq-ans {
max-height: 300px;
padding: 0 32px 32px;
}

.srvs .cta-seg {
padding: 96px 32px;
background: linear-gradient(160deg, #1a1228 0%, #0e0b16 100%);
position: relative;
overflow: hidden;
}

.srvs .cta-seg::before {
content: '';
position: absolute;
bottom: -30px;
right: -30px;
width: 300px;
height: 300px;
border: 1px solid rgba(137, 109, 188, 0.08);
border-radius: 1px;
transform: rotate(15deg);
pointer-events: none;
}

.srvs .cta-inner {
max-width: 1500px;
margin: 0 auto;
display: grid;
grid-template-columns: 2fr 1fr;
gap: 56px;
align-items: center;
position: relative;
z-index: 1;
}

.srvs .cta-text .cta-acc {
display: block;
width: 40px;
height: 2px;
background: #896DBC;
margin-bottom: 16px;
border-radius: 1px;
}

.srvs .cta-h {
font-size: 52px;
line-height: 1.1;
color: #f3f1f6;
margin: 0 0 16px;
}

.srvs .cta-p {
font-size: 14px;
line-height: 1.55;
color: #BFAACF;
margin: 0;
}

.srvs .cta-act {
display: flex;
flex-direction: column;
gap: 16px;
align-items: flex-start;
}

.srvs .cta-btn {
display: inline-block;
padding: 16px 56px;
border-radius: 34px;
background: #896DBC;
color: #120f1a;
font-size: 14px;
font-weight: 700;
text-decoration: none;
letter-spacing: 0.05em;
transition: box-shadow 0.25s ease, background 0.2s ease;
border: none;
cursor: pointer;
}

.srvs .cta-btn:hover {
background: #BFAACF;
box-shadow: -1px 8px 44px -1px rgba(137, 109, 188, 0.35);
}

.srvs .cta-note {
font-size: 14px;
color: #896DBC;
line-height: 1.35;
}

@media (max-width: 1024px) {
.srvs .cards-grid {
grid-template-columns: 1fr 1fr;
}

.srvs .metrics-inner {
grid-template-columns: 1fr;
gap: 32px;
}

.srvs .faq-inner {
grid-template-columns: 1fr;
gap: 32px;
}

.srvs .cta-inner {
grid-template-columns: 1fr;
gap: 32px;
}
}

@media (max-width: 768px) {
.srvs .band-h {
font-size: 36px;
}

.srvs .cards-grid {
grid-template-columns: 1fr;
}

.srvs .team-grid {
grid-template-columns: 1fr;
}

.srvs .team-card.wide {
grid-column: span 1;
}

.srvs .stat-row {
flex-direction: column;
gap: 16px;
}

.srvs .metrics-h,
.srvs .team-h,
.srvs .faq-aside .faq-h,
.srvs .cta-h {
font-size: 36px;
}

.srvs .card-img-wrap {
display: none;
}
}

@media (max-width: 375px) {

.srvs .pg-band,
.srvs .cards-seg,
.srvs .metrics-seg,
.srvs .team-seg,
.srvs .faq-seg,
.srvs .cta-seg {
padding: 56px 16px;
}

.srvs .band-h {
font-size: 36px;
}

.srvs .card-body {
padding: 16px;
}

.srvs .team-card {
flex-direction: column;
gap: 16px;
}
}

.wcu-pg {
background: #0e0b14;
color: #e8e2f0;
overflow-x: clip;
}

.wcu-pg * {
box-sizing: border-box;
}

.wcu-pg ::selection {
background: #fff;
color: #000;
}

.wcu-pg img {
display: block;
max-width: 100%;
}

@keyframes wcuFade {
from {
opacity: 0;
transform: translateY(16px);
}

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

.wcu-pg .fade-in {
animation: wcuFade 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}

.wcu-pg .fade-in.d1 {
animation-delay: 0.1s;
}

.wcu-pg .fade-in.d2 {
animation-delay: 0.25s;
}

.wcu-pg .fade-in.d3 {
animation-delay: 0.4s;
}

.wcu-pg .fade-in.d4 {
animation-delay: 0.55s;
}

.wcu-pg .tb {
max-width: 1500px;
margin: 0 auto;
padding: 96px 56px;
display: flex;
flex-direction: row;
gap: 56px;
align-items: stretch;
position: relative;
}

.wcu-pg .tb-strip {
width: 220px;
flex-shrink: 0;
position: relative;
overflow: hidden;
}

.wcu-pg .tb-strip img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
filter: grayscale(1) contrast(1.15);
transition: transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.wcu-pg .tb-strip:hover img {
transform: scale(1.04);
}

.wcu-pg .tb-strip::after {
content: '';
position: absolute;
top: 0;
right: 0;
width: 2px;
height: 100%;
background: linear-gradient(180deg, transparent 0%, #896DBC 50%, transparent 100%);
}

.wcu-pg .tb-text {
flex: 1;
display: flex;
flex-direction: column;
justify-content: center;
gap: 32px;
padding-left: 32px;
}

.wcu-pg .tb-accent {
display: flex;
flex-direction: row;
gap: 8px;
align-items: center;
}

.wcu-pg .tb-accent span {
display: block;
height: 2px;
background: #896DBC;
}

.wcu-pg .tb-accent span:nth-child(1) {
width: 32px;
}

.wcu-pg .tb-accent span:nth-child(2) {
width: 16px;
}

.wcu-pg .tb-accent span:nth-child(3) {
width: 8px;
}

.wcu-pg .tb-h1 {
font-size: 70px;
line-height: 1.1;
letter-spacing: -1px;
color: #f3f1f6;
margin: 0;
max-width: 780px;
}

.wcu-pg .tb-sub {
font-size: 14px;
line-height: 1.55;
color: #BFAACF;
letter-spacing: 0.08em;
text-transform: uppercase;
margin: 0;
}

.wcu-pg .tb-deco {
position: absolute;
bottom: 56px;
right: 56px;
display: flex;
flex-direction: column;
gap: 8px;
pointer-events: none;
}

.wcu-pg .tb-deco i {
display: block;
height: 2px;
background: #896DBC;
opacity: 0.35;
}

.wcu-pg .tb-deco i:nth-child(1) {
width: 48px;
}

.wcu-pg .tb-deco i:nth-child(2) {
width: 36px;
}

.wcu-pg .tb-deco i:nth-child(3) {
width: 24px;
}

.wcu-pg .tb-deco i:nth-child(4) {
width: 16px;
}

.wcu-pg .div-line {
height: 1px;
background: linear-gradient(90deg, transparent 0%, #896DBC 50%, transparent 100%);
margin: 0;
}

.wcu-pg .metrics {
background: #130f1c;
padding: 96px 0;
}

.wcu-pg .metrics-inner {
max-width: 1500px;
margin: 0 auto;
padding: 0 56px;
}

.wcu-pg .metrics-label {
font-size: 14px;
line-height: 1.35;
letter-spacing: 0.12em;
text-transform: uppercase;
color: #896DBC;
margin-bottom: 56px;
display: flex;
flex-direction: row;
align-items: center;
gap: 16px;
}

.wcu-pg .metrics-label::before {
content: '';
display: block;
width: 4px;
height: 4px;
background: #896DBC;
border-radius: 1px;
flex-shrink: 0;
}

.wcu-pg .metrics-grid {
display: grid;
grid-template-columns: 2fr 1fr 1fr 1fr;
gap: 32px;
align-items: start;
}

.wcu-pg .met-card {
padding: 32px;
border: 1px solid rgba(137, 109, 188, 0.18);
border-radius: 1px;
background: rgba(137, 109, 188, 0.04);
box-shadow: -1px 6px 28px -1px rgba(137, 109, 188, 0.09);
transition: border-color 0.5s ease, box-shadow 0.6s ease;
position: relative;
overflow: hidden;
}

.wcu-pg .met-card::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
height: 2px;
background: linear-gradient(90deg, #896DBC, #BFAACF);
opacity: 0;
transition: opacity 0.5s ease;
}

.wcu-pg .met-card:hover {
border-color: rgba(137, 109, 188, 0.45);
box-shadow: -1px 8px 44px -1px rgba(137, 109, 188, 0.13);
}

.wcu-pg .met-card:hover::before {
opacity: 1;
}

.wcu-pg .met-card.featured {
grid-row: span 1;
background: rgba(137, 109, 188, 0.08);
border-color: rgba(137, 109, 188, 0.3);
}

.wcu-pg .met-num {
font-size: 52px;
line-height: 1.1;
color: #896DBC;
margin: 0 0 16px;
letter-spacing: -1px;
}

.wcu-pg .met-num sup {
font-size: 36px;
vertical-align: super;
}

.wcu-pg .met-title {
font-size: 14px;
line-height: 1.35;
color: #f3f1f6;
margin: 0 0 16px;
letter-spacing: 0.04em;
text-transform: uppercase;
}

.wcu-pg .met-desc {
font-size: 14px;
line-height: 1.55;
color: #BFAACF;
margin: 0;
}

.wcu-pg .reasons {
padding: 96px 0;
position: relative;
}

.wcu-pg .reasons::before {
content: '';
position: absolute;
inset: 0;
background-image:
linear-gradient(rgba(137, 109, 188, 0.04) 1px, transparent 1px),
linear-gradient(90deg, rgba(137, 109, 188, 0.04) 1px, transparent 1px);
background-size: 32px 32px;
pointer-events: none;
}

.wcu-pg .reasons-inner {
max-width: 1500px;
margin: 0 auto;
padding: 0 56px;
display: grid;
grid-template-columns: 1fr 420px;
gap: 96px;
align-items: center;
position: relative;
}

.wcu-pg .reasons-text {}

.wcu-pg .reasons-eyebrow {
font-size: 14px;
line-height: 1.35;
letter-spacing: 0.1em;
text-transform: uppercase;
color: #896DBC;
margin: 0 0 16px;
}

.wcu-pg .reasons-h2 {
font-size: 36px;
line-height: 1.1;
color: #f3f1f6;
margin: 0 0 32px;
}

.wcu-pg .reasons-h2::before {
content: '';
display: block;
width: 40px;
height: 2px;
background: #896DBC;
margin-bottom: 16px;
}

.wcu-pg .reasons-intro {
font-size: 14px;
line-height: 1.55;
color: #BFAACF;
margin: 0 0 32px;
}

.wcu-pg .badge-list {
list-style: none;
padding: 0;
margin: 0;
display: flex;
flex-direction: column;
gap: 16px;
}

.wcu-pg .badge-list li {
display: flex;
flex-direction: row;
align-items: flex-start;
gap: 16px;
padding: 16px;
border-radius: 34px;
background: rgba(137, 109, 188, 0.06);
border: 1px solid rgba(137, 109, 188, 0.14);
transition: background 0.55s ease, border-color 0.55s ease;
}

.wcu-pg .badge-list li:hover {
background: rgba(137, 109, 188, 0.12);
border-color: rgba(137, 109, 188, 0.3);
}

.wcu-pg .badge-icon {
width: 32px;
height: 32px;
flex-shrink: 0;
border-radius: 1px;
background: rgba(137, 109, 188, 0.2);
display: flex;
align-items: center;
justify-content: center;
}

.wcu-pg .badge-icon svg {
width: 16px;
height: 16px;
fill: none;
stroke: #896DBC;
stroke-width: 2;
stroke-linecap: round;
stroke-linejoin: round;
}

.wcu-pg .badge-body {}

.wcu-pg .badge-name {
font-size: 14px;
line-height: 1.35;
color: #f3f1f6;
margin: 0 0 8px;
letter-spacing: 0.03em;
}

.wcu-pg .badge-info {
font-size: 14px;
line-height: 1.55;
color: #BFAACF;
margin: 0;
}

.wcu-pg .reasons-img-wrap {
position: relative;
overflow: hidden;
}

.wcu-pg .reasons-img-wrap img {
width: 100%;
height: 520px;
object-fit: cover;
object-position: center;
border-radius: 1px;
transition: transform 0.65s cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 0.6s ease;
box-shadow: -1px 6px 28px -1px rgba(137, 109, 188, 0.09);
}

.wcu-pg .reasons-img-wrap::after {
content: '';
position: absolute;
inset: 0;
border: 2px solid transparent;
border-radius: 1px;
transition: border-color 0.5s ease;
pointer-events: none;
}

.wcu-pg .reasons-img-wrap:hover img {
transform: scale(1.04);
box-shadow: -1px 8px 44px -1px rgba(137, 109, 188, 0.13);
}

.wcu-pg .reasons-img-wrap:hover::after {
border-color: #896DBC;
}

.wcu-pg .voices {
background: #130f1c;
padding: 96px 0;
}

.wcu-pg .voices-inner {
max-width: 1500px;
margin: 0 auto;
padding: 0 56px;
}

.wcu-pg .voices-head {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: flex-end;
margin-bottom: 56px;
gap: 32px;
}

.wcu-pg .voices-h2 {
font-size: 36px;
line-height: 1.1;
color: #f3f1f6;
margin: 0;
}

.wcu-pg .voices-h2::before {
content: '';
display: block;
width: 40px;
height: 2px;
background: #896DBC;
margin-bottom: 16px;
}

.wcu-pg .voices-note {
font-size: 14px;
line-height: 1.55;
color: #BFAACF;
margin: 0;
max-width: 340px;
text-align: right;
}

.wcu-pg .voices-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 32px;
}

.wcu-pg .voice-card {
display: flex;
flex-direction: column;
border-radius: 1px;
overflow: hidden;
border: 1px solid rgba(137, 109, 188, 0.16);
background: rgba(137, 109, 188, 0.04);
box-shadow: -1px 2px 3px -1px rgba(137, 109, 188, 0.08);
transition: box-shadow 0.6s ease, border-color 0.55s ease;
}

.wcu-pg .voice-card:hover {
box-shadow: -1px 8px 44px -1px rgba(137, 109, 188, 0.13);
border-color: rgba(137, 109, 188, 0.35);
}

.wcu-pg .voice-portrait {
aspect-ratio: 2/3;
overflow: hidden;
position: relative;
}

.wcu-pg .voice-portrait img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
transition: transform 0.65s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.wcu-pg .voice-portrait::after {
content: '';
position: absolute;
inset: 0;
border: 2px solid transparent;
transition: border-color 0.5s ease;
pointer-events: none;
}

.wcu-pg .voice-card:hover .voice-portrait img {
transform: scale(1.04);
}

.wcu-pg .voice-card:hover .voice-portrait::after {
border-color: #896DBC;
}

.wcu-pg .voice-body {
padding: 32px;
display: flex;
flex-direction: column;
gap: 16px;
flex: 1;
}

.wcu-pg .voice-quote {
font-size: 14px;
line-height: 1.55;
color: #BFAACF;
margin: 0;
font-style: italic;
}

.wcu-pg .voice-person {
display: flex;
flex-direction: column;
gap: 8px;
margin-top: auto;
padding-top: 16px;
border-top: 1px solid rgba(137, 109, 188, 0.14);
}

.wcu-pg .voice-name {
font-size: 14px;
line-height: 1.35;
color: #f3f1f6;
margin: 0;
letter-spacing: 0.04em;
}

.wcu-pg .voice-role {
font-size: 14px;
line-height: 1.35;
color: #896DBC;
margin: 0;
letter-spacing: 0.06em;
text-transform: uppercase;
}

@media (max-width: 1024px) {
.wcu-pg .tb {
padding: 56px 32px;
gap: 32px;
}

.wcu-pg .tb-strip {
width: 160px;
}

.wcu-pg .tb-h1 {
font-size: 52px;
}

.wcu-pg .metrics-inner {
padding: 0 32px;
}

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

.wcu-pg .reasons-inner {
padding: 0 32px;
grid-template-columns: 1fr;
gap: 56px;
}

.wcu-pg .reasons-img-wrap img {
height: 360px;
}

.wcu-pg .voices-inner {
padding: 0 32px;
}

.wcu-pg .voices-grid {
grid-template-columns: 1fr 1fr;
}
}

@media (max-width: 768px) {
.wcu-pg .tb {
padding: 56px 16px;
flex-direction: column;
}

.wcu-pg .tb-strip {
display: none;
}

.wcu-pg .tb-text {
padding-left: 0;
}

.wcu-pg .tb-h1 {
font-size: 36px;
}

.wcu-pg .tb-deco {
display: none;
}

.wcu-pg .metrics {
padding: 56px 0;
}

.wcu-pg .metrics-inner {
padding: 0 16px;
}

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

.wcu-pg .reasons {
padding: 56px 0;
}

.wcu-pg .reasons-inner {
padding: 0 16px;
grid-template-columns: 1fr;
}

.wcu-pg .reasons-img-wrap {
display: none;
}

.wcu-pg .voices {
padding: 56px 0;
}

.wcu-pg .voices-inner {
padding: 0 16px;
}

.wcu-pg .voices-head {
flex-direction: column;
align-items: flex-start;
}

.wcu-pg .voices-note {
text-align: left;
max-width: 100%;
}

.wcu-pg .voices-grid {
grid-template-columns: 1fr;
}
}

@media (max-width: 375px) {
.wcu-pg .tb-h1 {
font-size: 36px;
}

.wcu-pg .met-num {
font-size: 36px;
}

.wcu-pg .reasons-h2,
.wcu-pg .voices-h2 {
font-size: 36px;
}
}

.entr {
background: #0e0b14;
color: #e8e2f0;
overflow-x: clip;
}

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

.entr ::selection {
background: #fff;
color: #000;
}

.entr img {
display: block;
max-width: 100%;
}

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

@media (max-width: 768px) {
.entr .pg-wrap {
padding: 0 16px;
}
}

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

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

.entr .reveal {
animation: fadeReveal 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}

.entr .reveal-d1 {
animation-delay: 0.1s;
}

.entr .reveal-d2 {
animation-delay: 0.25s;
}

.entr .reveal-d3 {
animation-delay: 0.4s;
}

.entr .titl {
position: relative;
padding: 96px 0 96px;
background: linear-gradient(165deg, #1a1025 0%, #0e0b14 60%, #110d1c 100%);
}

.entr .titl-wrap {
max-width: 1500px;
margin: 0 auto;
padding: 0 56px;
display: grid;
grid-template-columns: 1fr 420px;
gap: 56px;
align-items: center;
}

.entr .titl-txt {
position: relative;
z-index: 2;
}

.entr .titl-quote {
font-size: 220px;
line-height: 1.1;
color: #896DBC;
opacity: 0.07;
position: absolute;
top: -56px;
left: -32px;
pointer-events: none;
user-select: none;
font-style: normal;
z-index: 0;
}

.entr .titl-h1 {
font-size: 70px;
line-height: 1.1;
color: #f3f1f6;
margin: 0;
position: relative;
z-index: 2;
}

.entr .titl-h1 span {
color: #896DBC;
}

.entr .titl-img-col {
position: relative;
}

.entr .titl-img-wrap {
border-radius: 34px;
overflow: hidden;
position: relative;
}

.entr .titl-img-wrap img {
width: 100%;
height: 480px;
object-fit: cover;
object-position: center;
display: block;
transition: transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.entr .titl-img-wrap:hover img {
transform: scale(1.04);
}

.entr .titl-img-grad {
position: absolute;
inset: 0;
background: linear-gradient(to bottom, rgba(14, 11, 20, 0.55) 0%, transparent 60%);
border-radius: 34px;
pointer-events: none;
}

@media (max-width: 1024px) {
.entr .titl-wrap {
grid-template-columns: 1fr;
padding: 0 32px;
}

.entr .titl-img-col {
display: none;
}

.entr .titl-h1 {
font-size: 52px;
}
}

@media (max-width: 768px) {
.entr .titl-wrap {
padding: 0 16px;
}

.entr .titl-h1 {
font-size: 36px;
}

.entr .titl {
padding: 56px 0;
}
}

.entr .outcomes {
padding: 96px 0;
background: #0e0b14;
border-top: 1px dotted rgba(137, 109, 188, 0.2);
}

.entr .sec-label {
font-size: 14px;
letter-spacing: 0.12em;
color: #896DBC;
text-transform: uppercase;
margin-bottom: 32px;
display: flex;
flex-direction: row;
align-items: center;
gap: 8px;
}

.entr .sec-label-line {
width: 32px;
height: 1px;
background: #896DBC;
display: inline-block;
}

.entr .outcomes-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 32px;
margin-top: 32px;
}

.entr .out-card {
background: #150f22;
border-radius: 34px;
padding: 32px;
position: relative;
box-shadow: -1px 6px 28px -1px rgba(137, 109, 188, 0.09);
transition: box-shadow 0.55s ease, transform 0.55s ease;
overflow: hidden;
}

.entr .out-card::before {
content: "";
position: absolute;
top: 0;
right: 0;
width: 64px;
height: 64px;
background: linear-gradient(135deg, transparent 50%, rgba(137, 109, 188, 0.18) 50%);
border-radius: 0 34px 0 0;
pointer-events: none;
}

.entr .out-card:hover {
box-shadow: -1px 8px 44px -1px rgba(137, 109, 188, 0.13);
transform: translateY(-4px);
}

.entr .out-name {
font-size: 14px;
color: #BFAACF;
letter-spacing: 0.08em;
margin-bottom: 16px;
}

.entr .out-situation {
font-size: 14px;
line-height: 1.55;
color: #c8bedd;
margin-bottom: 16px;
}

.entr .out-result {
font-size: 14px;
line-height: 1.35;
color: #f3f1f6;
border-top: 1px dotted rgba(191, 170, 207, 0.25);
padding-top: 16px;
}

.entr .out-tag {
display: inline-block;
background: rgba(137, 109, 188, 0.15);
color: #BFAACF;
border-radius: 34px;
padding: 4px 16px;
font-size: 14px;
margin-bottom: 16px;
}

@media (max-width: 1024px) {
.entr .outcomes-grid {
grid-template-columns: 1fr 1fr;
}
}

@media (max-width: 768px) {
.entr .outcomes-grid {
grid-template-columns: 1fr;
}
}

.entr .differ {
padding: 96px 0;
background: #120e1d;
border-top: 1px dotted rgba(137, 109, 188, 0.15);
position: relative;
}

.entr .differ-inner {
display: grid;
grid-template-columns: 380px 1fr;
gap: 56px;
align-items: start;
}

.entr .differ-img-wrap {
border-radius: 34px;
overflow: hidden;
box-shadow: -1px 6px 28px -1px rgba(137, 109, 188, 0.09);
transition: box-shadow 0.7s ease;
}

.entr .differ-img-wrap:hover {
box-shadow: -1px 8px 44px -1px rgba(137, 109, 188, 0.13);
}

.entr .differ-img-wrap img {
width: 100%;
height: 420px;
object-fit: cover;
object-position: center;
transition: transform 0.65s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.entr .differ-img-wrap:hover img {
transform: scale(1.04);
}

.entr .differ-txt {}

.entr .differ-h2 {
font-size: 52px;
line-height: 1.1;
color: #f3f1f6;
margin: 0 0 32px;
}

.entr .differ-pts {
display: flex;
flex-direction: column;
gap: 32px;
}

.entr .differ-pt {
padding: 32px;
background: #0e0b14;
border-radius: 34px;
border: 1px solid rgba(137, 109, 188, 0.12);
transition: border-color 0.5s ease;
}

.entr .differ-pt:hover {
border-color: rgba(137, 109, 188, 0.35);
}

.entr .differ-pt-h {
font-size: 14px;
line-height: 1.35;
color: #896DBC;
margin: 0 0 8px;
letter-spacing: 0.06em;
text-transform: uppercase;
}

.entr .differ-pt-p {
font-size: 14px;
line-height: 1.55;
color: #c8bedd;
margin: 0;
}

@media (max-width: 1024px) {
.entr .differ-inner {
grid-template-columns: 1fr;
}

.entr .differ-img-wrap {
display: none;
}

.entr .differ-h2 {
font-size: 36px;
}
}

.entr .limits {
padding: 96px 0;
background: #0e0b14;
border-top: 1px dotted rgba(137, 109, 188, 0.15);
position: relative;
}

.entr .limits::before {
content: "";
position: absolute;
inset: 0;
background: radial-gradient(ellipse 70% 50% at 50% 50%, rgba(137, 109, 188, 0.04) 0%, transparent 70%);
pointer-events: none;
}

.entr .limits-layout {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 8px;
}

.entr .limits-head {
grid-column: 1 / -1;
margin-bottom: 32px;
}

.entr .limits-h2 {
font-size: 52px;
line-height: 1.1;
color: #f3f1f6;
margin: 0 0 16px;
}

.entr .limits-sub {
font-size: 14px;
line-height: 1.55;
color: #BFAACF;
max-width: 560px;
margin: 0;
}

.entr .lim-item {
background: #150f22;
border-radius: 1px;
padding: 32px;
position: relative;
transition: background 0.6s ease;
}

.entr .lim-item:first-of-type {
border-radius: 34px 1px 1px 34px;
}

.entr .lim-item:last-of-type {
border-radius: 1px 34px 34px 1px;
}

.entr .lim-item:hover {
background: #1c1430;
}

.entr .lim-num {
font-size: 36px;
line-height: 1.1;
color: rgba(137, 109, 188, 0.2);
margin-bottom: 8px;
display: block;
}

.entr .lim-h {
font-size: 14px;
color: #f3f1f6;
line-height: 1.35;
margin: 0 0 8px;
letter-spacing: 0.04em;
}

.entr .lim-p {
font-size: 14px;
line-height: 1.55;
color: #9a8ab0;
margin: 0;
}

@media (max-width: 1024px) {
.entr .limits-layout {
grid-template-columns: 1fr;
}

.entr .lim-item:first-of-type,
.entr .lim-item:last-of-type {
border-radius: 34px;
}

.entr .lim-item {
border-radius: 34px;
}

.entr .limits-h2 {
font-size: 36px;
}
}

.entr .process {
padding: 96px 0;
background: #120e1d;
border-top: 1px dotted rgba(191, 170, 207, 0.15);
position: relative;
}

.entr .process-bg {
position: absolute;
inset: 0;
background-image:
linear-gradient(rgba(137, 109, 188, 0.04) 1px, transparent 1px),
linear-gradient(90deg, rgba(137, 109, 188, 0.04) 1px, transparent 1px),
linear-gradient(rgba(137, 109, 188, 0.02) 1px, transparent 1px),
linear-gradient(90deg, rgba(137, 109, 188, 0.02) 1px, transparent 1px);
background-size: 60px 60px, 60px 60px, 20px 20px, 20px 20px;
pointer-events: none;
opacity: 0.6;
}

.entr .process-inner {
position: relative;
z-index: 2;
}

.entr .process-h2 {
font-size: 52px;
line-height: 1.1;
color: #f3f1f6;
margin: 0 0 56px;
max-width: 700px;
}

.entr .process-steps {
display: grid;
grid-template-columns: 200px 1fr 200px;
gap: 32px;
align-items: start;
}

.entr .proc-side {
display: flex;
flex-direction: column;
gap: 16px;
}

.entr .proc-badge {
background: rgba(137, 109, 188, 0.12);
border: 1px solid rgba(137, 109, 188, 0.2);
border-radius: 34px;
padding: 16px;
font-size: 14px;
line-height: 1.35;
color: #BFAACF;
text-align: center;
transition: background 0.55s ease, border-color 0.55s ease;
}

.entr .proc-badge:hover {
background: rgba(137, 109, 188, 0.22);
border-color: rgba(137, 109, 188, 0.4);
}

.entr .proc-center {
display: flex;
flex-direction: column;
gap: 16px;
}

.entr .proc-row {
display: flex;
flex-direction: row;
align-items: flex-start;
gap: 16px;
padding: 32px;
background: #0e0b14;
border-radius: 34px;
border: 1px solid rgba(137, 109, 188, 0.1);
}

.entr .proc-idx {
font-size: 36px;
line-height: 1.1;
color: rgba(137, 109, 188, 0.25);
flex-shrink: 0;
width: 48px;
}

.entr .proc-desc {
flex: 1;
}

.entr .proc-desc-h {
font-size: 14px;
color: #f3f1f6;
line-height: 1.35;
margin: 0 0 8px;
}

.entr .proc-desc-p {
font-size: 14px;
line-height: 1.55;
color: #9a8ab0;
margin: 0;
}

@media (max-width: 1024px) {
.entr .process-steps {
grid-template-columns: 1fr;
}

.entr .proc-side {
flex-direction: row;
flex-wrap: wrap;
}

.entr .proc-badge {
flex: 1;
min-width: 140px;
}

.entr .process-h2 {
font-size: 36px;
}
}

.entr .recog {
padding: 96px 0;
background: #0e0b14;
border-top: 1px dotted rgba(137, 109, 188, 0.2);
}

.entr .recog-layout {
display: grid;
grid-template-columns: 1fr 340px;
gap: 56px;
align-items: center;
}

.entr .recog-h2 {
font-size: 36px;
line-height: 1.1;
color: #f3f1f6;
margin: 0 0 32px;
}

.entr .recog-p {
font-size: 14px;
line-height: 1.55;
color: #BFAACF;
margin: 0 0 32px;
}

.entr .recog-items {
display: flex;
flex-direction: column;
gap: 16px;
}

.entr .recog-item {
display: flex;
flex-direction: row;
align-items: center;
gap: 16px;
padding: 16px 32px;
background: #150f22;
border-radius: 34px;
box-shadow: -1px 2px 3px -1px rgba(137, 109, 188, 0.08);
}

.entr .recog-dot {
width: 8px;
height: 8px;
border-radius: 50%;
background: #896DBC;
flex-shrink: 0;
}

.entr .recog-txt {
font-size: 14px;
line-height: 1.35;
color: #c8bedd;
}

.entr .recog-portrait {
display: flex;
flex-direction: column;
align-items: center;
gap: 16px;
}

.entr .recog-img-wrap {
width: 220px;
height: 220px;
border-radius: 50%;
overflow: hidden;
box-shadow: -1px 6px 28px -1px rgba(137, 109, 188, 0.09);
transition: box-shadow 0.65s ease;
flex-shrink: 0;
}

.entr .recog-img-wrap:hover {
box-shadow: -1px 8px 44px -1px rgba(137, 109, 188, 0.13);
}

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

.entr .recog-caption {
font-size: 14px;
line-height: 1.35;
color: #896DBC;
text-align: center;
}

.entr .recog-rating {
display: flex;
flex-direction: row;
align-items: center;
gap: 8px;
margin-top: 8px;
}

.entr .recog-stars {
display: flex;
flex-direction: row;
gap: 4px;
}

.entr .star {
width: 14px;
height: 14px;
background: #896DBC;
clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%);
}

.entr .recog-rv {
font-size: 14px;
color: #BFAACF;
}

@media (max-width: 1024px) {
.entr .recog-layout {
grid-template-columns: 1fr;
}

.entr .recog-portrait {
flex-direction: row;
justify-content: flex-start;
}
}

@media (max-width: 768px) {
.entr .recog-portrait {
flex-direction: column;
align-items: flex-start;
}
}

.entr .fitfor {
padding: 96px 0;
background: #120e1d;
border-top: 1px dotted rgba(191, 170, 207, 0.15);
}

.entr .fitfor-h2 {
font-size: 52px;
line-height: 1.1;
color: #f3f1f6;
margin: 0 0 56px;
}

.entr .fitfor-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 32px;
}

.entr .fit-card {
background: #0e0b14;
border-radius: 34px;
padding: 32px;
position: relative;
overflow: hidden;
box-shadow: -1px 2px 3px -1px rgba(137, 109, 188, 0.08);
transition: box-shadow 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.entr .fit-card::after {
content: "";
position: absolute;
top: 0;
right: 0;
width: 80px;
height: 80px;
background: linear-gradient(135deg, transparent 50%, rgba(137, 109, 188, 0.12) 50%);
border-radius: 0 34px 0 0;
pointer-events: none;
}

.entr .fit-card:hover {
box-shadow: -1px 8px 44px -1px rgba(137, 109, 188, 0.13);
}

.entr .fit-tag {
display: inline-flex;
flex-direction: row;
align-items: center;
gap: 8px;
background: rgba(137, 109, 188, 0.12);
border-radius: 34px;
padding: 4px 16px;
font-size: 14px;
color: #BFAACF;
margin-bottom: 16px;
}

.entr .fit-dot {
width: 6px;
height: 6px;
border-radius: 50%;
background: #896DBC;
}

.entr .fit-h {
font-size: 14px;
line-height: 1.35;
color: #f3f1f6;
margin: 0 0 8px;
}

.entr .fit-p {
font-size: 14px;
line-height: 1.55;
color: #9a8ab0;
margin: 0;
}

.entr .fitfor-img-row {
margin-top: 56px;
border-radius: 34px;
overflow: hidden;
box-shadow: -1px 6px 28px -1px rgba(137, 109, 188, 0.09);
transition: box-shadow 0.65s ease;
}

.entr .fitfor-img-row:hover {
box-shadow: -1px 8px 44px -1px rgba(137, 109, 188, 0.13);
}

.entr .fitfor-img-row img {
width: 100%;
height: 300px;
object-fit: cover;
object-position: center;
display: block;
transition: transform 0.65s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.entr .fitfor-img-row:hover img {
transform: scale(1.03);
}

@media (max-width: 768px) {
.entr .fitfor-grid {
grid-template-columns: 1fr;
}

.entr .fitfor-h2 {
font-size: 36px;
}

.entr .fitfor-img-row {
display: none;
}
}

.entr .char-hover .ch {
display: inline;
transition: color 0.2s ease;
}

.entr .char-hover:hover .ch:nth-child(1) {
color: #896DBC;
transition-delay: 0s;
}

.entr .char-hover:hover .ch:nth-child(2) {
color: #896DBC;
transition-delay: 0.03s;
}

.entr .char-hover:hover .ch:nth-child(3) {
color: #896DBC;
transition-delay: 0.06s;
}

.entr .char-hover:hover .ch:nth-child(4) {
color: #896DBC;
transition-delay: 0.09s;
}

.entr .char-hover:hover .ch:nth-child(5) {
color: #896DBC;
transition-delay: 0.12s;
}

.entr .char-hover:hover .ch:nth-child(6) {
color: #896DBC;
transition-delay: 0.15s;
}

.entr .char-hover:hover .ch:nth-child(7) {
color: #896DBC;
transition-delay: 0.18s;
}

.entr .char-hover:hover .ch:nth-child(8) {
color: #896DBC;
transition-delay: 0.21s;
}

.entr .char-hover:hover .ch:nth-child(9) {
color: #896DBC;
transition-delay: 0.24s;
}

.entr .char-hover:hover .ch:nth-child(10) {
color: #896DBC;
transition-delay: 0.27s;
}

.entr .char-hover:hover .ch:nth-child(n+11) {
color: #896DBC;
transition-delay: 0.3s;
}

.entr .outcomes-h2 {
font-size: 52px;
line-height: 1.1;
color: #f3f1f6;
margin: 0 0 8px;
}

.entr .sec-accent-line {
width: 40px;
height: 2px;
background: #896DBC;
margin-bottom: 16px;
border-radius: 1px;
}

@media (max-width: 768px) {
.entr .outcomes {
padding: 56px 0;
}

.entr .differ {
padding: 56px 0;
}

.entr .limits {
padding: 56px 0;
}

.entr .process {
padding: 56px 0;
}

.entr .recog {
padding: 56px 0;
}

.entr .fitfor {
padding: 56px 0;
}
}

.abt-pg {
background: #0e0b14;
color: #e8e2f0;
overflow-x: clip;
}

.abt-pg .reveal {
animation: clipReveal 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}

@keyframes clipReveal {
from {
clip-path: inset(0 100% 0 0);
}

to {
clip-path: inset(0 0% 0 0);
}
}

.abt-pg .reveal-up {
animation: revealUp 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}

@keyframes revealUp {
from {
clip-path: inset(0 0 100% 0);
opacity: 0;
}

to {
clip-path: inset(0 0 0% 0);
opacity: 1;
}
}

.abt-pg .tb {
max-width: 1500px;
margin: 0 auto;
padding: 56px 56px 56px 56px;
display: flex;
flex-direction: row;
align-items: stretch;
gap: 56px;
}

.abt-pg .tb-img-col {
flex: 0 0 260px;
position: relative;
}

.abt-pg .tb-img-wrap {
width: 260px;
height: 364px;
border-radius: 34px;
overflow: hidden;
box-shadow: -1px 6px 28px -1px rgba(137, 109, 188, 0.09);
position: relative;
}

.abt-pg .tb-img-wrap::before {
content: "";
position: absolute;
top: -8px;
left: -8px;
width: 40px;
height: 40px;
border-top: 2px solid #896DBC;
border-left: 2px solid #896DBC;
border-radius: 1px;
z-index: 2;
pointer-events: none;
}

.abt-pg .tb-img-wrap::after {
content: "";
position: absolute;
bottom: -8px;
right: -8px;
width: 40px;
height: 40px;
border-bottom: 2px solid #BFAACF;
border-right: 2px solid #BFAACF;
border-radius: 1px;
z-index: 2;
pointer-events: none;
}

.abt-pg .tb-img-wrap img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
filter: saturate(0.55) brightness(0.9);
transition: transform 0.6s ease;
display: block;
}

.abt-pg .tb-img-wrap:hover img {
transform: scale(1.05);
}

.abt-pg .tb-text {
flex: 1;
display: flex;
flex-direction: column;
justify-content: center;
gap: 16px;
}

.abt-pg .tb-label {
font-size: 14px;
letter-spacing: 0.12em;
color: #896DBC;
text-transform: uppercase;
}

.abt-pg .tb-h1 {
font-size: 52px;
line-height: 1.1;
color: #F3F1F6;
margin: 0;
}

.abt-pg .tb-h1 em {
font-style: normal;
-webkit-text-stroke: 1px #896DBC;
color: transparent;
}

.abt-pg .tb-desc {
font-size: 14px;
line-height: 1.55;
color: #c4b8d8;
max-width: 560px;
margin: 0;
}

.abt-pg .tb-rule {
width: 48px;
height: 2px;
background: #896DBC;
border: none;
margin: 0;
}

.abt-pg .tl-sec {
background: #160f22;
padding: 96px 0;
}

.abt-pg .tl-inner {
max-width: 1500px;
margin: 0 auto;
padding: 0 56px;
display: flex;
flex-direction: row;
gap: 96px;
align-items: flex-start;
}

.abt-pg .tl-aside {
flex: 0 0 320px;
}

.abt-pg .tl-aside-accent {
width: 32px;
height: 2px;
background: #896DBC;
margin-bottom: 16px;
}

.abt-pg .tl-aside-h {
font-size: 36px;
line-height: 1.1;
color: #F3F1F6;
margin: 0 0 16px 0;
}

.abt-pg .tl-aside-p {
font-size: 14px;
line-height: 1.55;
color: #b0a0c8;
margin: 0;
}

.abt-pg .tl-aside-img {
margin-top: 32px;
width: 100%;
height: 220px;
border-radius: 34px;
overflow: hidden;
box-shadow: -1px 8px 44px -1px rgba(137, 109, 188, 0.13);
}

.abt-pg .tl-aside-img img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
filter: saturate(0.6);
transition: transform 0.7s ease;
display: block;
}

.abt-pg .tl-aside-img:hover img {
transform: scale(1.04);
}

.abt-pg .tl-body {
flex: 1;
display: flex;
flex-direction: column;
gap: 8px;
}

.abt-pg .tl-group {
padding: 32px 0;
border-top: 1px solid rgba(137, 109, 188, 0.18);
}

.abt-pg .tl-group:last-child {
border-bottom: 1px solid rgba(137, 109, 188, 0.18);
}

.abt-pg .tl-period {
font-size: 14px;
letter-spacing: 0.1em;
color: #896DBC;
text-transform: uppercase;
margin-bottom: 16px;
}

.abt-pg .tl-events {
display: flex;
flex-direction: column;
gap: 16px;
}

.abt-pg .tl-event {
display: flex;
flex-direction: row;
gap: 16px;
align-items: flex-start;
}

.abt-pg .tl-dot {
flex-shrink: 0;
width: 8px;
height: 8px;
border-radius: 1px;
background: #896DBC;
margin-top: 6px;
box-shadow: -1px 2px 3px -1px rgba(137, 109, 188, 0.08);
}

.abt-pg .tl-ev-text {
display: flex;
flex-direction: column;
gap: 8px;
}

.abt-pg .tl-ev-h {
font-size: 14px;
line-height: 1.35;
color: #F3F1F6;
margin: 0;
font-weight: 600;
}

.abt-pg .tl-ev-p {
font-size: 14px;
line-height: 1.55;
color: #a898c0;
margin: 0;
}

.abt-pg .team-sec {
padding: 96px 0;
background: #0e0b14;
}

.abt-pg .team-inner {
max-width: 1500px;
margin: 0 auto;
padding: 0 56px;
display: flex;
flex-direction: row;
gap: 56px;
align-items: center;
}

.abt-pg .team-imgs {
flex: 0 0 auto;
display: flex;
flex-direction: column;
gap: 16px;
}

.abt-pg .portrait-wrap {
width: 200px;
height: 280px;
border-radius: 34px;
overflow: hidden;
box-shadow: -1px 6px 28px -1px rgba(137, 109, 188, 0.09);
}

.abt-pg .portrait-wrap img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
filter: saturate(0.65) brightness(0.92);
transition: transform 0.65s cubic-bezier(0.25, 0.46, 0.45, 0.94);
display: block;
}

.abt-pg .portrait-wrap:hover img {
transform: scale(1.05);
}

.abt-pg .team-side-img {
width: 200px;
height: 130px;
border-radius: 34px;
overflow: hidden;
box-shadow: -1px 2px 3px -1px rgba(137, 109, 188, 0.08);
}

.abt-pg .team-side-img img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
filter: saturate(0.55);
transition: transform 0.55s ease;
display: block;
}

.abt-pg .team-side-img:hover img {
transform: scale(1.05);
}

.abt-pg .team-text {
flex: 1;
display: flex;
flex-direction: column;
gap: 16px;
}

.abt-pg .team-accent-line {
width: 32px;
height: 2px;
background: #896DBC;
}

.abt-pg .team-h {
font-size: 36px;
line-height: 1.1;
color: #F3F1F6;
margin: 0;
}

.abt-pg .team-h em {
font-style: normal;
-webkit-text-stroke: 1px #BFAACF;
color: transparent;
}

.abt-pg .team-p {
font-size: 14px;
line-height: 1.55;
color: #b0a0c8;
margin: 0;
max-width: 480px;
}

.abt-pg .team-person {
display: flex;
flex-direction: column;
gap: 8px;
padding: 16px;
border-radius: 34px;
background: rgba(137, 109, 188, 0.07);
box-shadow: inset 0 4px 10px rgba(137, 109, 188, 0.06);
max-width: 380px;
}

.abt-pg .team-person-name {
font-size: 14px;
color: #F3F1F6;
font-weight: 600;
margin: 0;
}

.abt-pg .team-person-role {
font-size: 14px;
color: #896DBC;
margin: 0;
}

.abt-pg .team-person-q {
font-size: 14px;
line-height: 1.55;
color: #a898c0;
margin: 0;
}

.abt-pg .team-grid-imgs {
display: flex;
flex-direction: row;
gap: 16px;
margin-top: 8px;
}

.abt-pg .team-sm-img {
flex: 1;
height: 120px;
border-radius: 34px;
overflow: hidden;
box-shadow: -1px 2px 3px -1px rgba(137, 109, 188, 0.08);
}

.abt-pg .team-sm-img img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
filter: saturate(0.5);
transition: transform 0.6s ease;
display: block;
}

.abt-pg .team-sm-img:hover img {
transform: scale(1.06);
}

.abt-pg .sub-sec {
background: linear-gradient(162deg, #1e1230 0%, #0e0b14 100%);
padding: 96px 0;
}

.abt-pg .sub-inner {
max-width: 1500px;
margin: 0 auto;
padding: 0 56px;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 96px;
align-items: start;
}

.abt-pg .sub-left {
display: flex;
flex-direction: column;
gap: 16px;
}

.abt-pg .sub-accent {
width: 32px;
height: 2px;
background: #896DBC;
}

.abt-pg .sub-h {
font-size: 36px;
line-height: 1.1;
color: #F3F1F6;
margin: 0;
}

.abt-pg .sub-p {
font-size: 14px;
line-height: 1.55;
color: #b0a0c8;
margin: 0;
}

.abt-pg .sub-gift {
display: flex;
flex-direction: row;
align-items: flex-start;
gap: 16px;
padding: 16px;
border-radius: 34px;
background: rgba(137, 109, 188, 0.08);
box-shadow: inset 0 6px 10px rgba(137, 109, 188, 0.07);
}

.abt-pg .sub-gift-icon {
flex-shrink: 0;
width: 32px;
height: 32px;
border-radius: 1px;
background: #896DBC;
display: flex;
align-items: center;
justify-content: center;
}

.abt-pg .sub-gift-icon svg {
width: 16px;
height: 16px;
fill: #F3F1F6;
}

.abt-pg .sub-gift-text {
font-size: 14px;
line-height: 1.55;
color: #c4b8d8;
margin: 0;
}

.abt-pg .sub-form {
display: flex;
flex-direction: column;
gap: 16px;
}

.abt-pg .sub-field {
display: flex;
flex-direction: column;
gap: 8px;
}

.abt-pg .sub-lbl {
font-size: 14px;
color: #c4b8d8;
display: flex;
flex-direction: row;
align-items: center;
gap: 8px;
}

.abt-pg .sub-lbl svg {
width: 14px;
height: 14px;
stroke: #896DBC;
fill: none;
flex-shrink: 0;
}

.abt-pg .sub-input {
background: rgba(137, 109, 188, 0.08);
border: 1px solid rgba(137, 109, 188, 0.25);
border-radius: 34px;
padding: 16px 16px;
font-size: 14px;
color: #F3F1F6;
outline: none;
transition: border-color 0.2s ease, box-shadow 0.25s ease;
width: 100%;
box-sizing: border-box;
}

.abt-pg .sub-input::placeholder {
color: #c4b8d8;
opacity: 0.55;
font-style: italic;
}

.abt-pg .sub-input:focus {
border-color: #896DBC;
box-shadow: -1px 6px 28px -1px rgba(137, 109, 188, 0.09);
}

.abt-pg .sub-checks-lbl {
font-size: 14px;
color: #c4b8d8;
display: flex;
flex-direction: row;
align-items: center;
gap: 8px;
margin-bottom: 8px;
}

.abt-pg .sub-checks-lbl svg {
width: 14px;
height: 14px;
stroke: #896DBC;
fill: none;
}

.abt-pg .sub-checks {
display: flex;
flex-direction: column;
gap: 8px;
}

.abt-pg .sub-check-item {
display: flex;
flex-direction: row;
align-items: center;
gap: 8px;
cursor: pointer;
}

.abt-pg .sub-check-item input[type="checkbox"] {
width: 16px;
height: 16px;
accent-color: #896DBC;
cursor: pointer;
flex-shrink: 0;
}

.abt-pg .sub-check-item span {
font-size: 14px;
color: #b0a0c8;
line-height: 1.35;
}

.abt-pg .sub-btn {
background: #896DBC;
color: #0e0b14;
border: none;
border-radius: 34px;
padding: 16px 32px;
font-size: 14px;
font-weight: 700;
cursor: pointer;
letter-spacing: 0.06em;
transition: box-shadow 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94), background 0.2s ease;
align-self: flex-start;
}

.abt-pg .sub-btn:hover {
box-shadow: -1px 8px 44px -1px rgba(137, 109, 188, 0.13);
background: #a07fd0;
}

.abt-pg .sub-btn:focus {
outline: 2px solid #BFAACF;
outline-offset: 3px;
}

@media (max-width: 1024px) {
.abt-pg .tb {
padding: 56px 32px;
gap: 32px;
}

.abt-pg .tb-img-col {
flex: 0 0 200px;
}

.abt-pg .tb-img-wrap {
width: 200px;
height: 280px;
}

.abt-pg .tb-h1 {
font-size: 36px;
}

.abt-pg .tl-inner {
padding: 0 32px;
gap: 56px;
flex-direction: column;
}

.abt-pg .tl-aside {
flex: none;
width: 100%;
}

.abt-pg .tl-aside-img {
display: none;
}

.abt-pg .team-inner {
padding: 0 32px;
flex-direction: column;
gap: 32px;
}

.abt-pg .team-imgs {
flex-direction: row;
}

.abt-pg .sub-inner {
padding: 0 32px;
grid-template-columns: 1fr;
gap: 56px;
}
}

@media (max-width: 768px) {
.abt-pg .tb {
flex-direction: column;
padding: 32px 16px;
gap: 32px;
}

.abt-pg .tb-img-col {
display: none;
}

.abt-pg .tb-h1 {
font-size: 36px;
}

.abt-pg .tl-sec {
padding: 56px 0;
}

.abt-pg .tl-inner {
padding: 0 16px;
}

.abt-pg .team-sec {
padding: 56px 0;
}

.abt-pg .team-inner {
padding: 0 16px;
}

.abt-pg .team-imgs {
display: none;
}

.abt-pg .team-grid-imgs {
display: none;
}

.abt-pg .sub-sec {
padding: 56px 0;
}

.abt-pg .sub-inner {
padding: 0 16px;
}
}

@media (max-width: 375px) {
.abt-pg .tb-h1 {
font-size: 36px;
}

.abt-pg .tl-aside-h,
.abt-pg .team-h,
.abt-pg .sub-h {
font-size: 36px;
}
}

.succ-page {
min-height: 100vh;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 96px 32px;
background: #0e0b14;
}

.succ-page .succ-wrap {
max-width: 640px;
width: 100%;
text-align: center;
}

.succ-page .succ-icon {
width: 72px;
height: 72px;
margin: 0 auto 32px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 34px;
background: #1a1228;
box-shadow: -1px 6px 28px -1px rgba(137, 109, 188, 0.09), -1px 8px 44px -1px rgba(137, 109, 188, 0.13);
}

.succ-page .succ-icon svg {
display: block;
}

.succ-page .succ-line {
width: 40px;
height: 2px;
background: #896DBC;
margin: 0 auto 16px;
border-radius: 1px;
}

.succ-page .succ-heading {
font-size: 52px;
line-height: 1.1;
color: #F3F1F6;
margin: 0 0 16px;
letter-spacing: -0.5px;
}

.succ-page .succ-sub {
font-size: 14px;
line-height: 1.55;
color: #BFAACF;
margin: 0 0 56px;
letter-spacing: 0.01em;
}

.succ-page .succ-actions {
display: flex;
flex-direction: row;
gap: 16px;
justify-content: center;
flex-wrap: wrap;
}

.succ-page .btn-main {
display: inline-block;
padding: 16px 32px;
font-size: 14px;
line-height: 1.35;
color: #0e0b14;
background: #896DBC;
border-radius: 34px;
border: none;
cursor: pointer;
text-decoration: none;
letter-spacing: 0.04em;
box-shadow: -1px 2px 3px -1px rgba(137, 109, 188, 0.08);
transition: box-shadow 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94), background 0.18s ease;
}

.succ-page .btn-main:hover {
background: #BFAACF;
box-shadow: -1px 6px 28px -1px rgba(137, 109, 188, 0.09), -1px 8px 44px -1px rgba(137, 109, 188, 0.13);
}

.succ-page .btn-ghost {
display: inline-block;
padding: 16px 32px;
font-size: 14px;
line-height: 1.35;
color: #BFAACF;
background: transparent;
border-radius: 34px;
border: 1px solid #896DBC;
cursor: pointer;
text-decoration: none;
letter-spacing: 0.04em;
transition: color 0.25s ease, border-color 0.25s ease, box-shadow 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.succ-page .btn-ghost:hover {
color: #F3F1F6;
border-color: #BFAACF;
box-shadow: -1px 6px 28px -1px rgba(137, 109, 188, 0.09);
}

@media (max-width: 375px) {
.succ-page {
padding: 56px 16px;
}

.succ-page .succ-heading {
font-size: 36px;
}

.succ-page .succ-actions {
flex-direction: column;
align-items: stretch;
}

.succ-page .btn-main,
.succ-page .btn-ghost {
text-align: center;
}
}