@import "https://cdn.jsdelivr.net/npm/@fontsource/roboto-mono@latest/400.css";
@import "https://cdn.jsdelivr.net/npm/@fontsource/roboto-mono@latest/700.css";

body {
margin: 0;
position: relative;
min-height: 100vh
}

.pg-header {
background: linear-gradient(135deg, #241019 0%, #3d1a2b 60%, #241019 100%);
padding: 0;
position: relative;
overflow: hidden
}

.pg-header::before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: linear-gradient(90deg, #ff7cc614 0%, transparent 50%, #ffe7ee0a 100%);
pointer-events: none
}

.hd-strip {
background: #ff7cc61f;
border-bottom: 1px solid #ff7cc633;
padding: 8px 40px;
display: flex;
align-items: center;
justify-content: flex-end;
gap: 24px
}

.hd-strip__region {
font-family: 'Roboto Mono', monospace;
font-size: 15px;
color: #ffe7eebf;
letter-spacing: .02em;
line-height: 1.2;
display: flex;
align-items: center;
gap: 8px
}

.hd-strip__region svg {
flex-shrink: 0
}

.hd-strip__phone {
font-family: 'Roboto Mono', monospace;
font-size: 15px;
color: #FF7CC6;
letter-spacing: .01em;
line-height: 1.2;
text-decoration: none;
transition: color .22s cubic-bezier(0.4, 0, 0.2, 1)
}

.hd-strip__phone:hover,
.hd-strip__phone:focus {
color: #FFE7EE;
outline: none;
background: #ff7cc61a;
border-radius: 0
}

.hd-body {
display: flex;
align-items: center;
justify-content: space-between;
padding: 24px 40px;
max-width: 1024px;
margin: 0 auto;
gap: 40px;
box-sizing: border-box
}

.brand-mark {
flex-shrink: 0;
display: flex;
align-items: center
}

.brand-mark__pod {
width: 68px;
height: 68px;
border-radius: 20px;
border: 2px dashed #ff7cc699;
background: #ffe7ee0f;
box-shadow: 0 2px 5px 0 #24101912 0 5px 28px 0 #ff7cc61a;
display: flex;
align-items: center;
justify-content: center;
padding: 8px;
box-sizing: border-box;
transition: box-shadow .24s cubic-bezier(0.0, 0, 0.2, 1), border-color .24s cubic-bezier(0.0, 0, 0.2, 1)
}

.brand-mark__pod:hover {
border-color: #FF7CC6;
box-shadow: 0 5px 28px 0 #ff7cc633 0 2px 5px 0 #24101912
}

.brand-mark__pod img {
width: 52px;
height: 52px;
object-fit: contain;
object-position: center;
display: block
}

.pg-nav {
flex: 1;
display: flex;
align-items: center;
justify-content: flex-end
}

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

.pg-nav__item {
display: flex
}

.pg-nav__link {
font-family: 'Roboto Mono', monospace;
font-size: 15px;
font-weight: 400;
letter-spacing: .02em;
line-height: 1.2;
color: #ffe7eed9;
text-decoration: none;
padding: 8px 16px;
border-radius: 0;
border: 1px solid transparent;
display: block;
min-height: 44px;
display: flex;
align-items: center;
transition: color .2s cubic-bezier(0.4, 0, 0.2, 1), border-color .2s cubic-bezier(0.4, 0, 0.2, 1), background .2s cubic-bezier(0.4, 0, 0.2, 1);
white-space: nowrap
}

.pg-nav__link:hover,
.pg-nav__link:focus {
color: #FFE7EE;
border-color: #ff7cc666;
background: #ff7cc61a;
outline: none
}

.pg-nav__link:focus {
border-color: #FF7CC6;
background: #ff7cc626
}

.pg-nav__link--accent {
background: #ff7cc626;
border-color: #ff7cc659;
color: #FF7CC6;
font-weight: 700
}

.pg-nav__link--accent:hover,
.pg-nav__link--accent:focus {
background: #ff7cc640;
border-color: #FF7CC6;
color: #FFE7EE
}

.hd-accent-bar {
height: 3px;
background: linear-gradient(90deg, transparent 0%, #FF7CC6 30%, #FFE7EE 60%, transparent 100%);
opacity: .5
}

.pg-footer {
background: #241019;
border-top: 1px solid #ff7cc626;
font-family: 'Roboto Mono', monospace
}

.ft-upper {
max-width: 1024px;
margin: 0 auto;
padding: 80px 40px 40px;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 80px;
box-sizing: border-box
}

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

.ft-logo-cell {
width: 60px;
height: 60px;
border-radius: 20px;
border: 2px dashed #ff7cc666;
background: #ffe7ee0a;
box-shadow: 0 2px 5px 0 #24101912;
display: flex;
align-items: center;
justify-content: center;
padding: 8px;
box-sizing: border-box
}

.ft-logo-cell img {
width: 44px;
height: 44px;
object-fit: contain;
object-position: center;
display: block
}

.ft-tagline {
font-size: 15px;
line-height: 1.6;
color: #ffe7ee8c;
letter-spacing: .01em;
max-width: 280px
}

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

.ft-links-label {
font-size: 15px;
font-weight: 700;
color: #ff7cc6cc;
letter-spacing: .02em;
line-height: 1.2;
text-transform: uppercase
}

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

.ft-nav-list__link {
font-size: 15px;
color: #ffe7eeb3;
text-decoration: none;
letter-spacing: .01em;
line-height: 1.6;
display: inline-block;
padding: 8px 0;
min-height: 44px;
display: flex;
align-items: center;
transition: color .22s cubic-bezier(0.4, 0, 0.2, 1)
}

.ft-nav-list__link:hover,
.ft-nav-list__link:focus {
color: #FF7CC6;
outline: none
}

.ft-contact-pod {
display: flex;
flex-direction: column;
gap: 16px
}

.ft-contact-label {
font-size: 15px;
font-weight: 700;
color: #ff7cc6cc;
letter-spacing: .02em;
line-height: 1.2;
text-transform: uppercase
}

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

.ft-contact-item__label {
font-size: 15px;
color: #ffe7ee73;
letter-spacing: .02em;
line-height: 1.2
}

.ft-contact-item__val {
font-size: 15px;
color: #ffe7eecc;
letter-spacing: .01em;
line-height: 1.6
}

.ft-contact-item__link {
font-size: 15px;
color: #FF7CC6;
text-decoration: none;
letter-spacing: .01em;
line-height: 1.6;
transition: color .22s cubic-bezier(0.4, 0, 0.2, 1);
display: inline-block;
min-height: 44px;
display: flex;
align-items: center
}

.ft-contact-item__link:hover,
.ft-contact-item__link:focus {
color: #FFE7EE;
outline: none
}

.ft-divider {
max-width: 1024px;
margin: 0 auto;
border: none;
border-top: 1px solid #ff7cc61a
}

.ft-lower {
max-width: 1024px;
margin: 0 auto;
padding: 24px 40px 40px;
display: flex;
align-items: center;
justify-content: space-between;
gap: 24px;
box-sizing: border-box;
flex-wrap: wrap
}

.ft-copy {
font-size: 15px;
color: #ffe7ee59;
letter-spacing: .01em;
line-height: 1.6
}

.ft-legal-list {
list-style: none;
margin: 0;
padding: 0;
display: flex;
gap: 16px;
flex-wrap: wrap
}

.ft-legal-list__link {
font-size: 15px;
color: #ffe7ee66;
text-decoration: none;
letter-spacing: .01em;
line-height: 1.6;
transition: color .2s cubic-bezier(0.4, 0, 0.2, 1);
padding: 8px 0;
min-height: 44px;
display: flex;
align-items: center
}

.ft-legal-list__link:hover,
.ft-legal-list__link:focus {
color: #FF7CC6;
outline: none
}

.cookie-bar {
display: none;
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 8000;
background: #FFE7EE;
box-shadow: 0 5px 28px 0 #24101921;
font-family: 'Roboto Mono', monospace;
transform: translateX(100%);
transition: transform .26s cubic-bezier(0.4, 0, 0.2, 1)
}

.cookie-bar.cb-visible {
transform: translateX(0)
}

.cb-card {
max-width: 1024px;
margin: 0 auto;
padding: 24px 40px;
box-sizing: border-box;
display: flex;
align-items: flex-start;
gap: 24px;
flex-wrap: wrap
}

.cb-text-pod {
flex: 1;
min-width: 240px
}

.cb-headline {
font-size: 15px;
font-weight: 700;
color: #241019;
letter-spacing: .02em;
line-height: 1.2;
margin-bottom: 8px
}

.cb-desc {
font-size: 15px;
color: #241019;
letter-spacing: .01em;
line-height: 1.6;
opacity: .8
}

.cb-toggles-pod {
display: none;
flex-direction: column;
gap: 16px;
width: 100%;
padding-top: 16px;
border-top: 1px solid #2410191f;
margin-top: 8px
}

.cb-toggles-pod.cb-expanded {
display: flex
}

.cb-toggle-row {
display: flex;
align-items: center;
gap: 16px
}

.cb-toggle-label {
font-size: 15px;
color: #241019;
letter-spacing: .01em;
line-height: 1.6;
flex: 1
}

.cb-toggle-input {
width: 40px;
height: 24px;
cursor: pointer;
accent-color: #FF7CC6
}

.cb-actions {
display: flex;
align-items: center;
gap: 16px;
flex-wrap: wrap;
flex-shrink: 0
}

.cb-btn {
font-family: 'Roboto Mono', monospace;
font-size: 15px;
font-weight: 700;
letter-spacing: .02em;
line-height: 1.2;
padding: 16px 24px;
border-radius: 0;
cursor: pointer;
border: 2px solid #241019;
min-height: 44px;
min-width: 120px;
transition: background .22s cubic-bezier(0.4, 0, 0.2, 1), color .22s cubic-bezier(0.4, 0, 0.2, 1), border-color .22s cubic-bezier(0.4, 0, 0.2, 1);
box-shadow: 0 2px 5px 0 #24101912
}

.cb-btn:focus {
outline: none;
border-color: #FF7CC6;
background: #ff7cc61f
}

.cb-btn--accept {
background: #241019;
color: #FFE7EE
}

.cb-btn--accept:hover {
background: #3d1a2b;
color: #FF7CC6;
border-color: #3d1a2b
}

.cb-btn--decline {
background: transparent;
color: #241019
}

.cb-btn--decline:hover {
background: #24101914;
color: #241019
}

.cb-settings-link {
font-family: 'Roboto Mono', monospace;
font-size: 15px;
color: #241019;
letter-spacing: .01em;
line-height: 1.6;
text-decoration: underline;
cursor: pointer;
background: none;
border: none;
padding: 8px 0;
min-height: 44px;
display: flex;
align-items: center;
transition: color .2s cubic-bezier(0.4, 0, 0.2, 1)
}

.cb-settings-link:hover,
.cb-settings-link:focus {
color: #FF7CC6;
outline: none
}

.pref-btn {
position: fixed;
bottom: 24px;
left: 24px;
z-index: 7999;
width: 44px;
height: 44px;
border-radius: 20px;
background: #241019;
border: 2px solid #ff7cc666;
box-shadow: 0 5px 28px 0 #24101921;
cursor: pointer;
display: none;
align-items: center;
justify-content: center;
transition: border-color .22s cubic-bezier(0.4, 0, 0.2, 1), background .22s cubic-bezier(0.4, 0, 0.2, 1)
}

.pref-btn:hover,
.pref-btn:focus {
border-color: #FF7CC6;
background: #3d1a2b;
outline: none
}

.pref-btn svg {
display: block
}

@media (max-width: 1024px) {
.hd-body {
padding: 24px
}

.ft-upper {
padding: 40px 24px 24px;
gap: 40px
}

.ft-lower {
padding: 24px 24px 40px
}

.cb-card {
padding: 24px
}

.hd-strip {
padding: 8px 24px
}
}

@media (max-width: 640px) {
.hd-body {
flex-direction: column;
align-items: flex-start;
padding: 16px;
gap: 16px
}

.pg-nav {
width: 100%
}

.pg-nav__deck {
justify-content: flex-start
}

.ft-upper {
grid-template-columns: 1fr;
gap: 40px;
padding: 40px 16px 24px
}

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

.hd-strip {
padding: 8px 16px;
gap: 16px;
flex-wrap: wrap
}

.cb-card {
padding: 16px;
flex-direction: column
}

.cb-actions {
width: 100%
}

.cb-btn {
flex: 1;
min-width: 0
}
}

@media (max-width: 360px) {
.pg-nav__link {
padding: 8px;
font-size: 15px
}

.hd-body {
padding: 16px 8px
}

.ft-upper {
padding: 40px 8px 24px
}

.ft-lower {
padding: 16px 8px 40px
}
}

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

.content-policy h1 {
font-size: 50px;
line-height: 1.2;
letter-spacing: .01em;
color: #241019;
margin-bottom: 40px;
margin-top: 0
}

.content-policy h2 {
font-size: 36px;
line-height: 1.2;
letter-spacing: .01em;
color: #241019;
margin-top: 80px;
margin-bottom: 24px
}

.content-policy h3 {
font-size: 26px;
line-height: 1.6;
letter-spacing: .01em;
color: #241019;
margin-top: 40px;
margin-bottom: 16px
}

.content-policy h4 {
font-size: 15px;
line-height: 1.6;
letter-spacing: .02em;
color: #241019;
font-weight: 700;
margin-top: 40px;
margin-bottom: 16px;
text-transform: uppercase
}

.content-policy h5 {
font-size: 15px;
line-height: 1.6;
letter-spacing: .02em;
color: #241019;
font-weight: 600;
margin-top: 24px;
margin-bottom: 8px
}

.content-policy h6 {
font-size: 15px;
line-height: 1.6;
letter-spacing: .02em;
color: #241019;
font-weight: 500;
margin-top: 24px;
margin-bottom: 8px
}

.content-policy p {
font-size: 15px;
line-height: 2;
letter-spacing: .01em;
color: #241019;
margin-top: 0;
margin-bottom: 24px
}

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

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

.content-policy ul li {
font-size: 15px;
line-height: 2;
letter-spacing: .01em;
color: #241019;
margin-bottom: 8px;
padding-left: 16px;
position: relative
}

.content-policy ul li::before {
content: "";
position: absolute;
left: 0;
top: 14px;
width: 5px;
height: 5px;
border-radius: 0;
background-color: #FF7CC6;
transform: rotate(45deg)
}

.content-policy ol li {
font-size: 15px;
line-height: 2;
letter-spacing: .01em;
color: #241019;
margin-bottom: 8px;
padding-left: 16px;
position: relative;
counter-increment: policy-counter
}

.content-policy ol li::before {
content: counter(policy-counter) ".";
position: absolute;
left: 0;
top: 0;
color: #FF7CC6;
font-weight: 600;
font-size: 15px;
line-height: 2;
transform: translateX(-100%)
}

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

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

.content-policy a {
color: #241019;
text-decoration: underline;
text-decoration-color: #FF7CC6;
text-underline-offset: 3px;
text-decoration-thickness: 1.5px;
transition: color .22s cubic-bezier(0.4, 0, 0.2, 1), text-decoration-color .2s cubic-bezier(0.0, 0, 0.2, 1)
}

.content-policy a:hover {
color: #FF7CC6;
text-decoration-color: #FF7CC6
}

.content-policy a:focus-visible {
outline: 2px solid #FF7CC6;
outline-offset: 2px;
border-radius: 0
}

.content-policy table {
width: 100%;
border-collapse: collapse;
margin-bottom: 40px;
font-size: 15px;
line-height: 1.6;
letter-spacing: .01em;
box-shadow: 0 2px 5px 0 #24101912;
border-radius: 20px;
overflow: hidden
}

.content-policy thead {
background-color: #241019
}

.content-policy thead th {
color: #FFE7EE;
font-size: 15px;
line-height: 1.6;
letter-spacing: .02em;
font-weight: 600;
padding: 16px 24px;
text-align: left;
border: none
}

.content-policy tbody tr {
border-bottom: 1px solid #FFE7EE;
transition: background-color .2s cubic-bezier(0.4, 0, 0.2, 1)
}

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

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

.content-policy tbody tr:hover {
background-color: #FFE7EE
}

.content-policy td {
padding: 16px 24px;
color: #241019;
font-size: 15px;
line-height: 1.6;
letter-spacing: .01em;
border: none;
vertical-align: top
}

.content-policy th {
padding: 16px 24px;
font-size: 15px;
line-height: 1.6;
letter-spacing: .02em;
border: none
}

.content-policy hr {
border: none;
height: 1px;
background-color: #FFE7EE;
margin-top: 40px;
margin-bottom: 40px;
position: relative
}

.content-policy hr::after {
content: "";
position: absolute;
left: 0;
top: 0;
width: 40px;
height: 2px;
background-color: #FF7CC6
}

@media (max-width: 1024px) {
.content-policy {
padding: 80px 24px
}

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

.content-policy h2 {
font-size: 26px;
margin-top: 40px
}
}

@media (max-width: 640px) {
.content-policy {
padding: 40px 16px
}

.content-policy h1 {
font-size: 26px;
margin-bottom: 24px
}

.content-policy h2 {
font-size: 26px;
margin-top: 40px;
margin-bottom: 16px
}

.content-policy h3 {
font-size: 15px;
margin-top: 24px
}

.content-policy table {
display: block;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
border-radius: 20px
}

.content-policy thead th,
.content-policy td {
padding: 16px;
white-space: nowrap
}
}

@media (max-width: 360px) {
.content-policy {
padding: 40px 8px
}
}

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

.ctus .reveal-mask {
animation: maskReveal .28s cubic-bezier(0.0, 0, 0.2, 1) both
}

@keyframes maskReveal {
from {
clip-path: inset(0 50% 0 50%);
opacity: .4
}

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

.ctus .pg-top {
display: grid;
grid-template-columns: 280px 1fr;
min-height: 480px;
max-width: 1024px;
margin: 0 auto;
padding: 80px 24px;
gap: 80px;
align-items: start
}

.ctus .pg-top__visual {
position: relative;
border-radius: 20px;
overflow: hidden;
height: 100%;
min-height: 360px;
background: #241019
}

.ctus .pg-top__visual-bg {
position: absolute;
inset: 0;
background: linear-gradient(135deg, #ff7cc62e 0%, #24101900 60%), linear-gradient(225deg, #ffe7ee1f 0%, #24101900 70%);
border-radius: 20px
}

.ctus .pg-top__visual-deco {
position: absolute;
top: 40px;
left: 24px;
right: 24px;
bottom: 40px;
border: 2px solid #ff7cc64d;
border-radius: 20px;
pointer-events: none
}

.ctus .pg-top__visual-deco::before {
content: '';
position: absolute;
inset: 6px;
border: 1px solid #ff7cc626;
border-radius: 16px
}

.ctus .pg-top__stat-list {
display: flex;
flex-direction: column;
gap: 40px;
padding: 40px 24px;
height: 100%;
justify-content: center
}

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

.ctus .stat-item__num {
font-size: 50px;
line-height: 1.2;
letter-spacing: .01em;
color: #FF7CC6;
font-weight: 700
}

.ctus .stat-item__label {
font-size: 15px;
line-height: 1.6;
color: #fff9;
letter-spacing: .02em
}

.ctus .pg-top__text {
display: flex;
flex-direction: column;
gap: 24px;
justify-content: center
}

.ctus .pg-top__badge {
display: inline-flex;
align-items: center;
background: #FFE7EE;
color: #241019;
font-size: 15px;
line-height: 1.6;
letter-spacing: .02em;
padding: 8px 16px;
border-radius: 20px;
font-weight: 600;
align-self: flex-start
}

.ctus .pg-top__heading {
font-size: 50px;
line-height: 1.2;
letter-spacing: .01em;
color: #241019;
font-weight: 700;
margin: 0
}

.ctus .pg-top__heading span {
color: #FF7CC6
}

.ctus .pg-top__desc {
font-size: 15px;
line-height: 1.6;
color: #3a1f2a;
letter-spacing: .02em;
margin: 0;
max-width: 520px
}

.ctus .pg-top__desc::first-letter {
font-size: 36px;
line-height: 1.2;
float: left;
margin-right: 8px;
color: #FF7CC6;
font-weight: 700
}

.ctus .contact-strip {
display: flex;
flex-direction: row;
gap: 24px;
flex-wrap: wrap
}

.ctus .c-link {
display: inline-flex;
align-items: center;
gap: 8px;
font-size: 15px;
line-height: 1.6;
color: #241019;
text-decoration: none;
letter-spacing: .01em;
border-bottom: 1px solid #ff7cc666;
padding-bottom: 2px;
transition: color .22s cubic-bezier(0.4, 0, 0.2, 1), border-color .22s cubic-bezier(0.4, 0, 0.2, 1)
}

.ctus .c-link:hover {
color: #FF7CC6;
border-color: #FF7CC6
}

.ctus .c-link__dot {
width: 6px;
height: 6px;
border-radius: 0;
background: #FF7CC6;
display: inline-block;
transform: rotate(45deg)
}

.ctus .divider-rhythm {
max-width: 1024px;
margin: 0 auto;
padding: 0 24px;
display: flex;
align-items: center;
gap: 8px;
overflow: hidden
}

.ctus .divider-rhythm__line {
display: flex;
flex-direction: row;
align-items: center;
gap: 4px;
flex: 1
}

.ctus .divider-rhythm__seg {
height: 2px;
background: #FFE7EE
}

.ctus .divider-rhythm__seg.long {
width: 32px
}

.ctus .divider-rhythm__seg.short {
width: 10px
}

.ctus .divider-rhythm__seg.accent {
background: #FF7CC6;
width: 10px
}

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

.ctus .form-block::before {
content: '';
position: absolute;
inset: 0;
background: linear-gradient(160deg, #ff7cc614 0%, #24101900 50%), linear-gradient(340deg, #ffe7ee0d 0%, #24101900 60%);
pointer-events: none
}

.ctus .form-inner {
max-width: 1024px;
margin: 0 auto;
padding: 0 24px;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 80px;
align-items: start;
position: relative
}

.ctus .form-meta {
display: flex;
flex-direction: column;
gap: 24px
}

.ctus .form-meta__heading {
font-size: 36px;
line-height: 1.2;
letter-spacing: .01em;
color: #fff;
font-weight: 700;
margin: 0;
padding-left: 16px;
border-left: 3px solid #FF7CC6
}

.ctus .form-meta__text {
font-size: 15px;
line-height: 1.6;
color: #ffffffa6;
letter-spacing: .02em;
margin: 0
}

.ctus .form-meta__address {
display: flex;
flex-direction: column;
gap: 16px;
padding: 24px;
border: 1px solid #ff7cc633;
border-radius: 20px;
background: #ff7cc60a;
box-shadow: inset 0 2px 5px 0 #ff7cc612
}

.ctus .addr-row {
display: flex;
flex-direction: column;
gap: 8px
}

.ctus .addr-row__label {
font-size: 15px;
line-height: 1.6;
color: #FF7CC6;
letter-spacing: .02em;
font-weight: 600;
text-transform: uppercase;
font-size: 15px
}

.ctus .addr-row__val {
font-size: 15px;
line-height: 1.6;
color: #fffc;
letter-spacing: .01em;
margin: 0
}

.ctus .addr-row__val a {
color: #fffc;
text-decoration: none;
transition: color .2s cubic-bezier(0.4, 0, 0.2, 1)
}

.ctus .addr-row__val a:hover {
color: #FF7CC6
}

.ctus .addr-sep {
height: 1px;
background: #ff7cc626
}

.ctus .form-card {
background: #fff;
border-radius: 20px;
padding: 40px;
box-shadow: 0 9px 52px 0 #24101921;
display: flex;
flex-direction: column;
gap: 24px;
position: relative
}

.ctus .form-card__corner-tag {
position: absolute;
top: -1px;
right: 24px;
background: #FF7CC6;
color: #241019;
font-size: 15px;
line-height: 1.6;
letter-spacing: .02em;
font-weight: 700;
padding: 8px 16px;
border-radius: 0 0 20px 20px
}

.ctus .form-card__title {
font-size: 26px;
line-height: 1.2;
letter-spacing: .01em;
color: #241019;
font-weight: 700;
margin: 0;
padding-top: 16px
}

.ctus .field-group {
display: flex;
flex-direction: column;
gap: 8px
}

.ctus .field-group label {
font-size: 15px;
line-height: 1.6;
color: #241019;
font-weight: 600;
letter-spacing: .01em
}

.ctus .field-group input[type="email"],
.ctus .field-group select {
width: 100%;
padding: 16px;
border: 1px solid #24101933;
border-radius: 20px;
font-size: 15px;
line-height: 1.6;
color: #241019;
background: #fff;
outline: none;
box-shadow: 0 2px 5px 0 #24101912;
transition: border-color .22s cubic-bezier(0.4, 0, 0.2, 1), box-shadow .25s cubic-bezier(0.4, 0, 0.2, 1);
appearance: none;
-webkit-appearance: none;
box-sizing: border-box
}

.ctus .field-group input[type="email"]::placeholder {
color: #24101959;
font-weight: 300
}

.ctus .field-group input[type="email"]:focus,
.ctus .field-group select:focus {
border-color: #FF7CC6;
box-shadow: 0 5px 28px 0 #ff7cc61a inset 0 2px 5px 0 #ff7cc612
}

.ctus .select-wrap {
position: relative
}

.ctus .select-wrap select {
width: 100%;
padding-right: 40px;
cursor: pointer;
color: #241019
}

.ctus .select-wrap select option[value=""] {
color: #24101959;
font-weight: 300
}

.ctus .select-arrow {
position: absolute;
right: 16px;
top: 50%;
transform: translateY(-50%);
pointer-events: none;
width: 10px;
height: 6px
}

.ctus .select-arrow::before,
.ctus .select-arrow::after {
content: '';
position: absolute;
background: #241019;
height: 2px;
width: 7px;
top: 2px;
border-radius: 0
}

.ctus .select-arrow::before {
left: 0;
transform: rotate(40deg);
transform-origin: right center
}

.ctus .select-arrow::after {
right: 0;
transform: rotate(-40deg);
transform-origin: left center
}

.ctus .privacy-row {
display: flex;
flex-direction: row;
align-items: flex-start;
gap: 16px
}

.ctus .privacy-row input[type="checkbox"] {
width: 20px;
height: 20px;
min-width: 20px;
margin-top: 2px;
accent-color: #FF7CC6;
cursor: pointer;
border-radius: 0
}

.ctus .privacy-row__text {
font-size: 15px;
line-height: 1.6;
color: #3a1f2a;
letter-spacing: .01em
}

.ctus .privacy-row__text a {
color: #241019;
font-weight: 600;
text-decoration: underline;
text-decoration-color: #FF7CC6;
transition: color .2s cubic-bezier(0.4, 0, 0.2, 1)
}

.ctus .privacy-row__text a:hover {
color: #FF7CC6
}

.ctus .btn-submit {
display: inline-flex;
align-items: center;
justify-content: center;
background: #241019;
color: #fff;
font-size: 15px;
line-height: 1.6;
letter-spacing: .02em;
font-weight: 700;
padding: 16px 40px;
border-radius: 20px;
border: none;
cursor: pointer;
align-self: flex-start;
box-shadow: 0 5px 28px 0 #2410191a;
transition: background .22s cubic-bezier(0.4, 0, 0.2, 1), box-shadow .25s cubic-bezier(0.4, 0, 0.2, 1), transform .2s cubic-bezier(0.0, 0, 0.2, 1);
position: relative;
overflow: hidden
}

.ctus .btn-submit:hover {
background: #FF7CC6;
color: #241019;
box-shadow: 0 9px 52px 0 #ff7cc621;
transform: translateY(-2px)
}

.ctus .btn-submit:active {
transform: translateY(0);
box-shadow: 0 2px 5px 0 #24101912
}

.ctus .btn-submit:focus-visible {
outline: 2px solid #FF7CC6;
outline-offset: 3px
}

@media (max-width: 1024px) {
.ctus .pg-top {
grid-template-columns: 220px 1fr;
gap: 40px;
padding: 80px 24px
}

.ctus .form-inner {
grid-template-columns: 1fr;
gap: 40px
}

.ctus .pg-top__heading {
font-size: 36px
}
}

@media (max-width: 640px) {
.ctus .pg-top {
grid-template-columns: 1fr;
gap: 24px;
padding: 40px 16px
}

.ctus .pg-top__visual {
min-height: 200px;
height: 200px
}

.ctus .pg-top__heading {
font-size: 36px
}

.ctus .form-block {
padding: 40px 0
}

.ctus .form-inner {
padding: 0 16px;
gap: 24px
}

.ctus .form-card {
padding: 24px 16px
}

.ctus .form-meta__heading {
font-size: 26px
}

.ctus .contact-strip {
flex-direction: column;
gap: 16px
}
}

@media (max-width: 360px) {
.ctus .pg-top {
padding: 24px 16px
}

.ctus .pg-top__heading {
font-size: 26px
}

.ctus .form-card__title {
font-size: 15px
}
}

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

.abt-pg *,
.abt-pg ::before,
.abt-pg ::after {
box-sizing: border-box
}

::selection {
background: #FF7CC6;
color: #241019
}

.abt-pg .top-split {
display: grid;
grid-template-columns: 1fr 1.6fr;
min-height: 520px;
max-width: 100%;
position: relative
}

.abt-pg .top-split::before {
content: '';
position: absolute;
inset: 0;
background-image: repeating-linear-gradient(-42deg, transparent, transparent 18px, #24101909 18px, #24101909 19px);
pointer-events: none;
z-index: 0
}

.abt-pg .img-card {
position: relative;
overflow: hidden;
border-radius: 0;
padding: 40px 24px 40px 40px;
display: flex;
align-items: stretch;
z-index: 1
}

.abt-pg .img-card figure {
margin: 0;
width: 100%;
border-radius: 20px;
overflow: hidden;
position: relative;
box-shadow: 0 9px 52px 0 #24101921
}

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

.abt-pg .img-card figure::after {
content: '';
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 55%;
background: linear-gradient(to top, #241019b8 0%, transparent 100%);
pointer-events: none
}

.abt-pg .txt-zone {
padding: 80px 80px 80px 40px;
display: flex;
flex-direction: column;
justify-content: center;
z-index: 1;
position: relative
}

.abt-pg .pill-label {
display: inline-block;
background: #FFE7EE;
color: #241019;
font-size: 15px;
font-weight: 600;
letter-spacing: .02em;
padding: 8px 16px;
border-radius: 20px;
margin-bottom: 24px;
line-height: 1.2
}

.abt-pg .txt-zone h1 {
font-size: 68px;
line-height: 1.2;
letter-spacing: .01em;
color: #241019;
margin: 0 0 24px;
font-weight: 800
}

.abt-pg .txt-zone h1 em {
font-style: normal;
color: #FF7CC6
}

.abt-pg .txt-zone p {
font-size: 15px;
line-height: 1.6;
color: #241019;
margin: 0 0 24px;
max-width: 520px;
letter-spacing: .01em
}

.abt-pg .txt-zone p:first-of-type::first-letter {
font-size: 50px;
font-weight: 800;
line-height: 1.2;
color: #FF7CC6;
float: left;
margin-right: 8px;
margin-top: 4px
}

.abt-pg .txt-zone .accent-link {
display: inline-flex;
align-items: center;
gap: 8px;
background: #241019;
color: #fff;
font-size: 15px;
font-weight: 700;
letter-spacing: .02em;
padding: 16px 40px;
border-radius: 20px;
text-decoration: none;
transition: background .22s cubic-bezier(0.4, 0, 0.2, 1), box-shadow .25s cubic-bezier(0.4, 0, 0.2, 1);
box-shadow: 0 5px 28px 0 #2410191a;
align-self: flex-start;
margin-top: 8px;
position: relative;
overflow: hidden
}

.abt-pg .txt-zone .accent-link::after {
content: '';
position: absolute;
inset: 0;
background: #FF7CC6;
opacity: 0;
transition: opacity .2s cubic-bezier(0.4, 0, 0.2, 1);
border-radius: 20px
}

.abt-pg .txt-zone .accent-link:hover {
background: #3d1a2e;
box-shadow: 0 9px 52px 0 #24101921
}

.abt-pg .txt-zone .accent-link:hover::after {
opacity: .12
}

.abt-pg .metrics-band {
background: #241019;
padding: 40px 80px;
display: flex;
flex-direction: row;
align-items: stretch;
justify-content: center;
gap: 0;
position: relative;
overflow: hidden
}

.abt-pg .metrics-band::before {
content: 'M';
position: absolute;
right: -24px;
top: 50%;
transform: translateY(-50%);
font-size: 260px;
font-weight: 900;
color: #ff7cc60f;
line-height: 1.2;
pointer-events: none;
letter-spacing: -.02em;
user-select: none
}

.abt-pg .met-item {
flex: 1;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 24px 40px;
position: relative;
text-align: center
}

.abt-pg .met-item+.met-item::before {
content: '';
position: absolute;
left: 0;
top: 16px;
bottom: 16px;
width: 1px;
background: #ff7cc62e
}

.abt-pg .met-num {
font-size: 50px;
font-weight: 800;
line-height: 1.2;
color: #FF7CC6;
letter-spacing: .01em;
display: block
}

.abt-pg .met-desc {
font-size: 15px;
line-height: 1.6;
color: #ffe7eec7;
margin-top: 8px;
letter-spacing: .01em;
display: block
}

.abt-pg .approach-grid {
background: #FFE7EE;
padding: 80px;
position: relative
}

.abt-pg .approach-grid::after {
content: '';
position: absolute;
inset: 0;
background: linear-gradient(135deg, #ff7cc612 0%, transparent 60%), linear-gradient(315deg, #2410190a 0%, transparent 55%);
pointer-events: none
}

.abt-pg .ag-head {
max-width: 1024px;
margin: 0 auto 40px;
display: flex;
flex-direction: row;
align-items: flex-end;
justify-content: space-between;
gap: 40px;
position: relative;
z-index: 1
}

.abt-pg .ag-head h2 {
font-size: 36px;
line-height: 1.2;
color: #241019;
margin: 0;
font-weight: 800;
letter-spacing: .01em;
padding-left: 16px;
border-left: 4px solid #FF7CC6
}

.abt-pg .ag-head p {
font-size: 15px;
line-height: 1.6;
color: #241019;
margin: 0;
max-width: 380px;
letter-spacing: .01em;
opacity: .8
}

.abt-pg .ag-cards {
max-width: 1024px;
margin: 0 auto;
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 24px;
position: relative;
z-index: 1
}

.abt-pg .ag-card {
background: #fff;
border-radius: 20px;
padding: 40px 24px 24px;
box-shadow: 0 2px 5px 0 #24101912;
transition: box-shadow .25s cubic-bezier(0.0, 0, 0.2, 1), transform .22s cubic-bezier(0.4, 0, 0.2, 1);
position: relative;
overflow: hidden;
display: flex;
flex-direction: column;
gap: 16px
}

.abt-pg .ag-card:hover {
box-shadow: 0 9px 52px 0 #24101921;
transform: translateY(-4px)
}

.abt-pg .ag-card::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
height: 4px;
background: #FF7CC6;
border-radius: 20px 20px 0 0
}

.abt-pg .ag-icon {
width: 48px;
height: 48px;
border-radius: 20px;
background: #FFE7EE;
display: flex;
align-items: center;
justify-content: center;
box-shadow: inset 0 2px 5px 0 #ff7cc62e;
flex-shrink: 0
}

.abt-pg .ag-icon svg {
width: 24px;
height: 24px
}

.abt-pg .ag-card h4 {
font-size: 15px;
font-weight: 700;
color: #241019;
margin: 0;
letter-spacing: .02em;
line-height: 1.2
}

.abt-pg .ag-card p {
font-size: 15px;
line-height: 1.6;
color: #241019;
margin: 0;
opacity: .75;
letter-spacing: .01em
}

.abt-pg .team-strip {
padding: 80px;
max-width: 1024px;
margin: 0 auto;
display: grid;
grid-template-columns: 1.2fr 1fr;
gap: 80px;
align-items: center
}

.abt-pg .team-txt h2 {
font-size: 36px;
font-weight: 800;
line-height: 1.2;
color: #241019;
margin: 0 0 16px;
letter-spacing: .01em;
padding-left: 16px;
border-left: 4px solid #FF7CC6
}

.abt-pg .team-txt p {
font-size: 15px;
line-height: 1.6;
color: #241019;
margin: 0 0 16px;
letter-spacing: .01em
}

.abt-pg .team-txt p:first-of-type::first-letter {
font-size: 50px;
font-weight: 800;
line-height: 1.2;
color: #FF7CC6;
float: left;
margin-right: 8px;
margin-top: 4px
}

.abt-pg .inline-list {
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: 8px;
margin: 16px 0 0;
padding: 0;
list-style: none
}

.abt-pg .inline-list li {
font-size: 15px;
line-height: 1.6;
color: #241019;
letter-spacing: .01em
}

.abt-pg .inline-list li+li::before {
content: '·';
color: #FF7CC6;
font-weight: 700;
margin-right: 8px
}

.abt-pg .team-imgs {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 16px
}

.abt-pg .t-img-wrap {
border-radius: 20px;
overflow: hidden;
position: relative;
box-shadow: 0 5px 28px 0 #2410191a
}

.abt-pg .t-img-wrap img {
width: 100%;
height: 200px;
object-fit: cover;
object-position: center;
display: block;
transition: transform .28s cubic-bezier(0.4, 0, 0.2, 1)
}

.abt-pg .t-img-wrap:hover img {
transform: scale(1.04)
}

.abt-pg .t-img-wrap.tall {
grid-row: span 2
}

.abt-pg .t-img-wrap.tall img {
height: 100%;
min-height: 416px
}

.abt-pg .glow-bg {
position: relative;
background: #fff;
overflow: hidden
}

.abt-pg .glow-bg::before {
content: '';
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 600px;
height: 300px;
background: radial-gradient(ellipse 60% 40% at 50% 50%, #ff7cc61a 0%, transparent 70%);
pointer-events: none;
animation: innerGlow 6s ease-in-out infinite
}

@keyframes innerGlow {

0%,
100% {
opacity: .5
}

50% {
opacity: 1
}
}

@media (max-width: 1024px) {
.abt-pg .top-split {
grid-template-columns: 1fr 1.4fr
}

.abt-pg .txt-zone {
padding: 40px 40px 40px 24px
}

.abt-pg .txt-zone h1 {
font-size: 50px
}

.abt-pg .metrics-band {
padding: 40px
}

.abt-pg .approach-grid {
padding: 40px
}

.abt-pg .team-strip {
padding: 40px;
gap: 40px
}
}

@media (max-width: 640px) {
.abt-pg .top-split {
grid-template-columns: 1fr
}

.abt-pg .img-card {
padding: 24px 24px 0;
min-height: 280px
}

.abt-pg .txt-zone {
padding: 24px
}

.abt-pg .txt-zone h1 {
font-size: 36px
}

.abt-pg .metrics-band {
flex-direction: column;
padding: 40px 24px;
gap: 0
}

.abt-pg .met-item+.met-item::before {
top: 0;
left: 16px;
right: 16px;
bottom: auto;
width: auto;
height: 1px
}

.abt-pg .approach-grid {
padding: 40px 24px
}

.abt-pg .ag-head {
flex-direction: column;
align-items: flex-start;
gap: 16px
}

.abt-pg .ag-cards {
grid-template-columns: 1fr
}

.abt-pg .team-strip {
grid-template-columns: 1fr;
padding: 40px 24px;
gap: 40px
}

.abt-pg .team-imgs {
grid-template-columns: 1fr 1fr
}

.abt-pg .t-img-wrap.tall img {
min-height: 220px
}
}

@media (max-width: 360px) {
.abt-pg .txt-zone h1 {
font-size: 26px
}

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

.abt-pg .ag-head h2 {
font-size: 26px
}

.abt-pg .team-txt h2 {
font-size: 26px
}
}

.ld-pg {
background: #fff;
overflow-x: hidden
}

.ld-pg ::selection {
background: #FF7CC6;
color: #241019
}

.ld-pg .accent-badge {
display: inline-block;
background: #FFE7EE;
color: #241019;
font-size: 15px;
font-weight: 600;
padding: 8px 16px;
border-radius: 20px;
letter-spacing: .02em;
line-height: 1.2
}

.ld-pg .cross-divider {
display: flex;
align-items: center;
justify-content: center;
gap: 16px;
padding: 0 40px
}

.ld-pg .cross-divider::before,
.ld-pg .cross-divider::after {
content: '';
flex: 1;
height: 1px;
background: #FFE7EE
}

.ld-pg .cross-divider-icon {
width: 16px;
height: 16px;
position: relative;
flex-shrink: 0
}

.ld-pg .cross-divider-icon::before,
.ld-pg .cross-divider-icon::after {
content: '';
position: absolute;
background: #FF7CC6
}

.ld-pg .cross-divider-icon::before {
width: 16px;
height: 2px;
top: 7px;
left: 0
}

.ld-pg .cross-divider-icon::after {
width: 2px;
height: 16px;
top: 0;
left: 7px
}

.ld-pg .title-blk {
position: relative;
background: linear-gradient(160deg, #241019 0%, #3d1a2e 60%), linear-gradient(200deg, #FF7CC6 0%, transparent 50%);
background-blend-mode: normal;
padding: 80px 40px;
overflow: hidden
}

.ld-pg .title-blk::before {
content: '';
position: absolute;
inset: 0;
background: linear-gradient(200deg, #ff7cc62e 0%, transparent 55%);
pointer-events: none
}

.ld-pg .title-dots {
position: absolute;
inset: 0;
pointer-events: none;
overflow: hidden
}

.ld-pg .title-dots span {
position: absolute;
width: 4px;
height: 4px;
border-radius: 20px;
background: #ff7cc640
}

.ld-pg .title-dots span:nth-child(1) {
top: 12%;
left: 8%
}

.ld-pg .title-dots span:nth-child(2) {
top: 28%;
left: 22%
}

.ld-pg .title-dots span:nth-child(3) {
top: 55%;
left: 5%
}

.ld-pg .title-dots span:nth-child(4) {
top: 75%;
left: 18%
}

.ld-pg .title-dots span:nth-child(5) {
top: 10%;
right: 12%
}

.ld-pg .title-dots span:nth-child(6) {
top: 40%;
right: 6%
}

.ld-pg .title-dots span:nth-child(7) {
top: 65%;
right: 20%
}

.ld-pg .title-dots span:nth-child(8) {
top: 85%;
right: 8%
}

.ld-pg .title-dots span:nth-child(9) {
top: 48%;
left: 50%
}

.ld-pg .title-dots span:nth-child(10) {
top: 20%;
left: 60%
}

.ld-pg .title-dots span:nth-child(11) {
top: 80%;
left: 40%
}

.ld-pg .title-dots span:nth-child(12) {
top: 35%;
right: 35%
}

.ld-pg .tri-tl {
position: absolute;
top: 0;
left: 0;
width: 0;
height: 0;
border-style: solid;
border-width: 80px 80px 0 0;
border-color: #ff7cc61a transparent transparent;
pointer-events: none
}

.ld-pg .tri-br {
position: absolute;
bottom: 0;
right: 0;
width: 0;
height: 0;
border-style: solid;
border-width: 0 0 60px 60px;
border-color: transparent transparent #ff7cc614;
pointer-events: none
}

.ld-pg .title-inner {
max-width: 1024px;
margin: 0 auto;
position: relative;
z-index: 1
}

.ld-pg .title-sym {
display: flex;
align-items: center;
gap: 16px;
margin-bottom: 24px
}

.ld-pg .title-sym-icon {
width: 32px;
height: 32px;
flex-shrink: 0
}

.ld-pg .title-h1 {
font-size: 68px;
line-height: 1.2;
letter-spacing: .01em;
color: #fff;
font-weight: 800;
margin: 0 0 24px
}

.ld-pg .title-h1 em {
font-style: normal;
color: #FF7CC6
}

.ld-pg .title-desc {
font-size: 26px;
line-height: 1.6;
color: #ffffffbf;
max-width: 640px;
margin: 0;
letter-spacing: .01em
}

@media (max-width: 1024px) {
.ld-pg .title-h1 {
font-size: 50px
}
}

@media (max-width: 640px) {
.ld-pg .title-blk {
padding: 40px 24px
}

.ld-pg .title-h1 {
font-size: 36px
}

.ld-pg .title-desc {
font-size: 15px
}

.ld-pg .tri-tl {
border-width: 48px 48px 0 0
}

.ld-pg .tri-br {
border-width: 0 0 40px 40px
}
}

@media (max-width: 360px) {
.ld-pg .title-h1 {
font-size: 26px
}

.ld-pg .title-blk {
padding: 40px 16px
}
}

.ld-pg .value-sec {
padding: 80px 40px;
background: #fff
}

.ld-pg .value-inner {
max-width: 1024px;
margin: 0 auto;
display: grid;
grid-template-columns: 2fr 1fr;
gap: 40px;
align-items: start
}

.ld-pg .value-label {
display: flex;
align-items: center;
gap: 16px;
margin-bottom: 24px
}

.ld-pg .value-line {
width: 4px;
height: 40px;
background: #FF7CC6;
border-radius: 0;
flex-shrink: 0
}

.ld-pg .value-h2 {
font-size: 36px;
line-height: 1.2;
color: #241019;
font-weight: 700;
letter-spacing: .01em;
margin: 0 0 24px
}

.ld-pg .value-body {
font-size: 15px;
line-height: 1.6;
color: #241019;
margin: 0 0 16px;
letter-spacing: .01em
}

.ld-pg .value-body:first-of-type::first-letter {
font-size: 50px;
font-weight: 800;
color: #FF7CC6;
float: left;
line-height: 1;
margin-right: 8px;
margin-top: 4px
}

.ld-pg .value-items {
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: 8px;
margin-top: 24px;
list-style: none;
padding: 0
}

.ld-pg .value-items li {
font-size: 15px;
color: #241019;
line-height: 1.6
}

.ld-pg .value-items li+li::before {
content: '·';
color: #FF7CC6;
margin-right: 8px;
font-weight: 700
}

.ld-pg .value-img-col {
position: relative
}

.ld-pg .value-img-wrap {
border-radius: 20px;
overflow: hidden;
box-shadow: 0 9px 52px 0 #24101921
}

.ld-pg .value-img-wrap img {
width: 100%;
height: 320px;
object-fit: cover;
object-position: center top;
display: block;
transition: transform .28s cubic-bezier(0.0, 0, 0.2, 1)
}

.ld-pg .value-img-wrap:hover img {
transform: scale(1.03)
}

.ld-pg .value-stat {
margin-top: 16px;
background: #FFE7EE;
border-radius: 20px;
padding: 16px;
text-align: center
}

.ld-pg .value-stat-num {
font-size: 36px;
font-weight: 800;
color: #241019;
line-height: 1.2;
display: block
}

.ld-pg .value-stat-label {
font-size: 15px;
color: #241019;
opacity: .7;
line-height: 1.6
}

@media (max-width: 1024px) {
.ld-pg .value-inner {
grid-template-columns: 1fr
}

.ld-pg .value-img-col {
order: -1
}

.ld-pg .value-img-wrap img {
height: 240px
}
}

@media (max-width: 640px) {
.ld-pg .value-sec {
padding: 40px 24px
}

.ld-pg .value-h2 {
font-size: 26px
}
}

@media (max-width: 360px) {
.ld-pg .value-sec {
padding: 40px 16px
}
}

.ld-pg .gap-sec {
padding: 80px 40px;
background: #FFE7EE;
position: relative;
overflow: hidden
}

.ld-pg .gap-sec .tri-tr {
position: absolute;
top: 0;
right: 0;
width: 0;
height: 0;
border-style: solid;
border-width: 0 100px 100px 0;
border-color: transparent #ff7cc626 transparent transparent;
pointer-events: none
}

.ld-pg .gap-sec .tri-bl {
position: absolute;
bottom: 0;
left: 0;
width: 0;
height: 0;
border-style: solid;
border-width: 70px 0 0 70px;
border-color: transparent transparent transparent #ff7cc61f;
pointer-events: none
}

.ld-pg .gap-inner {
max-width: 1024px;
margin: 0 auto;
position: relative;
z-index: 1
}

.ld-pg .gap-h2 {
font-size: 50px;
line-height: 1.2;
color: #241019;
font-weight: 800;
letter-spacing: .01em;
margin: 0 0 40px;
max-width: 640px
}

.ld-pg .gap-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 24px
}

.ld-pg .gap-card {
background: #fff;
border-radius: 20px;
padding: 24px;
box-shadow: 0 5px 28px 0 #2410191a;
transition: box-shadow .22s cubic-bezier(0.4, 0, 0.2, 1), transform .22s cubic-bezier(0.4, 0, 0.2, 1);
cursor: default
}

.ld-pg .gap-card:hover {
background: #241019;
box-shadow: 0 9px 52px 0 #24101921;
transform: translateY(-4px)
}

.ld-pg .gap-card:hover .gap-card-h {
color: #FF7CC6
}

.ld-pg .gap-card:hover .gap-card-p {
color: #fffc
}

.ld-pg .gap-card:hover .gap-card-num {
color: #ff7cc64d
}

.ld-pg .gap-card-num {
font-size: 68px;
font-weight: 800;
color: #FFE7EE;
line-height: 1;
letter-spacing: -.02em;
transition: color .22s cubic-bezier(0.4, 0, 0.2, 1)
}

.ld-pg .gap-card-h {
font-size: 15px;
font-weight: 700;
color: #241019;
line-height: 1.2;
margin: 8px 0;
letter-spacing: .02em;
transition: color .22s cubic-bezier(0.4, 0, 0.2, 1)
}

.ld-pg .gap-card-p {
font-size: 15px;
color: #241019;
line-height: 1.6;
margin: 0;
opacity: .75;
transition: color .22s cubic-bezier(0.4, 0, 0.2, 1), opacity .22s cubic-bezier(0.4, 0, 0.2, 1)
}

.ld-pg .gap-card:hover .gap-card-p {
opacity: 1
}

@media (max-width: 640px) {
.ld-pg .gap-sec {
padding: 40px 24px
}

.ld-pg .gap-h2 {
font-size: 36px
}

.ld-pg .gap-grid {
grid-template-columns: 1fr
}
}

@media (max-width: 360px) {
.ld-pg .gap-sec {
padding: 40px 16px
}

.ld-pg .gap-h2 {
font-size: 26px
}
}

.ld-pg .rep-sec {
padding: 80px 40px;
background: #fff
}

.ld-pg .rep-inner {
max-width: 1024px;
margin: 0 auto;
display: grid;
grid-template-columns: 1fr 2fr;
gap: 40px;
align-items: start
}

.ld-pg .rep-aside {
position: relative
}

.ld-pg .rep-img-wrap {
border-radius: 20px;
overflow: hidden;
box-shadow: 0 9px 52px 0 #ff7cc621
}

.ld-pg .rep-img-wrap img {
width: 100%;
height: 360px;
object-fit: cover;
object-position: center;
display: block;
transition: transform .25s cubic-bezier(0.0, 0, 0.2, 1)
}

.ld-pg .rep-img-wrap:hover img {
transform: scale(1.04)
}

.ld-pg .rep-label {
display: flex;
align-items: center;
gap: 16px;
margin-bottom: 24px
}

.ld-pg .rep-line {
width: 4px;
height: 40px;
background: #FF7CC6;
border-radius: 0;
flex-shrink: 0
}

.ld-pg .rep-h2 {
font-size: 36px;
line-height: 1.2;
color: #241019;
font-weight: 700;
letter-spacing: .01em;
margin: 0 0 24px
}

.ld-pg .rep-body {
font-size: 15px;
line-height: 1.6;
color: #241019;
margin: 0 0 16px;
letter-spacing: .01em
}

.ld-pg .rep-body:first-of-type::first-letter {
font-size: 50px;
font-weight: 800;
color: #FF7CC6;
float: left;
line-height: 1;
margin-right: 8px;
margin-top: 4px
}

.ld-pg .rep-trust {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 16px;
margin-top: 24px
}

.ld-pg .rep-trust-item {
background: #FFE7EE;
border-radius: 20px;
padding: 16px;
text-align: center;
position: relative;
overflow: hidden;
transition: background .2s cubic-bezier(0.4, 0, 0.2, 1)
}

.ld-pg .rep-trust-item:hover {
background: #241019
}

.ld-pg .rep-trust-item:hover .rep-trust-num,
.ld-pg .rep-trust-item:hover .rep-trust-lbl {
color: #fff
}

.ld-pg .rep-trust-num {
font-size: 26px;
font-weight: 800;
color: #241019;
line-height: 1.2;
display: block;
transition: color .2s cubic-bezier(0.4, 0, 0.2, 1)
}

.ld-pg .rep-trust-lbl {
font-size: 15px;
color: #241019;
opacity: .7;
line-height: 1.6;
transition: color .2s cubic-bezier(0.4, 0, 0.2, 1), opacity .2s cubic-bezier(0.4, 0, 0.2, 1)
}

.ld-pg .rep-trust-item:hover .rep-trust-lbl {
opacity: .8
}

.ld-pg .rep-quotes {
margin-top: 24px;
display: flex;
flex-direction: column;
gap: 16px
}

.ld-pg .rep-quote {
background: #fff;
border-radius: 20px;
padding: 24px;
box-shadow: 0 2px 5px 0 #24101912;
box-shadow: inset 0 0 0 1px #ff7cc633 0 2px 5px 0 #24101912
}

.ld-pg .rep-quote-text {
font-size: 15px;
line-height: 1.6;
color: #241019;
margin: 0 0 8px;
font-style: italic
}

.ld-pg .rep-quote-author {
font-size: 15px;
font-weight: 700;
color: #FF7CC6;
line-height: 1.2
}

@media (max-width: 1024px) {
.ld-pg .rep-inner {
grid-template-columns: 1fr
}

.ld-pg .rep-img-wrap img {
height: 240px
}

.ld-pg .rep-trust {
grid-template-columns: 1fr 1fr 1fr
}
}

@media (max-width: 640px) {
.ld-pg .rep-sec {
padding: 40px 24px
}

.ld-pg .rep-h2 {
font-size: 26px
}

.ld-pg .rep-trust {
grid-template-columns: 1fr 1fr
}
}

@media (max-width: 360px) {
.ld-pg .rep-sec {
padding: 40px 16px
}

.ld-pg .rep-trust {
grid-template-columns: 1fr
}
}

.ld-pg .supp-sec {
padding: 80px 40px;
background: #241019;
position: relative;
overflow: hidden
}

.ld-pg .supp-sec .tri-tl-d {
position: absolute;
top: 0;
left: 0;
width: 0;
height: 0;
border-style: solid;
border-width: 120px 120px 0 0;
border-color: #ff7cc612 transparent transparent;
pointer-events: none
}

.ld-pg .supp-sec .tri-br-d {
position: absolute;
bottom: 0;
right: 0;
width: 0;
height: 0;
border-style: solid;
border-width: 0 0 90px 90px;
border-color: transparent transparent #ff7cc60f;
pointer-events: none
}

.ld-pg .supp-inner {
max-width: 1024px;
margin: 0 auto;
position: relative;
z-index: 1
}

.ld-pg .supp-header {
display: flex;
align-items: flex-start;
gap: 40px;
margin-bottom: 40px
}

.ld-pg .supp-header-text {
flex: 1
}

.ld-pg .supp-h2 {
font-size: 36px;
line-height: 1.2;
color: #fff;
font-weight: 700;
letter-spacing: .01em;
margin: 0 0 16px
}

.ld-pg .supp-desc {
font-size: 15px;
line-height: 1.6;
color: #ffffffb3;
margin: 0;
letter-spacing: .01em
}

.ld-pg .supp-img-sm {
width: 200px;
flex-shrink: 0;
border-radius: 20px;
overflow: hidden;
box-shadow: 0 9px 52px 0 #ff7cc621
}

.ld-pg .supp-img-sm img {
width: 100%;
height: 160px;
object-fit: cover;
object-position: center top;
display: block
}

.ld-pg .supp-grid {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
gap: 16px
}

.ld-pg .supp-item {
background: #ffffff0d;
border-radius: 20px;
padding: 24px 16px;
text-align: center;
transition: background .24s cubic-bezier(0.4, 0, 0.2, 1)
}

.ld-pg .supp-item:hover {
background: #ff7cc626
}

.ld-pg .supp-icon {
width: 40px;
height: 40px;
margin: 0 auto 16px;
display: flex;
align-items: center;
justify-content: center
}

.ld-pg .supp-icon svg {
width: 32px;
height: 32px
}

.ld-pg .supp-item-h {
font-size: 15px;
font-weight: 700;
color: #FF7CC6;
line-height: 1.2;
margin: 0 0 8px;
letter-spacing: .02em
}

.ld-pg .supp-item-p {
font-size: 15px;
color: #ffffffa6;
line-height: 1.6;
margin: 0
}

.ld-pg .supp-icon-cycle .supp-icon svg {
animation: icon-seq 3.2s ease-out infinite
}

.ld-pg .supp-item:nth-child(1) .supp-icon svg {
animation-delay: 0s
}

.ld-pg .supp-item:nth-child(2) .supp-icon svg {
animation-delay: .8s
}

.ld-pg .supp-item:nth-child(3) .supp-icon svg {
animation-delay: 1.6s
}

.ld-pg .supp-item:nth-child(4) .supp-icon svg {
animation-delay: 2.4s
}

@keyframes icon-seq {

0%,
70%,
100% {
opacity: .4;
transform: scale(1)
}

10%,
30% {
opacity: 1;
transform: scale(1.15)
}
}

@media (max-width: 1024px) {
.ld-pg .supp-grid {
grid-template-columns: 1fr 1fr
}
}

@media (max-width: 640px) {
.ld-pg .supp-sec {
padding: 40px 24px
}

.ld-pg .supp-header {
flex-direction: column
}

.ld-pg .supp-img-sm {
width: 100%
}

.ld-pg .supp-img-sm img {
height: 180px
}

.ld-pg .supp-h2 {
font-size: 26px
}

.ld-pg .supp-grid {
grid-template-columns: 1fr 1fr
}
}

@media (max-width: 360px) {
.ld-pg .supp-sec {
padding: 40px 16px
}

.ld-pg .supp-grid {
grid-template-columns: 1fr
}
}

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

.ld-pg .curr-inner {
max-width: 1024px;
margin: 0 auto
}

.ld-pg .curr-top {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 40px;
align-items: center;
margin-bottom: 40px
}

.ld-pg .curr-label {
display: flex;
align-items: center;
gap: 16px;
margin-bottom: 24px
}

.ld-pg .curr-line {
width: 4px;
height: 40px;
background: #FF7CC6;
border-radius: 0;
flex-shrink: 0
}

.ld-pg .curr-h2 {
font-size: 36px;
line-height: 1.2;
color: #241019;
font-weight: 700;
letter-spacing: .01em;
margin: 0 0 16px
}

.ld-pg .curr-body {
font-size: 15px;
line-height: 1.6;
color: #241019;
margin: 0;
letter-spacing: .01em
}

.ld-pg .curr-img-side {
border-radius: 20px;
overflow: hidden;
box-shadow: 0 5px 28px 0 #2410191a
}

.ld-pg .curr-img-side img {
width: 100%;
height: 280px;
object-fit: cover;
object-position: center;
display: block;
transition: transform .26s cubic-bezier(0.0, 0, 0.2, 1)
}

.ld-pg .curr-img-side:hover img {
transform: scale(1.03)
}

.ld-pg .curr-pills {
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: 8px
}

.ld-pg .curr-pill {
background: #FFE7EE;
color: #241019;
font-size: 15px;
font-weight: 600;
padding: 8px 16px;
border-radius: 20px;
line-height: 1.2;
letter-spacing: .01em;
transition: background .2s cubic-bezier(0.4, 0, 0.2, 1), color .2s cubic-bezier(0.4, 0, 0.2, 1);
cursor: default
}

.ld-pg .curr-pill:hover {
background: #241019;
color: #FF7CC6
}

@media (max-width: 1024px) {
.ld-pg .curr-top {
grid-template-columns: 1fr
}

.ld-pg .curr-img-side img {
height: 220px
}
}

@media (max-width: 640px) {
.ld-pg .curr-sec {
padding: 40px 24px
}

.ld-pg .curr-h2 {
font-size: 26px
}
}

@media (max-width: 360px) {
.ld-pg .curr-sec {
padding: 40px 16px
}
}

.ld-pg .cond-sec {
padding: 80px 40px;
background: #FFE7EE;
position: relative;
overflow: hidden
}

.ld-pg .cond-sec .tri-tl-c {
position: absolute;
top: 0;
left: 0;
width: 0;
height: 0;
border-style: solid;
border-width: 90px 90px 0 0;
border-color: #ff7cc633 transparent transparent;
pointer-events: none
}

.ld-pg .cond-sec .tri-br-c {
position: absolute;
bottom: 0;
right: 0;
width: 0;
height: 0;
border-style: solid;
border-width: 0 0 70px 70px;
border-color: transparent transparent #2410190f;
pointer-events: none
}

.ld-pg .cond-inner {
max-width: 1024px;
margin: 0 auto;
position: relative;
z-index: 1
}

.ld-pg .cond-h2 {
font-size: 50px;
line-height: 1.2;
color: #241019;
font-weight: 800;
letter-spacing: .01em;
margin: 0 0 16px;
max-width: 640px
}

.ld-pg .cond-intro {
font-size: 15px;
line-height: 1.6;
color: #241019;
margin: 0 0 40px;
max-width: 600px;
opacity: .8
}

.ld-pg .cond-layout {
display: grid;
grid-template-columns: 2fr 1fr;
gap: 40px;
align-items: start
}

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

.ld-pg .cond-item {
background: #fff;
border-radius: 20px;
padding: 24px;
box-shadow: 0 2px 5px 0 #24101912;
display: flex;
align-items: flex-start;
gap: 16px;
transition: box-shadow .22s cubic-bezier(0.4, 0, 0.2, 1)
}

.ld-pg .cond-item:hover {
box-shadow: 0 5px 28px 0 #2410191a
}

.ld-pg .cond-dot {
width: 12px;
height: 12px;
border-radius: 20px;
background: #FF7CC6;
flex-shrink: 0;
margin-top: 4px
}

.ld-pg .cond-item-h {
font-size: 15px;
font-weight: 700;
color: #241019;
line-height: 1.2;
margin: 0 0 8px;
letter-spacing: .02em
}

.ld-pg .cond-item-p {
font-size: 15px;
color: #241019;
line-height: 1.6;
margin: 0;
opacity: .75
}

.ld-pg .cond-side {
display: flex;
flex-direction: column;
gap: 16px
}

.ld-pg .cond-img-wrap {
border-radius: 20px;
overflow: hidden;
box-shadow: 0 9px 52px 0 #24101921
}

.ld-pg .cond-img-wrap img {
width: 100%;
height: 280px;
object-fit: cover;
object-position: center top;
display: block;
transition: transform .25s cubic-bezier(0.0, 0, 0.2, 1)
}

.ld-pg .cond-img-wrap:hover img {
transform: scale(1.04)
}

.ld-pg .cond-note {
background: #241019;
border-radius: 20px;
padding: 24px;
color: #fffc;
font-size: 15px;
line-height: 1.6
}

.ld-pg .cond-note strong {
color: #FF7CC6;
display: block;
margin-bottom: 8px;
font-size: 15px
}

@media (max-width: 1024px) {
.ld-pg .cond-layout {
grid-template-columns: 1fr
}

.ld-pg .cond-img-wrap img {
height: 220px
}
}

@media (max-width: 640px) {
.ld-pg .cond-sec {
padding: 40px 24px
}

.ld-pg .cond-h2 {
font-size: 36px
}
}

@media (max-width: 360px) {
.ld-pg .cond-sec {
padding: 40px 16px
}

.ld-pg .cond-h2 {
font-size: 26px
}
}

.pdc-root {
background: #fff;
overflow-x: hidden
}

.pdc-root *,
.pdc-root ::before,
.pdc-root ::after {
box-sizing: border-box
}

@keyframes pdc-blur-in {
from {
filter: blur(8px);
opacity: 0
}

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

@keyframes pdc-tone-shift {

0%,
100% {
background-color: #FFE7EE
}

50% {
background-color: #ffd0e6
}
}

.pdc-root ::selection {
background: #FF7CC6;
color: #241019
}

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

.pdc-lead__text {
animation: pdc-blur-in .28s cubic-bezier(0.0, 0, 0.2, 1) both
}

.pdc-lead__badge {
display: inline-block;
background: #FFE7EE;
color: #241019;
font-size: 15px;
font-weight: 600;
letter-spacing: .02em;
padding: 8px 16px;
border-radius: 20px;
margin-bottom: 24px
}

.pdc-lead__h1 {
font-size: 68px;
line-height: 1.2;
letter-spacing: .01em;
color: #241019;
margin: 0 0 24px;
font-weight: 800
}

.pdc-lead__h1 em {
font-style: normal;
color: #FF7CC6
}

.pdc-lead__desc {
font-size: 15px;
line-height: 1.6;
color: #3d1a2b;
max-width: 520px;
margin: 0
}

.pdc-lead__desc::first-letter {
font-size: 36px;
font-weight: 700;
line-height: 1.2;
float: left;
margin-right: 8px;
color: #FF7CC6
}

.pdc-lead__img-wrap {
position: relative;
border-radius: 20px;
overflow: hidden;
height: 420px;
animation: pdc-blur-in .28s cubic-bezier(0.0, 0, 0.2, 1) .1s both;
box-shadow: 0 9px 52px 0 #24101921
}

.pdc-lead__img-wrap::after {
content: '';
position: absolute;
inset: 0;
background: linear-gradient(160deg, #ff7cc62e 0%, transparent 60%), linear-gradient(200deg, #24101938 60%, transparent 100%);
pointer-events: none
}

.pdc-lead__img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center top;
display: block
}

.pdc-lead__stripe {
height: 4px;
background: linear-gradient(90deg, #FF7CC6 0%, #FFE7EE 100%);
border-radius: 0;
margin-top: 40px
}

.pdc-eps {
background: #FFE7EE;
clip-path: polygon(0 0, 100% 0, 100% calc(100% - 32px), 0 100%);
padding: 80px 40px 112px
}

.pdc-eps__inner {
max-width: 1024px;
margin: 0 auto
}

.pdc-eps__header {
display: flex;
flex-direction: row;
align-items: baseline;
gap: 24px;
margin-bottom: 40px;
padding-left: 16px;
border-left: 3px solid #FF7CC6
}

.pdc-eps__h2 {
font-size: 36px;
line-height: 1.2;
color: #241019;
font-weight: 700;
letter-spacing: .01em;
margin: 0
}

.pdc-eps__count {
font-size: 15px;
color: #FF7CC6;
font-weight: 600;
letter-spacing: .02em
}

.pdc-ep-list {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 24px
}

.pdc-ep {
background: #fff;
border-radius: 20px;
padding: 24px;
box-shadow: 0 2px 5px 0 #24101912;
transition: box-shadow .22s cubic-bezier(0.4, 0, 0.2, 1), transform .22s cubic-bezier(0.4, 0, 0.2, 1);
cursor: pointer;
display: flex;
flex-direction: column;
gap: 16px
}

.pdc-ep:hover {
box-shadow: 0 9px 52px 0 #24101921;
transform: translateY(-2px)
}

.pdc-ep__num {
font-size: 15px;
font-weight: 700;
color: #FF7CC6;
letter-spacing: .02em
}

.pdc-ep__h3 {
font-size: 26px;
line-height: 1.2;
color: #241019;
font-weight: 700;
letter-spacing: .01em;
margin: 0
}

.pdc-ep__body {
font-size: 15px;
line-height: 1.6;
color: #3d1a2b;
margin: 0
}

.pdc-ep__meta {
display: flex;
flex-direction: row;
gap: 16px;
align-items: center;
flex-wrap: wrap
}

.pdc-ep__dur {
font-size: 15px;
color: #241019;
font-weight: 600;
background: #FFE7EE;
border-radius: 20px;
padding: 8px 16px
}

.pdc-ep__topic {
font-size: 15px;
color: #FF7CC6;
font-weight: 500;
letter-spacing: .01em
}

.pdc-ep--featured {
grid-column: 1 / -1;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 24px;
background: #241019;
animation: pdc-tone-shift 6s ease-in-out infinite;
animation: none;
background: #241019;
transition: box-shadow .22s cubic-bezier(0.4, 0, 0.2, 1), transform .22s cubic-bezier(0.4, 0, 0.2, 1)
}

.pdc-ep--featured .pdc-ep__num {
color: #FF7CC6
}

.pdc-ep--featured .pdc-ep__h3 {
color: #FFE7EE;
font-size: 36px
}

.pdc-ep--featured .pdc-ep__body {
color: #d4a0b8
}

.pdc-ep--featured .pdc-ep__dur {
background: #ff7cc633;
color: #FF7CC6
}

.pdc-ep--featured .pdc-ep__topic {
color: #FFE7EE
}

.pdc-ep__featured-left {
display: flex;
flex-direction: column;
gap: 16px
}

.pdc-ep__featured-right {
display: flex;
flex-direction: column;
justify-content: center;
gap: 16px
}

.pdc-ep__label {
display: inline-block;
background: #FF7CC6;
color: #241019;
font-size: 15px;
font-weight: 700;
padding: 8px 16px;
border-radius: 20px;
letter-spacing: .02em;
width: fit-content
}

.pdc-ep__quote {
font-size: 26px;
line-height: 1.6;
color: #FFE7EE;
font-style: italic;
margin: 0;
border-left: 3px solid #FF7CC6;
padding-left: 16px
}

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

.pdc-about__sidebar {
display: flex;
flex-direction: column;
gap: 24px;
animation: pdc-tone-shift 8s cubic-bezier(0.4, 0, 0.2, 1) infinite;
background: #FFE7EE;
border-radius: 20px;
padding: 24px;
box-shadow: 0 5px 28px 0 #2410191a
}

.pdc-about__sidebar-h {
font-size: 15px;
font-weight: 700;
color: #241019;
letter-spacing: .02em;
text-transform: uppercase;
margin: 0
}

.pdc-about__stat {
display: flex;
flex-direction: column;
gap: 8px
}

.pdc-about__stat-num {
font-size: 50px;
font-weight: 800;
line-height: 1.2;
color: #241019;
letter-spacing: .01em
}

.pdc-about__stat-label {
font-size: 15px;
color: #3d1a2b;
line-height: 1.6
}

.pdc-about__divider {
height: 1px;
background: #2410191f
}

.pdc-about__main {
display: flex;
flex-direction: column;
gap: 24px
}

.pdc-about__h2 {
font-size: 50px;
line-height: 1.2;
color: #241019;
font-weight: 800;
letter-spacing: .01em;
margin: 0;
padding-left: 16px;
border-left: 3px solid #FF7CC6
}

.pdc-about__p {
font-size: 15px;
line-height: 1.6;
color: #3d1a2b;
margin: 0
}

.pdc-about__p:first-of-type::first-letter {
font-size: 36px;
font-weight: 700;
line-height: 1.2;
float: left;
margin-right: 8px;
color: #FF7CC6
}

.pdc-about__topics {
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: 8px;
padding-top: 8px
}

.pdc-about__tag {
display: inline-block;
background: #FFE7EE;
color: #241019;
font-size: 15px;
font-weight: 500;
padding: 8px 16px;
border-radius: 20px;
letter-spacing: .01em;
transition: background .2s cubic-bezier(0.4, 0, 0.2, 1), color .2s cubic-bezier(0.4, 0, 0.2, 1)
}

.pdc-about__tag:hover {
background: #FF7CC6;
color: #241019
}

.pdc-about__platforms {
display: flex;
flex-direction: row;
gap: 16px;
flex-wrap: wrap;
align-items: center;
padding-top: 8px
}

.pdc-about__plat-label {
font-size: 15px;
color: #3d1a2b;
font-weight: 600
}

.pdc-about__plat-link {
display: inline-block;
border: 1.5px solid #241019;
border-radius: 20px;
padding: 8px 16px;
font-size: 15px;
color: #241019;
text-decoration: none;
font-weight: 600;
letter-spacing: .01em;
transition: background .22s cubic-bezier(0.4, 0, 0.2, 1), color .22s cubic-bezier(0.4, 0, 0.2, 1), border-color .22s cubic-bezier(0.4, 0, 0.2, 1)
}

.pdc-about__plat-link:hover {
background: #241019;
color: #FFE7EE;
border-color: #241019
}

@media (max-width: 1024px) {
.pdc-lead {
grid-template-columns: 1fr;
padding: 40px 24px
}

.pdc-lead__h1 {
font-size: 50px
}

.pdc-lead__img-wrap {
height: 300px
}

.pdc-ep-list {
grid-template-columns: 1fr
}

.pdc-ep--featured {
grid-template-columns: 1fr
}

.pdc-about {
grid-template-columns: 1fr;
padding: 40px 24px
}
}

@media (max-width: 640px) {
.pdc-lead__h1 {
font-size: 36px
}

.pdc-eps {
padding: 40px 16px 80px
}

.pdc-eps__h2 {
font-size: 26px
}

.pdc-ep--featured .pdc-ep__h3 {
font-size: 26px
}

.pdc-about__h2 {
font-size: 36px
}

.pdc-about__stat-num {
font-size: 36px
}
}

@media (max-width: 360px) {
.pdc-lead {
padding: 24px 16px
}

.pdc-lead__h1 {
font-size: 26px
}

.pdc-about {
padding: 24px 16px
}
}

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

.success-pg .success-card {
max-width: 1024px;
width: 100%;
background: #FFE7EE;
border-radius: 20px;
padding: 80px 40px;
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
box-shadow: 0 9px 52px 0 #24101921
}

.success-pg .success-icon {
width: 64px;
height: 64px;
margin-bottom: 40px;
flex-shrink: 0
}

.success-pg .success-icon svg {
width: 100%;
height: 100%
}

.success-pg .success-label {
display: inline-block;
background: #FF7CC6;
color: #241019;
font-size: 15px;
font-weight: 700;
line-height: 1.2;
letter-spacing: .02em;
padding: 8px 16px;
border-radius: 20px;
margin-bottom: 24px
}

.success-pg .success-heading {
font-size: 50px;
line-height: 1.2;
letter-spacing: .01em;
color: #241019;
font-weight: 800;
margin: 0 0 24px
}

.success-pg .success-body {
font-size: 15px;
line-height: 1.6;
letter-spacing: .01em;
color: #241019;
max-width: 560px;
margin: 0 0 40px
}

.success-pg .success-back {
display: inline-block;
background: #241019;
color: #FFE7EE;
font-size: 15px;
font-weight: 700;
letter-spacing: .02em;
line-height: 1.2;
padding: 16px 40px;
border-radius: 20px;
text-decoration: none;
border: none;
cursor: pointer;
box-shadow: 0 5px 28px 0 #2410191a;
transition: background .22s cubic-bezier(0.4, 0, 0.2, 1), box-shadow .25s cubic-bezier(0.0, 0, 0.2, 1)
}

.success-pg .success-back:hover {
background: #FF7CC6;
color: #241019;
box-shadow: 0 9px 52px 0 #24101921
}

.success-pg .success-back:focus-visible {
outline: 2px solid #FF7CC6;
outline-offset: 4px
}

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

.success-pg .success-card {
padding: 40px 24px
}

.success-pg .success-heading {
font-size: 36px
}
}