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

body {
margin: 0;
-webkit-text-size-adjust: 100%
}

.site-header {
background: linear-gradient(135deg, #005E7A 0%, #004a62 60%, #003d52 100%);
position: relative;
overflow: hidden
}

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

.site-header::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 3px;
background: linear-gradient(90deg, #F24C74 0%, #F1FFAC 50%, #F24C74 100%);
pointer-events: none
}

.hdr-inner {
max-width: 1140px;
margin: 0 auto;
padding: 0 40px
}

.hdr-top {
display: flex;
align-items: stretch;
justify-content: space-between;
gap: 40px;
padding: 16px 0;
border-bottom: 1px solid #f1ffac1f
}

.brand-col {
display: flex;
align-items: center;
gap: 16px;
flex-shrink: 0
}

.logo-shell {
width: 56px;
height: 56px;
border-radius: 9px;
background: #fffffff5;
display: flex;
align-items: center;
justify-content: center;
border-right: 3px solid #F24C74;
box-shadow: 0 1px 3px 0 #f24c7414 0 6px 18px 0 #f24c7414;
flex-shrink: 0
}

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

.brand-text {
display: flex;
flex-direction: column;
gap: 4px
}

.brand-name {
font-family: 'PT Sans', sans-serif;
font-size: 21px;
font-weight: 700;
line-height: 1.1;
color: #F1FFAC;
letter-spacing: -.02em;
text-decoration: none
}

.brand-tag {
font-family: 'PT Sans', sans-serif;
font-size: 16px;
line-height: 1.5;
color: #f1ffaca6;
letter-spacing: .02em
}

.contact-col {
display: flex;
align-items: center;
gap: 40px;
flex-shrink: 0
}

.contact-item {
display: flex;
flex-direction: column;
align-items: flex-end;
gap: 4px
}

.contact-label {
font-family: 'PT Sans', sans-serif;
font-size: 16px;
line-height: 1.5;
color: #f1ffac8c;
letter-spacing: .04em;
text-transform: uppercase;
font-size: 16px
}

.contact-val {
font-family: 'PT Sans', sans-serif;
font-size: 18px;
line-height: 1.1;
color: #F1FFAC;
text-decoration: none;
letter-spacing: .01em;
transition: color .35s ease-in-out
}

.contact-val:hover {
color: #F24C74
}

.contact-val:focus {
transform: scale(1.02);
outline: 2px solid #F24C74;
border-radius: 4px
}

.hdr-nav {
padding: 8px 0
}

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

.nav-item {
flex-shrink: 0
}

.nav-link {
font-family: 'PT Sans', sans-serif;
font-size: 16px;
line-height: 1.5;
color: #ffffffd1;
text-decoration: none;
padding: 8px 16px;
border-radius: 42px;
display: block;
border: 1px solid transparent;
transition: color .38s cubic-bezier(0.34, 1.2, 0.64, 1), border-color .38s cubic-bezier(0.34, 1.2, 0.64, 1), background .38s cubic-bezier(0.34, 1.2, 0.64, 1);
min-height: 44px;
display: flex;
align-items: center
}

.nav-link:hover {
color: #F1FFAC;
border-color: #f1ffac4d;
background: #f1ffac0f
}

.nav-link:focus {
transform: scale(1.02);
outline: 2px solid #F1FFAC;
color: #F1FFAC
}

.nav-link.active-page {
color: #F24C74;
border-color: #f24c7459;
background: #f24c7414
}

@media (max-width: 960px) {
.hdr-inner {
padding: 0 16px
}

.hdr-top {
flex-wrap: wrap;
gap: 16px
}

.contact-col {
gap: 16px
}

.contact-item {
align-items: flex-start
}

.nav-list {
justify-content: flex-start
}
}

@media (max-width: 480px) {
.contact-col {
flex-direction: column;
align-items: flex-start;
gap: 8px
}

.brand-name {
font-size: 18px
}
}

.site-footer {
background: #003d52;
border-top: 3px solid #F24C74;
padding: 80px 0 0
}

.ftr-inner {
max-width: 1140px;
margin: 0 auto;
padding: 0 40px
}

.ftr-grid {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 40px;
padding-bottom: 80px
}

.ftr-brand {
display: flex;
flex-direction: column;
gap: 16px
}

.ftr-logo-shell {
width: 52px;
height: 52px;
border-radius: 9px;
background: #fffffff2;
display: flex;
align-items: center;
justify-content: center;
box-shadow: 0 1px 3px 0 #005e7a14 0 6px 18px 0 #005e7a14;
border: 1px solid #f1ffac33;
flex-shrink: 0
}

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

.ftr-brand-name {
font-family: 'PT Sans', sans-serif;
font-size: 21px;
font-weight: 700;
line-height: 1.1;
color: #F1FFAC;
letter-spacing: -.01em
}

.ftr-brand-desc {
font-family: 'PT Sans', sans-serif;
font-size: 16px;
line-height: 1.9;
color: #f1ffac8c
}

.ftr-col-heading {
font-family: 'PT Sans', sans-serif;
font-size: 16px;
font-weight: 700;
line-height: 1.5;
color: #F24C74;
letter-spacing: .06em;
text-transform: uppercase;
margin: 0 0 16px
}

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

.ftr-contact-list li {
font-family: 'PT Sans', sans-serif;
font-size: 16px;
line-height: 1.9;
color: #f1ffaca6
}

.ftr-contact-list a {
color: #f1ffaca6;
text-decoration: none;
transition: color .35s ease-in-out
}

.ftr-contact-list a:hover {
color: #F1FFAC
}

.ftr-contact-list a:focus {
transform: scale(1.02);
outline: 2px solid #F24C74;
border-radius: 4px
}

.ftr-bottom {
border-top: 1px solid #f1ffac1a;
padding: 16px 0;
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
gap: 8px
}

.ftr-copy {
font-family: 'PT Sans', sans-serif;
font-size: 16px;
line-height: 1.5;
color: #f1ffac66
}

.ftr-legal {
display: flex;
align-items: center;
gap: 16px;
flex-wrap: wrap
}

.ftr-legal a {
font-family: 'PT Sans', sans-serif;
font-size: 16px;
line-height: 1.5;
color: #f1ffac73;
text-decoration: none;
transition: color .38s ease-in-out
}

.ftr-legal a:hover {
color: #F24C74
}

.ftr-legal a:focus {
transform: scale(1.02);
outline: 2px solid #F24C74;
border-radius: 4px
}

@media (max-width: 960px) {
.ftr-inner {
padding: 0 16px
}

.ftr-grid {
grid-template-columns: 1fr 1fr;
gap: 40px
}

.ftr-brand {
grid-column: 1 / -1
}
}

@media (max-width: 480px) {
.ftr-grid {
grid-template-columns: 1fr
}

.ftr-brand {
grid-column: auto
}

.ftr-bottom {
flex-direction: column;
align-items: flex-start
}
}

.consent-bar {
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 2000;
background: #fff;
box-shadow: 0 8px 40px 0 #005e7a1f;
border-bottom: 3px solid #F24C74;
font-family: 'PT Sans', sans-serif;
opacity: 0;
transition: opacity .42s ease-in-out
}

.consent-bar.visible {
opacity: 1
}

.consent-bar-inner {
max-width: 1140px;
margin: 0 auto;
padding: 16px 40px
}

.consent-bar-head {
font-size: 18px;
font-weight: 700;
line-height: 1.5;
color: #005E7A;
margin: 0 0 8px
}

.consent-bar-desc {
font-size: 16px;
line-height: 1.9;
color: #333;
margin: 0 0 16px
}

.consent-toggles {
display: none;
flex-direction: column;
gap: 8px;
margin-bottom: 16px
}

.consent-toggles.open {
display: flex
}

.consent-toggle-row {
display: flex;
align-items: center;
gap: 8px
}

.consent-toggle-row label {
font-size: 16px;
line-height: 1.5;
color: #005E7A;
cursor: pointer
}

.consent-toggle-row input[type="checkbox"] {
width: 18px;
height: 18px;
accent-color: #F24C74;
cursor: pointer
}

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

.consent-btn {
font-family: 'PT Sans', sans-serif;
font-size: 16px;
line-height: 1.5;
background: transparent;
border: none;
cursor: pointer;
padding: 8px 16px;
border-radius: 4px;
transition: color .35s cubic-bezier(0.34, 1.2, 0.64, 1), background .35s cubic-bezier(0.34, 1.2, 0.64, 1), transform .35s cubic-bezier(0.34, 1.2, 0.64, 1);
min-height: 44px
}

.consent-btn:focus {
transform: scale(1.02);
outline: 2px solid #F24C74
}

.consent-btn-accept {
color: #005E7A;
font-weight: 700;
border: 1px solid #005E7A
}

.consent-btn-accept:hover {
background: #005E7A;
color: #F1FFAC;
transform: scale(1.02)
}

.consent-btn-deny {
color: #F24C74;
text-decoration: underline
}

.consent-btn-deny:hover {
color: #003d52
}

.consent-btn-settings {
color: #005e7a99;
text-decoration: underline;
font-size: 16px
}

.consent-btn-settings:hover {
color: #005E7A
}

@media (max-width: 480px) {
.consent-bar-inner {
padding: 16px
}

.consent-actions {
flex-direction: column;
align-items: flex-start
}
}

.rules-section {
max-width: 1140px;
margin: 0 auto;
padding: 80px 40px
}

.rules-section p {
font-size: 18px;
line-height: 1.9;
color: #2a3a42;
margin-bottom: 16px;
letter-spacing: .01em
}

.rules-section ul,
.rules-section ol {
padding-left: 40px;
margin-bottom: 40px
}

.rules-section li {
font-size: 18px;
line-height: 1.9;
color: #2a3a42;
margin-bottom: 8px;
letter-spacing: .01em
}

.rules-section ul li {
list-style-type: disc
}

.rules-section ol li {
list-style-type: decimal
}

.rules-section ul ul,
.rules-section ol ol,
.rules-section ul ol,
.rules-section ol ul {
margin-top: 8px;
margin-bottom: 8px
}

.rules-section em,
.rules-section i {
font-style: italic;
color: #005E7A
}

.rules-section a {
color: #005E7A;
text-decoration: underline;
text-decoration-color: #005e7a59;
text-underline-offset: 3px;
transition: color .38s ease-in-out, text-decoration-color .38s ease-in-out
}

.rules-section a:hover {
color: #F24C74;
text-decoration-color: #f24c7480
}

.rules-section table {
width: 100%;
border-collapse: collapse;
margin-bottom: 40px;
font-size: 16px;
line-height: 1.5;
box-shadow: 0 6px 18px 0 #005e7a14;
border-radius: 9px;
overflow: hidden
}

.rules-section thead {
background-color: #005E7A
}

.rules-section thead th {
color: #fff;
font-size: 16px;
font-weight: 700;
letter-spacing: .04em;
padding: 16px;
text-align: left
}

.rules-section tbody tr {
border-bottom: 1px solid #005e7a1a;
transition: background-color .35s ease-in-out
}

.rules-section tbody tr:last-child {
border-bottom: none
}

.rules-section tbody tr:nth-child(even) {
background-color: #f1ffac40
}

.rules-section tbody tr:hover {
background-color: #f24c740d
}

.rules-section td {
padding: 16px;
color: #2a3a42;
font-size: 16px;
line-height: 1.5;
vertical-align: top
}

.rules-section th {
padding: 16px
}

@media (max-width: 960px) {
.rules-section {
padding: 80px 16px
}

.rules-section table {
display: block;
overflow-x: auto;
-webkit-overflow-scrolling: touch
}
}

@media (max-width: 480px) {
.rules-section {
padding: 40px 16px
}

.rules-section p,
.rules-section li {
font-size: 16px
}

.rules-section ul,
.rules-section ol {
padding-left: 16px
}

.rules-section thead th,
.rules-section td {
font-size: 16px;
padding: 8px
}
}

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

.srvdet .pg-wrap {
max-width: 1140px;
margin: 0 auto;
padding: 0 16px
}

.srvdet .dot-scatter {
position: absolute;
inset: 0;
pointer-events: none;
overflow: hidden
}

.srvdet .dot-scatter span {
position: absolute;
width: 4px;
height: 4px;
border-radius: 4px;
background: #F24C74;
opacity: .13
}

.srvdet .title-area {
position: relative;
padding: 80px 16px 40px;
background: #fff
}

.srvdet .title-area .pg-wrap {
display: flex;
flex-direction: row;
align-items: flex-end;
gap: 80px
}

.srvdet .title-left {
flex: 1 1 55%;
padding-bottom: 40px
}

.srvdet .title-right {
flex: 1 1 40%;
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 16px
}

.srvdet .cat-tag {
display: inline-block;
padding: 4px 16px;
border-radius: 42px;
background: #F1FFAC;
color: #005E7A;
font-size: 16px;
font-weight: 600;
letter-spacing: .04em
}

.srvdet .title-manifesto {
font-size: 52px;
line-height: 1.1;
color: #005E7A;
letter-spacing: -.02em;
margin: 16px 0 0
}

.srvdet .title-sub {
font-size: 18px;
line-height: 1.5;
color: #2d4a54;
margin: 16px 0 0;
max-width: 480px
}

.srvdet .meta-row {
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: 16px;
margin-top: 40px
}

.srvdet .meta-chip {
display: flex;
flex-direction: column;
gap: 4px;
padding: 8px 16px;
border-radius: 9px;
border: 1.5px solid #005e7a21;
background: #fff;
box-shadow: 0 1px 3px 0 #f24c7414
}

.srvdet .meta-chip .chip-label {
font-size: 16px;
color: #7a9aaa;
letter-spacing: .06em;
text-transform: uppercase;
font-weight: 500
}

.srvdet .meta-chip .chip-val {
font-size: 18px;
color: #005E7A;
font-weight: 700
}

.srvdet .title-img-wrap {
position: relative;
border-radius: 9px;
overflow: hidden;
box-shadow: 0 8px 40px 0 #005e7a1f
}

.srvdet .title-img-wrap img {
display: block;
width: 100%;
height: 320px;
object-fit: cover;
border-radius: 9px
}

.srvdet .title-img-wrap::after {
content: '';
position: absolute;
inset: 0;
border-radius: 9px;
background: radial-gradient(ellipse at 50% 50%, transparent 55%, #005e7a47 100%);
pointer-events: none
}

.srvdet .price-badge {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 4px;
padding: 16px;
border-radius: 9px;
background: #F24C74;
box-shadow: 0 6px 18px 0 #f24c7414
}

.srvdet .price-badge .pb-label {
font-size: 16px;
color: #fff;
opacity: .85;
letter-spacing: .05em
}

.srvdet .price-badge .pb-val {
font-size: 37px;
line-height: 1.1;
color: #fff;
font-weight: 800;
letter-spacing: -.02em
}

.srvdet .enroll-btn {
display: inline-block;
padding: 16px 40px;
border-radius: 42px;
border: 2px solid #F24C74;
background: transparent;
color: #F24C74;
font-size: 18px;
font-weight: 700;
cursor: pointer;
text-decoration: none;
transition: background .38s cubic-bezier(0.34, 1.2, 0.64, 1), color .38s cubic-bezier(0.34, 1.2, 0.64, 1), transform .35s cubic-bezier(0.34, 1.2, 0.64, 1), box-shadow .35s ease-in-out;
box-shadow: 0 1px 3px 0 #f24c7414
}

.srvdet .enroll-btn:hover,
.srvdet .enroll-btn:focus {
background: #F24C74;
color: #fff;
transform: scale(1.04) perspective(600px) rotateX(2deg);
box-shadow: 0 6px 18px 0 #f24c7414;
text-decoration: none
}

.srvdet .enroll-btn:active {
transform: scale(0.98)
}

.srvdet .like-row {
display: flex;
flex-direction: row;
align-items: center;
gap: 8px
}

.srvdet .like-icon {
width: 22px;
height: 22px;
flex-shrink: 0
}

.srvdet .like-count {
font-size: 16px;
color: #005E7A;
font-weight: 600
}

.srvdet .prog-sec {
padding: 80px 16px;
background: #fef5f7;
position: relative
}

.srvdet .prog-sec::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
height: 3px;
background: linear-gradient(90deg, #F24C74 0%, #005E7A 100%)
}

.srvdet .prog-inner {
max-width: 1140px;
margin: 0 auto;
display: flex;
flex-direction: row;
gap: 80px;
align-items: flex-start
}

.srvdet .prog-label-col {
flex: 0 0 260px;
position: sticky;
top: 40px
}

.srvdet .sec-accent-line {
width: 40px;
height: 3px;
border-radius: 4px;
background: #F24C74;
margin-bottom: 16px
}

.srvdet .prog-heading {
font-size: 37px;
line-height: 1.1;
color: #005E7A;
letter-spacing: -.01em;
margin: 0 0 16px
}

.srvdet .prog-intro {
font-size: 16px;
line-height: 1.5;
color: #2d4a54
}

.srvdet .prog-user-badge {
margin-top: 16px;
display: inline-block;
padding: 4px 16px;
border-radius: 42px;
background: #005e7a17;
color: #005E7A;
font-size: 16px;
font-weight: 600
}

.srvdet .prog-content-col {
flex: 1 1 0
}

.srvdet .prog-content-col .prog-body {
font-size: 18px;
line-height: 1.9;
color: #1e3540
}

.srvdet .prog-content-col .prog-body h2 {
font-size: 27px;
line-height: 1.1;
color: #005E7A;
margin: 40px 0 8px;
letter-spacing: -.01em
}

.srvdet .prog-content-col .prog-body h3 {
font-size: 21px;
line-height: 1.5;
color: #F24C74;
margin: 16px 0 8px
}

.srvdet .prog-content-col .prog-body p {
margin: 0 0 16px
}

.srvdet .prog-content-col .prog-body mark {
background: #F1FFAC;
color: #005E7A;
padding: 0 4px;
border-radius: 4px
}

.srvdet .prog-content-col .prog-body abbr {
border-bottom: 1.5px dashed #F24C74;
cursor: help;
text-decoration: none
}

.srvdet .prog-content-col .prog-body ul {
list-style: none;
padding: 0;
margin: 0 0 16px;
counter-reset: step-c
}

.srvdet .prog-content-col .prog-body ul li {
counter-increment: step-c;
display: flex;
flex-direction: row;
align-items: flex-start;
gap: 16px;
padding: 8px 0;
position: relative;
font-size: 18px;
line-height: 1.5;
color: #1e3540
}

.srvdet .prog-content-col .prog-body ul li::before {
content: counter(step-c);
flex-shrink: 0;
width: 28px;
height: 28px;
border-radius: 4px;
background: #005E7A;
color: #fff;
font-size: 16px;
font-weight: 700;
display: flex;
align-items: center;
justify-content: center;
margin-top: 2px
}

.srvdet .prog-content-col .prog-body ul li+li::after {
content: '';
position: absolute;
top: -8px;
left: 14px;
width: 2px;
height: 8px;
background: #005e7a2e
}

.srvdet .desc-sec {
padding: 80px 16px;
background: #fff;
position: relative
}

.srvdet .desc-inner {
max-width: 1140px;
margin: 0 auto;
display: grid;
grid-template-columns: 1fr 380px;
gap: 80px;
align-items: start
}

.srvdet .desc-main {
min-width: 0
}

.srvdet .desc-heading {
font-size: 37px;
line-height: 1.1;
color: #005E7A;
margin: 0 0 16px;
letter-spacing: -.01em
}

.srvdet .desc-body {
font-size: 18px;
line-height: 1.9;
color: #1e3540
}

.srvdet .desc-body h2 {
font-size: 27px;
line-height: 1.1;
color: #005E7A;
margin: 40px 0 8px;
letter-spacing: -.01em
}

.srvdet .desc-body strong {
color: #F24C74;
font-weight: 700
}

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

.srvdet .desc-body ul {
list-style: none;
padding: 0;
margin: 0 0 16px;
counter-reset: desc-step
}

.srvdet .desc-body ul li {
counter-increment: desc-step;
display: flex;
flex-direction: row;
gap: 16px;
align-items: flex-start;
padding: 8px 0;
font-size: 18px;
line-height: 1.5;
color: #1e3540;
position: relative
}

.srvdet .desc-body ul li::before {
content: counter(desc-step);
flex-shrink: 0;
width: 28px;
height: 28px;
border-radius: 4px;
background: #F24C74;
color: #fff;
font-size: 16px;
font-weight: 700;
display: flex;
align-items: center;
justify-content: center;
margin-top: 2px
}

.srvdet .desc-body ul li+li::after {
content: '';
position: absolute;
top: -8px;
left: 14px;
width: 2px;
height: 8px;
background: #f24c742e
}

.srvdet .desc-body dl {
margin: 0 0 16px
}

.srvdet .desc-body dt {
font-size: 18px;
font-weight: 700;
color: #005E7A;
margin-top: 16px
}

.srvdet .desc-body dd {
font-size: 18px;
line-height: 1.5;
color: #1e3540;
margin: 4px 0 0 16px
}

.srvdet .desc-body details {
border: 1.5px solid #005e7a21;
border-radius: 9px;
padding: 16px;
margin: 16px 0;
background: #fff;
box-shadow: 0 1px 3px 0 #005e7a14;
transition: box-shadow .38s ease-in-out
}

.srvdet .desc-body details[open] {
box-shadow: 0 6px 18px 0 #005e7a14
}

.srvdet .desc-body summary {
font-size: 18px;
font-weight: 700;
color: #005E7A;
cursor: pointer;
list-style: none;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center
}

.srvdet .desc-body summary::-webkit-details-marker {
display: none
}

.srvdet .desc-body summary::after {
content: '';
width: 10px;
height: 10px;
border-right: 2px solid #F24C74;
border-bottom: 2px solid #F24C74;
transform: rotate(45deg);
transition: transform .35s cubic-bezier(0.34, 1.2, 0.64, 1);
flex-shrink: 0
}

.srvdet .desc-body details[open] summary::after {
transform: rotate(-135deg)
}

.srvdet .aside-col {
display: flex;
flex-direction: column;
gap: 16px
}

.srvdet .quote-block {
border-radius: 9px;
padding: 40px;
background: #005E7A;
color: #fff;
position: relative;
box-shadow: 0 8px 40px 0 #005e7a1f
}

.srvdet .quote-block blockquote {
margin: 0;
padding: 0;
font-size: 21px;
line-height: 1.5;
color: #fff;
font-style: italic
}

.srvdet .quote-block .q-accent {
font-size: 27px;
font-style: italic;
font-weight: 700;
color: #F1FFAC;
display: block;
margin-top: 8px
}

.srvdet .quote-block .q-attr {
margin-top: 16px;
font-size: 16px;
color: #f1ffaccc;
letter-spacing: .04em
}

.srvdet .fact-strip {
display: flex;
flex-direction: column;
gap: 8px
}

.srvdet .fact-item {
border-radius: 9px;
padding: 16px;
background: #fef5f7;
border: 1.5px solid #f24c741f;
box-shadow: 0 1px 3px 0 #f24c7414;
transition: transform .4s cubic-bezier(0.34, 1.2, 0.64, 1), box-shadow .4s ease-in-out
}

.srvdet .fact-item:hover {
transform: perspective(600px) rotateY(-3deg) scale(1.02);
box-shadow: 0 6px 18px 0 #f24c7414
}

.srvdet .fact-item .fi-num {
font-size: 37px;
line-height: 1.1;
font-weight: 800;
color: #F24C74;
letter-spacing: -.02em
}

.srvdet .fact-item .fi-desc {
font-size: 16px;
line-height: 1.5;
color: #2d4a54;
margin-top: 4px
}

.srvdet .dashed-frame {
border: 2px dashed #005e7a38;
border-radius: 9px;
padding: 16px
}

.srvdet .contact-nudge {
border-radius: 9px;
padding: 16px;
background: #F1FFAC;
box-shadow: 0 1px 3px 0 #005e7a14;
display: flex;
flex-direction: column;
gap: 8px
}

.srvdet .contact-nudge .cn-heading {
font-size: 18px;
font-weight: 700;
color: #005E7A
}

.srvdet .contact-nudge .cn-text {
font-size: 16px;
line-height: 1.5;
color: #2d4a54
}

.srvdet .contact-nudge .cn-link {
font-size: 16px;
font-weight: 700;
color: #F24C74;
text-decoration: none;
transition: color .35s ease-in-out
}

.srvdet .contact-nudge .cn-link:hover {
color: #005E7A;
text-decoration: underline
}

.srvdet .bg-anim-sec {
position: relative;
overflow: hidden
}

.srvdet .bg-anim-sec::before {
content: '';
position: absolute;
inset: 0;
background: radial-gradient(ellipse 70% 60% at var(--rx, 30%) var(--ry, 40%), #005e7a12 0%, transparent 80%);
animation: bg-shift 8s ease-in-out infinite alternate;
pointer-events: none
}

@keyframes bg-shift {
0% {
--rx: 20%;
--ry: 30%
}

50% {
--rx: 65%;
--ry: 55%
}

100% {
--rx: 40%;
--ry: 75%
}
}

@supports not (background: radial-gradient(ellipse at var(--rx) var(--ry), red, blue)) {
.srvdet .bg-anim-sec::before {
animation: bg-shift-fallback 8s ease-in-out infinite alternate
}
}

@keyframes bg-shift-fallback {
0% {
background-position: 20% 30%
}

100% {
background-position: 65% 70%
}
}

@media (max-width: 960px) {
.srvdet .title-area .pg-wrap {
flex-direction: column;
gap: 40px
}

.srvdet .title-left {
padding-bottom: 0
}

.srvdet .title-manifesto {
font-size: 37px
}

.srvdet .prog-inner {
flex-direction: column;
gap: 40px
}

.srvdet .prog-label-col {
flex: none;
position: static;
width: 100%
}

.srvdet .desc-inner {
grid-template-columns: 1fr;
gap: 40px
}

.srvdet .aside-col {
width: 100%
}
}

@media (max-width: 480px) {
.srvdet .title-area {
padding: 40px 16px
}

.srvdet .title-manifesto {
font-size: 27px
}

.srvdet .prog-sec,
.srvdet .desc-sec {
padding: 40px 16px
}

.srvdet .meta-row {
gap: 8px
}

.srvdet .quote-block {
padding: 16px
}
}

.cs-pg {
max-width: 100%;
overflow-x: hidden
}

.cs-pg .cs-wrap {
max-width: 1140px;
margin-left: auto;
margin-right: auto;
padding-left: 40px;
padding-right: 40px
}

.cs-pg .accent-line {
display: block;
width: 40px;
height: 3px;
background: #F24C74;
border-radius: 4px;
margin-bottom: 16px
}

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

.cs-pg .title-blk {
position: relative;
padding: 80px 40px;
background-color: #f4f8fa;
overflow: hidden
}

.cs-pg .title-blk::before {
content: '';
position: absolute;
top: -80px;
left: -80px;
width: 320px;
height: 320px;
background: #f24c741a;
border-radius: 42px;
filter: blur(60px);
pointer-events: none
}

.cs-pg .title-blk::after {
content: '';
position: absolute;
bottom: -40px;
right: -40px;
width: 260px;
height: 260px;
background: #005e7a1a;
border-radius: 42px;
filter: blur(50px);
pointer-events: none
}

.cs-pg .title-blk .cs-wrap {
position: relative;
z-index: 1;
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 16px;
max-width: 1140px
}

.cs-pg .title-blk .pre-desc {
font-size: 18px;
line-height: 1.5;
color: #005E7A;
letter-spacing: .04em;
font-weight: 500
}

.cs-pg .title-blk .pg-heading {
font-size: 52px;
line-height: 1.1;
letter-spacing: -.02em;
color: #1a2e38;
max-width: 680px
}

.cs-pg .title-blk .pg-subtext {
font-size: 18px;
line-height: 1.5;
color: #2d4a55;
max-width: 560px
}

.cs-pg .grid-bg {
position: absolute;
inset: 0;
pointer-events: none;
z-index: 0;
overflow: hidden
}

.cs-pg .grid-bg svg {
width: 100%;
height: 100%
}

.cs-pg .grid-line-h,
.cs-pg .grid-line-v {
stroke: #005e7a12;
stroke-width: 1;
animation: grid-pulse 4s ease-in-out infinite
}

.cs-pg .grid-line-h:nth-child(2n),
.cs-pg .grid-line-v:nth-child(2n) {
animation-delay: 1.2s
}

.cs-pg .grid-line-h:nth-child(3n),
.cs-pg .grid-line-v:nth-child(3n) {
animation-delay: 2.4s
}

@keyframes grid-pulse {

0%,
100% {
stroke: #005e7a0d
}

50% {
stroke: #005e7a21
}
}

.cs-pg .studies-blk {
padding: 80px 40px;
background: #fff;
margin-left: 40px
}

.cs-pg .studies-blk .cs-wrap {
max-width: 1140px
}

.cs-pg .studies-blk .blk-label {
font-size: 16px;
letter-spacing: .06em;
color: #F24C74;
text-transform: uppercase;
font-weight: 600;
margin-bottom: 8px
}

.cs-pg .studies-blk .blk-heading {
font-size: 37px;
line-height: 1.1;
letter-spacing: -.01em;
color: #1a2e38;
margin-bottom: 40px;
max-width: 540px
}

.cs-pg .cases-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 40px
}

.cs-pg .case-card {
background: #fff;
border-radius: 9px;
box-shadow: 0 6px 18px 0 #005e7a14;
overflow: hidden;
transition: transform .38s cubic-bezier(0.34, 1.2, 0.64, 1), box-shadow .38s ease-in-out;
perspective: 800px
}

.cs-pg .case-card:hover {
transform: perspective(800px) rotateX(1.5deg) rotateY(-1.5deg) translateY(-4px);
box-shadow: 0 8px 40px 0 #005e7a1f
}

.cs-pg .case-card .card-top {
padding: 40px 40px 16px;
position: relative
}

.cs-pg .case-card .card-tag {
display: inline-block;
font-size: 16px;
color: #005E7A;
background: #005e7a14;
border-radius: 42px;
padding: 4px 16px;
margin-bottom: 16px;
font-weight: 500
}

.cs-pg .case-card .card-title {
font-size: 21px;
line-height: 1.5;
color: #1a2e38;
margin-bottom: 8px
}

.cs-pg .case-card .card-body {
padding: 0 40px 40px
}

.cs-pg .case-card .card-desc {
font-size: 16px;
line-height: 1.9;
color: #2d4a55;
margin-bottom: 16px
}

.cs-pg .case-card .metrics-row {
display: flex;
flex-direction: row;
gap: 16px;
margin-bottom: 16px
}

.cs-pg .case-card .metric-item {
background: #f1ffac80;
border-radius: 9px;
padding: 16px;
flex: 1;
box-shadow: inset 0 1px 3px 0 #f24c7414
}

.cs-pg .case-card .metric-num {
font-size: 27px;
line-height: 1.1;
color: #005E7A;
font-weight: 700;
letter-spacing: -.01em
}

.cs-pg .case-card .metric-label {
font-size: 16px;
line-height: 1.5;
color: #2d4a55
}

.cs-pg .case-card .card-quote {
font-size: 16px;
line-height: 1.9;
color: #2d4a55;
font-style: italic;
border-top: 1px solid #005e7a1a;
padding-top: 16px
}

.cs-pg .case-card.featured {
grid-column: 1 / -1;
display: grid;
grid-template-columns: 1fr 1fr
}

.cs-pg .case-card.featured .card-top {
padding: 40px
}

.cs-pg .case-card.featured .card-body {
padding: 40px;
border-left: none;
background: #005e7a08
}

.cs-pg .case-card.featured .card-img-wrap {
overflow: hidden;
border-radius: 9px;
margin-bottom: 16px
}

.cs-pg .case-card.featured .card-img-wrap img {
width: 100%;
height: 220px;
object-fit: cover;
object-position: center;
display: block;
box-shadow: 0 6px 18px 0 #005e7a14
}

.cs-pg .review-blk {
padding: 80px 40px;
position: relative;
margin-right: 40px
}

.cs-pg .review-blk::before {
content: '';
position: absolute;
inset: 0;
background: linear-gradient(135deg, #005E7A 0%, #005e7a00 60%), linear-gradient(315deg, #f24c741f 0%, transparent 55%);
background-color: #f4f8fa;
z-index: 0
}

.cs-pg .review-blk .cs-wrap {
position: relative;
z-index: 1;
max-width: 1140px
}

.cs-pg .review-blk .blk-heading {
font-size: 37px;
line-height: 1.1;
letter-spacing: -.01em;
color: #fff;
margin-bottom: 40px;
max-width: 480px
}

.cs-pg .review-blk .accent-line {
background: #F1FFAC
}

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

.cs-pg .reviewer-col {
display: flex;
flex-direction: column;
gap: 16px
}

.cs-pg .reviewer-portrait {
width: 100%;
aspect-ratio: 7/9;
border-radius: 9px;
overflow: hidden;
box-shadow: 0 8px 40px 0 #005e7a1f
}

.cs-pg .reviewer-portrait img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
display: block
}

.cs-pg .reviewer-name {
font-size: 18px;
line-height: 1.5;
color: #F1FFAC;
font-weight: 600
}

.cs-pg .reviewer-role {
font-size: 16px;
line-height: 1.5;
color: #f1ffacbf
}

.cs-pg .review-content-col {
display: flex;
flex-direction: column;
gap: 40px
}

.cs-pg .review-quote-main {
font-size: 21px;
line-height: 1.9;
color: #fff;
font-style: italic
}

.cs-pg .review-steps {
display: flex;
flex-direction: column;
gap: 16px;
counter-reset: step-counter
}

.cs-pg .step-item {
display: flex;
flex-direction: row;
gap: 16px;
align-items: flex-start;
counter-increment: step-counter;
position: relative
}

.cs-pg .step-item::before {
content: counter(step-counter);
display: flex;
align-items: center;
justify-content: center;
min-width: 32px;
height: 32px;
border-radius: 42px;
background: #f1ffac33;
color: #F1FFAC;
font-size: 16px;
font-weight: 700;
flex-shrink: 0
}

.cs-pg .step-item .step-text {
font-size: 16px;
line-height: 1.9;
color: #ffffffe0;
padding-top: 4px
}

.cs-pg .step-item .step-label {
font-size: 16px;
font-weight: 600;
color: #F1FFAC;
display: block;
margin-bottom: 4px
}

@media (max-width: 960px) {
.cs-pg .title-blk {
padding: 80px 16px
}

.cs-pg .title-blk .pg-heading {
font-size: 37px
}

.cs-pg .studies-blk {
padding: 80px 16px;
margin-left: 0
}

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

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

.cs-pg .case-card.featured .card-body {
background: transparent
}

.cs-pg .review-blk {
padding: 80px 16px;
margin-right: 0
}

.cs-pg .review-layout {
grid-template-columns: 1fr
}

.cs-pg .reviewer-portrait {
max-width: 200px
}
}

@media (max-width: 480px) {
.cs-pg .title-blk .pg-heading {
font-size: 27px
}

.cs-pg .studies-blk .blk-heading,
.cs-pg .review-blk .blk-heading {
font-size: 27px
}

.cs-pg .case-card .card-top,
.cs-pg .case-card .card-body {
padding-left: 16px;
padding-right: 16px
}

.cs-pg .metrics-row {
flex-direction: column
}

.cs-pg .cs-wrap {
padding-left: 16px;
padding-right: 16px
}
}

@media (min-width: 1440px) {
.cs-pg .title-blk .pg-heading {
font-size: 68px
}
}

.cnt-pg {
max-width: 100%;
overflow-x: hidden
}

.cnt-pg .pg-wrap {
max-width: 1140px;
margin: 0 auto;
padding: 0 16px
}

.cnt-pg .reach-strip {
background: linear-gradient(135deg, #005E7A 0%, #003d50 100%);
padding: 80px 16px;
position: relative
}

.cnt-pg .reach-strip::after {
content: '';
position: absolute;
bottom: -1px;
left: 0;
right: 0;
height: 40px;
background: #f5f7f4;
clip-path: ellipse(55% 100% at 50% 100%)
}

.cnt-pg .reach-inner {
max-width: 1140px;
margin: 0 auto;
display: grid;
grid-template-columns: 2fr 1fr;
gap: 80px;
align-items: start
}

.cnt-pg .reach-label {
display: inline-block;
font-size: 16px;
color: #F1FFAC;
letter-spacing: .08em;
margin-bottom: 16px;
padding: 4px 16px;
border: 1px solid #f1ffac4d;
border-radius: 42px
}

.cnt-pg .reach-head {
font-size: 52px;
line-height: 1.1;
color: #fff;
margin: 0 0 16px;
letter-spacing: -.02em
}

.cnt-pg .reach-head em {
font-style: italic;
color: #F1FFAC;
font-size: 56px
}

.cnt-pg .reach-sub {
font-size: 18px;
line-height: 1.5;
color: #ffffffbf;
margin: 0 0 40px;
max-width: 520px
}

.cnt-pg .channel-pick {
display: flex;
flex-direction: row;
gap: 8px;
flex-wrap: wrap;
margin-bottom: 40px
}

.cnt-pg .ch-opt {
display: flex;
flex-direction: column;
align-items: center;
gap: 4px;
cursor: pointer
}

.cnt-pg .ch-opt input[type="radio"] {
position: absolute;
opacity: 0;
width: 0;
height: 0
}

.cnt-pg .ch-face {
display: flex;
flex-direction: column;
align-items: center;
gap: 4px;
padding: 8px 16px;
border: 1px solid #f1ffac40;
border-radius: 9px;
cursor: pointer;
transition: background .35s ease-in-out, border-color .35s ease-in-out, transform .4s cubic-bezier(0.34, 1.2, 0.64, 1);
background: #ffffff0d
}

.cnt-pg .ch-opt input[type="radio"]:checked+.ch-face {
background: #f1ffac26;
border-color: #F1FFAC
}

.cnt-pg .ch-face:hover {
transform: perspective(400px) rotateX(4deg);
background: #f1ffac1a
}

.cnt-pg .ch-icon {
width: 28px;
height: 28px;
display: flex;
align-items: center;
justify-content: center
}

.cnt-pg .ch-icon svg {
width: 22px;
height: 22px;
fill: none;
stroke: #F1FFAC;
stroke-width: 1.8;
stroke-linecap: round;
stroke-linejoin: round
}

.cnt-pg .ch-lbl {
font-size: 16px;
color: #fffc;
white-space: nowrap
}

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

.cnt-pg .form-grid .full {
grid-column: 1 / -1
}

.cnt-pg .f-group {
display: flex;
flex-direction: column;
gap: 4px
}

.cnt-pg .f-group label {
font-size: 16px;
color: #ffffffa6;
letter-spacing: .04em
}

.cnt-pg .f-group input,
.cnt-pg .f-group select {
background: #ffffff12;
border: 1px solid #ffffff2e;
border-radius: 9px;
padding: 16px;
font-size: 16px;
color: #fff;
outline: none;
transition: border-color .35s ease-in-out, background .35s ease-in-out, box-shadow .4s cubic-bezier(0.34, 1.2, 0.64, 1);
box-shadow: inset 0 1px 3px 0 #005e7a14;
width: 100%
}

.cnt-pg .f-group input::placeholder {
font-size: 14px;
color: #ffffff59
}

.cnt-pg .f-group input:focus,
.cnt-pg .f-group select:focus {
border-color: #F1FFAC;
background: #ffffff1a;
box-shadow: 0 0 0 3px #f1ffac1f inset 0 1px 3px 0 #005e7a14
}

.cnt-pg .f-group select option {
background: #003d50;
color: #fff
}

.cnt-pg .privacy-row {
display: flex;
flex-direction: row;
align-items: flex-start;
gap: 8px;
margin-top: 8px
}

.cnt-pg .privacy-row input[type="checkbox"] {
width: 18px;
height: 18px;
min-width: 18px;
margin-top: 2px;
accent-color: #F1FFAC;
cursor: pointer
}

.cnt-pg .privacy-row span {
font-size: 16px;
line-height: 1.5;
color: #fff9
}

.cnt-pg .privacy-row a {
color: #F1FFAC;
text-decoration: underline;
text-underline-offset: 2px;
transition: opacity .35s ease-in-out
}

.cnt-pg .privacy-row a:hover {
opacity: .75
}

.cnt-pg .submit-btn {
display: inline-flex;
align-items: center;
gap: 8px;
margin-top: 16px;
padding: 16px 40px;
background: transparent;
border: 2px solid #F24C74;
border-radius: 42px;
color: #F24C74;
font-size: 18px;
cursor: pointer;
transition: background .4s cubic-bezier(0.34, 1.2, 0.64, 1), color .4s cubic-bezier(0.34, 1.2, 0.64, 1), transform .35s cubic-bezier(0.34, 1.2, 0.64, 1), box-shadow .35s ease-in-out;
box-shadow: 0 6px 18px 0 #f24c7414
}

.cnt-pg .submit-btn:hover {
background: #F24C74;
color: #fff;
transform: scale(1.04);
box-shadow: 0 8px 40px 0 #f24c741f
}

.cnt-pg .submit-btn:focus {
outline: 2px solid #F1FFAC;
outline-offset: 3px
}

.cnt-pg .reach-aside {
display: flex;
flex-direction: column;
gap: 16px;
padding-top: 40px
}

.cnt-pg .aside-card {
background: #ffffff0f;
border: 1px solid #ffffff1f;
border-radius: 9px;
padding: 16px;
transition: transform .4s cubic-bezier(0.34, 1.2, 0.64, 1), background .35s ease-in-out;
box-shadow: 0 1px 3px 0 #005e7a14
}

.cnt-pg .aside-card:hover {
transform: perspective(600px) rotateY(-4deg);
background: #ffffff1a
}

.cnt-pg .aside-card-label {
font-size: 16px;
color: #F1FFAC;
margin-bottom: 4px;
letter-spacing: .06em
}

.cnt-pg .aside-card-val {
font-size: 18px;
color: #fff;
line-height: 1.5
}

.cnt-pg .aside-card-val a {
color: #fff;
text-decoration: none;
transition: color .35s ease-in-out
}

.cnt-pg .aside-card-val a:hover {
color: #F1FFAC
}

.cnt-pg .aside-dot-line {
border: none;
border-top: 2px dotted #ffffff26;
margin: 8px 0
}

.cnt-pg .resp-blk {
background: #f5f7f4;
padding: 80px 16px
}

.cnt-pg .resp-inner {
max-width: 1140px;
margin: 0 auto;
display: grid;
grid-template-columns: 1fr 2fr;
gap: 80px;
align-items: center
}

.cnt-pg .resp-accent-col {
display: flex;
flex-direction: column;
gap: 16px
}

.cnt-pg .resp-accent-box {
background: linear-gradient(160deg, #f24c7414 0%, #005e7a0f 100%);
border-radius: 9px;
padding: 40px;
position: relative;
overflow: hidden;
box-shadow: 0 6px 18px 0 #005e7a14
}

.cnt-pg .resp-accent-box::before {
content: '';
position: absolute;
top: -40px;
right: -40px;
width: 120px;
height: 120px;
background: radial-gradient(ellipse at center, #f24c742e 0%, transparent 70%);
border-radius: 42px;
pointer-events: none
}

.cnt-pg .resp-big-num {
font-size: 68px;
line-height: 1.1;
color: #005E7A;
letter-spacing: -.03em;
font-weight: 700
}

.cnt-pg .resp-big-unit {
font-size: 27px;
color: #F24C74;
margin-left: 4px
}

.cnt-pg .resp-box-desc {
font-size: 16px;
line-height: 1.5;
color: #444f55;
margin-top: 8px
}

.cnt-pg .resp-tag-row {
display: flex;
flex-direction: row;
gap: 8px;
flex-wrap: wrap
}

.cnt-pg .resp-tag {
padding: 4px 16px;
border-radius: 42px;
font-size: 16px;
border: 1px solid #005e7a40;
color: #005E7A;
background: #005e7a0d;
transition: background .35s ease-in-out, transform .4s cubic-bezier(0.34, 1.2, 0.64, 1)
}

.cnt-pg .resp-tag:hover {
background: #005e7a1f;
transform: perspective(400px) rotateX(5deg)
}

.cnt-pg .resp-txt-col {
display: flex;
flex-direction: column;
gap: 16px
}

.cnt-pg .resp-accent-line {
width: 40px;
height: 3px;
background: #F24C74;
border-radius: 4px;
margin-bottom: 8px
}

.cnt-pg .resp-head {
font-size: 37px;
line-height: 1.1;
color: #002d3a;
margin: 0 0 8px;
letter-spacing: -.01em
}

.cnt-pg .resp-para {
font-size: 18px;
line-height: 1.9;
color: #334050;
margin: 0
}

.cnt-pg .resp-steps {
display: flex;
flex-direction: column;
gap: 8px;
margin-top: 8px;
padding-left: 0;
list-style: none;
position: relative
}

.cnt-pg .resp-steps::before {
content: '';
position: absolute;
left: 14px;
top: 24px;
bottom: 24px;
width: 1px;
background: linear-gradient(to bottom, #F24C74, #005E7A)
}

.cnt-pg .resp-step {
display: flex;
flex-direction: row;
align-items: flex-start;
gap: 16px;
padding-left: 0
}

.cnt-pg .step-num {
width: 28px;
height: 28px;
min-width: 28px;
border-radius: 42px;
background: #005E7A;
color: #F1FFAC;
font-size: 16px;
display: flex;
align-items: center;
justify-content: center;
position: relative;
z-index: 1
}

.cnt-pg .step-txt {
font-size: 16px;
line-height: 1.5;
color: #334050;
padding-top: 4px
}

.cnt-pg .dot-div {
border: none;
border-top: 1px dotted #005e7a33;
margin: 0
}

@media (max-width: 960px) {
.cnt-pg .reach-inner {
grid-template-columns: 1fr;
gap: 40px
}

.cnt-pg .reach-aside {
padding-top: 0;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 16px
}

.cnt-pg .reach-head {
font-size: 37px
}

.cnt-pg .reach-head em {
font-size: 40px
}

.cnt-pg .resp-inner {
grid-template-columns: 1fr;
gap: 40px
}

.cnt-pg .resp-accent-col {
flex-direction: row;
flex-wrap: wrap
}

.cnt-pg .resp-accent-box {
flex: 1;
min-width: 200px
}
}

@media (max-width: 480px) {
.cnt-pg .reach-head {
font-size: 27px
}

.cnt-pg .reach-head em {
font-size: 30px
}

.cnt-pg .form-grid {
grid-template-columns: 1fr
}

.cnt-pg .form-grid .full {
grid-column: 1
}

.cnt-pg .channel-pick {
gap: 8px
}

.cnt-pg .reach-aside {
grid-template-columns: 1fr
}

.cnt-pg .resp-big-num {
font-size: 52px
}

.cnt-pg .resp-head {
font-size: 27px
}

.cnt-pg .resp-accent-col {
flex-direction: column
}
}

@media (min-width: 1440px) {

.cnt-pg .reach-inner,
.cnt-pg .resp-inner {
gap: 80px
}
}

.srvs-pg {
max-width: 100%;
overflow-x: hidden
}

.srvs-pg .pg-bound {
max-width: 1140px;
margin-left: auto;
margin-right: auto;
padding-left: 40px;
padding-right: 40px
}

@keyframes slideUp {
from {
opacity: 0;
transform: translateY(32px)
}

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

.srvs-pg .anim-up {
animation: slideUp .42s cubic-bezier(0.34, 1.2, 0.64, 1) both
}

.srvs-pg .anim-up:nth-child(2) {
animation-delay: .08s
}

.srvs-pg .anim-up:nth-child(3) {
animation-delay: .16s
}

.srvs-pg .anim-up:nth-child(4) {
animation-delay: .22s
}

.srvs-pg .anim-up:nth-child(5) {
animation-delay: .28s
}

.srvs-pg .ttl-band {
background: #fff;
padding-top: 40px;
padding-bottom: 80px;
position: relative
}

.srvs-pg .ttl-band::before {
content: '';
display: block;
position: absolute;
top: 16px;
right: 40px;
width: 48px;
height: 4px;
background: #F24C74;
border-radius: 4px;
box-shadow: 0 8px 0 #F24C74, 0 16px 0 #f24c7466;
pointer-events: none
}

.srvs-pg .ttl-layout {
display: flex;
flex-direction: row;
align-items: flex-end;
gap: 40px
}

.srvs-pg .ttl-text-col {
flex: 1 1 0;
min-width: 0
}

.srvs-pg .ttl-img-col {
flex: 0 0 320px;
width: 320px;
position: relative
}

.srvs-pg .ttl-accent-line {
width: 40px;
height: 3px;
background: #F24C74;
border-radius: 4px;
margin-bottom: 16px
}

.srvs-pg .ttl-eyebrow {
font-size: 16px;
line-height: 1.5;
color: #005E7A;
letter-spacing: .06em;
text-transform: uppercase;
margin-bottom: 16px
}

.srvs-pg .ttl-h1 {
font-size: 52px;
line-height: 1.1;
letter-spacing: -.02em;
color: #1a2e38;
margin-bottom: 16px
}

.srvs-pg .ttl-h1 em {
color: #F24C74;
font-style: italic;
font-size: 52px
}

.srvs-pg .ttl-sub {
font-size: 18px;
line-height: 1.9;
color: #2c4a55;
margin-bottom: 40px;
max-width: 480px
}

.srvs-pg .ttl-metrics {
display: flex;
flex-direction: row;
gap: 0;
border: 1px solid #005e7a26;
border-radius: 9px;
overflow: hidden;
box-shadow: 0 1px 3px 0 #005e7a14
}

.srvs-pg .met-item {
flex: 1 1 0;
padding: 16px;
text-align: center;
border-right: 1px solid #005e7a1f
}

.srvs-pg .met-item:last-child {
border-right: none
}

.srvs-pg .met-num {
font-size: 27px;
line-height: 1.1;
color: #005E7A;
letter-spacing: -.01em;
display: block
}

.srvs-pg .met-label {
font-size: 16px;
line-height: 1.5;
color: #4a6670
}

.srvs-pg .ttl-img-wrap {
width: 320px;
height: 320px;
border-radius: 9px;
overflow: hidden;
position: relative;
box-shadow: 0 8px 40px 0 #f24c741f
}

.srvs-pg .ttl-img-wrap img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
opacity: .72;
filter: grayscale(30%)
}

.srvs-pg .ttl-img-wrap::after {
content: '';
position: absolute;
inset: 0;
background: radial-gradient(ellipse at center, #005e7a2e 0%, transparent 80%);
pointer-events: none
}

.srvs-pg .ttl-shape {
position: absolute;
bottom: -16px;
left: -16px;
width: 80px;
height: 80px;
border-radius: 9px;
background: #F1FFAC;
opacity: .7;
pointer-events: none;
z-index: 0
}

.srvs-pg .divider-svg {
display: block;
width: 100%;
height: 32px;
overflow: hidden
}

.srvs-pg .cards-band {
background: #f4f8fa;
padding-top: 80px;
padding-bottom: 80px
}

.srvs-pg .band-heading {
margin-bottom: 40px
}

.srvs-pg .band-heading .acc-line {
width: 32px;
height: 3px;
background: #F24C74;
border-radius: 4px;
margin-bottom: 8px
}

.srvs-pg .band-heading h2 {
font-size: 37px;
line-height: 1.1;
letter-spacing: -.01em;
color: #1a2e38;
margin-bottom: 8px
}

.srvs-pg .band-heading p {
font-size: 18px;
line-height: 1.5;
color: #4a6670
}

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

.srvs-pg .svc-card {
background: #fff;
border-radius: 9px;
box-shadow: 0 6px 18px 0 #005e7a14;
overflow: hidden;
display: flex;
flex-direction: column;
transition: transform .38s cubic-bezier(0.34, 1.2, 0.64, 1), box-shadow .38s ease-in-out
}

.srvs-pg .svc-card:hover {
transform: perspective(600px) rotateY(-2deg) translateY(-4px);
box-shadow: 0 8px 40px 0 #f24c741f
}

.srvs-pg .card-img-wrap {
width: 100%;
height: 180px;
overflow: hidden;
position: relative
}

.srvs-pg .card-img-wrap img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
transition: transform .42s ease-in-out
}

.srvs-pg .svc-card:hover .card-img-wrap img {
transform: scale(1.04)
}

.srvs-pg .card-tag-row {
display: flex;
flex-direction: row;
align-items: center;
gap: 8px;
padding: 16px 16px 0
}

.srvs-pg .card-tag {
font-size: 16px;
line-height: 1.5;
color: #005E7A;
background: #005e7a14;
border-radius: 42px;
padding: 4px 16px;
font-weight: 600
}

.srvs-pg .card-fmt {
font-size: 16px;
line-height: 1.5;
color: #F24C74;
background: #f24c7414;
border-radius: 42px;
padding: 4px 16px
}

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

.srvs-pg .card-body h3 {
font-size: 21px;
line-height: 1.5;
color: #1a2e38;
margin-bottom: 8px;
letter-spacing: -.01em
}

.srvs-pg .card-desc {
font-size: 16px;
line-height: 1.9;
color: #4a6670;
flex: 1 1 auto;
margin-bottom: 16px
}

.srvs-pg .card-meta {
display: flex;
flex-direction: row;
align-items: center;
gap: 16px;
margin-bottom: 16px;
font-size: 16px;
line-height: 1.5;
color: #4a6670
}

.srvs-pg .card-meta .dur {
color: #005E7A;
font-weight: 600
}

.srvs-pg .card-meta .rtime {
color: #4a6670
}

.srvs-pg .card-foot {
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
padding: 16px;
border-top: 1px solid #005e7a14;
background: #f1ffac2e
}

.srvs-pg .card-price {
font-size: 21px;
line-height: 1.1;
color: #005E7A;
font-weight: 700;
letter-spacing: -.01em
}

.srvs-pg .card-likes {
display: flex;
flex-direction: row;
align-items: center;
gap: 4px;
font-size: 16px;
color: #F24C74
}

.srvs-pg .card-likes svg {
width: 16px;
height: 16px;
fill: #F24C74
}

.srvs-pg .card-link {
display: inline-block;
font-size: 16px;
line-height: 1.5;
color: #F24C74;
border: 1.5px solid #F24C74;
border-radius: 4px;
padding: 8px 16px;
text-decoration: none;
background: transparent;
transition: background .35s cubic-bezier(0.34, 1.2, 0.64, 1), color .35s cubic-bezier(0.34, 1.2, 0.64, 1), transform .35s cubic-bezier(0.34, 1.2, 0.64, 1)
}

.srvs-pg .card-link:hover {
background: #F24C74;
color: #fff;
transform: scale(1.04)
}

.srvs-pg .num-badge {
display: inline-flex;
align-items: center;
justify-content: center;
width: 28px;
height: 28px;
border-radius: 42px;
background: #005E7A;
color: #fff;
font-size: 16px;
font-weight: 700;
flex-shrink: 0
}

.srvs-pg .approach-band {
background: #fff;
padding-top: 80px;
padding-bottom: 80px;
position: relative
}

.srvs-pg .approach-layout {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 80px;
align-items: center
}

.srvs-pg .approach-img-wrap {
width: 100%;
aspect-ratio: 1 / 1;
border-radius: 9px;
overflow: hidden;
box-shadow: 0 8px 40px 0 #005e7a1f;
position: relative
}

.srvs-pg .approach-img-wrap img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
filter: grayscale(100%)
}

.srvs-pg .approach-img-wrap::before {
content: '';
position: absolute;
inset: 0;
background: #005e7a38;
pointer-events: none;
z-index: 1
}

.srvs-pg .approach-text h2 {
font-size: 37px;
line-height: 1.1;
color: #1a2e38;
margin-bottom: 16px;
letter-spacing: -.01em
}

.srvs-pg .approach-text p {
font-size: 18px;
line-height: 1.9;
color: #4a6670;
margin-bottom: 16px
}

.srvs-pg .step-list {
list-style: none;
padding: 0;
margin: 40px 0 0;
display: flex;
flex-direction: column;
gap: 0
}

.srvs-pg .step-item {
display: flex;
flex-direction: row;
align-items: flex-start;
gap: 16px;
padding-bottom: 40px;
position: relative
}

.srvs-pg .step-item:not(:last-child)::after {
content: '';
position: absolute;
left: 13px;
top: 28px;
width: 2px;
height: calc(100% - 28px);
background: #005e7a2e
}

.srvs-pg .step-item:last-child {
padding-bottom: 0
}

.srvs-pg .step-txt h5 {
font-size: 18px;
line-height: 1.5;
color: #1a2e38;
margin-bottom: 4px
}

.srvs-pg .step-txt p {
font-size: 16px;
line-height: 1.9;
color: #4a6670;
margin: 0
}

.srvs-pg .mentor-band {
padding-top: 80px;
padding-bottom: 80px;
background: #005E7A;
position: relative;
overflow: hidden
}

.srvs-pg .mentor-band::before {
content: '';
position: absolute;
top: -40px;
right: -40px;
width: 220px;
height: 220px;
border-radius: 42px;
background: #f1ffac14;
pointer-events: none;
transform: rotate(18deg)
}

.srvs-pg .mentor-layout {
display: grid;
grid-template-columns: 280px 1fr;
gap: 80px;
align-items: start
}

.srvs-pg .mentor-portrait {
width: 280px;
aspect-ratio: 2/3;
overflow: hidden;
box-shadow: 0 8px 40px 0 #f24c741f
}

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

.srvs-pg .mentor-text .acc-line {
width: 32px;
height: 3px;
background: #F1FFAC;
border-radius: 4px;
margin-bottom: 16px
}

.srvs-pg .mentor-text h2 {
font-size: 37px;
line-height: 1.1;
color: #F1FFAC;
margin-bottom: 16px;
letter-spacing: -.01em
}

.srvs-pg .mentor-text p {
font-size: 18px;
line-height: 1.9;
color: #f1ffacd9;
margin-bottom: 16px
}

.srvs-pg .mentor-text em {
font-style: italic;
font-size: 21px;
color: #F1FFAC
}

.srvs-pg .mentor-cta {
display: inline-block;
margin-top: 40px;
padding: 16px 40px;
border: 2px solid #F1FFAC;
border-radius: 4px;
color: #F1FFAC;
font-size: 18px;
text-decoration: none;
background: transparent;
transition: background .4s cubic-bezier(0.34, 1.2, 0.64, 1), color .4s cubic-bezier(0.34, 1.2, 0.64, 1), transform .4s cubic-bezier(0.34, 1.2, 0.64, 1)
}

.srvs-pg .mentor-cta:hover {
background: #F1FFAC;
color: #005E7A;
transform: scale(1.04)
}

.srvs-pg .mentor-review {
margin-top: 40px;
background: #f1ffac14;
border-radius: 9px;
padding: 16px;
box-shadow: inset 0 2px 8px 0 #005e7a1f
}

.srvs-pg .mentor-review p {
font-size: 16px;
line-height: 1.9;
color: #f1ffacbf;
margin-bottom: 8px
}

.srvs-pg .reviewer-name {
font-size: 16px;
color: #F1FFAC;
font-weight: 600
}

.srvs-pg .reviewer-role {
font-size: 16px;
color: #f1ffac8c
}

@media (max-width: 960px) {
.srvs-pg .ttl-layout {
flex-direction: column;
align-items: flex-start
}

.srvs-pg .ttl-img-col {
width: 100%;
flex: none
}

.srvs-pg .ttl-img-wrap {
width: 100%;
height: 220px
}

.srvs-pg .cards-grid {
grid-template-columns: repeat(2, 1fr);
gap: 16px
}

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

.srvs-pg .mentor-layout {
grid-template-columns: 1fr;
gap: 40px
}

.srvs-pg .mentor-portrait {
width: 100%;
aspect-ratio: 3/2
}

.srvs-pg .ttl-h1 {
font-size: 37px
}

.srvs-pg .ttl-h1 em {
font-size: 37px
}
}

@media (max-width: 480px) {
.srvs-pg .pg-bound {
padding-left: 16px;
padding-right: 16px
}

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

.srvs-pg .ttl-h1 {
font-size: 27px
}

.srvs-pg .ttl-h1 em {
font-size: 27px
}

.srvs-pg .ttl-metrics {
flex-direction: column
}

.srvs-pg .met-item {
border-right: none;
border-bottom: 1px solid #005e7a1f
}

.srvs-pg .met-item:last-child {
border-bottom: none
}

.srvs-pg .ttl-band {
padding-bottom: 40px
}

.srvs-pg .cards-band {
padding-top: 40px;
padding-bottom: 40px
}

.srvs-pg .approach-band {
padding-top: 40px;
padding-bottom: 40px
}

.srvs-pg .mentor-band {
padding-top: 40px;
padding-bottom: 40px
}
}

.lnch-pg {
max-width: 100%;
overflow-x: clip
}

.lnch-pg .bd-wrap {
max-width: 1140px;
margin-left: auto;
margin-right: auto;
padding-left: 40px;
padding-right: 40px
}

.lnch-pg ::selection {
background: linear-gradient(90deg, #F24C74, #005E7A);
color: #fff
}

.lnch-pg .acnt-bar {
width: 3px;
height: 48px;
background: #F24C74;
display: block;
margin-bottom: 16px;
border-radius: 4px
}

.lnch-pg .top-line {
width: 40px;
height: 3px;
background: #F24C74;
display: block;
margin-bottom: 16px;
border-radius: 4px
}

.lnch-pg .titl-blk {
padding-top: 80px;
padding-bottom: 80px;
background: #fff;
position: relative
}

.lnch-pg .titl-blk .bd-wrap {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 80px;
align-items: center
}

.lnch-pg .titl-img-side {
position: relative
}

.lnch-pg .titl-img-wrap {
border-radius: 9px;
overflow: hidden;
box-shadow: 0 8px 40px 0 #005e7a1f;
position: relative
}

.lnch-pg .titl-img-wrap img {
width: 100%;
height: 520px;
object-fit: cover;
object-position: center;
display: block;
transition: transform .45s cubic-bezier(0.34, 1.2, 0.64, 1)
}

.lnch-pg .titl-img-wrap:hover img {
transform: scale(1.03)
}

.lnch-pg .titl-glow {
position: absolute;
top: -40px;
left: -40px;
width: 200px;
height: 200px;
background: radial-gradient(ellipse at center, #f1ffacb3 0%, transparent 70%);
pointer-events: none;
border-radius: 42px
}

.lnch-pg .titl-shape-a {
position: absolute;
bottom: -16px;
right: -16px;
width: 120px;
height: 120px;
border: 2px solid #f24c7433;
border-radius: 9px;
pointer-events: none
}

.lnch-pg .titl-shape-b {
position: absolute;
top: 40px;
right: 40px;
width: 60px;
height: 60px;
background: #f1ffac66;
border-radius: 9px;
pointer-events: none
}

.lnch-pg .titl-txt-side {
padding: 40px 0
}

.lnch-pg .titl-eyebrow {
font-size: 16px;
line-height: 1.5;
letter-spacing: .08em;
color: #005E7A;
text-transform: uppercase;
font-weight: 600;
margin-bottom: 16px;
display: block
}

.lnch-pg .titl-h1 {
font-size: 52px;
line-height: 1.1;
letter-spacing: -.02em;
color: #111820;
margin-bottom: 16px;
font-weight: 800
}

.lnch-pg .titl-h1 .kw-mark {
text-decoration: underline;
text-decoration-color: #F24C74;
text-underline-offset: 6px;
text-decoration-thickness: 3px
}

.lnch-pg .titl-desc {
font-size: 18px;
line-height: 1.9;
color: #2a3a44;
margin-bottom: 40px
}

.lnch-pg .titl-cta-row {
display: flex;
flex-direction: row;
gap: 16px;
align-items: center;
flex-wrap: wrap
}

.lnch-pg .btn-prim {
display: inline-block;
padding: 16px 40px;
border: 2px solid #F24C74;
color: #F24C74;
background: transparent;
border-radius: 4px;
font-size: 16px;
font-weight: 700;
letter-spacing: .04em;
cursor: pointer;
text-decoration: none;
transition: background .38s cubic-bezier(0.34, 1.2, 0.64, 1), color .38s cubic-bezier(0.34, 1.2, 0.64, 1), transform .38s cubic-bezier(0.34, 1.2, 0.64, 1), box-shadow .38s ease-in-out;
box-shadow: 0 1px 3px 0 #f24c7414
}

.lnch-pg .btn-prim:hover {
background: #F24C74;
color: #fff;
transform: scale(1.04);
box-shadow: 0 6px 18px 0 #f24c7414
}

.lnch-pg .btn-sec {
display: inline-block;
padding: 16px 40px;
border: 2px solid #005E7A;
color: #005E7A;
background: transparent;
border-radius: 4px;
font-size: 16px;
font-weight: 700;
letter-spacing: .04em;
cursor: pointer;
text-decoration: none;
transition: background .35s ease-in-out, color .35s ease-in-out, transform .35s cubic-bezier(0.34, 1.2, 0.64, 1)
}

.lnch-pg .btn-sec:hover {
background: #005E7A;
color: #fff;
transform: scale(1.04)
}

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

.lnch-pg .zig-div svg {
display: block;
width: 100%
}

.lnch-pg .diff-blk {
background: #f4fbff;
padding-top: 80px;
padding-bottom: 80px;
position: relative
}

.lnch-pg .diff-blk .bd-wrap {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 80px;
align-items: start
}

.lnch-pg .diff-txt {
padding-left: 16px;
border-left: none;
position: relative
}

.lnch-pg .diff-txt .acnt-bar {
position: absolute;
left: 0;
top: 0
}

.lnch-pg .diff-h2 {
font-size: 37px;
line-height: 1.1;
letter-spacing: -.015em;
color: #111820;
margin-bottom: 16px;
font-weight: 700
}

.lnch-pg .diff-lead {
font-size: 18px;
line-height: 1.9;
color: #2a3a44;
margin-bottom: 40px
}

.lnch-pg .diff-pts {
list-style: none;
padding: 0;
margin: 0;
counter-reset: diff-cnt
}

.lnch-pg .diff-pts li {
counter-increment: diff-cnt;
display: flex;
flex-direction: row;
gap: 16px;
align-items: flex-start;
padding-bottom: 40px;
position: relative
}

.lnch-pg .diff-pts li:not(:last-child)::after {
content: '';
position: absolute;
left: 20px;
top: 44px;
bottom: 0;
width: 1px;
background: #005e7a33
}

.lnch-pg .diff-num {
width: 40px;
height: 40px;
min-width: 40px;
border-radius: 42px;
background: #005E7A;
color: #fff;
display: flex;
align-items: center;
justify-content: center;
font-size: 16px;
font-weight: 700
}

.lnch-pg .diff-pts li:nth-child(2) .diff-num {
background: #F24C74
}

.lnch-pg .diff-pt-body {
flex: 1
}

.lnch-pg .diff-pt-h {
font-size: 18px;
line-height: 1.5;
color: #111820;
font-weight: 700;
margin-bottom: 8px
}

.lnch-pg .diff-pt-p {
font-size: 16px;
line-height: 1.9;
color: #3a4a54
}

.lnch-pg .diff-img-col {
position: relative
}

.lnch-pg .diff-img-wrap {
border-radius: 9px;
overflow: hidden;
box-shadow: 0 8px 40px 0 #005e7a1f
}

.lnch-pg .diff-img-wrap img {
width: 100%;
height: 460px;
object-fit: cover;
object-position: center;
display: block;
transition: transform .42s cubic-bezier(0.34, 1.2, 0.64, 1)
}

.lnch-pg .diff-img-wrap:hover img {
transform: perspective(800px) rotateY(-3deg) scale(1.02)
}

.lnch-pg .diff-deco-dash {
position: absolute;
bottom: -16px;
left: -16px;
width: 140px;
height: 140px;
border: 2px dashed #f24c7466;
border-radius: 9px;
pointer-events: none
}

.lnch-pg .recog-blk {
background: #fff;
padding-top: 80px;
padding-bottom: 80px
}

.lnch-pg .recog-blk .bd-wrap {
display: flex;
flex-direction: column;
gap: 40px
}

.lnch-pg .recog-hd {
text-align: center
}

.lnch-pg .recog-h2 {
font-size: 37px;
line-height: 1.1;
letter-spacing: -.015em;
color: #111820;
font-weight: 700;
margin-bottom: 16px
}

.lnch-pg .recog-sub {
font-size: 18px;
line-height: 1.9;
color: #2a3a44;
max-width: 600px;
margin: 0 auto
}

.lnch-pg .recog-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 40px
}

.lnch-pg .recog-card {
background: #fff;
border-radius: 9px;
padding: 40px;
box-shadow: 0 6px 18px 0 #005e7a14;
transition: transform .4s cubic-bezier(0.34, 1.2, 0.64, 1), box-shadow .4s ease-in-out;
position: relative;
overflow: hidden
}

.lnch-pg .recog-card::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
height: 3px;
background: linear-gradient(90deg, #F24C74, #005E7A);
border-radius: 9px 9px 0 0
}

.lnch-pg .recog-card:hover {
transform: perspective(900px) rotateX(2deg) rotateY(-2deg) translateY(-4px);
box-shadow: 0 8px 40px 0 #005e7a1f
}

.lnch-pg .recog-card-ico {
width: 48px;
height: 48px;
border-radius: 9px;
background: #005e7a14;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 16px
}

.lnch-pg .recog-card-ico svg {
width: 24px;
height: 24px
}

.lnch-pg .recog-card-h {
font-size: 18px;
line-height: 1.5;
color: #111820;
font-weight: 700;
margin-bottom: 8px
}

.lnch-pg .recog-card-p {
font-size: 16px;
line-height: 1.9;
color: #3a4a54
}

.lnch-pg .recog-sched {
background: #005e7a0a;
border-radius: 9px;
padding: 40px;
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 16px
}

.lnch-pg .sched-item {
background: #fff;
border-radius: 9px;
padding: 16px;
box-shadow: 0 1px 3px 0 #005e7a14;
text-align: center;
transition: transform .35s cubic-bezier(0.34, 1.2, 0.64, 1)
}

.lnch-pg .sched-item:hover {
transform: translateY(-4px)
}

.lnch-pg .sched-time {
font-size: 16px;
font-weight: 700;
color: #005E7A;
display: block;
margin-bottom: 8px
}

.lnch-pg .sched-label {
font-size: 16px;
line-height: 1.5;
color: #2a3a44
}

.lnch-pg .ready-blk {
background: linear-gradient(160deg, #005E7A 0%, #003d50 100%);
padding-top: 80px;
padding-bottom: 80px;
position: relative;
overflow: hidden
}

.lnch-pg .ready-deco-circ {
position: absolute;
top: -80px;
right: -80px;
width: 320px;
height: 320px;
border-radius: 42px;
background: #f1ffac12;
pointer-events: none
}

.lnch-pg .ready-deco-circ2 {
position: absolute;
bottom: -40px;
left: -40px;
width: 200px;
height: 200px;
border-radius: 42px;
background: #f24c7414;
pointer-events: none
}

.lnch-pg .ready-blk .bd-wrap {
position: relative;
z-index: 1;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 80px;
align-items: start
}

.lnch-pg .ready-intro {
border-bottom: 1px solid #f1ffac33;
padding-bottom: 40px;
margin-bottom: 40px
}

.lnch-pg .ready-eyebrow {
font-size: 16px;
letter-spacing: .08em;
text-transform: uppercase;
color: #F1FFAC;
font-weight: 600;
display: block;
margin-bottom: 16px
}

.lnch-pg .ready-h2 {
font-size: 37px;
line-height: 1.1;
letter-spacing: -.015em;
color: #fff;
font-weight: 700;
margin-bottom: 16px
}

.lnch-pg .ready-lead {
font-size: 18px;
line-height: 1.9;
color: #ffffffd9
}

.lnch-pg .ready-detail-p {
font-size: 16px;
line-height: 1.9;
color: #ffffffbf
}

.lnch-pg .ready-glass {
background: #ffffff14;
backdrop-filter: blur(12px);
-webkit-backdrop-filter: blur(12px);
border-radius: 9px;
border: 1px solid #ffffff26;
padding: 40px;
box-shadow: inset 0 1px 0 #ffffff1f 0 6px 18px 0 #005e7a14
}

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

.lnch-pg .ready-list li {
display: flex;
flex-direction: row;
gap: 16px;
align-items: flex-start
}

.lnch-pg .ready-dot {
width: 8px;
height: 8px;
min-width: 8px;
border-radius: 42px;
background: #F1FFAC;
margin-top: 8px
}

.lnch-pg .ready-list-txt {
font-size: 16px;
line-height: 1.9;
color: #ffffffd9
}

.lnch-pg .ready-img-col {
display: flex;
flex-direction: column;
gap: 16px
}

.lnch-pg .ready-img-wrap {
border-radius: 9px;
overflow: hidden;
box-shadow: 0 8px 40px 0 #005e7a1f
}

.lnch-pg .ready-img-wrap img {
width: 100%;
height: 300px;
object-fit: cover;
object-position: center;
display: block;
transition: transform .4s cubic-bezier(0.34, 1.2, 0.64, 1)
}

.lnch-pg .ready-img-wrap:hover img {
transform: perspective(900px) rotateX(3deg) scale(1.03)
}

.lnch-pg .team-blk {
background: #fff;
padding-top: 80px;
padding-bottom: 80px
}

.lnch-pg .team-blk .bd-wrap {
display: flex;
flex-direction: column;
gap: 40px
}

.lnch-pg .team-hd {
display: flex;
flex-direction: row;
gap: 80px;
align-items: start
}

.lnch-pg .team-hd-txt {
flex: 1
}

.lnch-pg .team-h2 {
font-size: 37px;
line-height: 1.1;
letter-spacing: -.015em;
color: #111820;
font-weight: 700;
margin-bottom: 16px
}

.lnch-pg .team-lead {
font-size: 18px;
line-height: 1.9;
color: #2a3a44
}

.lnch-pg .team-hd-img {
flex: 0 0 340px
}

.lnch-pg .team-hd-img-wrap {
border-radius: 9px;
overflow: hidden;
box-shadow: 0 8px 40px 0 #f24c741f
}

.lnch-pg .team-hd-img-wrap img {
width: 340px;
height: 440px;
object-fit: cover;
object-position: center;
display: block;
transition: transform .42s cubic-bezier(0.34, 1.2, 0.64, 1)
}

.lnch-pg .team-hd-img-wrap:hover img {
transform: perspective(900px) rotateY(3deg) scale(1.02)
}

.lnch-pg .team-members {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 40px
}

.lnch-pg .team-card {
background: #005e7a08;
border-radius: 9px;
padding: 40px;
display: flex;
flex-direction: column;
gap: 16px;
box-shadow: 0 1px 3px 0 #005e7a14;
transition: transform .38s cubic-bezier(0.34, 1.2, 0.64, 1), box-shadow .38s ease-in-out
}

.lnch-pg .team-card:hover {
transform: perspective(800px) rotateX(-2deg) translateY(-4px);
box-shadow: 0 6px 18px 0 #005e7a14
}

.lnch-pg .team-card-port {
display: flex;
flex-direction: row;
gap: 16px;
align-items: center
}

.lnch-pg .team-port-img {
width: 64px;
height: 80px;
min-width: 64px;
overflow: hidden;
box-shadow: 0 6px 18px 0 #f24c7414
}

.lnch-pg .team-port-img img {
width: 64px;
height: 80px;
object-fit: cover;
object-position: center;
display: block
}

.lnch-pg .team-card-name {
font-size: 18px;
line-height: 1.5;
color: #111820;
font-weight: 700
}

.lnch-pg .team-card-role {
font-size: 16px;
line-height: 1.5;
color: #005E7A;
font-weight: 600
}

.lnch-pg .team-card-bio {
font-size: 16px;
line-height: 1.9;
color: #3a4a54
}

.lnch-pg .team-card.no-port {
background: #f24c740a
}

.lnch-pg .team-card.no-port .team-card-name {
color: #111820
}

@keyframes lnch-fade-in {
from {
opacity: 0;
transform: translateY(16px)
}

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

.lnch-pg .titl-txt-side {
animation: lnch-fade-in .45s cubic-bezier(0.34, 1.2, 0.64, 1) both
}

.lnch-pg .titl-img-side {
animation: lnch-fade-in .45s cubic-bezier(0.34, 1.2, 0.64, 1) .1s both
}

.lnch-pg .recog-card:nth-child(1) {
animation: lnch-fade-in .4s ease-in-out .05s both
}

.lnch-pg .recog-card:nth-child(2) {
animation: lnch-fade-in .4s ease-in-out .15s both
}

.lnch-pg .recog-card:nth-child(3) {
animation: lnch-fade-in .4s ease-in-out .25s both
}

@keyframes lnch-pan {
0% {
background-position: 0 50%
}

100% {
background-position: 100% 50%
}
}

.lnch-pg .diff-img-wrap {
animation: lnch-pan 18s linear infinite alternate
}

@media (max-width: 960px) {

.lnch-pg .titl-blk .bd-wrap,
.lnch-pg .diff-blk .bd-wrap,
.lnch-pg .ready-blk .bd-wrap,
.lnch-pg .team-hd {
grid-template-columns: 1fr;
flex-direction: column;
gap: 40px
}

.lnch-pg .titl-h1 {
font-size: 37px
}

.lnch-pg .recog-grid {
grid-template-columns: 1fr 1fr
}

.lnch-pg .recog-sched {
grid-template-columns: 1fr 1fr
}

.lnch-pg .team-members {
grid-template-columns: 1fr 1fr
}

.lnch-pg .team-hd-img {
flex: none;
width: 100%
}

.lnch-pg .team-hd-img-wrap img {
width: 100%;
height: 320px
}

.lnch-pg .diff-img-wrap img {
height: 320px
}
}

@media (max-width: 480px) {
.lnch-pg .bd-wrap {
padding-left: 16px;
padding-right: 16px
}

.lnch-pg .titl-h1 {
font-size: 27px
}

.lnch-pg .diff-h2,
.lnch-pg .recog-h2,
.lnch-pg .ready-h2,
.lnch-pg .team-h2 {
font-size: 27px
}

.lnch-pg .recog-grid,
.lnch-pg .team-members {
grid-template-columns: 1fr
}

.lnch-pg .recog-sched {
grid-template-columns: 1fr 1fr
}

.lnch-pg .titl-blk,
.lnch-pg .diff-blk,
.lnch-pg .recog-blk,
.lnch-pg .ready-blk,
.lnch-pg .team-blk {
padding-top: 40px;
padding-bottom: 40px
}

.lnch-pg .titl-img-wrap img {
height: 280px
}
}

@media (min-width: 1440px) {
.lnch-pg .titl-h1 {
font-size: 68px
}
}

.lrn-prog {
max-width: 100%;
overflow-x: hidden
}

.lrn-prog .pg-wrap {
max-width: 1140px;
margin: 0 auto;
padding: 0 16px
}

.lrn-prog ::selection {
background: linear-gradient(90deg, #F24C74, #005E7A);
color: #fff
}

.lrn-prog .ttl-blk {
padding: 80px 16px 40px;
text-align: center;
position: relative
}

.lrn-prog .ttl-blk .dot-path {
display: flex;
justify-content: center;
gap: 8px;
margin-bottom: 40px
}

.lrn-prog .ttl-blk .dot-path span {
width: 6px;
height: 6px;
border-radius: 42px;
background: #F24C74;
opacity: .3
}

.lrn-prog .ttl-blk .dot-path span:nth-child(3) {
opacity: .7;
background: #005E7A
}

.lrn-prog .ttl-blk .dot-path span:nth-child(5) {
opacity: 1;
background: #F24C74
}

.lrn-prog .ttl-img-wrap {
width: 340px;
height: 240px;
margin: 0 auto 40px;
border-radius: 9px;
overflow: hidden;
box-shadow: 0 8px 40px 0 #f24c741f;
filter: saturate(0.7) brightness(0.95)
}

.lrn-prog .ttl-img-wrap img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center
}

.lrn-prog .ttl-lbl {
font-size: 16px;
color: #005E7A;
letter-spacing: .08em;
text-transform: uppercase;
margin-bottom: 16px
}

.lrn-prog .ttl-h1 {
font-size: 52px;
line-height: 1.1;
letter-spacing: -.02em;
color: #1b2a35;
margin: 0 0 8px
}

.lrn-prog .ttl-h1 em {
font-style: italic;
font-size: 68px;
color: #F24C74;
display: block;
line-height: 1.1
}

.lrn-prog .ttl-sub {
font-size: 21px;
line-height: 1.5;
color: #2d4a5a;
max-width: 560px;
margin: 16px auto 0
}

.lrn-prog .ttl-blk .dot-path-bot {
display: flex;
justify-content: center;
gap: 8px;
margin-top: 40px
}

.lrn-prog .ttl-blk .dot-path-bot span {
width: 4px;
height: 4px;
border-radius: 42px;
background: #005E7A;
opacity: .2
}

.lrn-prog .ttl-blk .dot-path-bot span:nth-child(2) {
opacity: .5
}

.lrn-prog .ttl-blk .dot-path-bot span:nth-child(3) {
opacity: 1;
background: #F24C74
}

.lrn-prog .ttl-blk .dot-path-bot span:nth-child(4) {
opacity: .5
}

.lrn-prog .ttl-blk .dot-path-bot span:nth-child(5) {
opacity: .2
}

.lrn-prog .prog-struct {
background: #f0f7fa;
padding: 80px 16px
}

.lrn-prog .prog-struct .pg-wrap {
display: flex;
flex-direction: row;
gap: 80px;
align-items: flex-start
}

.lrn-prog .struct-left {
flex: 0 0 340px
}

.lrn-prog .struct-right {
flex: 1
}

.lrn-prog .sec-accent-line {
width: 40px;
height: 3px;
background: #F24C74;
border-radius: 4px;
margin-bottom: 16px
}

.lrn-prog .struct-left .sec-h2 {
font-size: 37px;
line-height: 1.1;
color: #1b2a35;
letter-spacing: -.01em;
margin: 0 0 16px
}

.lrn-prog .struct-left .sec-desc {
font-size: 18px;
line-height: 1.9;
color: #2d4a5a;
margin: 0 0 40px
}

.lrn-prog .metric-pair {
display: flex;
flex-direction: column;
gap: 16px
}

.lrn-prog .metric-item {
background: #fff;
border-radius: 9px;
padding: 16px;
box-shadow: 0 1px 3px 0 #f24c7414;
display: flex;
flex-direction: row;
align-items: center;
gap: 16px;
transition: box-shadow .35s cubic-bezier(0.34, 1.2, 0.64, 1), transform .35s cubic-bezier(0.34, 1.2, 0.64, 1)
}

.lrn-prog .metric-item:hover {
box-shadow: 0 6px 18px 0 #f24c7414;
transform: perspective(600px) rotateY(-2deg)
}

.lrn-prog .metric-nums {
display: flex;
flex-direction: row;
align-items: center;
gap: 8px
}

.lrn-prog .metric-from {
font-size: 21px;
font-weight: 700;
color: #aac0cc;
line-height: 1.1
}

.lrn-prog .metric-arrow {
width: 28px;
height: 12px;
position: relative;
flex-shrink: 0
}

.lrn-prog .metric-arrow::before {
content: '';
position: absolute;
top: 50%;
left: 0;
right: 6px;
height: 2px;
background: #F24C74;
transform: translateY(-50%)
}

.lrn-prog .metric-arrow::after {
content: '';
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%) rotate(0deg);
border-left: 7px solid #F24C74;
border-top: 5px solid transparent;
border-bottom: 5px solid transparent
}

.lrn-prog .metric-to {
font-size: 27px;
font-weight: 700;
color: #005E7A;
line-height: 1.1
}

.lrn-prog .metric-label {
font-size: 16px;
color: #2d4a5a;
line-height: 1.5
}

.lrn-prog .steps-list {
list-style: none;
padding: 0;
margin: 0;
position: relative
}

.lrn-prog .steps-list::before {
content: '';
position: absolute;
left: 20px;
top: 0;
bottom: 0;
width: 2px;
background: linear-gradient(180deg, #F24C74 0%, #005E7A 100%);
opacity: .2
}

.lrn-prog .step-item {
display: flex;
flex-direction: row;
gap: 16px;
align-items: flex-start;
margin-bottom: 40px;
position: relative
}

.lrn-prog .step-item:last-child {
margin-bottom: 0
}

.lrn-prog .step-num {
width: 40px;
height: 40px;
border-radius: 42px;
background: #fff;
border: 2px solid #F24C74;
display: flex;
align-items: center;
justify-content: center;
font-size: 16px;
font-weight: 700;
color: #F24C74;
flex-shrink: 0;
position: relative;
z-index: 1;
transition: background .4s ease-in-out, color .4s ease-in-out
}

.lrn-prog .step-item:hover .step-num {
background: #F24C74;
color: #fff
}

.lrn-prog .step-body {
padding-top: 8px
}

.lrn-prog .step-h {
font-size: 18px;
font-weight: 700;
color: #1b2a35;
margin: 0 0 8px;
line-height: 1.5
}

.lrn-prog .step-p {
font-size: 16px;
line-height: 1.9;
color: #3a5566;
margin: 0
}

.lrn-prog .mentors-sec {
padding: 80px 16px;
background: #fff
}

.lrn-prog .mentors-sec .pg-wrap {
display: flex;
flex-direction: column;
gap: 40px
}

.lrn-prog .mentors-top {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: flex-end;
gap: 40px
}

.lrn-prog .mentors-top .sec-h2 {
font-size: 37px;
line-height: 1.1;
color: #1b2a35;
letter-spacing: -.01em;
margin: 0;
max-width: 400px
}

.lrn-prog .mentors-top .sec-note {
font-size: 18px;
line-height: 1.5;
color: #3a5566;
max-width: 360px;
margin: 0
}

.lrn-prog .mentors-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 16px
}

.lrn-prog .mentor-card {
border-radius: 9px;
padding: 40px 16px 16px;
background: #f0f7fa;
box-shadow: 0 1px 3px 0 #005e7a14;
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
transition: transform .38s cubic-bezier(0.34, 1.2, 0.64, 1), box-shadow .38s cubic-bezier(0.34, 1.2, 0.64, 1);
position: relative
}

.lrn-prog .mentor-card:hover {
transform: perspective(800px) rotateX(2deg) translateY(-4px);
box-shadow: 0 8px 40px 0 #005e7a1f
}

.lrn-prog .mentor-card.active-card {
background: #005E7A
}

.lrn-prog .mentor-card.active-card .mentor-name,
.lrn-prog .mentor-card.active-card .mentor-role,
.lrn-prog .mentor-card.active-card .mentor-bio {
color: #fff
}

.lrn-prog .mentor-card.active-card .mentor-role {
color: #F1FFAC
}

.lrn-prog .mentor-portrait {
width: 80px;
height: 80px;
border-radius: 42px;
overflow: hidden;
margin-bottom: 16px;
box-shadow: 0 6px 18px 0 #005e7a14;
flex-shrink: 0
}

.lrn-prog .mentor-portrait img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center
}

.lrn-prog .mentor-name {
font-size: 18px;
font-weight: 700;
color: #1b2a35;
margin: 0 0 4px;
line-height: 1.5
}

.lrn-prog .mentor-role {
font-size: 16px;
color: #F24C74;
margin: 0 0 8px;
line-height: 1.5
}

.lrn-prog .mentor-bio {
font-size: 16px;
line-height: 1.9;
color: #3a5566;
margin: 0
}

.lrn-prog .method-sec {
padding: 80px 16px;
background: #fdf5f7
}

.lrn-prog .method-sec .pg-wrap {
display: flex;
flex-direction: column;
gap: 40px
}

.lrn-prog .method-hd {
text-align: center;
max-width: 600px;
margin: 0 auto
}

.lrn-prog .method-hd .sec-accent-line {
margin: 0 auto 16px
}

.lrn-prog .method-hd .sec-h2 {
font-size: 37px;
line-height: 1.1;
color: #1b2a35;
letter-spacing: -.01em;
margin: 0 0 16px
}

.lrn-prog .method-hd .sec-desc {
font-size: 18px;
line-height: 1.9;
color: #3a5566;
margin: 0
}

.lrn-prog .icon-grid-wrap {
position: relative
}

.lrn-prog .icon-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 16px;
position: relative
}

.lrn-prog .icon-node {
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
gap: 16px;
position: relative
}

.lrn-prog .icon-node:not(:last-child)::after {
content: '';
position: absolute;
top: 36px;
right: -8px;
width: 16px;
height: 2px;
background: linear-gradient(90deg, #F24C74, #005E7A);
opacity: .35
}

.lrn-prog .icon-shell {
width: 72px;
height: 72px;
border-radius: 9px;
background: #fff;
box-shadow: 0 6px 18px 0 #f24c7414;
display: flex;
align-items: center;
justify-content: center;
animation: float-icon 3.2s ease-in-out infinite;
transition: transform .4s cubic-bezier(0.34, 1.2, 0.64, 1), box-shadow .4s cubic-bezier(0.34, 1.2, 0.64, 1)
}

.lrn-prog .icon-node:nth-child(2) .icon-shell {
animation-delay: .4s
}

.lrn-prog .icon-node:nth-child(3) .icon-shell {
animation-delay: .8s
}

.lrn-prog .icon-node:nth-child(4) .icon-shell {
animation-delay: 1.2s
}

.lrn-prog .icon-shell:hover {
transform: perspective(500px) rotateY(-6deg) scale(1.06);
box-shadow: 0 8px 40px 0 #f24c741f
}

@keyframes float-icon {

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

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

.lrn-prog .icon-svg {
width: 32px;
height: 32px
}

.lrn-prog .icon-node-h {
font-size: 16px;
font-weight: 700;
color: #1b2a35;
margin: 0 0 4px;
line-height: 1.5
}

.lrn-prog .icon-node-p {
font-size: 16px;
line-height: 1.9;
color: #3a5566;
margin: 0
}

.lrn-prog .method-cta-row {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
gap: 16px;
flex-wrap: wrap
}

.lrn-prog .btn-primary {
display: inline-block;
padding: 16px 40px;
border-radius: 4px;
background: transparent;
border: 2px solid #F24C74;
color: #F24C74;
font-size: 18px;
font-weight: 700;
text-decoration: none !important;
letter-spacing: .02em;
transition: background .38s cubic-bezier(0.34, 1.2, 0.64, 1), color .38s cubic-bezier(0.34, 1.2, 0.64, 1), transform .38s cubic-bezier(0.34, 1.2, 0.64, 1);
cursor: pointer
}

.lrn-prog .btn-primary:hover {
background: #F24C74;
color: #fff;
transform: scale(1.04)
}

.lrn-prog .btn-sec {
display: inline-block;
padding: 16px 40px;
border-radius: 4px;
background: transparent;
border: 2px solid #005E7A;
color: #005E7A;
font-size: 18px;
font-weight: 700;
text-decoration: none !important;
letter-spacing: .02em;
transition: background .42s ease-in-out, color .42s ease-in-out, transform .42s ease-in-out;
cursor: pointer
}

.lrn-prog .btn-sec:hover {
background: #005E7A;
color: #fff;
transform: scale(1.04)
}

.lrn-prog .wavy-top {
width: 100%;
height: 24px;
overflow: hidden;
line-height: 0
}

.lrn-prog .wavy-bot {
width: 100%;
height: 24px;
overflow: hidden;
line-height: 0
}

.lrn-prog .wavy-top svg,
.lrn-prog .wavy-bot svg {
display: block;
width: 100%;
height: 24px
}

@media (max-width: 960px) {
.lrn-prog .ttl-h1 {
font-size: 37px
}

.lrn-prog .ttl-h1 em {
font-size: 52px
}

.lrn-prog .ttl-img-wrap {
width: 100%;
height: 200px
}

.lrn-prog .prog-struct .pg-wrap {
flex-direction: column;
gap: 40px
}

.lrn-prog .struct-left {
flex: none;
width: 100%
}

.lrn-prog .mentors-top {
flex-direction: column;
align-items: flex-start
}

.lrn-prog .mentors-grid {
grid-template-columns: repeat(2, 1fr)
}

.lrn-prog .icon-grid {
grid-template-columns: repeat(2, 1fr)
}

.lrn-prog .icon-node::after {
display: none
}
}

@media (max-width: 480px) {
.lrn-prog .ttl-h1 {
font-size: 27px
}

.lrn-prog .ttl-h1 em {
font-size: 37px
}

.lrn-prog .ttl-sub {
font-size: 18px
}

.lrn-prog .mentors-grid {
grid-template-columns: 1fr
}

.lrn-prog .icon-grid {
grid-template-columns: 1fr 1fr
}

.lrn-prog .struct-h2 {
font-size: 27px
}
}

@media (min-width: 1440px) {
.lrn-prog .ttl-h1 {
font-size: 68px
}

.lrn-prog .ttl-h1 em {
font-size: 68px
}
}

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

.abt-us .pg-wrap {
max-width: 1140px;
margin: 0 auto;
padding: 0 16px
}

.abt-us ::selection {
background: linear-gradient(90deg, #F24C74, #005E7A);
color: #fff
}

.abt-us :focus-visible {
outline: 3px solid #F24C74;
outline-offset: 3px;
border-radius: 4px
}

@keyframes split-open-left {
from {
transform: translateX(60px);
opacity: 0
}

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

@keyframes split-open-right {
from {
transform: translateX(-60px);
opacity: 0
}

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

@keyframes fade-up {
from {
transform: translateY(40px);
opacity: 0
}

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

.abt-us .title-blk {
background: #fff;
padding: 80px 0 40px;
position: relative
}

.abt-us .title-blk .dot-scatter {
position: absolute;
inset: 0;
pointer-events: none;
overflow: hidden
}

.abt-us .title-blk .dot-scatter::before {
content: "";
position: absolute;
inset: 0;
background-image: radial-gradient(circle, #f24c741f 1.5px, transparent 1.5px), radial-gradient(circle, #005e7a14 1px, transparent 1px);
background-size: 38px 38px, 19px 19px;
background-position: 0 0, 9px 9px
}

.abt-us .title-blk .t-inner {
display: grid;
grid-template-columns: 1fr 260px;
gap: 40px;
align-items: center;
position: relative;
z-index: 1
}

.abt-us .title-blk .t-text {
animation: split-open-left .42s cubic-bezier(0.34, 1.2, 0.64, 1) both
}

.abt-us .title-blk .t-accent-line {
width: 48px;
height: 3px;
background: #F24C74;
border-radius: 4px;
margin-bottom: 16px
}

.abt-us .title-blk .t-label {
font-size: 16px;
color: #005E7A;
letter-spacing: .08em;
text-transform: uppercase;
margin-bottom: 8px;
font-weight: 600
}

.abt-us .title-blk .t-head {
font-size: 52px;
line-height: 1.1;
letter-spacing: -.02em;
color: #1a2e38;
margin: 0 0 16px;
font-weight: 800
}

.abt-us .title-blk .t-head .punct {
color: #F24C74
}

.abt-us .title-blk .t-sub {
font-size: 18px;
line-height: 1.5;
color: #2a4a58;
max-width: 520px;
margin: 0
}

.abt-us .title-blk .t-img-strip {
animation: split-open-right .42s cubic-bezier(0.34, 1.2, 0.64, 1) both;
position: relative
}

.abt-us .title-blk .t-img-strip img {
width: 100%;
height: 360px;
object-fit: cover;
object-position: center;
border-radius: 9px;
display: block;
box-shadow: 0 8px 40px 0 #005e7a1f;
filter: saturate(0.85) brightness(0.97)
}

.abt-us .title-blk .t-img-strip::after {
content: "";
position: absolute;
inset: 0;
border-radius: 9px;
box-shadow: inset 0 0 0 1px #f24c742e;
pointer-events: none
}

.abt-us .div-left {
height: 2px;
background: linear-gradient(90deg, #F24C74 0%, transparent 70%);
border: none;
margin: 0
}

.abt-us .who-blk {
background: #fff;
padding: 80px 0
}

.abt-us .who-blk .who-grid {
display: grid;
grid-template-columns: 340px 1fr;
gap: 80px;
align-items: start
}

.abt-us .who-blk .who-sidebar {
display: flex;
flex-direction: column;
gap: 40px
}

.abt-us .who-blk .sidebar-stat {
display: flex;
flex-direction: column;
gap: 4px;
padding: 16px;
border: 1.5px dashed #005e7a40;
border-radius: 9px;
background: #f1ffac2e;
transition: box-shadow .38s cubic-bezier(0.34, 1.2, 0.64, 1), transform .38s cubic-bezier(0.34, 1.2, 0.64, 1)
}

.abt-us .who-blk .sidebar-stat:hover {
box-shadow: 0 6px 18px 0 #f24c7414;
transform: perspective(600px) rotateY(-3deg)
}

.abt-us .who-blk .stat-icon {
width: 36px;
height: 36px;
background: #005E7A;
border-radius: 9px;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 8px
}

.abt-us .who-blk .stat-icon svg {
width: 20px;
height: 20px;
fill: #F1FFAC
}

.abt-us .who-blk .stat-num {
font-size: 37px;
line-height: 1.1;
font-weight: 800;
color: #F24C74;
letter-spacing: -.02em
}

.abt-us .who-blk .stat-desc {
font-size: 16px;
line-height: 1.5;
color: #2a4a58
}

.abt-us .who-blk .who-body {
display: flex;
flex-direction: column;
gap: 16px
}

.abt-us .who-blk .blk-accent {
width: 40px;
height: 3px;
background: #005E7A;
border-radius: 4px
}

.abt-us .who-blk .who-h {
font-size: 37px;
line-height: 1.1;
letter-spacing: -.02em;
color: #1a2e38;
font-weight: 700;
margin: 0
}

.abt-us .who-blk .who-p {
font-size: 18px;
line-height: 1.9;
color: #2a4a58;
margin: 0
}

.abt-us .who-blk .who-p em {
font-size: 21px;
font-style: italic;
color: #005E7A
}

.abt-us .who-blk .steps-list {
list-style: none;
padding: 0;
margin: 8px 0 0;
display: flex;
flex-direction: column;
gap: 0;
counter-reset: steps
}

.abt-us .who-blk .steps-list li {
counter-increment: steps;
display: flex;
align-items: flex-start;
gap: 16px;
padding: 16px 0;
position: relative
}

.abt-us .who-blk .steps-list li::before {
content: counter(steps, decimal-leading-zero);
font-size: 16px;
font-weight: 700;
color: #fff;
background: #F24C74;
width: 32px;
height: 32px;
border-radius: 9px;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
margin-top: 2px
}

.abt-us .who-blk .steps-list li::after {
content: "";
position: absolute;
left: 15px;
top: 48px;
bottom: -16px;
width: 2px;
background: linear-gradient(to bottom, #f24c744d, transparent)
}

.abt-us .who-blk .steps-list li:last-child::after {
display: none
}

.abt-us .who-blk .steps-list .step-txt {
font-size: 16px;
line-height: 1.5;
color: #2a4a58
}

.abt-us .who-blk .steps-list .step-head {
font-size: 16px;
font-weight: 700;
color: #1a2e38;
display: block;
margin-bottom: 4px
}

.abt-us .div-brand {
height: 3px;
background: #F24C74;
border: none;
margin: 0
}

.abt-us .team-blk {
background: #005E7A;
padding: 80px 0;
position: relative;
overflow: hidden
}

.abt-us .team-blk::before {
content: "";
position: absolute;
top: -80px;
right: -80px;
width: 400px;
height: 400px;
background: radial-gradient(ellipse at center, #f1ffac1f 0%, transparent 70%);
pointer-events: none
}

.abt-us .team-blk .team-top {
display: flex;
flex-direction: column;
gap: 8px;
margin-bottom: 40px
}

.abt-us .team-blk .blk-accent-light {
width: 40px;
height: 3px;
background: #F1FFAC;
border-radius: 4px
}

.abt-us .team-blk .team-h {
font-size: 37px;
line-height: 1.1;
letter-spacing: -.02em;
color: #F1FFAC;
font-weight: 700;
margin: 0
}

.abt-us .team-blk .team-sub {
font-size: 18px;
line-height: 1.5;
color: #f1ffacbf;
max-width: 560px;
margin: 0
}

.abt-us .team-blk .cards-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 16px
}

.abt-us .team-blk .t-card {
background: #ffffff0f;
border: 1px solid #f1ffac26;
border-radius: 9px;
padding: 40px 16px 16px;
display: flex;
flex-direction: column;
gap: 8px;
position: relative;
transition: transform .4s cubic-bezier(0.34, 1.2, 0.64, 1), box-shadow .4s ease-in-out;
animation: fade-up .45s cubic-bezier(0.34, 1.2, 0.64, 1) both
}

.abt-us .team-blk .t-card:nth-child(2) {
animation-delay: .08s
}

.abt-us .team-blk .t-card:nth-child(3) {
animation-delay: .16s
}

.abt-us .team-blk .t-card:hover {
transform: perspective(700px) rotateX(3deg) translateY(-4px);
box-shadow: 0 8px 40px 0 #f24c741f
}

.abt-us .team-blk .t-card .card-num {
position: absolute;
top: 16px;
right: 16px;
font-size: 52px;
line-height: 1.1;
font-weight: 900;
color: #f1ffac14;
letter-spacing: -.04em;
pointer-events: none
}

.abt-us .team-blk .t-card .card-ico {
width: 44px;
height: 44px;
background: #f24c742e;
border-radius: 9px;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 8px
}

.abt-us .team-blk .t-card .card-ico svg {
width: 24px;
height: 24px;
fill: #F1FFAC
}

.abt-us .team-blk .t-card .card-h {
font-size: 18px;
font-weight: 700;
color: #fff;
margin: 0;
line-height: 1.5
}

.abt-us .team-blk .t-card .card-p {
font-size: 16px;
line-height: 1.9;
color: #ffffffb8;
margin: 0
}

.abt-us .team-blk .team-people {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 16px;
margin-top: 40px
}

.abt-us .team-blk .person-row {
display: flex;
flex-direction: row;
align-items: center;
gap: 16px;
background: #ffffff0d;
border-radius: 9px;
padding: 16px;
border: 1px solid #f1ffac1a;
transition: background .35s ease-in-out
}

.abt-us .team-blk .person-row:hover {
background: #ffffff1a
}

.abt-us .team-blk .person-img {
width: 80px;
height: 120px;
object-fit: cover;
object-position: center;
border-radius: 9px;
flex-shrink: 0;
box-shadow: 0 6px 18px 0 #005e7a14;
filter: saturate(0.8) brightness(0.95)
}

.abt-us .team-blk .person-info {
display: flex;
flex-direction: column;
gap: 4px
}

.abt-us .team-blk .person-name {
font-size: 18px;
font-weight: 700;
color: #fff;
margin: 0
}

.abt-us .team-blk .person-role {
font-size: 16px;
color: #F1FFAC;
margin: 0
}

.abt-us .team-blk .person-note {
font-size: 16px;
line-height: 1.5;
color: #ffffffa6;
margin: 0
}

@media (max-width: 960px) {
.abt-us .title-blk .t-inner {
grid-template-columns: 1fr;
gap: 40px
}

.abt-us .title-blk .t-img-strip img {
height: 240px
}

.abt-us .who-blk .who-grid {
grid-template-columns: 1fr;
gap: 40px
}

.abt-us .who-blk .who-sidebar {
flex-direction: row;
flex-wrap: wrap
}

.abt-us .who-blk .sidebar-stat {
flex: 1 1 140px
}

.abt-us .team-blk .cards-grid {
grid-template-columns: 1fr 1fr
}

.abt-us .team-blk .team-people {
grid-template-columns: 1fr
}

.abt-us .title-blk .t-head {
font-size: 37px
}
}

@media (max-width: 480px) {
.abt-us .title-blk {
padding: 40px 0 16px
}

.abt-us .title-blk .t-head {
font-size: 27px
}

.abt-us .who-blk {
padding: 40px 0
}

.abt-us .who-blk .who-h {
font-size: 27px
}

.abt-us .team-blk {
padding: 40px 0
}

.abt-us .team-blk .cards-grid {
grid-template-columns: 1fr
}

.abt-us .team-blk .team-h {
font-size: 27px
}

.abt-us .who-blk .who-sidebar {
flex-direction: column
}
}

.success-page {
min-height: 80vh;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 80px 16px;
background: linear-gradient(160deg, #fff 60%, #005e7a12 100%)
}

.success-page .success-wrap {
max-width: 560px;
width: 100%;
text-align: center
}

.success-page .success-icon {
width: 72px;
height: 72px;
margin: 0 auto 40px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 42px;
background: #f24c7414;
box-shadow: 0 6px 18px 0 #f24c7414 inset 0 1px 6px 0 #005e7a0f
}

.success-page .success-icon svg {
display: block
}

.success-page .success-heading {
font-size: 37px;
line-height: 1.1;
letter-spacing: -.02em;
color: #005E7A;
margin: 0 0 16px
}

.success-page .success-heading span {
color: #F24C74
}

.success-page .success-text {
font-size: 18px;
line-height: 1.5;
color: #2a4a54;
margin: 0 0 40px
}

.success-page .success-divider {
width: 48px;
height: 3px;
border-radius: 4px;
background: linear-gradient(90deg, #F24C74, #005E7A);
margin: 0 auto 40px
}

.success-page .success-actions {
display: flex;
flex-direction: row;
gap: 16px;
justify-content: center;
flex-wrap: wrap
}

.success-page .btn-primary {
display: inline-block;
padding: 16px 40px;
border-radius: 9px;
font-size: 16px;
line-height: 1.5;
font-weight: 600;
color: #fff;
background: #005E7A;
border: 2px solid #005E7A;
text-decoration: none;
cursor: pointer;
box-shadow: 0 6px 18px 0 #005e7a14;
transition: background .38s cubic-bezier(0.34, 1.2, 0.64, 1), transform .38s cubic-bezier(0.34, 1.2, 0.64, 1), box-shadow .38s ease-in-out
}

.success-page .btn-primary:hover,
.success-page .btn-primary:focus {
background: #004d65;
border-color: #004d65;
transform: scale(1.04) perspective(600px) rotateX(1.5deg);
box-shadow: 0 8px 40px 0 #005e7a1f;
outline: none
}

.success-page .btn-ghost {
display: inline-block;
padding: 16px 40px;
border-radius: 9px;
font-size: 16px;
line-height: 1.5;
font-weight: 600;
color: #F24C74;
background: transparent;
border: 2px solid #F24C74;
text-decoration: none;
cursor: pointer;
transition: background .42s cubic-bezier(0.34, 1.2, 0.64, 1), color .42s cubic-bezier(0.34, 1.2, 0.64, 1), transform .42s cubic-bezier(0.34, 1.2, 0.64, 1)
}

.success-page .btn-ghost:hover,
.success-page .btn-ghost:focus {
background: #F24C74;
color: #fff;
transform: scale(1.04) perspective(600px) rotateX(-1.5deg);
outline: none
}

.success-page .success-note {
margin-top: 40px;
font-size: 16px;
line-height: 1.9;
color: #4a7080
}

.success-page .success-note a {
color: #F24C74;
text-decoration: underline;
text-underline-offset: 3px;
transition: color .32s ease-in-out
}

.success-page .success-note a:hover {
color: #005E7A
}

@media (max-width: 480px) {
.success-page {
padding: 80px 16px
}

.success-page .success-heading {
font-size: 27px
}

.success-page .success-actions {
flex-direction: column;
align-items: stretch
}

.success-page .btn-primary,
.success-page .btn-ghost {
text-align: center
}
}